body{align-items:center;min-height:100vh;background:radial-gradient(ellipse at top,#07527b,#001b31 70%);padding:12px 12px 28px;gap:18px;color:#f0fbff}
#stage{height:835.2px;background:#001b31;border-radius:14px;box-shadow:0 8px 28px #0005}
#admin,#liveadm{display:none!important}
.public-menu{width:100%;max-width:720px;display:grid;gap:12px}
.public-menu h1{font-size:clamp(24px,5vw,32px);text-align:center;margin:6px 0 8px;color:#d6f5ff}
.public-menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;border:1px solid #43c9f3;border-radius:14px;background:linear-gradient(120deg,#086eab,#03416d);color:#fff;padding:17px 22px;text-align:left;font:700 20px/1.3 Arial,sans-serif;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #0003;cursor:pointer}
.public-menu button:hover{background:linear-gradient(120deg,#0789cb,#055c96)}
.public-menu button:focus-visible{outline:3px solid #ffe475;outline-offset:3px}
.public-menu button span{font-size:30px;color:#9ce7ff}


.public-menu .public-ticker{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:4px;border:1px solid #43c9f3;border-radius:14px;overflow:hidden;background:#001827}
.public-ticker>.lb{position:static;display:block;text-align:left;padding:10px 16px 5px;font-size:14px;line-height:1.2;color:#7fe5ff;letter-spacing:2px}
.public-ticker .val{height:54px;line-height:54px;font-size:22px}
.rules-footer[hidden]{display:none}
.rules-footer{position:absolute;bottom:3.5%;left:4%;right:4%;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:7px;padding-top:12px;border-top:1px solid #9cddf5}
.rules-footer button{min-height:48px;padding:7px;border:1px solid #9dd9f6;border-radius:10px;background:#eaf7ff;color:#00449b;font:700 17px/1.2 Arial,sans-serif;cursor:pointer}
.rules-footer button[aria-current]{background:linear-gradient(#168eff,#0068d9);border-color:#0068d9;color:#fff;box-shadow:0 2px 5px #0064a633}
.rules-footer button:focus-visible{outline:3px solid #ffb627;outline-offset:2px}
#previewModal .fl-game-rules .fl-rules-copy{bottom:11%}
#previewModal .fl-game-rules .fl-rules-combined{font-size:17px}
#previewModal .fl-game-rules .fl-rules-combined li{min-height:72px;padding:8px 12px}
#previewModal .fl-game-rules .fl-rules-combined ol{gap:6px}

#previewModal .public-rare-rules .fl-rules-copy{font-size:20px}
#previewModal .public-rare-rules .fl-rules-copy h3{font-size:26px}
#previewModal .public-rare-rules .fl-rules-copy li{min-height:96px;padding:12px;gap:18px}
#previewModal .public-rare-rules .fl-rules-copy li::before{flex-basis:60px;height:60px;font-size:36px}
#previewModal .public-rare-rules .fl-rules-copy ol{gap:10px}

#previewModal .fl-monthly .fl-monthly-table{bottom:13%}
.ranking-footer{grid-template-columns:1fr 1fr 1.4fr;border-top-color:#167bb1;bottom:3%;padding:9px;background:#001b31e8;border-radius:12px}
.ranking-footer button{background:#073b61;border-color:#2cb5eb;color:#d8f6ff;font-size:21px;min-height:48px}
.ranking-footer button[aria-current]{background:linear-gradient(#159cf2,#0057b8);color:#fff}

/* Keep public ticker content moving independently of gift announcements. */
.public-ticker .track{display:inline-block;width:max-content;max-width:none;white-space:pre;animation:public-ticker-scroll 20s linear infinite;will-change:transform}
@keyframes public-ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}


body[data-view="public"]>.fish-announcement{position:fixed;inset:0;width:100%;height:100dvh;z-index:50;align-items:center;justify-content:center;background:#00192bf5}
body[data-view="public"] .fish-announcement-card{width:min(100vw,50dvh);height:auto;aspect-ratio:887/1774;max-height:100dvh;container-type:inline-size;flex:none}
body[data-view="public"] .fish-announcement img{width:100%;height:100%;object-fit:contain}
body[data-view="public"] .fish-announcement-value{font-size:clamp(18px,9cqw,110px)!important}

.rules-footer:not(.ranking-footer){grid-template-columns:repeat(4,minmax(0,1fr))}
:is(#previewModal,#stage) .fl-box.fl-fishpots{background:#fff;border:2px solid #dfae58;border-radius:24px}
.fl-fishpots-chart{position:absolute;inset:12px 10px 120px;display:flex;align-items:center;justify-content:center}
.fl-fishpots-chart img{display:block;width:100%;height:100%;object-fit:contain;border-radius:18px}
#previewModal .fl-fishpots .fl-close{opacity:1;right:8px;top:8px;width:36px;height:36px;min-height:36px;border:2px solid #ffcc49;border-radius:50%;background:#004f99;color:white;font-size:26px;line-height:1;display:grid;place-items:center}

/* Independent layout for the ticker below Game Rules. */
.public-menu .public-ticker .val{position:relative;display:block;height:64px;line-height:64px;padding:0;container-type:inline-size}
.public-menu .public-ticker .flash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0 12px;gap:clamp(8px,2cqw,16px);font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(20px,5cqw,36px);font-weight:600;line-height:1;letter-spacing:0;text-align:center;white-space:nowrap}
.public-menu .public-ticker .flash>span:not(.gift-flash-default){display:block;position:static;margin:0;padding:0;font:inherit;line-height:1;align-self:center}
.public-menu .public-ticker .flash img,.public-menu .public-ticker .gift-flash-default{align-self:center;flex:0 0 44px;width:44px;height:44px;margin:0;object-fit:contain}

/* Logo-led public ticker, with its own compact announcement layout. */
.public-menu .public-ticker{display:grid;grid-template-columns:clamp(82px,26%,172px) minmax(0,1fr);align-items:center;overflow:visible;padding:0;--ticker-logo-width:clamp(82px,26%,172px)}
.public-ticker-logo{grid-column:1;grid-row:1;position:relative;z-index:2;background:transparent;display:block;width:100%;height:88px;margin-left:0;object-fit:contain;pointer-events:none}
.public-menu .public-ticker .val{grid-column:1/-1;grid-row:1;height:66px;line-height:66px;min-width:0;background:#001422;border-radius:12px}
.public-menu .public-ticker .flash{width:calc(100% - var(--ticker-logo-width));margin-left:var(--ticker-logo-width);background:transparent;font-size:clamp(14px,4.6cqw,34px);gap:6px;padding:0 6px}
.public-menu .public-ticker .flash img,.public-menu .public-ticker .gift-flash-default{flex:0 0 28px;width:28px;height:28px}
.public-menu .public-ticker .gift-flash-default{background-size:739.45px 146.36px;background-position:-366.55px -54.73px}
.public-menu .public-ticker .track{font-size:clamp(16px,5.8cqw,24px)}

.public-menu .public-ticker .val{overflow:hidden;display:flex;align-items:center}
.public-menu .public-ticker .track{line-height:1.2;vertical-align:middle}
.public-menu .public-ticker .flash{background:#001422}

#previewModal .fl-box.fl-master-blasters{width:600px;height:1189px;box-sizing:border-box;padding:0;aspect-ratio:auto;border:2px solid #2bcfff;border-radius:24px;overflow:hidden;background:#002144 url("img/master-blasters.png") center/100% 100% no-repeat;color:white}
.fl-master-blasters .fl-body{position:relative;display:block;height:100%}
.fl-master-blasters .fl-rules-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.fl-blasters-panel{position:absolute;top:33%;bottom:1.8%;left:3.5%;right:3.5%;display:flex;flex-direction:column;background:#002144;border-radius:22px;overflow:hidden;padding-bottom:96px}
.fl-blasters-caption{flex:none;padding:12px 14px 10px;color:#b9edff;font:700 25px/1.3 Arial,sans-serif;text-align:center}
.fl-blasters-list{flex:1;min-height:0;margin:0;padding:2px 12px 12px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#35d7ff #00162c}
.fl-blasters-list::-webkit-scrollbar{width:7px}.fl-blasters-list::-webkit-scrollbar-thumb{background:#35d7ff;border-radius:8px}
.fl-blasters-list li{display:flex;align-items:center;gap:14px;min-height:66px;margin-bottom:9px;padding:8px 20px 8px 7px;border:2px solid #24d7ff;border-radius:38px;background:linear-gradient(110deg,#054d91,#001c41 70%,#075284);box-shadow:inset 0 0 10px #007ed055;font:700 25px/1.2 Arial,sans-serif}
.fl-blasters-list li:first-child{border-color:#ffd343;background:linear-gradient(110deg,#8a5a00,#282000 70%,#9a6300);color:#ffe566}
.fl-blasters-rank{display:grid;place-items:center;flex:0 0 48px;height:48px;border:2px solid #80e6ff;border-radius:50%;background:linear-gradient(#18bbfa,#0040a6);font-size:29px;text-shadow:0 2px 2px #001b44}
.fl-blasters-list li:first-child .fl-blasters-rank{border-color:#ffe56b;background:linear-gradient(#ffe562,#d58900);color:#201400;text-shadow:none}
.fl-blasters-name{flex:1;min-width:0;overflow-wrap:anywhere}
.fl-blasters-count{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:none;min-width:88px;padding-right:4px;color:#fff;font-size:22px}.fl-blasters-count img{width:126px;height:102px;margin-block:-15px;object-fit:contain}.fl-blasters-count b{min-width:24px;text-align:right}
.fl-blasters-list .fl-blasters-empty{border-radius:16px;font-size:20px;line-height:1.5;color:#d0f4ff}
#previewModal .fl-master-blasters .fl-close{right:10px;top:10px;width:38px;height:38px;min-height:38px;padding:0;z-index:3;display:grid;place-items:center;border:2px solid #ffdb60;border-radius:50%;background:#005b9c;color:white;font-size:28px;line-height:1}

/* Public game welcome, built with the existing ocean and gold palette. */
body[data-view="public"]{position:relative;isolation:isolate;background:#001426;font-family:Arial,sans-serif}
body[data-view="public"]::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#001326b8,#001020eb),var(--welcome-art) center top/cover no-repeat;pointer-events:none}
.game-welcome{width:100%;max-width:720px;text-align:center;padding:36px 12px 12px;box-sizing:border-box;color:#f2f8ff}
.game-welcome svg{width:25px;height:25px;flex:none;vertical-align:middle}
.top-fishman{display:flex;flex-direction:column;align-items:center;gap:8px}
.leader-avatar{position:relative;display:grid;place-items:center;width:112px;height:112px;border:2px solid #17ceff;border-radius:20px;background:linear-gradient(140deg,#065f93,#001e3e);box-shadow:0 0 28px #00b9ff33}
.leader-avatar>svg{width:64px;height:64px;color:#b9eaff}
.top-fishman>strong{font-size:clamp(24px,5vw,34px);font-style:italic;overflow-wrap:anywhere}
.fishman-badge{display:flex;align-items:center;gap:10px;color:#ffdb63;border:1px solid #ffcf4a;border-radius:30px;padding:7px 15px;font-size:clamp(18px,4vw,27px);font-weight:900;font-style:italic}
.top-fishman small{color:#bfd6e7;font-size:14px}
.welcome-rankings{display:flex;gap:10px;margin:20px 0}
.welcome-rankings button,.register-now{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border:2px solid #74bcff;border-radius:40px;background:linear-gradient(#063969,#001329);color:#ffda5f;font:700 clamp(15px,3.5vw,23px) Arial;cursor:pointer}
.welcome-rankings button{flex:1;padding:8px 10px}
.next-game-heading{display:flex;align-items:center;gap:20px;margin:22px 0 12px;font-size:clamp(25px,5vw,36px);color:#ffd75a;font-weight:900}
.next-game-heading::before,.next-game-heading::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#6cbeff,transparent)}
.game-countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 12px;border:1px solid #168cd1;border-radius:24px;background:linear-gradient(120deg,#00345bdb,#001225ed);box-shadow:inset 0 0 30px #0069b033}
.game-countdown>div{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;border:6px solid #049fef;border-right-color:#004d99;border-radius:50%;background:#001024;min-width:0}
.game-countdown b{font-size:clamp(28px,8vw,65px);font-variant-numeric:tabular-nums;line-height:1.1}
.game-countdown span{font-size:clamp(10px,2.5vw,15px);font-weight:700;color:#b8cfe9}
.next-game-date{font-size:14px;color:#b8d5eb;min-height:18px;margin:10px 0 16px}
.register-now{margin:auto;width:min(100%,450px);min-height:60px;font-size:clamp(20px,4vw,28px)}
.register-now svg{width:30px;height:30px;color:white}.registration-note{font-size:14px;color:#b4c8df;margin:10px 0}
.game-welcome button:focus-visible{outline:3px solid #ffe475;outline-offset:3px}
#registrationDialog{width:min(88vw,520px);height:360px;box-sizing:border-box;padding:12px;border:1px solid #43c9f3;border-radius:18px;background:#08263b;color:#fff}
#registrationDialog::backdrop{background:#000b}#closeRegistration{float:right;display:grid;place-items:center;width:36px;height:36px;border:1px solid #4d8aaf;border-radius:50%;background:#124668;color:white;cursor:pointer}#closeRegistration svg{width:20px;height:20px}

/* Countdown progress rings: hours/day, minutes/hour, seconds/minute. */
.game-countdown>div{position:relative;isolation:isolate;border:0;background:transparent}
.game-countdown>div::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#08c9ff var(--progress,0deg),#06477e 0);z-index:-2}
.game-countdown>div::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#001024;z-index:-1}
.game-countdown b{font-size:clamp(48px,16vw,125px);line-height:1;font-weight:900;letter-spacing:-.06em;max-width:90%;overflow-wrap:anywhere}
.game-countdown>div{container-type:inline-size}
.game-countdown b{font-size:min(325px,58cqw)}
.game-countdown span{margin-top:4px}

/* Shared glossy finish for the public welcome. */
.game-welcome{filter:drop-shadow(0 8px 16px #0005)}
.leader-avatar{background:radial-gradient(ellipse at 25% 0%,#22bcf488,transparent 65%),linear-gradient(145deg,#0968a7,#001932);box-shadow:inset 0 2px 2px #c5f7ff66,inset 0 -8px 18px #0005,0 0 28px #00b9ff33}
.leader-avatar::after{content:"";position:absolute;inset:3px 3px 48%;border-radius:15px 15px 45% 45%;background:linear-gradient(#ffffff38,#ffffff00);pointer-events:none}
.top-fishman>strong{text-shadow:0 2px 2px #000,0 0 16px #65caff33}
.fishman-badge{background:linear-gradient(180deg,#71531188 0%,#251c0688 48%,#040d19e8 52%,#47320b99 100%);box-shadow:inset 0 1px 1px #fff1a988,0 3px 10px #0005;text-shadow:0 2px 2px #000}
.welcome-rankings button,.register-now{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#1485cd77,transparent 80%),linear-gradient(180deg,#145486 0%,#06305a 47%,#00172f 51%,#062b50 100%);box-shadow:inset 0 2px 2px #ddf7ff66,inset 0 -3px 7px #0006,0 5px 12px #0005;text-shadow:0 2px 2px #001020}
.welcome-rankings button::before,.register-now::before{content:"";position:absolute;inset:2px 4px 52%;border-radius:40px 40px 50% 50%;background:linear-gradient(#ffffff23,#ffffff03);pointer-events:none}
.welcome-rankings button:hover,.register-now:hover{background:linear-gradient(180deg,#176aa3,#073c6b 48%,#002544 52%,#0a416e);border-color:#b5e4ff}
.next-game-heading{background:linear-gradient(#fff3ac 10%,#ffdf62 42%,#ffb627 90%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #0008)}
.game-countdown{background:radial-gradient(ellipse at 50% 0%,#0a71aa55,transparent 75%),linear-gradient(155deg,#06365fe8,#001325f5 55%,#073454e8);border-color:#2879ac;box-shadow:inset 0 1px 2px #8feaff66,inset 0 -10px 25px #0006,0 8px 24px #0005}
.game-countdown>div::before{background:conic-gradient(from 0deg,#8cefff 0deg,#06c4ff calc(var(--progress,0deg)*.5),#0087de var(--progress,0deg),#073762 var(--progress,0deg),#0b4a7d 360deg);box-shadow:inset 0 1px 2px #b9f7ff99,0 0 14px #009ce333,0 5px 10px #0007}
.game-countdown>div::after{background:radial-gradient(ellipse at 45% 0%,#255077 0%,#071e37 45%,#001023 65%,#04233c 100%);box-shadow:inset 0 2px 5px #0009,inset 0 -1px 2px #78bfe844}
.game-countdown b{background:linear-gradient(#fff 30%,#d5e8fc 65%,#a4c3e0);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px #0008)}
.game-countdown span{text-shadow:0 1px 3px #000}
.public-menu button{background:linear-gradient(125deg,#107fb5,#075381 55%,#03344f);box-shadow:inset 0 1px 2px #b8efff55,inset 0 -2px 5px #0004,0 4px 12px #0004}

.game-countdown b{font-family:"Open Sans",Arial,sans-serif;font-weight:400}

.game-countdown b,.game-countdown span{position:relative;z-index:2;overflow:visible}
.game-countdown b{max-width:none;overflow-wrap:normal;white-space:nowrap;line-height:1.2;padding-inline:.06em}

/* Welcome covers the public page until the scheduled game starts. */
body.welcome-active{overflow:hidden}
.game-welcome{position:fixed;inset:0;z-index:10;width:100%;max-width:none;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:clamp(24px,6vh,64px) max(16px,calc((100vw - 680px)/2)) 28px;background:linear-gradient(#001326bc,#001020ed),var(--welcome-art) center/cover no-repeat;filter:none;display:flex;flex-direction:column;justify-content:safe center}
.game-welcome[hidden]{display:none}
.game-welcome>*{flex-shrink:0}
.game-welcome .welcome-rankings{width:100%}
.game-welcome .game-countdown{width:100%;box-sizing:border-box}
.game-welcome .next-game-heading{width:100%}
#registrationDialog{z-index:30}

.game-welcome{position:fixed;inset:0;justify-content:safe center;background:rgba(0,0,0,.8)}

.game-welcome{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

.game-welcome .next-game-date{margin:8px 0 0}
.game-welcome .register-now{margin:20px auto 0;flex-shrink:0}
.game-welcome .registration-note{margin:10px 0 0;line-height:1.5;text-align:center}

.game-welcome .next-game-heading{margin-bottom:6px}
.next-game-tagline{margin:0 0 12px;font-size:clamp(10px,2.5vw,15px);font-weight:700;line-height:1.4;color:#b8cfe9;text-align:center}

.game-countdown>div::before{background:#073762}
.game-countdown .countdown-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible;pointer-events:none;z-index:1}
.countdown-ring circle{fill:none;stroke-width:3;stroke:#0b4a7d}
.countdown-ring .ring-progress{stroke:#15caff;stroke-linecap:round;stroke-dasharray:var(--progress,0) 100;filter:drop-shadow(0 0 1px #7aeaff);transition:stroke-dasharray .4s linear}

/* Glossy registration panel, shared ocean palette. */
#registrationDialog{width:min(92vw,680px);height:auto;max-height:92dvh;overflow-y:auto;padding:32px 34px 26px;background:radial-gradient(ellipse at 30% 0%,#07406a66,transparent 65%),linear-gradient(130deg,#002441,#00182c 65%,#00223b);border:2px solid #00bcf5;border-radius:22px;color:#f1f7ff;box-shadow:inset 0 1px 1px #b9f3ff44,0 20px 80px #0009;font-family:Arial,sans-serif}
#registrationDialog::backdrop{background:#00102099;backdrop-filter:blur(8px)}#registrationDialog svg,.join-blank svg{width:25px;height:25px;flex:none}
#registrationDialog #closeRegistration{position:absolute;right:14px;top:14px;width:40px;height:40px;background:linear-gradient(#134c79,#00172e);border:2px solid #1187ce;box-shadow:inset 0 1px 2px #c3efff44}
#registrationTitle{margin:5px 20px 8px;text-align:center;font-size:clamp(30px,6vw,58px);font-style:italic;font-weight:900;letter-spacing:-1px}#registrationTitle>span{background:linear-gradient(#fff3a2,#ffdb52 50%,#ffc529);background-clip:text;-webkit-background-clip:text;color:transparent}
.join-tagline{text-align:center;color:#a3d6f4;font-size:clamp(14px,2.5vw,23px);font-style:italic;margin:0 0 30px;font-weight:600}
#registrationName{display:block;color:#ffe16a;font-size:22px;font-weight:700;margin:0 8px 9px;overflow-wrap:anywhere}#registrationName>span{color:#ff4656}
.join-input{display:flex;align-items:center;gap:12px;min-height:66px;border:2px solid #00b8ed;border-radius:17px;padding:8px 14px;background:linear-gradient(125deg,#00162be6,#00284466);box-shadow:inset 0 2px 8px #0005;box-sizing:border-box}
.join-input-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #087eb8;border-radius:50%;background:linear-gradient(130deg,#105c91,#001a32);box-shadow:inset 0 1px 2px #9cdaff44;color:#fff}
.join-input input{min-width:0;width:100%;border:0;outline:0;background:none;color:#fff;font:400 clamp(17px,3vw,24px) Arial;padding:6px 0;box-shadow:none}.join-input input::placeholder{color:#7a9dcc}.join-input:focus-within{outline:2px solid #b3eaff;outline-offset:3px}
#registrationHelp{display:grid;place-items:center;background:linear-gradient(#105181,#002a50);color:#a1d7ff;border:2px solid #2fa5ef;border-radius:50%;width:36px;height:36px;padding:0;flex:none;cursor:pointer}
#bigoLookupStatus{font-size:14px;color:#a3bfdc;margin:9px 10px 0;min-height:20px}.join-divider{display:flex;align-items:center;gap:24px;margin:16px 8px;color:#a5c9f4;font-size:23px}.join-divider::before,.join-divider::after{content:"";flex:1;height:2px;background:#709dd6}
.join-google,.join-submit{width:100%;position:relative;overflow:hidden;min-height:74px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;border:2px solid #56e1ff;border-radius:24px;background:linear-gradient(#0b69bd,#003673 48%,#001b40 52%,#063b70);box-shadow:inset 0 2px 4px #bdf9ff99,0 0 18px #008cff33;color:#f5f8ff;font:700 clamp(18px,3.4vw,28px) Arial;cursor:pointer}
.join-google::before,.join-submit::before{content:"";position:absolute;inset:2px 5px 55%;background:linear-gradient(#ffffff20,transparent);border-radius:20px;pointer-events:none}.join-google img{width:40px;height:40px;object-fit:contain;background:white;border-radius:50%;padding:5px;box-sizing:border-box}
.join-email,.join-password{margin-top:20px}.join-password[hidden]{display:none}.join-submit{margin-top:20px;background:linear-gradient(#078aff,#005de0 48%,#0047b4 52%,#0057d5);color:#ffdf5c}.join-submit svg{width:30px!important;height:30px!important}.join-password-toggle{display:block;margin:24px auto 0;padding:5px;background:none;border:0;color:#00bff4;text-decoration:underline;font:400 19px Arial;cursor:pointer}
.join-blank{width:min(88vw,520px);height:360px;padding:12px;box-sizing:border-box;border:2px solid #00bcf5;border-radius:18px;background:#08263b;color:white}.join-blank::backdrop{background:#0009}.join-blank button{float:right;display:grid;place-items:center;width:36px;height:36px;background:#124668;border:1px solid #4d8aaf;border-radius:50%;color:white;cursor:pointer}
@media(max-width:480px){#registrationDialog{padding:45px 18px 22px}.join-tagline{margin-bottom:22px}.join-input{gap:8px;padding:8px;min-height:60px}.join-input-icon{width:36px;height:36px}.join-google,.join-submit{min-height:64px;gap:12px}}

#registrationName{height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
#bigoLookupStatus{height:40px;min-height:40px;line-height:20px;overflow-y:auto;overflow-wrap:anywhere}

#registrationDialog{min-height:min(640px,88dvh)}
#registrationDialog [hidden]{display:none!important}
#registrationDialog.registered-account .join-email{margin-top:8px}
#registrationDialog.registered-account .join-email input{color:#8caacb}

.game-welcome .register-now[hidden],.game-welcome .registration-note[hidden]{display:none!important}

.fl-blasters-count.totals-hidden{min-width:0;gap:0;justify-content:flex-end}.fl-blasters-count.totals-hidden b{display:none}.fl-blasters-count.totals-hidden img{margin-right:0}

.rules-footer:not(.ranking-footer){grid-template-columns:48px repeat(4,minmax(0,1fr));gap:6px}
.rules-footer:not(.ranking-footer) button{min-width:0;padding-inline:4px;font-size:16px}
.rules-footer button[data-rule="rulesHome"]{display:grid;place-items:center}