@font-face{font-family:Fixedsys;src:url(/fonts/fixedsys-excelsior.woff2) format("woff2");font-display:swap}:root{--navy-900: #070f22;--navy-800: #0b1a38;--navy-700: #12285a;--navy-600: #1b3a7a;--plum-900: #160d2e;--plum-800: #221544;--plum-700: #33205f;--plum-600: #4a2d85;--plum-500: #6a3fb0;--gold-300: #ffe48a;--gold-400: #ffd147;--gold-500: #f5ad1f;--gold-700: #a8620e;--gem-400: #ff6fb8;--gem-500: #ec3c8e;--gem-700: #8f1450;--green-400: #74e24b;--green-500: #3fb52a;--green-700: #1f6d14;--blue-400: #55c8ff;--blue-500: #1f86e6;--blue-700: #0f4a8c;--red-500: #e8413c;--red-700: #8a1714;--wood-500: #9b6431;--wood-700: #5a3515;--ink: #0a0716;--text: #d6d1e2;--text-strong: #ebe7f2;--muted: rgba(214, 209, 226, .58);--accent: #e9be45;--r-common: #a9b8c9;--r-rare: #3fb4ff;--r-epic: #c062ff;--r-legendary: #ffb21e;--r-mythic: #ff4f7b;--stroke: 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 1px 0 var(--ink), 0 -1px 0 var(--ink), 1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink), 0 2px 0 var(--ink);--stroke-thin: 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 1px 0 var(--ink), 0 -1px 0 var(--ink);--bevel: inset 0 3px 0 rgba(255, 255, 255, .14), inset 0 -4px 0 rgba(0, 0, 0, .35);--display: "Fixedsys", "Courier New", monospace;--body: "Fixedsys", "Courier New", monospace;--frame-w: 430px;--frame-h: 932px;--tap: 48px;--gutter: 12px;--gap: 8px;--topbar-h: 56px;--nav-h: 72px;--nav-raise: 12px;--btn-h-s: 36px;--btn-h: 48px;--btn-h-l: 60px;--radius-s: 10px;--radius-m: 14px;--radius-l: 18px;--border: 3px;--fs-xs: 12px;--fs-s: 14px;--fs-m: 16px;--fs-l: 16px;--fs-xl: 24px;--clock-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'><rect x='2' y='0' width='1' height='1'/><rect x='3' y='0' width='1' height='1'/><rect x='4' y='0' width='1' height='1'/><rect x='5' y='0' width='1' height='1'/><rect x='6' y='0' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='7' y='1' width='1' height='1'/><rect x='0' y='2' width='1' height='1'/><rect x='4' y='2' width='1' height='1'/><rect x='8' y='2' width='1' height='1'/><rect x='0' y='3' width='1' height='1'/><rect x='4' y='3' width='1' height='1'/><rect x='8' y='3' width='1' height='1'/><rect x='0' y='4' width='1' height='1'/><rect x='4' y='4' width='1' height='1'/><rect x='5' y='4' width='1' height='1'/><rect x='6' y='4' width='1' height='1'/><rect x='8' y='4' width='1' height='1'/><rect x='0' y='5' width='1' height='1'/><rect x='8' y='5' width='1' height='1'/><rect x='0' y='6' width='1' height='1'/><rect x='8' y='6' width='1' height='1'/><rect x='1' y='7' width='1' height='1'/><rect x='7' y='7' width='1' height='1'/><rect x='2' y='8' width='1' height='1'/><rect x='3' y='8' width='1' height='1'/><rect x='4' y='8' width='1' height='1'/><rect x='5' y='8' width='1' height='1'/><rect x='6' y='8' width='1' height='1'/></svg>");--fs-xxl: 32px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--navy-900);color:var(--text);font-family:var(--body);font-size:16px;font-weight:400;font-synthesis:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none}b,strong{font-weight:400;color:var(--text-strong)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.world{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(106,63,176,.45),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(31,134,230,.35),transparent 60%),var(--navy-900)}.phone{position:relative;width:100%;max-width:440px;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#070f2233,#070f22bf),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),linear-gradient(180deg,#1a3f86,#12285a 45%,#0b1a38);box-shadow:0 0 80px #0009}.world.is-framed{align-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(255,209,71,.1),transparent 45%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 3px,transparent 3px 36px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 3px,transparent 3px 36px),linear-gradient(180deg,#1a3f86,#102a5c 40%,#0b1a38 75%,#160d2e)}.world.is-framed .phone{flex:none;border-radius:34px;border:6px solid var(--ink);box-shadow:0 0 0 4px var(--gold-500),0 0 0 9px var(--ink),0 30px 80px #0009,0 0 120px #6a3fb080}.is-mobile .phone{padding-top:env(safe-area-inset-top)}.side-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;pointer-events:none}.side-art .side{position:relative;flex:1;max-width:calc(50% - 250px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.side-art .deco{object-fit:contain;filter:drop-shadow(0 18px 0 rgba(0,0,0,.25))}.side-art .deco.big{width:min(26vw,380px);max-height:38vh}.side-art .deco.mid{width:min(16vw,230px);max-height:24vh}.side-art .deco.small{width:min(11vw,160px);max-height:16vh}.side-art .logo{font-size:clamp(36px,5vw,84px);line-height:.9;text-align:center;color:var(--gold-400);text-shadow:0 5px 0 var(--gold-700),0 9px 0 var(--ink),0 0 40px rgba(255,209,71,.35);transform:rotate(-4deg)}.side-art .logo span{color:var(--text-strong);text-shadow:0 5px 0 var(--plum-600),0 9px 0 var(--ink),0 0 40px rgba(106,63,176,.5)}.side-art .theme-switch{width:min(22vw,300px)}.side-art .keys{font-size:var(--fs-s);color:var(--muted);text-align:center;line-height:2}.side-art .keys kbd{display:inline-block;min-width:22px;padding:1px 6px;margin:0 2px;border-radius:6px;font:700 12px var(--body);color:var(--text);background:var(--plum-700);border:2px solid var(--ink);box-shadow:inset 0 -2px #0006}@media (max-width: 1000px){.side-art{display:none}}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px var(--gutter) calc(18px + var(--nav-raise));scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.display{font-family:var(--display);font-weight:400;color:var(--text-strong);text-shadow:var(--stroke)}.muted{color:var(--muted)}.subtitle{font-family:var(--display);font-size:var(--fs-s);color:var(--text);text-shadow:var(--stroke-thin)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1}.center{display:flex;align-items:center;justify-content:center}.topbar{display:flex;align-items:center;gap:6px;height:var(--topbar-h);flex:none;padding:0 10px;background:linear-gradient(180deg,#0a0716d9,#0a071659);z-index:5}.avatar{position:relative;width:52px;height:52px;flex:none;padding:0;margin:-4px 0 -4px -4px}.avatar-xp{position:absolute;left:6px;right:6px;bottom:-2px;height:6px;background:var(--ink);border:1px solid var(--ink)}.avatar-xp>i{position:absolute;inset:1px auto 1px 0;background:linear-gradient(180deg,var(--blue-400),var(--blue-500))}.avatar-lvl{position:absolute;right:-4px;top:-4px;z-index:1;min-width:20px;height:18px;padding:0 3px 1px;display:grid;place-items:center;font-family:var(--display);font-size:var(--fs-xs);line-height:1;color:var(--text-strong);text-shadow:var(--stroke-thin);background:linear-gradient(180deg,var(--blue-400),var(--blue-500));border:2px solid var(--ink);border-radius:0 7px 0 6px}.res{position:relative;flex:1;min-width:0;height:30px;display:flex;align-items:center;padding:0 26px 0 34px;border-radius:9px;background:var(--ink);box-shadow:inset 0 2px #0009,0 1px #ffffff14;font-family:var(--display);font-size:16px;text-shadow:var(--stroke)}.res>img{position:absolute;left:-4px;top:50%;width:30px;height:30px;transform:translateY(-50%);object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}.res .plus{position:absolute;right:3px;top:3px;width:22px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:18px;line-height:1;background:linear-gradient(180deg,var(--green-400),var(--green-500));box-shadow:0 2px 0 var(--green-700),var(--bevel)}.res .plus:before{content:"";position:absolute;top:-11px;right:-8px;bottom:-11px;left:-8px}.res .sub{position:absolute;left:30px;bottom:-9px;font-size:10px;color:var(--accent);text-shadow:var(--stroke-thin)}.res.pulse>img{animation:bump .35s ease}.nav{position:relative;z-index:6;flex:none;display:flex;align-items:flex-end;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:linear-gradient(180deg,var(--plum-800),var(--plum-900));border-top:var(--border) solid var(--ink);box-shadow:inset 0 3px #ffffff14,0 -6px 18px #00000059}.nav button{position:relative;flex:1;height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-m) var(--radius-m) 0 0;transition:flex .22s cubic-bezier(.3,1.3,.5,1),height .22s,margin .22s}.nav button+button:after{content:"";position:absolute;left:-2px;top:16px;bottom:16px;width:2px;background:#00000059}.nav button img{height:44px;width:56px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5)) saturate(.7) brightness(.85);transition:transform .22s cubic-bezier(.3,1.4,.5,1),filter .2s}.nav button .label{position:absolute;bottom:7px;font-family:var(--display);font-size:var(--fs-s);text-shadow:var(--stroke);opacity:0;transform:translateY(6px);transition:opacity .15s,transform .2s}.nav button.on{flex:1.5;height:calc(var(--nav-h) + var(--nav-raise));margin-top:calc(-1 * var(--nav-raise));background:linear-gradient(180deg,#8a5ad6,var(--plum-500) 45%,var(--plum-600));border:var(--border) solid var(--ink);border-bottom:0;box-shadow:inset 0 3px #ffffff4d}.nav button.on:after,.nav button.on+button:after{display:none}.nav button.on img{transform:translateY(-12px) scale(1.3);filter:drop-shadow(0 3px 0 rgba(0,0,0,.5))}.nav button.on .label{opacity:1;transform:none}.nav kbd{position:absolute;top:4px;left:6px;font:600 9px var(--body);opacity:0;color:var(--muted)}.profile-banner{position:relative;display:flex;align-items:center;gap:12px;padding:16px 48px 16px var(--gutter);border-radius:var(--radius-m) var(--radius-m) 0 0;background:linear-gradient(160deg,color-mix(in srgb,var(--league) 55%,var(--plum-700)),var(--plum-900) 85%);border-bottom:var(--border) solid var(--ink);overflow:hidden}.profile-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 10px,transparent 10px 20px);pointer-events:none}.captain-frame{position:relative;flex:none;width:96px;height:96px;border-radius:var(--radius-m);border:var(--border) solid var(--ink);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--league) 60%,white 10%),var(--plum-800));box-shadow:inset 0 3px #fff3,0 3px #0006}.captain-frame>img{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.captain-frame .lvl-badge{position:absolute;right:-10px;bottom:-10px;width:38px;height:38px}.captain-frame .lvl-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 0 var(--ink))}.medal-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.medal{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-s);background:#0a071673}.medal img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.medal.locked img{filter:grayscale(1) brightness(.35)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mini-fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.stat{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:var(--radius-s);background:#0a071673}.stat .muted{font-size:var(--fs-xs)}.stat .display{font-size:var(--fs-m)}.deck-slots{display:flex;gap:4px;margin-left:10px}.deck-slots button{width:32px;height:32px;border-radius:9px;border:2px solid var(--ink);font-family:var(--display);color:var(--muted);background:#0a071680;position:relative}.deck-slots button:before{content:"";position:absolute;top:-6px;right:-1px;bottom:-6px;left:-1px}.deck-slots button.on{color:var(--text-strong);text-shadow:var(--stroke);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));box-shadow:inset 0 2px #fff6,inset 0 -3px 0 var(--gold-700)}.filters{display:flex;flex-direction:column;gap:6px}.chip{min-height:32px;min-width:32px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:2px solid var(--ink);background:#0a071680;font-family:var(--display);font-size:var(--fs-s);color:var(--text);position:relative}.chip:before{content:"";position:absolute;top:-8px;right:-1px;bottom:-8px;left:-1px}.chip.on{background:linear-gradient(180deg,#6c47a8,var(--plum-600));box-shadow:inset 0 2px #ffffff40,0 0 0 2px var(--gold-400)}.chip:has(>span[title]){padding:2px}.segmented button small{font-size:var(--fs-xs);opacity:.8}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;border-radius:6px;background:var(--ink);box-shadow:inset 0 2px #00000080}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--ink);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));box-shadow:inset 0 2px #fff6;cursor:pointer}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:7px;border:2px solid var(--ink);background:var(--gold-400);cursor:pointer}.idol-statue{flex:none;width:76px;height:76px;border-radius:var(--radius-m);border:var(--border) solid var(--ink);background:#0a07168c;display:grid;place-items:center;position:relative}.idol-statue img{width:64px;height:64px;object-fit:contain;filter:grayscale(1) brightness(.45)}.idol-statue.built img{filter:drop-shadow(0 3px 0 rgba(0,0,0,.5))}.idol-statue.ready{background:radial-gradient(circle,#ffd14773,#0a07168c 70%);box-shadow:0 0 0 3px var(--gold-400),0 0 18px var(--gold-400);animation:pulseGlow 1.4s ease-in-out infinite}.idol-statue.ready:active img{transform:scale(.92)}.spell-cost{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px 1px;border-radius:11px;font-size:var(--fs-s);line-height:1;background:linear-gradient(180deg,#ff6fb8,#ec3c8e);border:2px solid var(--ink);vertical-align:1px}.auto-toggle{width:46px;height:24px;margin-bottom:4px;border-radius:7px;border:2px solid var(--ink);font-family:var(--display);font-size:var(--fs-xs);color:var(--muted);background:linear-gradient(180deg,#3d3360,#2a2247);box-shadow:inset 0 -3px #150f2a;position:relative}.auto-toggle:before{content:"";position:absolute;top:-12px;right:-2px;bottom:-12px;left:-2px}.auto-toggle.on{color:var(--text-strong);text-shadow:var(--stroke);background:linear-gradient(180deg,var(--green-400),var(--green-500));box-shadow:inset 0 2px #ffffff59,inset 0 -3px 0 var(--green-700)}.lucky-ladder{display:flex;gap:6px}.lucky-step{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--radius-s);border:var(--border) solid var(--ink);background:#0a071699}.lucky-step img{width:36px;height:36px;object-fit:contain;filter:grayscale(1) brightness(.4)}.lucky-step.on{background:color-mix(in srgb,var(--g) 35%,#160d2e)}.lucky-step.on img{filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.lucky-step.now{box-shadow:0 0 0 3px var(--g),0 0 16px var(--g);transform:translateY(-4px)}.lucky-flash{position:absolute;left:50%;top:4%;transform:translate(-50%);font-size:var(--fs-xxl);color:var(--accent);animation:popIn .4s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}.lucky-flash.miss{color:var(--muted);font-size:var(--fs-xl)}.lucky-pip{width:14px;height:14px;border-radius:4px;border:2px solid var(--ink);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));box-shadow:inset 0 2px #fff6}.sea-card{padding:10px}.sea-card.locked{filter:grayscale(.6) brightness(.6)}.sea-boss{width:48px;height:48px;flex:none;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.sea-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.sea-node{position:relative;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-s);border:var(--border) solid var(--ink);background:#0a07168c;box-shadow:inset 0 -4px #00000059}.sea-node .display{font-size:var(--fs-xl);line-height:1}.sea-node.cleared{background:linear-gradient(180deg,#3d6fae,#1d3f78);box-shadow:inset 0 3px #fff3,inset 0 -4px #00000059}.sea-node.current{background:linear-gradient(180deg,var(--green-400),var(--green-500));box-shadow:inset 0 3px #ffffff59,inset 0 -4px 0 var(--green-700),0 0 0 3px #fff,0 0 14px #fff;animation:pulseGlow 1.4s ease-in-out infinite}.sea-node.locked{opacity:.55}.sea-node.boss{grid-column:1 / -1}.sea-node.boss .display{color:#ffb4a8;letter-spacing:2px}.sea-node.boss.cleared{background:linear-gradient(180deg,#a8443c,#6a1f24)}.sea-stars{display:flex;gap:1px;font-size:15px;line-height:1}.sea-tag{display:flex;align-items:center;height:20px;font-family:var(--display);font-size:var(--fs-xs);color:var(--text-strong);text-shadow:var(--stroke)}.sea-tag .ico{width:18px;height:18px;vertical-align:0}.segmented{display:flex;gap:4px;padding:4px;border-radius:var(--radius-m);background:#0a07168c;box-shadow:inset 0 3px #0006}.segmented button{position:relative;flex:1;height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-s);font-family:var(--display);font-size:var(--fs-l);text-shadow:var(--stroke);color:var(--muted);transition:background .15s,color .15s}.segmented button img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5)) saturate(.6)}.segmented button.on{color:var(--text-strong);background:linear-gradient(180deg,#8a5ad6,var(--plum-500));border:var(--border) solid var(--ink);box-shadow:inset 0 3px #ffffff4d,0 3px #0006}.segmented button.on img{filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.dot{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px 1px;border-radius:10px;background:var(--red-500);border:2px solid var(--ink);font-family:var(--display);font-size:12px;line-height:1;display:grid;place-items:center;z-index:2;animation:dotpop 1.4s ease-in-out infinite;text-shadow:none}.dot:empty{min-width:16px;width:16px;height:16px}.panel{position:relative;border-radius:14px;padding:10px;background:linear-gradient(180deg,var(--plum-700),var(--plum-800));border:3px solid var(--ink);box-shadow:var(--bevel),0 4px #00000059}.panel.gold{background:linear-gradient(180deg,#5b3a1a,#3a230c);border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--gold-500),inset 0 6px #ffffff1f,0 4px #00000059}.panel.blue{background:linear-gradient(180deg,var(--navy-600),var(--navy-700))}.panel-title{font-family:var(--display);font-size:18px;text-shadow:var(--stroke);margin:2px 2px 8px;display:flex;align-items:center;gap:8px}.section-title{font-family:var(--display);font-size:20px;text-shadow:var(--stroke);margin:16px 2px 8px;display:flex;align-items:center;gap:8px}.section-title .timer{margin-left:auto;font-size:13px;color:var(--accent)}.ribbon{position:relative;display:inline-block;padding:6px 22px 8px;font-family:var(--display);font-size:22px;text-shadow:var(--stroke);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--text-strong);border:3px solid var(--ink);border-radius:10px;box-shadow:inset 0 3px #fff6,inset 0 -4px 0 var(--gold-700)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--btn-h);padding:0 16px 3px;border-radius:var(--radius-s);font-family:var(--display);font-size:var(--fs-l);text-shadow:var(--stroke);white-space:nowrap;border:var(--border) solid var(--ink);background:linear-gradient(180deg,var(--green-400) 0%,var(--green-500) 100%);box-shadow:inset 0 3px #ffffff59,inset 0 -5px 0 var(--green-700),0 3px #0006;transition:transform .06s,filter .1s}.btn:active:not(:disabled){transform:translateY(3px) scale(.98);box-shadow:inset 0 2px #ffffff4d,inset 0 -2px 0 var(--green-700)}.btn:disabled{filter:grayscale(.85) brightness(.75);cursor:default}.btn img{height:20px;width:20px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.btn.gold{background:linear-gradient(180deg,var(--gold-400),var(--gold-500));box-shadow:inset 0 3px #ffffff73,inset 0 -5px 0 var(--gold-700),0 3px #0006}.btn.gem{background:linear-gradient(180deg,var(--gem-400),var(--gem-500));box-shadow:inset 0 3px #fff6,inset 0 -5px 0 var(--gem-700),0 3px #0006}.btn.blue{background:linear-gradient(180deg,var(--blue-400),var(--blue-500));box-shadow:inset 0 3px #fff6,inset 0 -5px 0 var(--blue-700),0 3px #0006}.btn.red{background:linear-gradient(180deg,#ff6a5e,var(--red-500));box-shadow:inset 0 3px #ffffff59,inset 0 -5px 0 var(--red-700),0 3px #0006}.btn.purple{background:linear-gradient(180deg,#9a66ef,var(--plum-500));box-shadow:inset 0 3px #ffffff59,inset 0 -5px #2e1660,0 3px #0006}.btn.dark{background:linear-gradient(180deg,#3d3360,#2a2247);box-shadow:inset 0 3px #ffffff1f,inset 0 -5px #150f2a,0 3px #0006}.btn.big{min-height:var(--btn-h-l);font-size:24px;border-radius:var(--radius-m);padding:0 24px 4px}.btn.small{min-height:var(--btn-h-s);font-size:var(--fs-m);padding:0 10px 3px;border-radius:9px}.btn.small:before{content:"";position:absolute;inset:calc((var(--btn-h-s) - var(--tap)) / 2) -3px}.btn.small img{height:16px;width:16px}@media (hover: hover) and (pointer: fine){.btn:hover:not(:disabled),.icon-btn:hover,button.card:hover,button.panel:hover{filter:brightness(1.1)}button.card,button.panel{transition:transform .12s,filter .12s}button.card:hover{transform:translateY(-2px)}.nav button:not(.on):hover img{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.nav:hover kbd{opacity:.8}}:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.btn.wide{width:100%}.btn.shine{overflow:hidden}.btn.shine:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(20deg);animation:shine 2.6s ease-in-out infinite}.btn .strike{text-decoration:line-through;opacity:.7;font-size:.75em}.icon-btn{position:relative;width:var(--tap);height:var(--tap);border-radius:13px;display:grid;place-items:center;background:linear-gradient(180deg,var(--plum-600),var(--plum-700));border:3px solid var(--ink);box-shadow:var(--bevel),0 3px #0006}.icon-btn img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.icon-btn small{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-family:var(--display);font-size:10px;white-space:nowrap;text-shadow:var(--stroke)}.input{font:inherit;font-size:16px;color:var(--text);min-height:var(--btn-h);padding:9px 12px;border-radius:var(--radius-s);border:var(--border) solid var(--ink);background:var(--plum-900);box-shadow:inset 0 3px #00000073;outline:none;min-width:0;-webkit-user-select:text;user-select:text}.input:focus{border-color:var(--gold-500)}.input::placeholder{color:var(--muted);opacity:.7}a.btn{text-decoration:none;color:inherit}.card{--rc: var(--r-common);position:relative;border-radius:12px;padding:4px;border:3px solid var(--ink);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 70%,white 8%),color-mix(in srgb,var(--rc) 55%,#05070f) 75%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rc) 70%,white 30%),inset 0 -5px #0000004d,0 3px #0006}.card.r-common{--rc: var(--r-common)}.card.r-rare{--rc: var(--r-rare)}.card.r-epic{--rc: var(--r-epic)}.card.r-legendary{--rc: var(--r-legendary)}.card.r-mythic{--rc: var(--r-mythic)}.card.r-legendary:before,.card.r-mythic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from var(--shine),transparent,rgba(255,255,255,.35),transparent 30%);animation:shineTurn 4s linear infinite;pointer-events:none}.card img.art{position:relative;display:block;width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.card .lvl-tag{position:absolute;left:4px;top:4px;font-family:var(--display);font-size:12px;padding:1px 6px 2px;border-radius:6px;background:#0a0716bf;text-shadow:var(--stroke);z-index:1}.card .el-tag{position:absolute;left:4px;top:24px;font-size:14px;line-height:0;z-index:1;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.card .el-tag:first-child{top:4px}.card .name{position:relative;font-family:var(--display);font-size:12px;text-align:center;text-shadow:var(--stroke);line-height:1.05;min-height:26px;display:grid;place-items:center}.card.locked img.art{filter:brightness(0) opacity(.45)}.card.dim{filter:grayscale(.7) brightness(.7)}.bar{position:relative;height:16px;border-radius:8px;background:var(--ink);overflow:hidden;box-shadow:inset 0 2px #00000080}.bar>i{position:absolute;inset:0 auto 0 0;border-radius:8px;background:linear-gradient(180deg,var(--blue-400),var(--blue-500));box-shadow:inset 0 2px #ffffff59;transition:width .6s cubic-bezier(.2,.9,.3,1)}.bar.green>i{background:linear-gradient(180deg,var(--green-400),var(--green-500))}.bar.gold>i{background:linear-gradient(180deg,var(--gold-400),var(--gold-500))}.bar.gem>i{background:linear-gradient(180deg,var(--gem-400),var(--gem-500))}.bar>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--display);font-size:var(--fs-xs);line-height:1;white-space:nowrap;color:var(--text-strong);text-shadow:var(--stroke)}.bar:has(>span){min-height:18px!important}.bar-icon{position:relative;z-index:1;width:24px;margin-right:-10px;font-size:18px;line-height:1;text-align:center;filter:drop-shadow(0 2px 0 var(--ink))}.bar.ready>i{background:linear-gradient(180deg,var(--green-400),var(--green-500));animation:pulseGlow 1s ease-in-out infinite}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#05030ec7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}.modal{position:relative;width:100%;max-height:92%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;animation:popIn .32s cubic-bezier(.2,1.4,.4,1)}.modal-head{position:relative;text-align:center;margin:-2px 0 10px}.close-x{position:absolute;right:6px;top:6px;width:36px;height:36px;border-radius:10px;font-family:var(--display);font-size:20px;background:linear-gradient(180deg,#ff6a5e,var(--red-500));border:3px solid var(--ink);box-shadow:inset 0 2px #ffffff59,inset 0 -4px 0 var(--red-700);text-shadow:var(--stroke);z-index:3}.close-x:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.tap-hint{font-family:var(--display);font-size:16px;text-shadow:var(--stroke);opacity:.85;animation:blink 1.2s ease-in-out infinite}.toasts{position:absolute;top:64px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:90;pointer-events:none}.toast{padding:8px 16px 10px;border-radius:12px;font-family:var(--display);font-size:15px;text-shadow:var(--stroke);border:3px solid var(--ink);background:linear-gradient(180deg,var(--plum-600),var(--plum-700));animation:toastIn .3s cubic-bezier(.2,1.4,.4,1);box-shadow:var(--bevel)}.toast.good{background:linear-gradient(180deg,var(--green-400),var(--green-500))}.toast.bad{background:linear-gradient(180deg,#ff6a5e,var(--red-500))}.fly{position:absolute;z-index:95;width:34px;height:34px;pointer-events:none}.fly img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.ticker{position:relative;height:26px;overflow:hidden;border-radius:8px;background:#0a07168c;font-size:12px;display:flex;align-items:center;padding:0 10px;gap:6px}.ticker b{color:var(--accent)}.ticker .msg{animation:tickerIn .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale{position:absolute;z-index:3;font-family:var(--display);font-size:13px;padding:3px 8px 4px;border-radius:8px;background:linear-gradient(180deg,#ff6a5e,var(--red-500));border:2px solid var(--ink);text-shadow:var(--stroke);transform:rotate(-8deg);box-shadow:0 2px #0006}.tag{display:inline-block;font-family:var(--display);font-size:11px;padding:2px 7px 3px;border-radius:7px;background:var(--ink);text-shadow:var(--stroke)}.timer-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--display);font-size:12px;padding:2px 8px 3px;border-radius:8px;background:#0a0716cc;color:var(--accent);text-shadow:var(--stroke)}.timer-chip:before{content:"";width:1.1em;height:1.1em;background:currentColor;-webkit-mask:var(--clock-mask) center / contain no-repeat;mask:var(--clock-mask) center / contain no-repeat}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ico{display:inline-block;width:1.3em;height:1.3em;object-fit:contain;vertical-align:-.3em;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.status-dot{display:inline-block;width:10px;height:10px;border-radius:3px;border:2px solid var(--ink);vertical-align:-1px}.star-num{position:absolute;left:58%;top:47%;transform:translate(-50%,-56%);font-family:var(--display);font-weight:400;line-height:1;color:var(--text-strong);text-shadow:var(--stroke);white-space:nowrap;pointer-events:none}@property --shine{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes shineTurn{to{--shine: 360deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%,60%{left:-60%}to{left:130%}}@keyframes bump{50%{transform:translateY(-50%) scale(1.35)}}@keyframes dotpop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{transform:scale(.6);opacity:0}}@keyframes toastIn{0%{transform:translateY(-20px) scale(.8);opacity:0}}@keyframes tickerIn{0%{transform:translateY(100%);opacity:0}}@keyframes blink{50%{opacity:.35}}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg) scale(1.05)}40%{transform:rotate(6deg) scale(1.05)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}@keyframes pulseGlow{50%{filter:brightness(1.35)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rays{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes cardIn{0%{transform:translateY(60px) scale(.3) rotate(-12deg);opacity:0}70%{transform:translateY(-8px) scale(1.08) rotate(2deg);opacity:1}to{transform:none}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px 4px var(--glow, gold)}50%{box-shadow:0 0 40px 14px var(--glow, gold)}}@keyframes attention{0%,85%,to{transform:scale(1)}90%{transform:scale(1.08) rotate(-2deg)}95%{transform:scale(1.08) rotate(2deg)}}.bob{animation:bob 3s ease-in-out infinite}.attention{animation:attention 2.4s ease-in-out infinite}.wiggle{animation:wiggle .9s ease-in-out infinite}.floaty{animation:float 2.2s ease-in-out infinite}.rays{position:absolute;left:50%;top:50%;width:720px;height:720px;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ray, rgba(255, 210, 80, .3)) 0 9deg,transparent 9deg 22deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 65%);mask:radial-gradient(circle,#000 15%,transparent 65%);animation:rays 14s linear infinite}.emote-row{gap:6px}.emote-row button{flex:1;height:var(--btn-h-s);padding:4px}.emote-row img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 2px 0 var(--ink))}.chat-emote{width:64px;height:64px;object-fit:contain;filter:drop-shadow(2px 3px 0 var(--ink));animation:popIn .35s both}.pname{display:inline-block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;line-height:1.3}.pname.wrap{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.col:has(>.pname),.row:has(>.pname),.grow:has(>.pname){min-width:0}.star-ico{width:1.25em;height:1.25em;vertical-align:-.25em}.pfp{--frame-inset: 14.8%;position:relative;display:inline-block;flex:none}.pfp>.pfp-face{position:absolute;inset:var(--frame-inset);width:calc(100% - 2 * var(--frame-inset));height:calc(100% - 2 * var(--frame-inset));object-fit:cover;background:var(--plum-800)}.pfp>.pfp-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.pfp.vip:after{content:"";position:absolute;inset:var(--frame-inset);pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 45%,transparent 60%) 0 0 / 250% 100%;animation:pfpShine 2.6s linear infinite;mix-blend-mode:overlay}@keyframes pfpShine{0%{background-position:150% 0}to{background-position:-100% 0}}.profile-pfp .lvl-badge{position:absolute;right:-10px;bottom:-10px;width:38px;height:38px}.profile-pfp .lvl-badge img{width:100%;height:100%;object-fit:contain;border:0;background:none;filter:drop-shadow(0 2px 0 var(--ink))}.pfp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pfp-pick{position:relative;aspect-ratio:1;padding:0;border-radius:12px;border-bottom:4px solid var(--r-common)}.pfp-pick.r-rare{border-bottom-color:var(--r-rare)}.pfp-pick.r-epic{border-bottom-color:var(--r-epic)}.pfp-pick.r-legendary{border-bottom-color:var(--r-legendary)}.pfp-pick.sel{outline:3px solid #fff;outline-offset:1px}.pfp-pick.locked .pfp-face{filter:saturate(.3) brightness(.55)}.pfp-pick .sale{top:-6px;right:-6px;font-size:var(--fs-xs)}.pfp-lock,.pfp-on{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;pointer-events:none}.pfp-on{left:auto;top:auto;right:2px;bottom:2px;transform:none;font-size:18px}.pfp-cap{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-family:var(--display);font-size:10px;line-height:1.1;text-shadow:var(--stroke);pointer-events:none}.pfp-pick:disabled{opacity:1;cursor:default}.pfp-pick:disabled .pfp{filter:grayscale(.7) brightness(.7)}.title-row{padding:8px 10px;gap:8px;text-align:left}.title-row.sel{outline:3px solid var(--accent);outline-offset:-3px}.title-row:disabled{opacity:.6}.pfp>.pfp-league{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;object-fit:contain;border:0;border-radius:0;background:none;filter:drop-shadow(0 1px 0 var(--ink))}.pfp-edit{padding:0;flex:none}.pfp-edit:disabled{opacity:1;cursor:default}.pfp-edit-tag{position:absolute;left:-6px;top:-8px;padding:2px 6px;font-family:var(--display);font-size:var(--fs-xs);background:var(--gem-500, #f0489a);border:2px solid var(--ink);text-shadow:var(--stroke);box-shadow:0 2px 0 var(--ink)}.crew-row{width:100%;padding:6px 8px;gap:8px;text-align:left;cursor:pointer}.locked-pfp .pfp-face{filter:saturate(.3) brightness(.55)}.frame-pick .pfp-cap{bottom:-2px}.lb-row{padding:6px 8px;gap:8px;text-align:left}.lb-top.lb-1{background:linear-gradient(180deg,#7a5a14,#4a330a);box-shadow:inset 0 0 0 2px #ffc52e}.lb-top.lb-2{background:linear-gradient(180deg,#4e5a70,#2c3446);box-shadow:inset 0 0 0 2px #cdd8e8}.lb-top.lb-3{background:linear-gradient(180deg,#6a3c1c,#42230e);box-shadow:inset 0 0 0 2px #d68040}.lb-me{background:linear-gradient(180deg,#2f8a1d,#1f5a14)}.rank-num{width:34px;flex:none;text-align:center;font-family:var(--display);font-size:var(--fs-m);color:var(--text)}.rank-medal{position:relative;width:34px;height:34px;flex:none;display:grid;place-items:center}.rank-medal img{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);object-fit:contain}.rank-medal b{position:relative;top:3px;font-family:var(--display);font-size:var(--fs-m);color:#fff;text-shadow:var(--stroke)}.honor-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.honor{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:8px;background:#0a071673}.honor img,.honor-plate{width:44px;height:44px;object-fit:contain}.honor-plate{display:block;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#8fb4ff,#2d4fb0)}.honor-top10 .honor-plate{background:linear-gradient(160deg,#e0a8ff,#6a2fb0)}.honor b{position:absolute;top:18px;font-family:var(--display);font-size:var(--fs-s);text-shadow:var(--stroke)}.honor small{font-size:9px;line-height:1.1;text-align:center;color:var(--muted)}.name-fx{background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink))}.fx-gilded{background-image:linear-gradient(100deg,#ffd34a,#fff6c8,#ffb02a,#fff6c8,#ffd34a);animation:fxSlide 3s linear infinite}.fx-storm{background-image:linear-gradient(100deg,#6fd8ff,#fff 20%,#3a7bff,#c4f0ff 70%,#6fd8ff);animation:fxSlide 1.6s linear infinite}.fx-inferno{background-image:linear-gradient(0deg,#ff3a1a,#ff9a1a 45%,#ffe27a);background-size:100% 200%;animation:fxRise 1.2s ease-in-out infinite alternate}.fx-mystic{background-image:linear-gradient(100deg,#b06aff,#4ff0d0,#ff6fd0 66%,#b06aff);animation:fxSlide 4s linear infinite}.fx-champion{background-image:linear-gradient(100deg,#fff,#ffd34a,#ff6fb8 60%,#fff);animation:fxSlide 2.4s linear infinite}.fx-legend{background-image:linear-gradient(100deg,#ff4f4f,#ffb02a,#fff04a,#4fff8a,#4fc8ff,#b06aff,#ff4f4f);animation:fxSlide 3s linear infinite}@keyframes fxSlide{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes fxRise{0%{background-position:0 0%}to{background-position:0 100%}}.medal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.medal-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:var(--radius-s);background:#0a071673;text-align:center;min-width:0}.medal-card img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.medal-card .display{font-size:11px;line-height:1.1}.medal-card small{font-size:9px;color:var(--muted);line-height:1.1}.medal-card.locked img{filter:grayscale(1) brightness(.5)}.emblem{position:relative;display:inline-block;flex:none}.emblem svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.emblem img{position:absolute;left:20%;top:18%;width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(10,7,22,.7))}.emblem-picker .chip{padding:3px}.swatch{width:30px;height:30px;border:3px solid var(--ink);border-radius:6px}.swatch.on{outline:3px solid #fff;outline-offset:1px}.emblem-symbols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.emblem-symbols .chip{aspect-ratio:1;display:grid;place-items:center}.emblem-symbols img{width:80%;height:80%;object-fit:contain}.stepper{display:flex;align-items:stretch;height:var(--btn-h-s);border:3px solid var(--ink);border-radius:var(--radius-s);background:#0a07168c;overflow:hidden}.stepper button{width:34px;font-family:var(--display);font-size:var(--fs-l);background:linear-gradient(180deg,var(--plum-500),var(--plum-700));color:var(--text-strong)}.stepper button:disabled{opacity:.4}.stepper span{min-width:58px;display:grid;place-items:center;padding:0 4px;font-family:var(--display);font-size:var(--fs-s)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.flag{flex:none;object-fit:cover;border:2px solid var(--ink);border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff4d,0 1px #00000080;vertical-align:-.2em;background:var(--plum-800)}.crew-link,.country-link{padding:0;text-align:left;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:52vh;overflow-y:auto}.country-grid button{display:flex;align-items:center;gap:8px;padding:6px 8px;text-align:left;font-size:var(--fs-s);border-radius:var(--radius-s);background:#0a071673;min-width:0}.country-grid button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-grid button.on{outline:3px solid var(--accent);outline-offset:-3px}.login-card{display:flex;flex-direction:column;gap:2px;padding:4px;height:124px}.login-card.big{grid-column:span 2}.login-card .lvl-tag{position:relative;left:0;top:0;align-self:flex-start}.login-card img.art{flex:1;min-height:0;height:0;aspect-ratio:auto;padding:2px 6px}.login-card.big img.art{padding:0 12px}.login-card .name{min-height:24px}.gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:10px;padding:24px 22px;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 50% 35%,#1a3f86,#0b1430 70%)}.gate>*{position:relative}.gate .rays{position:fixed}.gate-chest{width:132px}.gate-logo{font-size:44px;line-height:1;color:var(--gold-400);text-shadow:3px 3px 0 var(--gold-700),6px 6px 0 var(--ink)}.gate-logo span{color:var(--text-strong);text-shadow:3px 3px 0 var(--plum-600),6px 6px 0 var(--ink)}.gate-body{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;margin-top:8px}.gate-form{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}.gate-form .ribbon{align-self:center}.gate-form .input{font-size:17px}.gate-note{margin:0;text-align:center;font-size:13px;line-height:1.4}.gate-hint{font-size:12px;text-align:center;opacity:.85}.gate-hint.bad{color:#ff8a7a;opacity:1}.gate-link{font-size:12px;text-decoration:underline;opacity:.8}[data-ui=voxel]{--vx-hi: rgba(255, 255, 255, .22);--vx-lo: rgba(0, 0, 0, .32);--vx-drop: 4px 4px 0 var(--ink);--vx-drop-sm: 3px 3px 0 var(--ink);--vx-face: inset 4px 4px 0 var(--vx-hi), inset -4px -5px 0 var(--vx-lo)}[data-ui=voxel] *,[data-ui=voxel] *:before,[data-ui=voxel] *:after{border-radius:0!important}[data-ui=voxel] .keep-round{border-radius:50%!important}[data-ui=voxel] .phone{background:repeating-conic-gradient(rgba(255,255,255,.025) 0 25%,transparent 0 50%) 0 0 / 24px 24px,linear-gradient(180deg,#1a3f86,#12285a 45%,#0b1a38)}[data-ui=voxel].is-framed .phone{border:6px solid var(--ink);box-shadow:0 0 0 5px var(--gold-500),0 0 0 8px var(--gold-700),0 0 0 12px var(--ink),14px 14px 0 12px #00000073}[data-ui=voxel] .side-art .logo{text-shadow:3px 3px 0 var(--gold-700),6px 6px 0 var(--ink);transform:none}[data-ui=voxel] .side-art .logo span{text-shadow:3px 3px 0 var(--plum-600),6px 6px 0 var(--ink)}[data-ui=voxel] .side-art .keys kbd{box-shadow:inset 2px 2px 0 var(--vx-hi),inset -2px -2px 0 var(--vx-lo)}[data-ui=voxel] .panel{border:3px solid var(--ink);box-shadow:var(--vx-face),var(--vx-drop)}[data-ui=voxel] .panel.gold{box-shadow:inset 0 0 0 4px var(--gold-500),inset 7px 7px #ffffff1f,inset -7px -8px #00000040,var(--vx-drop)}[data-ui=voxel] .stat,[data-ui=voxel] .medal,[data-ui=voxel] .ticker{box-shadow:inset 2px 2px #00000059}[data-ui=voxel] .btn{--top: #9cf06e;--mid: #4cc42e;--bot: #2a7a18;background:linear-gradient(180deg,var(--top) 0 5px,var(--mid) 5px calc(100% - 7px),var(--bot) calc(100% - 7px));box-shadow:inset 4px 0 #ffffff2e,inset -4px 0 #00000038,var(--vx-drop);border:3px solid var(--ink)}[data-ui=voxel] .btn.gold{--top: #ffe98a;--mid: #ffc52e;--bot: #b46c0d}[data-ui=voxel] .btn.gem{--top: #ffa3d2;--mid: #f0489a;--bot: #8f1450}[data-ui=voxel] .btn.blue{--top: #9fe0ff;--mid: #2f97f0;--bot: #0f4a8c}[data-ui=voxel] .btn.red{--top: #ff9a8e;--mid: #e8413c;--bot: #8a1714}[data-ui=voxel] .btn.purple{--top: #c4a1ff;--mid: #7d4fd0;--bot: #2e1660}[data-ui=voxel] .btn.dark{--top: #5a4c86;--mid: #352b58;--bot: #150f2a}[data-ui=voxel] .btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:inset 4px 0 #ffffff2e,inset -4px 0 #00000038,0 0 0 var(--ink)}[data-ui=voxel] .btn.shine:after{background:linear-gradient(90deg,transparent 0 30%,rgba(255,255,255,.45) 30% 45%,transparent 45% 55%,rgba(255,255,255,.3) 55% 62%,transparent 62%)}[data-ui=voxel] .close-x{background:linear-gradient(180deg,#ff9a8e 0,#ff9a8e 4px,#e8413c 4px,#e8413c calc(100% - 5px),#8a1714 calc(100% - 5px));box-shadow:var(--vx-drop-sm)}[data-ui=voxel] .res .plus{background:linear-gradient(180deg,#9cf06e 0,#9cf06e 3px,#4cc42e 3px,#4cc42e calc(100% - 4px),#2a7a18 calc(100% - 4px));box-shadow:0 2px 0 var(--ink);border:2px solid var(--ink)}[data-ui=voxel] .icon-btn{box-shadow:var(--vx-face),var(--vx-drop-sm)}[data-ui=voxel] .auto-toggle.on,[data-ui=voxel] .deck-slots button.on{box-shadow:inset 2px 2px 0 var(--vx-hi),inset -2px -3px 0 var(--vx-lo)}[data-ui=voxel] .card{background:repeating-conic-gradient(rgba(255,255,255,.06) 0 25%,transparent 0 50%) 0 0 / 12px 12px,linear-gradient(180deg,color-mix(in srgb,var(--rc) 75%,white 10%) 0,color-mix(in srgb,var(--rc) 75%,white 10%) 40%,color-mix(in srgb,var(--rc) 55%,#05070f) 40%);box-shadow:inset 4px 4px color-mix(in srgb,var(--rc) 50%,white 50%),inset -4px -5px #00000059,var(--vx-drop-sm)}[data-ui=voxel] .card .lvl-tag,[data-ui=voxel] .tag,[data-ui=voxel] .timer-chip{background:var(--ink);box-shadow:inset 0 -2px #ffffff14}[data-ui=voxel] .bar{background:var(--ink);box-shadow:none;padding:0}[data-ui=voxel] .bar>i{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(10,7,22,.6) 9px 11px),linear-gradient(180deg,var(--blue-400) 0 45%,var(--blue-500) 45%);box-shadow:none}[data-ui=voxel] .bar.green>i,[data-ui=voxel] .bar.ready>i{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(10,7,22,.6) 9px 11px),linear-gradient(180deg,var(--green-400) 0 45%,var(--green-500) 45%)}[data-ui=voxel] .bar.gold>i{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(10,7,22,.6) 9px 11px),linear-gradient(180deg,var(--gold-400) 0 45%,var(--gold-500) 45%)}[data-ui=voxel] .bar.gem>i{background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(10,7,22,.6) 9px 11px),linear-gradient(180deg,var(--gem-400) 0 45%,var(--gem-500) 45%)}[data-ui=voxel] .avatar-xp>i{background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(10,7,22,.6) 5px 6px),var(--blue-400)}[data-ui=voxel] .res{box-shadow:inset 3px 3px #0009,0 2px #ffffff14}[data-ui=voxel] .avatar{box-shadow:none}[data-ui=voxel] .nav{box-shadow:inset 0 4px #ffffff14,0 -4px #00000059}[data-ui=voxel] .nav button.on{background:linear-gradient(180deg,#a07ae6 0 5px,var(--plum-500) 5px);box-shadow:inset 3px 0 #ffffff26,inset -3px 0 #00000040}[data-ui=voxel] .dot{box-shadow:inset 2px 2px #ffffff4d,2px 2px 0 var(--ink)}[data-ui=voxel] .segmented{box-shadow:inset 3px 3px #00000073}[data-ui=voxel] .segmented button.on{background:linear-gradient(180deg,#a07ae6 0 4px,var(--plum-500) 4px calc(100% - 5px),#3b2378 calc(100% - 5px));box-shadow:var(--vx-drop-sm)}[data-ui=voxel] .chip.on{background:linear-gradient(180deg,#8f6ad8 0 3px,var(--plum-600) 3px);box-shadow:0 0 0 2px var(--gold-400)}[data-ui=voxel] .ribbon{background:linear-gradient(180deg,#ffe98a 0,#ffe98a 5px,#ffc52e 5px,#ffc52e calc(100% - 6px),#b46c0d calc(100% - 6px));box-shadow:-8px 6px 0 -3px #8a5410,8px 6px 0 -3px #8a5410,var(--vx-drop)}[data-ui=voxel] .sale{transform:rotate(0);box-shadow:3px 3px 0 var(--ink)}[data-ui=voxel] .toast{box-shadow:var(--vx-face),var(--vx-drop)}[data-ui=voxel] .input{box-shadow:inset 3px 3px #00000080}[data-ui=voxel] input[type=range]::-webkit-slider-thumb{box-shadow:inset 2px 2px #ffffff73,inset -2px -2px #0000004d}[data-ui=voxel] .sea-node,[data-ui=voxel] .lucky-step,[data-ui=voxel] .idol-statue,[data-ui=voxel] .captain-frame{box-shadow:var(--vx-face),var(--vx-drop-sm)}[data-ui=voxel] .sea-node.current{box-shadow:var(--vx-face),0 0 0 3px #fff,6px 6px 0 0 var(--ink)}[data-ui=voxel] .profile-banner:before{background:repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 0 0 / 16px 16px}[data-ui=voxel] .lucky-pip,[data-ui=voxel] .spell-cost,[data-ui=voxel] .status-dot{box-shadow:inset 2px 2px #ffffff59}