@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/titan-one-latin-400-normal-DwVbh4mi.woff2)format("woff2"),url(/assets/titan-one-latin-400-normal-VZVzRR2h.woff)format("woff")}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Titan One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Nunito Sans Variable", "Nunito Sans", system-ui, sans-serif;--font-num:"Titan One", "Arial Rounded MT Bold", system-ui, sans-serif;--ink:#121826;--ink-2:#062f6e;--ink-3:#0b4a9e;--ink-4:#1660bd;--ink-5:#4a86d4;--sky:#7fdcff;--sky-2:#2aa6f2;--sea:#1474d6;--sea-deep:#0a4fae;--abyss:#062f6e;--foam:#fff;--paper:#fff;--paper-2:#eef7ff;--paper-3:#cfe4fa;--paper-mute:#9fb9dc;--red:#ec2b2b;--red-dk:#a8121a;--blue:#2aa6f2;--blue-dk:#0a63c2;--green:#2fc76a;--green-dk:#128a43;--purple:#8c5cff;--purple-dk:#4b1fc2;--yellow:#ffd23a;--yellow-dk:#ff8a1f;--pink:#ff4fb3;--cyan:#12e1ff;--black-card:#3a3f52;--card-red:var(--red);--card-green:var(--green);--card-blue:var(--blue);--card-purple:var(--purple);--card-black:var(--black-card);--card-yellow:var(--yellow);--rar-c:#a9b6c8;--rar-uc:var(--green);--rar-r:var(--blue);--rar-sr:var(--yellow);--rar-l:var(--red);--rar-sec:var(--pink);--rar-p:var(--purple);--accent:var(--red);--accent-dk:var(--red-dk);--on-accent:var(--paper);--bg:var(--sea-deep);--surface:var(--paper);--surface-2:var(--paper-2);--surface-3:var(--paper-3);--text:var(--paper);--text-2:#e3f1ff;--text-3:#b9d9fb;--text-ink:var(--ink);--text-ink-2:#46597a;--line:3px solid var(--ink);--danger:var(--red);--success:var(--green);--focus:var(--yellow);--scrim:#04183ec7;--halftone:radial-gradient(circle at center, #ffffff38 1.1px, transparent 1.6px) 0 0 / 8px 8px;--halftone-light:radial-gradient(circle at center, #ffffff14 1.1px, transparent 1.5px) 0 0 / 9px 9px;--speedlines:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff1f 0deg 6deg, transparent 6deg 15deg);--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'%3E%3Cpath d='M0 12 Q15 0 30 10 T60 10 T90 10 T120 10 V20 H0Z' fill='%23fff'/%3E%3C/svg%3E");--wave-marks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 150' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M14 30q8-7 16 0t16 0'/%3E%3Cpath d='M112 74q8-7 16 0t16 0'/%3E%3Cpath d='M40 122q8-7 16 0t16 0'/%3E%3Cpath d='M150 132q6-5 12 0'/%3E%3C/svg%3E");--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:14px;--r-sail:14px 14px 30px 30px / 12px 12px 22px 22px;--r-sail-sm:10px 10px 18px 18px / 8px 8px 14px 14px;--lift-sm:0 3px 8px #041e5047;--lift:0 6px 16px #041e5057, 0 2px 4px #041e5033;--lift-lg:0 14px 34px #041e506b, 0 4px 10px #041e5038;--glow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent), var(--lift);--hard:var(--lift);--hard-sm:var(--lift-sm);--hard-accent:var(--lift);--shadow-1:var(--lift-sm);--shadow-2:var(--lift);--shadow-3:var(--lift-lg);--title-stroke:5px;--title-shadow:0 3px 0 var(--ink), 0 6px 14px #041e5073;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--ease-out:cubic-bezier(.2, .9, .25, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-squash:cubic-bezier(.5, 1.8, .5, .8);--t-fast:.12s;--t-med:.24s;--t-slow:.48s;--hl-act:var(--yellow);--hl-target:var(--red);--hl-choose:var(--cyan);--hl-selected:var(--paper);--hl-ring:3px;--fx-ink:var(--ink);--fx-paper:var(--paper);--fx-damage:var(--red);--fx-buff:var(--green);--fx-don:var(--yellow);--fx-flash:var(--paper);--fx-scrim:#04183e73;--fx-vignette:#ec2b2b8c;--fx-arrow:var(--red);--fx-arrow-edge:var(--paper);--board-bg:var(--sea-deep);--board-text:var(--paper);--board-band:var(--abyss);--board-band-2:var(--sea-deep);--board-slot:#ffffff73;--board-slot-bg:#041e5029;--board-label:#fff6;--bar-bg:var(--abyss);--bar-text:var(--paper);--bar-edge:var(--sky-2);--badge-bg:var(--paper);--badge-text:var(--ink);--badge-edge:var(--ink);--badge-up-bg:var(--green);--badge-down-bg:var(--red);--badge-shadow:var(--lift-sm);--badge-radius:var(--r-sm);--panel-radius:var(--r-sail);--panel-shadow:var(--lift-lg);--don-bg:var(--abyss);--don-text:var(--yellow);--don-edge:var(--paper);--don-radius:50%;--card-edge:var(--ink);--card-edge-w:2px;--card-radius:5.5% / 4%;--card-shadow:var(--lift-sm);--frame-ink:var(--ink);--frame-paper:var(--paper);--frame-paper-2:var(--paper-2);--frame-plate:var(--ink);--frame-plate-text:var(--paper);--frame-chip:var(--yellow);--frame-chip-text:var(--ink);--frame-counter:var(--ink);--frame-counter-text:var(--paper);--frame-life:var(--red);--frame-radius:.35em;--mat-red:var(--red);--mat-red-dk:#9c0019;--mat-blue:var(--blue);--mat-blue-dk:#00408f;--mat-green:var(--green);--mat-green-dk:#00613c;--mat-purple:var(--purple);--mat-purple-dk:#3a1599;--mat-yellow:var(--yellow);--mat-yellow-dk:#b38600;--mat-black:#262b3d;--mat-black-dk:var(--ink);--mat-black-2:var(--cyan);--mat-light:#ffffff29;--mat-dots:#0000008c;--nav-h:70px;--nav-rise:36px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-clear:calc(var(--nav-h) + var(--nav-rise) + var(--safe-bottom) + var(--s-3))}:root[data-accent=Red]{--accent:var(--red);--accent-dk:var(--red-dk);--on-accent:var(--paper)}:root[data-accent=Blue]{--accent:var(--blue);--accent-dk:var(--blue-dk);--on-accent:var(--ink)}:root[data-accent=Green]{--accent:var(--green);--accent-dk:var(--green-dk);--on-accent:var(--ink)}:root[data-accent=Purple]{--accent:var(--purple);--accent-dk:var(--purple-dk);--on-accent:var(--paper)}:root[data-accent=Yellow]{--accent:var(--yellow);--accent-dk:var(--yellow-dk);--on-accent:var(--ink)}:root[data-accent=Black]{--accent:var(--cyan);--accent-dk:#0091a8;--on-accent:var(--ink)}*,:before,:after{box-sizing:border-box}html,body{background:var(--abyss);overscroll-behavior:none;height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;font-weight:500;line-height:1.35}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:400;line-height:1.05}p{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{isolation:isolate;background:radial-gradient(60% 22% at 82% 0%, #ffffff8c, transparent 70%), radial-gradient(90% 34% at 50% -6%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), linear-gradient(180deg, var(--sky-2) 0, var(--sea) 190px, var(--sea-deep) 55%, var(--abyss) 100%);max-width:480px;height:100%;box-shadow:0 0 0 1px var(--abyss);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:clip}.shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38px 16px at 12% 34px,#ffffff80 98%,#0000),radial-gradient(26px 13px at 17% 26px,#ffffff80 98%,#0000),radial-gradient(48px 18px at 58% 70px,#ffffff52 98%,#0000),radial-gradient(30px 14px at 63% 60px,#ffffff52 98%,#0000),radial-gradient(40px 15px at 92% 22px,#fff6 98%,#0000);height:200px;animation:60s linear infinite clouds;position:absolute;inset:0 -40% auto 0}.shell:after{content:"";z-index:-1;pointer-events:none;background:var(--halftone-light);position:absolute;inset:190px 0 0;-webkit-mask:linear-gradient(#0000,#000 40%);mask:linear-gradient(#0000,#000 40%)}@keyframes clouds{to{transform:translate(-28%)}}.screen{padding:calc(var(--safe-top) + var(--s-3)) var(--s-4) 0;scrollbar-width:none;flex:1;overflow:hidden auto}.screen:not(.screen--full):after{content:"";height:var(--nav-clear);flex:none;display:block}.screen>*{flex-shrink:0}.screen::-webkit-scrollbar{display:none}.screen--full{padding:0;overflow:clip}.stack{gap:var(--s-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-2);display:flex}.grow{flex:1;min-width:0}.muted{color:var(--text-3)}.inked{-webkit-text-stroke:var(--title-stroke) var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow)}.panel{background:linear-gradient(90deg, transparent 49.7%, #1218260d 50%, transparent 50.3%), linear-gradient(180deg, var(--paper) 60%, var(--paper-2));color:var(--text-ink);border:var(--line);border-radius:var(--r-sail);box-shadow:var(--lift);padding:var(--s-4);position:relative}.panel .muted{color:var(--text-ink-2)}.section-title{align-items:center;gap:var(--s-2);margin:var(--s-5) 0 var(--s-2);font-family:var(--font-display);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);font-size:19px;line-height:1;display:flex}.section-title:before{content:"";background:radial-gradient(circle at 35% 35%, #fff6b8, var(--yellow) 55%, var(--yellow-dk));border:2px solid var(--ink);border-radius:50%;flex:none;width:14px;height:14px}.section-title:after{content:"";background:repeating-linear-gradient(-55deg, var(--paper) 0 3px, var(--paper-3) 3px 6px);min-width:24px;height:7px;box-shadow:0 0 0 2px var(--ink);opacity:.9;border-radius:4px;flex:1;order:1}.section-title>:not(:first-child),.section-title>*{-webkit-text-stroke:0;text-shadow:none;order:2;margin-left:0}.panel .section-title,.sheet .section-title{color:var(--ink);-webkit-text-stroke:0;text-shadow:none;margin-top:0}.panel .section-title:after,.sheet .section-title:after{box-shadow:0 0 0 1.5px var(--ink)}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6,.4)rotate(-6deg)}55%{transform:scale(1.12,.94)rotate(2deg)}80%{transform:scale(.97,1.04)}}@keyframes bob{50%{transform:translateY(-4px)rotate(1deg)}}@keyframes flutter{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-3deg)scaleX(.97)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.enter{animation:rise-in var(--t-med) var(--ease-out) both}.skeleton{background:linear-gradient(90deg, var(--ink-3) 0%, var(--ink-4) 50%, var(--ink-3) 100%);border-radius:var(--r-md);background-size:200% 100%;animation:1.2s linear infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.btn{--bg:var(--accent);--fg:var(--on-accent);--tail:var(--accent-dk);justify-content:center;align-items:center;gap:var(--s-2);height:46px;padding:0 var(--s-5);background:linear-gradient(180deg, #ffffff47, transparent 46%), var(--bg);color:var(--fg);border:var(--line);border-radius:var(--r-md) var(--r-md) var(--r-lg) var(--r-lg) / var(--r-md) var(--r-md) 18px 18px;box-shadow:inset 0 -5px 0 #0000002e, var(--lift-sm);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--t-fast) var(--ease-squash), box-shadow var(--t-fast) var(--ease-out), filter var(--t-fast);font-size:16px;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(1.04,.9);box-shadow:inset 0 -2px #0000002e}.btn:disabled{--bg:var(--ink-4);--fg:var(--paper-mute);--tail:var(--ink-3);box-shadow:none;border-color:var(--ink-3)}.btn--sm{height:36px;padding:0 var(--s-3);border-radius:var(--r-sm) var(--r-sm) var(--r-md) var(--r-md);font-size:13px}.btn--lg{height:58px;padding:0 var(--s-6);isolation:isolate;border-radius:var(--r-sm);box-shadow:inset 0 -6px 0 #0003, var(--lift);margin:0 18px;font-size:22px}.btn--lg.btn--block{width:calc(100% - 36px)}.btn--lg:before,.btn--lg:after{content:"";z-index:-1;background:var(--ink);width:34px;position:absolute;top:10px;bottom:-9px}.btn--lg:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%);box-shadow:inset 0 0 0 40px var(--tail);left:-24px}.btn--lg:after{clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%);box-shadow:inset 0 0 0 40px var(--tail);right:-24px}.btn--lg:active:not(:disabled){transform:scale(1.03,.9)}.btn--block{width:100%}.btn--gold{--bg:var(--yellow);--fg:var(--ink);--tail:var(--yellow-dk)}.btn--danger{--bg:var(--red);--fg:var(--paper);--tail:var(--red-dk)}.btn--soft{--bg:var(--paper);--fg:var(--ink);--tail:var(--paper-3)}.btn--ghost{--bg:transparent;--fg:var(--paper);box-shadow:none;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:6px;background:0 0;border-color:#0000}.btn--ghost:active:not(:disabled){box-shadow:none}.icon-btn{background:radial-gradient(circle at 50% 35%, var(--paper), var(--paper-2));width:44px;height:44px;color:var(--ink);border:var(--line);box-shadow:inset 0 0 0 3px var(--paper-3), var(--lift-sm);transition:transform var(--t-fast) var(--ease-squash);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.icon-btn:active{transform:scale(.9)rotate(-8deg)}.icon-btn__badge{background:var(--red);min-width:20px;height:20px;color:var(--paper);border:2px solid var(--ink);font-family:var(--font-num);border-radius:10px;place-items:center;padding:0 4px;font-size:11px;display:grid;position:absolute;top:-6px;right:-6px}.chip{height:34px;color:var(--paper);border-radius:var(--r-sm) var(--r-md) var(--r-sm) var(--r-md);white-space:nowrap;transition:transform var(--t-fast) var(--ease-spring);background:#ffffff24;border:2px solid #ffffff59;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.chip--active{background:var(--chip,var(--paper));color:var(--chip-fg,var(--ink));border-color:var(--ink);box-shadow:var(--lift-sm);transform:translateY(-2px)rotate(-1.5deg)}.chip__dot{background:var(--chip);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.chip--active .chip__dot{border-color:var(--paper)}.seg{border-radius:var(--r-md);background:#ffffff24;border:2px solid #ffffff4d;gap:4px;padding:4px;display:flex}.seg__opt{height:38px;font-family:var(--font-display);text-transform:uppercase;color:var(--text-2);border-radius:var(--r-sm);transition:background var(--t-fast), transform var(--t-fast) var(--ease-spring);flex:1;font-size:14px}.seg__opt.is-on{background:var(--paper);color:var(--ink);box-shadow:var(--lift-sm);transform:translateY(-1px)}.panel .seg{background:var(--paper-2);border-color:var(--paper-3)}.panel .seg__opt{color:var(--text-ink-2)}.panel .seg__opt.is-on{background:var(--accent);color:var(--on-accent)}.sheet .seg{background:var(--paper-2);border-color:var(--paper-3)}.sheet .seg__opt{color:var(--text-ink-2)}.sheet .seg__opt.is-on{background:var(--accent);color:var(--on-accent)}.toggle{align-items:center;gap:var(--s-3);cursor:pointer;min-height:44px;font-weight:700;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle__track{background:var(--paper-3);border:var(--line);width:52px;height:30px;transition:background var(--t-fast);border-radius:15px;flex:none;position:relative}.toggle__thumb{background:var(--ink);width:18px;height:18px;transition:transform var(--t-med) var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle__track{background:var(--green)}.toggle input:checked+.toggle__track .toggle__thumb{background:var(--paper);box-shadow:0 0 0 2px var(--ink);transform:translate(22px)}.toggle input:focus-visible+.toggle__track{outline:3px solid var(--focus);outline-offset:2px}.progress{background:var(--abyss);border:2px solid var(--ink);border-radius:7px;height:14px;overflow:hidden}.panel .progress{background:var(--paper-3)}.progress__bar{background:linear-gradient(180deg, #ffffff73, transparent 55%), repeating-linear-gradient(-60deg, var(--accent) 0 8px, color-mix(in srgb, var(--accent) 72%, white) 8px 14px);height:100%;transition:width var(--t-slow) var(--ease-spring);border-radius:6px}.progress--gold .progress__bar{background:linear-gradient(180deg, #ffffff80, transparent 55%), repeating-linear-gradient(-60deg, var(--yellow) 0 8px, #fff07a 8px 14px)}.topbar{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);min-height:46px;display:flex}.topbar__title{-webkit-text-stroke:var(--title-stroke) var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);transform-origin:0;font-size:32px;line-height:1;transform:rotate(-1.5deg)}.topbar__sub{color:var(--text-2);margin-top:4px;font-size:14px;font-weight:800}.layer{display:contents}.sheet-wrap{z-index:95;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet-scrim{background:var(--scrim);animation:fade-in var(--t-med) backwards;position:absolute;inset:0}.sheet{width:100%;max-height:min(88%, calc(100% - var(--safe-top) - var(--s-5)));background:linear-gradient(90deg, transparent 49.6%, #1218260a 50%, transparent 50.4%) 0 0 / 33.3% 100%, var(--paper);color:var(--ink);border-top:var(--line);animation:sheet-up var(--t-slow) var(--ease-spring) backwards;border-radius:28px 28px 0 0/22px 22px 0 0;outline:none;flex-direction:column;display:flex;position:relative;box-shadow:0 -10px 30px #041e5066}.sheet h2{font-size:24px}.sheet .muted{color:var(--text-ink-2)}.sheet--tall{height:min(92%, calc(100% - var(--safe-top) - var(--s-5)));max-height:min(92%, calc(100% - var(--safe-top) - var(--s-5)))}.sheet__head{height:40px;padding-top:var(--s-3);flex:none;justify-content:center;display:flex;position:relative}.sheet__grip{background:var(--paper-3);border-radius:3px;width:52px;height:6px}.sheet__close{top:2px;right:var(--s-3);position:absolute}.sheet__body{z-index:0;overscroll-behavior:contain;min-height:0;padding:var(--s-2) var(--s-4) 0;scrollbar-width:none;flex:auto;position:relative;overflow:hidden auto}.sheet__body::-webkit-scrollbar{display:none}.sheet__body:after{content:"";height:calc(var(--s-6) + var(--safe-bottom));display:block}.sheet__body:has(+.sheet__foot):after{height:var(--s-3)}.sheet__foot{padding:var(--s-3) var(--s-4) calc(var(--s-4) + var(--safe-bottom));border-top:2px solid var(--paper-3);flex-direction:column;flex:none;gap:10px;display:flex}@keyframes sheet-up{0%{transform:translateY(40%)}}.pill{--ticket:var(--paper);background:radial-gradient(circle 6px at 0 50%, transparent 5px, var(--ink) 5.5px, var(--ink) 7px, transparent 7.5px), radial-gradient(circle 6px at 100% 50%, transparent 5px, var(--ink) 5.5px, var(--ink) 7px, transparent 7.5px), var(--ticket);height:38px;color:var(--ink);border:var(--line);border-radius:var(--r-xs);font-family:var(--font-num);align-items:center;gap:6px;padding:0 14px 0 12px;font-size:18px;display:inline-flex;-webkit-mask:radial-gradient(5px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(5px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(5px at 0,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(5px at 100%,#0000 98%,#000) 100%/51% 100% no-repeat}.pill--gold{--ticket:var(--yellow)}.pill--sea{--ticket:var(--sky)}.toasts{left:0;right:0;top:calc(var(--safe-top) + 12px);z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.toast{background:var(--paper);color:var(--ink);border:var(--line);border-radius:var(--r-sail-sm);box-shadow:var(--lift);animation:toast-drop var(--t-slow) var(--ease-spring) both;max-width:90%;padding:10px 18px;font-size:15px;font-weight:800}.toast--success{background:var(--green)}.toast--error{background:var(--red);color:var(--paper)}@keyframes toast-drop{0%{opacity:0;transform:translateY(-30px)rotate(-6deg)}60%{transform:translateY(4px)rotate(2deg)}}.empty{align-items:center;gap:var(--s-2);padding:var(--s-8) var(--s-4);color:var(--text-3);text-align:center;flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:800;display:flex}.input{background:var(--paper);height:48px;color:var(--ink);border:var(--line);border-radius:var(--r-md);box-shadow:inset 0 3px 0 var(--paper-3);padding:0 var(--s-3);width:100%;font-size:17px;font-weight:700}.input::placeholder{color:var(--paper-mute)}.input:focus{box-shadow:inset 0 3px 0 var(--paper-3), 0 0 0 4px var(--yellow);outline:none}textarea.input{height:auto;padding:var(--s-3);font-family:ui-monospace,monospace;font-size:13px}.scroller{gap:var(--s-2);margin:0 calc(-1 * var(--s-4));padding:4px var(--s-4) var(--s-3);scrollbar-width:none;display:flex;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.link{color:var(--paper);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:5px;font-size:14px;font-weight:800}.panel .link,.sheet .link{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.tag{font-family:var(--font-display);text-transform:uppercase;background:var(--blue);color:var(--paper);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);text-shadow:0 1px #0000004d;border-radius:3px 0 0 3px;padding:4px 14px 3px 8px;font-size:11px;display:inline-block;transform:rotate(-2deg)}.tag--release{background:var(--yellow);color:var(--ink);text-shadow:none}.tag--meta{background:var(--red)}.tag--guide{background:var(--green);color:var(--ink);text-shadow:none}.tag--event{background:var(--purple)}.card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--hyp:0;aspect-ratio:63/88;border-radius:var(--card-radius);background:var(--band,var(--card-black));box-shadow:var(--shadow-1);transition:transform var(--t-med) var(--ease-out), box-shadow var(--t-med) var(--ease-out), filter var(--t-med);-webkit-user-select:none;user-select:none;isolation:isolate;flex:none;display:block;position:relative;overflow:hidden}.card--button{cursor:pointer;padding:0}.card--button:active{transform:scale(.96)}.card--rested{transform:rotate(90deg)scale(.86)}.card--dim{filter:grayscale(.85)brightness(.8);opacity:.7}.card__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--t-med);position:absolute;inset:0}.card__img.is-loaded{opacity:1}.card__img.is-instant{transition:none}.card--art .frame{animation:0s .25s both frame-wait}@keyframes frame-wait{0%{visibility:hidden}to{visibility:visible}}.card--tilt{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:var(--shadow-3);transition:transform .12s linear}.card__holo{pointer-events:none;mix-blend-mode:color-dodge;opacity:.32;background:repeating-linear-gradient(115deg, #ff008480 0%, #ffcd0080 10%, #00ffaa80 20%, #00a0ff80 30%, #be00ff80 40%, #ff008480 50%), radial-gradient(circle at var(--mx) var(--my), #ffffffa6, transparent 55%);background-size:300% 300%,100% 100%;background-position:calc(var(--mx) * 1.2) calc(var(--my) * 1.2), center;animation:7s linear infinite holo-drift;position:absolute;inset:0}.card--tilt .card__holo{opacity:calc(.25 + var(--hyp) * .45);animation:none}.rar-sec .card__holo{opacity:.45}@keyframes holo-drift{0%{background-position:0 0,50%}to{background-position:300% 300%,50%}}.card__glare{pointer-events:none;background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffff8c 0%, #ffffff1a 30%, transparent 60%);mix-blend-mode:overlay;opacity:calc(var(--hyp) * .9 + .1);position:absolute;inset:0}.card--back{background:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff29 0deg 3deg, transparent 3deg 12deg), radial-gradient(circle at center, #0000004d 1px, transparent 1.5px) 0 0 / 5px 5px, radial-gradient(circle at 50% 50%, #ff6b7f 0%, var(--red) 45%, var(--red-dk) 100%);border:2px solid var(--ink);color:var(--paper);place-items:center;display:grid}.card__back-emblem{filter:drop-shadow(0 2px 6px #0006);place-items:center;width:100%;display:grid}.frame{color:var(--frame-paper);font-family:var(--font-display);background:var(--frame-ink);line-height:1;position:absolute;inset:0;overflow:hidden}.frame__art{border-radius:var(--frame-radius);background:repeating-conic-gradient(from 0deg at 50% 58%, var(--mat-light) 0deg 3deg, transparent 3deg 11deg), radial-gradient(circle at center, var(--mat-dots) .6px, transparent 1.1px) 0 0 / 4px 4px, var(--band);position:absolute;inset:3% 3% 34%;overflow:hidden}.frame__sil{aspect-ratio:1;height:78%;transform:translateX(-50%) rotate(var(--sil-rot,0deg));fill:var(--frame-ink);stroke:var(--frame-paper);stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke fill;position:absolute;bottom:-4%;left:50%}.frame__cost{background:var(--frame-paper);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:2.3em;height:2.3em;display:grid;position:absolute;top:2.5%;left:3%}.frame__cost span{background:var(--band);width:84%;height:84%;clip-path:inherit;font-family:var(--font-num);color:var(--frame-paper);-webkit-text-stroke:.14em var(--frame-ink);paint-order:stroke fill;place-items:center;font-size:1.25em;display:grid}.frame__life{min-width:1.9em;height:1.9em;font-family:var(--font-num);color:var(--frame-life);background:var(--frame-paper);border:.12em solid var(--frame-ink);border-radius:var(--frame-radius);place-items:center;font-size:1.2em;display:grid;position:absolute;top:3%;left:3%}.frame__power{font-family:var(--font-num);color:var(--frame-paper);-webkit-text-stroke:.2em var(--frame-ink);paint-order:stroke fill;letter-spacing:-.02em;font-size:1.25em;position:absolute;top:3%;right:4%}.frame__attr{background:var(--frame-ink);width:1.7em;height:1.7em;fill:var(--frame-paper);stroke:none;border-radius:50%;padding:.25em;position:absolute;top:13%;right:4%}.frame__counter{background:var(--frame-counter);width:1.45em;height:30%;color:var(--frame-counter-text);border-radius:0 var(--frame-radius) var(--frame-radius) 0;place-items:center;display:grid;position:absolute;top:30%;left:0}.frame__counter span{font-family:var(--font-num);white-space:nowrap;font-size:.78em;transform:rotate(-90deg)}.frame__plate{background:var(--frame-plate);height:9.5%;color:var(--frame-plate-text);border-top:.12em solid var(--band,var(--frame-paper));justify-content:center;align-items:center;gap:.3em;padding:0 .5em;display:flex;position:absolute;top:66%;left:0;right:0}.frame__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1em;overflow:hidden}.frame__cat{font-family:var(--font-body);background:var(--frame-chip);color:var(--frame-chip-text);border-radius:var(--frame-radius);flex:none;padding:.2em .4em;font-size:.42em;font-weight:800}.frame__type{font-family:var(--font-body);text-transform:uppercase;text-align:center;color:var(--frame-paper-2);background:var(--frame-ink);white-space:nowrap;text-overflow:ellipsis;padding:.25em .6em;font-size:.5em;font-weight:700;position:absolute;top:75.5%;left:0;right:0;overflow:hidden}.frame__text{font-family:var(--font-body);color:var(--frame-ink);background:var(--frame-paper);border-radius:var(--frame-radius);padding:.35em .5em;font-size:.5em;line-height:1.22;position:absolute;inset:80% 3% 5%;overflow:hidden}.frame__set{font-family:var(--font-body);color:var(--frame-paper-2);font-size:.36em;font-weight:700;position:absolute;bottom:.6%;right:4%}.rar-sr .frame,.rar-sec .frame,.rar-l .frame{box-shadow:inset 0 0 0 .14em var(--rar-color,var(--frame-paper))}.rar-sr{--rar-color:var(--rar-sr)}.rar-sec{--rar-color:var(--rar-sec)}.rar-l{--rar-color:var(--rar-l)}.frame--small .frame__art{inset:3% 3% 21%}.frame--small .frame__plate{border-top-width:.16em;height:19%;padding:0 .3em;top:auto;bottom:0}.frame--small .frame__name{font-size:.82em;font-family:var(--font-body);letter-spacing:-.01em;font-weight:900}.frame--small .frame__cost{width:2.25em;height:2.25em}.frame--small .frame__cost span{font-size:1.15em}.frame--small .frame__power{font-size:1.1em;right:5%}.frame--small .frame__attr{width:1.55em;height:1.55em;top:18%;right:5%}.frame--small .frame__counter{width:1.35em;height:34%;top:34%}.frame--small .frame__counter span{font-size:.72em}.frame--tiny .frame__name{font-size:.7em}.card--small .card__holo{animation:none}.battle{gap:var(--s-3);flex-direction:column;display:flex}.deck-picker{gap:var(--s-3);margin:0 calc(-1 * var(--s-4));padding:6px var(--s-4) var(--s-3);scrollbar-width:none;display:flex;overflow-x:auto}.deck-picker::-webkit-scrollbar{display:none}.deck-picker__item{width:86px;color:var(--paper);border-radius:var(--r-md);background:#ffffff1f;border:2px solid #ffffff4d;flex-direction:column;flex:none;align-items:center;gap:6px;padding:6px 6px 8px;display:flex}.deck-picker__item .card{border:2px solid var(--ink)}.deck-picker__item span{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.deck-picker__item.is-on{background:var(--accent);color:var(--on-accent);border:3px solid var(--ink);box-shadow:var(--lift);border-radius:var(--r-md);transform:rotate(-2deg)translateY(-2px)}.sheet .deck-picker__item{background:var(--paper-2);color:var(--ink);border-color:var(--paper-3)}.sheet .deck-picker__item.is-on{background:var(--accent);color:var(--on-accent);border-color:var(--ink);box-shadow:var(--lift)}.mode-card{align-items:center;gap:var(--s-3);width:100%;min-height:92px;padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);text-align:left;color:var(--paper);background:repeating-conic-gradient(from 0deg at 85% 50%, #ffffff29 0deg 2deg, transparent 2deg 9deg), radial-gradient(90% 140% at 85% 50%, var(--tone-hi), var(--tone) 50%, var(--tone-dk));border:4px solid var(--ink);box-shadow:var(--lift);transition:transform var(--t-fast);border-radius:var(--r-sail);display:flex;position:relative;overflow:hidden}.mode-card:nth-child(odd){transform:rotate(-.6deg)}.mode-card:nth-child(2n){transform:rotate(.6deg)}.mode-card:active:not(:disabled){transform:scale(1.02,.95)}.mode-card:disabled{filter:grayscale();opacity:.5}.mode-card strong{font-family:var(--font-display);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);margin-bottom:6px;font-size:24px;font-weight:400;line-height:1;display:block}.mode-card .grow>span{border-radius:var(--r-sm);background:#06143280;padding:1px 6px;font-size:13px;font-weight:800}.mode-card>svg:last-child{color:var(--paper);filter:drop-shadow(0 4px 8px #041e5059)}.mode-card__icon{background:var(--paper);width:56px;height:56px;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--lift-sm);border-radius:var(--r-md);flex:none;place-items:center;display:grid;transform:rotate(-6deg)}.mode-card--sea{--tone:var(--blue);--tone-hi:#7cc7ff;--tone-dk:var(--blue-dk)}.mode-card--red{--tone:var(--red);--tone-hi:#ff8597;--tone-dk:var(--red-dk)}.mode-card--gold{--tone:var(--purple);--tone-hi:#c2a6ff;--tone-dk:var(--purple-dk)}.searching{align-items:center;gap:var(--s-4);font-family:var(--font-display);flex-direction:column;display:flex}.searching__ring{border:5px solid var(--paper-3);border-top-color:var(--accent);border-radius:var(--r-md);width:48px;height:48px;animation:.8s linear infinite spin-square}@keyframes spin-square{to{transform:rotate(360deg)}}.room-code{align-items:center;gap:var(--s-3);text-align:center;flex-direction:column;display:flex}.room-code strong{font-family:var(--font-num);letter-spacing:.12em;color:var(--ink);background:var(--yellow);border:4px solid var(--ink);box-shadow:var(--lift);border-radius:var(--r-md);padding:6px 16px 2px;font-size:44px;transform:rotate(-2deg)}.tutorial__step{gap:var(--s-3);display:flex}.tutorial__step strong{font-family:var(--font-display);font-size:17px;font-weight:400}.tutorial__step p{margin-top:4px;font-size:15px}.tutorial__n{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border:2px solid var(--ink);font-family:var(--font-num);border-radius:var(--r-md);flex:none;place-items:center;font-size:16px;display:grid;transform:rotate(-6deg)}.mode-card--green{--tone:var(--green);--tone-hi:#6ff0b8;--tone-dk:var(--green-dk)}.resume-card{align-items:center;gap:var(--s-3);font-family:var(--font-display);text-align:left;background:var(--yellow);font-size:17px;display:flex}.mode-card.is-locked{filter:saturate(.6)}.mode-card__lock{vertical-align:middle;background:var(--paper);color:var(--ink);letter-spacing:.05em;text-transform:uppercase;-webkit-text-stroke:0;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%);margin-left:8px;padding:2px 10px 1px 6px;font-size:11px;display:inline-block}.qm-gate__lock{align-items:center;gap:12px;display:flex}.qm-gate__icon{background:var(--paper-2);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.qm-gate__lock strong,.qm-gate__skip strong{font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1.1;display:block}.qm-gate__lock p,.qm-gate__skip p{margin-top:4px;font-size:14px;font-weight:700}.qm-gate__skip{flex-direction:column;gap:8px;display:flex}.browser{gap:var(--s-2);flex-direction:column;display:flex}.browser__bar{gap:var(--s-2);display:flex}.browser__search{align-items:center;gap:var(--s-2);height:46px;padding:0 var(--s-3);background:var(--paper);color:var(--ink);border:var(--line);box-shadow:var(--hard-accent);border-radius:var(--r-md);flex:1;display:flex}.browser__search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px;font-weight:700}.browser__search input::placeholder{color:var(--paper-mute)}.browser__filter-btn{background:var(--paper);min-width:46px;height:46px;color:var(--ink);border:var(--line);box-shadow:var(--hard-sm);font-family:var(--font-num);border-radius:var(--r-md);align-items:center;gap:4px;padding:0 10px;display:inline-flex}.browser__filter-btn.is-on{background:var(--yellow)}.browser__more{gap:var(--s-3);animation:rise-in var(--t-med) var(--ease-out) both;flex-direction:column;display:flex}.browser__more .chip{background:var(--paper-2);color:var(--ink);border-color:var(--paper-3)}.browser__more .chip--active{background:var(--accent);color:var(--on-accent);border-color:var(--ink);box-shadow:var(--lift-sm)}.browser__count{font-family:var(--font-display);color:var(--text-3);font-size:12px}.browser__grid{grid-template-columns:repeat(auto-fill, minmax(var(--w), 1fr));gap:var(--s-3) var(--s-2);justify-items:center;display:grid}.browser__cell{position:relative}.browser__cell .card{border:2px solid var(--ink);box-shadow:var(--lift-sm)}.browser__sentinel{height:40px}.count-badge{background:var(--yellow);min-width:26px;height:22px;color:var(--ink);border:2px solid var(--ink);font-family:var(--font-num);pointer-events:none;border-radius:var(--r-sm);place-items:center;padding:2px 5px 0;font-size:12px;display:grid;position:absolute;bottom:4px;right:2px;transform:rotate(-4deg)}.ctext{color:inherit;flex-direction:column;gap:8px;font-size:16px;line-height:1.45;display:flex}.ctext--none{color:var(--paper-mute)}.ctag{font-family:var(--font-display);vertical-align:1px;color:var(--paper);background:var(--ink);border:1.5px solid var(--ink);margin:0 2px;padding:4px 6px 2px;font-size:12px;line-height:1;display:inline-block}.ctag--sea{background:var(--blue)}.ctag--blue{background:var(--blue-dk)}.ctag--orange{background:#ff7a00}.ctag--red{background:var(--red)}.ctag--gold{background:var(--yellow);color:var(--ink)}.ctag--pink{background:var(--pink)}.ctag--ink{background:var(--ink)}.ctag--don{background:var(--ink);color:var(--yellow)}.ctype{background:color-mix(in srgb, var(--accent) 25%, transparent);padding:0 3px;font-style:normal;font-weight:800}.cdetail{gap:var(--s-3);flex-direction:column;display:flex}.cdetail__card{padding:var(--s-4) 0 var(--s-3);margin:0 calc(-1 * var(--s-4));background:repeating-conic-gradient(from 0deg at 50% 50%, #0000000f 0deg 2deg, transparent 2deg 9deg), radial-gradient(50% 55% at 50% 50%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 75%);place-items:center;display:grid}.cdetail__card .card{border:3px solid var(--ink);box-shadow:var(--lift)}.cdetail__prints{gap:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}.cdetail__print{opacity:.4;border-radius:var(--r-md);border:2px solid #0000;padding:2px}.cdetail__print.is-owned{opacity:1}.cdetail__print.is-on{border-color:var(--ink);background:var(--yellow)}.cdetail__head h2{font-size:28px}.cdetail__id{margin-top:4px;font-size:14px;font-weight:800}.cdetail__colors{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.cdetail__color{color:var(--paper);font-family:var(--font-display);border:2px solid var(--ink);text-transform:uppercase;border-radius:var(--r-md);padding:3px 7px 2px;font-size:11px}.cdetail__cat{font-family:var(--font-display);font-size:11px}.cdetail__stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;display:grid}.cdetail__stats div{background:linear-gradient(180deg, var(--sea), var(--sea-deep));color:var(--paper);border:3px solid var(--ink);border-radius:var(--r-sail-sm);padding:var(--s-2);text-align:center}.cdetail__stats dt{text-transform:uppercase;color:var(--yellow);font-size:11px;font-weight:800}.cdetail__stats dd{font-family:var(--font-num);margin:0;font-size:24px}.cdetail__stats dd.small{font-family:var(--font-body);font-size:14px;font-weight:800;line-height:1.9}.cdetail__traits{flex-wrap:wrap;gap:6px;display:flex}.cdetail__trait{border:2px solid var(--ink);border-radius:var(--r-md);padding:2px 8px;font-size:13px;font-weight:800}.cdetail__text{box-shadow:var(--lift)}.cdetail__support{color:var(--green-dk);font-size:13px;font-weight:800}.cdetail__support--partial{color:#b35a00}.cdetail__owned{font-weight:800}.cdetail__actions{gap:var(--s-2);display:flex}.cdetail__actions .btn{flex:1}.rarity{font-family:var(--font-display);background:var(--rar-c);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-md);padding:3px 8px 2px;font-size:13px;transform:rotate(-3deg)}.rarity--uc{background:var(--rar-uc)}.rarity--r{background:var(--rar-r);color:var(--paper)}.rarity--sr{background:var(--rar-sr)}.rarity--l{background:var(--rar-l);color:var(--paper)}.rarity--p{background:var(--rar-p);color:var(--paper)}.rarity--sec,.rarity--alt{background:linear-gradient(90deg, var(--pink), var(--yellow), var(--cyan))}.curve{grid-template-columns:repeat(11,1fr);align-items:end;gap:3px;height:96px;padding-top:18px;display:grid}.curve__col{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px;height:100%;display:flex}.curve__bar{background:var(--accent);border:2px solid var(--ink);min-height:2px;transition:height var(--t-med) var(--ease-out);border-radius:var(--r-md);position:relative}.curve__bar span{text-align:center;font-family:var(--font-num);color:var(--ink);font-size:13px;position:absolute;top:-20px;left:-4px;right:-4px}.curve__label{text-align:center;font-family:var(--font-num);color:var(--text-ink-2);font-size:12px}.deck-grid{gap:var(--s-3) var(--s-2);grid-template-columns:repeat(auto-fill,minmax(74px,1fr));justify-items:center;display:grid}.deck-grid__cell{position:relative}.deck-grid__cell .card{border:2px solid var(--ink);box-shadow:var(--lift-sm)}.deck-tile{text-align:left;background:var(--paper);width:100%;min-height:92px;color:var(--ink);border:var(--line);box-shadow:var(--lift);border-radius:var(--r-sail);align-items:stretch;display:flex;position:relative;overflow:hidden}.deck-tile:active{transform:scale(1.02,.95)}.deck-tile__art{clip-path:polygon(0 0,100% 0,78% 100%,0 100%);border-right:0;flex:none;width:112px;position:relative;overflow:hidden}.deck-tile__art:after{content:"";mix-blend-mode:multiply;background:radial-gradient(circle,#00000040 1px,#0000 1.5px) 0 0/5px 5px;position:absolute;inset:0}.deck-tile__art .card{border-radius:0;position:absolute;top:-22px;left:0}.deck-tile__body{min-width:0;padding:var(--s-2) var(--s-3) var(--s-2) 0;flex-direction:column;flex:1;justify-content:center;gap:5px;display:flex}.deck-tile__name{font-family:var(--font-display);font-size:17px;font-weight:400;line-height:1.1}.deck-tile__sub{color:var(--text-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.deck-tile__tags{flex-wrap:wrap;gap:4px;display:flex}.deck-tile__tag{text-transform:uppercase;background:var(--sea);color:var(--paper);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%);border-radius:3px 0 0 3px;padding:2px 12px 2px 6px;font-size:11px;font-weight:900}.deck-tile__status{font-family:var(--font-display);border:2px solid var(--ink);border-radius:var(--r-md);padding:3px 6px 2px;font-size:10px;position:absolute;top:6px;right:6px;transform:rotate(4deg)}.deck-tile__status--ok{background:var(--green);color:var(--paper)}.deck-tile__status--bad{background:var(--yellow);color:var(--ink)}.deck-section,.builder{gap:var(--s-3);flex-direction:column;display:flex}.builder__head{gap:var(--s-3);align-items:center;display:flex}.builder__head .card{border:2px solid var(--ink);box-shadow:var(--lift-sm)}.builder__name{font-family:var(--font-display);width:100%;color:var(--paper);border:0;border-bottom:3px solid var(--accent);border-radius:var(--r-md);background:0 0;padding:4px 0;font-size:22px}.builder__name:focus{border-bottom-color:var(--yellow);outline:none}.builder__summary{flex-wrap:wrap;gap:6px;display:flex}.builder__stat{background:var(--paper);color:var(--ink);border:2px solid var(--ink);text-transform:uppercase;border-radius:var(--r-md);padding:3px 8px;font-size:12px;font-weight:800}.builder__stat strong{font-family:var(--font-num);margin-right:4px;font-size:17px;font-weight:400}.builder__problems{color:var(--paper);background:var(--red);border:var(--line);padding:var(--s-2) var(--s-2) var(--s-2) 26px;border-radius:var(--r-md);margin:0;font-size:14px;font-weight:700}.builder__savebar{bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);gap:var(--s-2);z-index:5;padding:var(--s-2);background:linear-gradient(180deg, var(--sea), var(--sea-deep));border:3px solid var(--ink);border-radius:var(--r-sail-sm);box-shadow:var(--lift);display:flex;position:sticky}.builder__savebar .btn{min-width:0;padding:0 var(--s-3);flex:1}.builder__savebar .btn:last-child{flex:none;width:52px;padding:0}.add-minus{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--lift-sm);border-radius:var(--r-md);align-items:center;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.add-minus button{place-items:center;width:28px;height:26px;display:grid}.add-minus button:last-child{background:var(--accent);color:var(--on-accent);border-left:2px solid var(--ink)}.add-minus button:first-child{border-right:2px solid var(--ink)}.add-minus span{text-align:center;min-width:22px;font-family:var(--font-num);font-size:13px}.recipe-hero{padding:var(--s-4);gap:var(--s-4);color:var(--paper);background:repeating-conic-gradient(from 0deg at 20% 50%, #ffffff24 0deg 2deg, transparent 2deg 9deg), radial-gradient(90% 120% at 15% 50%, var(--accent), var(--accent-dk) 70%, var(--ink));border:4px solid var(--ink);box-shadow:var(--lift);border-radius:var(--r-md);align-items:center;display:flex;position:relative;overflow:hidden}.recipe-hero .card{border:3px solid var(--ink);box-shadow:var(--lift);transform:rotate(-4deg)}.recipe-hero h2{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:26px}.recipe-hero p{margin-top:6px;font-size:15px;font-weight:700}.recipe-hero p:last-child{border-radius:var(--r-sm);background:#06143280;padding:1px 6px;display:inline-block}.stars{color:var(--yellow);letter-spacing:3px;-webkit-text-stroke:1px var(--ink);margin-bottom:4px;font-size:16px}.leader-chip{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.leader-chip .link{font-size:11px}.missing__cards{margin-top:var(--s-3);flex-wrap:wrap;gap:8px;display:flex}.missing__card{position:relative}.missing__card .card{border:2px solid var(--ink);filter:grayscale(.6)}.builder__check .section-title{margin:0 0 var(--s-2);font-size:16px}.builder__ready{color:var(--green-dk);align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:800;display:flex}.don-card{aspect-ratio:63/88;background:repeating-conic-gradient(from 0deg at 50% 50%, #ffd23a4d 0deg 8deg, transparent 8deg 22deg), radial-gradient(circle at 50% 50%, var(--sea) 0 18%, var(--abyss) 62%, var(--ink) 100%);border:1.5px solid var(--ink);box-shadow:var(--lift-sm);transition:transform var(--t-med) var(--ease-out), filter var(--t-med);border-radius:9%/6.5%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.don-card:after{content:"";border:max(1px,3cqw) solid #ffd23abf;border-radius:7%/5%;position:absolute;inset:5cqw}.don-card__word{z-index:1;font-family:var(--font-display);white-space:nowrap;color:var(--yellow);-webkit-text-stroke:max(1px, 4cqw) var(--red-dk);paint-order:stroke fill;letter-spacing:-.03em;font-size:30cqw;line-height:1;position:relative;transform:rotate(-62deg)}.don-card.is-rested{filter:grayscale()brightness(.7);transform:rotate(90deg)scale(.7)}.cresult{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:relative}.cresult__node{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cresult__node strong{font-family:var(--font-display);font-size:18px;font-weight:400}.cresult__stars{align-items:flex-end;gap:4px;display:flex}.result--campaign .result__title{font-size:42px!important}.cresult__star{color:var(--paper-mute);display:grid}.cresult__star svg{fill:var(--paper-2)}.cresult__star:nth-child(2){transform:translateY(-10px)scale(1.15)}.cresult__star.is-on{color:var(--ink)}.cresult__star.is-on svg{fill:var(--yellow);animation:star-pop .52s var(--ease-spring) both;animation-delay:inherit}.cresult__star svg{stroke-width:1.6px}@keyframes star-pop{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}60%{opacity:1;transform:scale(.9)rotate(6deg)}}.cresult__fresh,.cresult__island{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-sm);font-family:var(--font-display);align-items:center;gap:6px;padding:3px 14px 2px;font-size:14px;display:inline-flex;transform:rotate(-2deg)}.cresult__island{background:var(--green);font-size:16px}.cresult__label{font-family:var(--font-display);margin-bottom:6px;font-size:15px;font-weight:400;display:block}.cresult__rewards,.cresult__help{width:100%}.cresult__rewards ul{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cresult__rewards li{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:var(--badge-radius);animation:reward-in .38s var(--ease-spring) both;align-items:center;gap:5px;padding:4px 10px 3px;font-size:13px;font-weight:800;display:inline-flex;transform:rotate(-1.5deg)}.cresult__rewards li:nth-child(2n){transform:rotate(1.5deg)}@keyframes reward-in{0%{opacity:0;transform:translateY(14px)scale(.6)}}.cresult__bank{margin-top:6px;font-size:12px;font-weight:700}.cresult__help{background:var(--paper-2);border:2px dashed var(--paper-mute);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex}.cresult__keys{justify-content:center;gap:6px;display:flex}.cresult__keys .card{border:2px solid var(--ink)}.cresult__keys .card:nth-child(odd){transform:rotate(-4deg)}.cresult__tip{font-size:14px;font-weight:700}.cresult__actions{z-index:1;bottom:calc(-1 * var(--s-5));margin:0 calc(-1 * var(--s-4)) calc(-1 * var(--s-5));padding:var(--s-3) var(--s-4) var(--s-5);background:linear-gradient(180deg, transparent, var(--surface) 30%);flex-wrap:wrap;position:sticky;width:calc(100% + 2 * var(--s-4))!important}.cresult__actions .btn{padding:0 var(--s-3)}.mat{--c1:var(--mat-red);--c1-dk:var(--mat-red-dk);--c2:var(--mat-red);pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.mat--c1-red{--c1:var(--mat-red);--c1-dk:var(--mat-red-dk)}.mat--c1-blue{--c1:var(--mat-blue);--c1-dk:var(--mat-blue-dk)}.mat--c1-green{--c1:var(--mat-green);--c1-dk:var(--mat-green-dk)}.mat--c1-purple{--c1:var(--mat-purple);--c1-dk:var(--mat-purple-dk)}.mat--c1-yellow{--c1:var(--mat-yellow);--c1-dk:var(--mat-yellow-dk)}.mat--c1-black{--c1:var(--mat-black);--c1-dk:var(--mat-black-dk)}.mat--c2-red{--c2:var(--mat-red)}.mat--c2-blue{--c2:var(--mat-blue)}.mat--c2-green{--c2:var(--mat-green)}.mat--c2-purple{--c2:var(--mat-purple)}.mat--c2-yellow{--c2:var(--mat-yellow)}.mat--c2-black{--c2:var(--mat-black)}.mat--mono{--c2:var(--c1-dk)}.mat--mono.mat--c1-black{--c2:var(--mat-black-2)}.mat__wash{background:radial-gradient(120% 90% at 40% 50%, transparent 40%, var(--c1-dk) 100%), linear-gradient(118deg, var(--c1) 0 54%, var(--c2) 54.4%);position:absolute;inset:0}.mat--opp .mat__wash{transform:scaleX(-1)}.mat__art{object-fit:cover;object-position:50% 0;transform-origin:50% 0;filter:grayscale()contrast(2.2)brightness(1.2)blur(.6px);mix-blend-mode:multiply;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0;transform:scale(1.75);-webkit-mask:linear-gradient(#000 0% 45%,#0000 82%);mask:linear-gradient(#000 0% 45%,#0000 82%)}.mat__art.is-loaded{opacity:.55}.mat--opp .mat__art{transform:scaleX(-1)scale(1.75)}.mat__lines{background:repeating-conic-gradient(from 0deg at 50% 50%, var(--mat-light) 0deg 1.2deg, transparent 1.2deg 6deg);position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#0000 18%,#000 60%);mask:radial-gradient(circle,#0000 18%,#000 60%)}.mat__dots{background:radial-gradient(circle at center, var(--mat-dots) 1.3px, transparent 1.8px) 0 0 / 6px 6px;mix-blend-mode:multiply;position:absolute;inset:0;-webkit-mask:radial-gradient(80% 70%,#0000 30%,#000 100%);mask:radial-gradient(80% 70%,#0000 30%,#000 100%)}.mat__splat{opacity:.9;width:40%;fill:var(--fx-ink);position:absolute}.mat--splat-right .mat__splat{bottom:-18%;right:-14%}.mat--splat-left .mat__splat{bottom:-18%;left:-14%}.mat--opp .mat__splat{top:-18%;bottom:auto}.side__row{z-index:0;position:relative}.board{height:100%;color:var(--board-text);background:var(--board-bg);padding-top:var(--safe-top);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto auto;display:grid;position:relative}.board-sheet{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.board>*{min-width:0}.board--loading{background:var(--speedlines), var(--board-bg);justify-content:center;align-items:center;display:flex}.board__waiting{align-items:center;gap:var(--s-4);font-family:var(--font-display);flex-direction:column;display:flex;position:relative}.board__top{z-index:2;align-items:center;gap:var(--s-2);padding:4px var(--s-3);background:var(--board-bg);display:flex;position:relative}.board .icon-btn{width:38px;height:38px;box-shadow:var(--badge-shadow)}.board .icon-btn:after{content:"";position:absolute;inset:-4px}.board__who{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.board__who strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:400;overflow:hidden}.board__warn{color:var(--danger);align-items:center;gap:3px;font-size:12px;font-weight:800;display:inline-flex}.counts{font-family:var(--font-num);gap:10px;font-size:14px;display:flex}.counts span{align-items:center;gap:3px;display:inline-flex}.counts svg{color:var(--accent)}.half{flex-direction:column;justify-content:center;min-height:0;display:flex;position:relative}.half>:not(.mat){z-index:1;position:relative}.opp-hand{pointer-events:none;justify-content:center;height:0;display:flex;top:0;left:0;right:0;position:absolute!important}.opp-hand__card{transform:rotate(calc(var(--i) * -4deg)) translateY(calc(var(--i) * var(--i) * .6px - 26px));transform-origin:50% -150%;margin:0 -9px}.side{padding:6px var(--s-2);flex-direction:column;gap:6px;display:flex}.side__row{align-items:center;gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.side__left,.side__right{align-items:center;gap:8px;min-width:0;display:flex}.side__right{justify-content:flex-end}.chars{z-index:0;min-height:calc(var(--cw) * 1.4 + 10px);grid-template-columns:repeat(5,1fr);place-items:center;display:grid;position:relative}.chars:before{content:attr(data-label);z-index:-1;font-family:var(--font-display);text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px var(--board-label);white-space:nowrap;pointer-events:none;line-height:1;font-size:calc(var(--cw) * .56);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.side--opp .chars:before{transform:translate(-50%,-50%)rotate(180deg)}.chars__slot{width:calc(var(--cw) - 4px);aspect-ratio:63/88;border:2px dashed var(--board-slot);background:var(--board-slot-bg);border-radius:var(--r-sm)}.fcard{isolation:isolate;touch-action:none;position:relative}.fcard .card{border:var(--card-edge-w) solid var(--card-edge);box-shadow:var(--card-shadow)}.fcard.is-rested .card{filter:saturate(.6)brightness(.8);transform:rotate(90deg)scale(.74)}.fcard:before{content:"";z-index:2;border:var(--hl-ring) solid var(--ring,transparent);pointer-events:none;opacity:0;border-radius:var(--r-md);position:absolute;inset:-5px}.fcard.is-rested:before{inset:calc(var(--w) * .33 - 5px) calc(var(--w) * -.02 - 5px)}.fcard.can-act:before,.fcard.is-focus:before,.fcard.is-hl:before,.fcard.is-picked:before,.fcard.is-target:before{opacity:1}.fcard.can-act{--ring:var(--hl-act)}.fcard.can-act .card{box-shadow:0 0 14px color-mix(in srgb, var(--hl-act) 75%, transparent), var(--card-shadow)}.fcard.can-act:before{animation:1.6s ease-in-out infinite ring-pulse}.fcard.is-focus{--ring:var(--hl-selected)}.fcard.hl--target,.fcard.is-target{--ring:var(--hl-target)}.fcard.hl--choose,.fcard.hl--don{--ring:var(--hl-choose)}.fcard.is-picked{--ring:var(--hl-selected)}.fcard.is-picked:before{border-width:calc(var(--hl-ring) + 1px)}.fcard.is-hl:before{animation:.9s ease-in-out infinite ring-pulse}.fcard.hl--choose:before,.fcard.hl--don:before{animation-duration:1.4s}@keyframes ring-pulse{50%{opacity:.55;transform:scale(1.07)}}.fcard__mark--act{--ring:var(--hl-act)}.fcard__mark{z-index:3;background:var(--ring);width:22px;height:22px;color:var(--fx-ink);border:2px solid var(--fx-ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.fcard.is-target:after{content:attr(data-stamp);z-index:3;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;background:var(--hl-target);color:var(--fx-paper);border:2px solid var(--fx-ink);pointer-events:none;animation:stamp-in .26s var(--ease-spring) both;border-radius:var(--badge-radius);padding:3px 6px 2px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-30deg)scale(2.2)}}.fcard.is-attacker{z-index:2}.fcard__power{z-index:3;background:var(--badge-bg);color:var(--badge-text);border:2px solid var(--badge-edge);box-shadow:var(--badge-shadow);font-family:var(--font-num);pointer-events:none;white-space:nowrap;border-radius:var(--badge-radius);align-items:center;gap:1px;padding:3px 4px 2px;font-size:12px;line-height:1;display:inline-flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(-3deg)}.fcard__power span{font-size:.7em}.fcard--big .fcard__power{padding:4px 6px 3px;font-size:15px}.fcard__power.is-up{background:var(--badge-up-bg);color:var(--badge-text)}.fcard__power.is-down{background:var(--badge-down-bg);color:var(--badge-text)}.fcard__don{z-index:3;background:var(--don-bg);color:var(--don-text);border:2px solid var(--don-text);font-family:var(--font-num);pointer-events:none;border-radius:var(--badge-radius);box-shadow:var(--badge-shadow);padding:2px 4px 1px;font-size:11px;line-height:1;position:absolute;top:-8px;right:-8px}.fcard__dons{z-index:-1;top:calc(var(--w) * -.2);right:calc(var(--w) * .02);pointer-events:none;display:flex;position:absolute}.fcard__dons .don-card{margin-left:calc(var(--w) * -.2);transform:rotate(calc(var(--k) * 9deg - 6deg));transform-origin:50% 100%}.fcard.is-rested .fcard__dons{top:calc(var(--w) * .08)}.fcard__kws{z-index:3;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:14%;left:-7px}.fcard__kw{background:var(--blue-dk);width:18px;height:18px;color:var(--fx-paper);border:2px solid var(--fx-ink);box-shadow:var(--badge-shadow);border-radius:50%;place-items:center;display:grid}.fcard--big .fcard__kw{width:21px;height:21px}.fcard__kw.kw--rush,.fcard__kw.kw--rushCharacter,.fcard__kw.kw--doubleAttack{background:var(--yellow-dk)}.fcard__kw.kw--banish{background:var(--purple)}.fcard__sick{z-index:3;width:24px;height:24px;color:var(--fx-paper);border:2px solid var(--paper-mute);pointer-events:none;background:#04183ec7;border-radius:50%;place-items:center;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%)}.fcard__odds{z-index:4;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;border:2px solid var(--fx-ink);border-radius:var(--badge-radius);pointer-events:none;padding:2px 5px 1px;font-size:9px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)rotate(-4deg)}.fcard__odds.is-win{background:var(--fx-buff);color:var(--fx-ink)}.fcard__odds.is-lose{background:var(--paper-mute);color:var(--fx-ink)}.life{z-index:0;align-items:center;gap:4px;display:flex;position:relative}.life__stack{position:relative}.life__card{left:0;top:calc(var(--i) * 3px);position:absolute}.side--opp .life__card{top:auto;bottom:calc(var(--i) * 3px)}.life__n{z-index:2;min-width:30px;font-family:var(--font-num);color:var(--fx-ink);background:var(--fx-paper);border:2px solid var(--fx-ink);border-radius:var(--badge-radius);box-shadow:var(--badge-shadow);flex-direction:column;align-items:center;padding:2px 5px 3px;font-size:18px;line-height:1;display:flex;position:absolute;bottom:-6px;right:-10px}.life__n small{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:900}.life__n.is-low{background:var(--hl-target);color:var(--fx-paper)}.side--opp .life__n{top:-6px;bottom:auto}.don-area{color:var(--board-text);border-radius:var(--r-md);touch-action:none;background:#062f6e9e;border:2px solid #ffffff47;flex-direction:column;align-items:stretch;gap:2px;padding:3px;display:flex;position:relative}button.don-area{cursor:pointer;font:inherit}.don-area__head{justify-content:space-between;align-items:baseline;gap:6px;height:14px;padding:0 2px;line-height:1;display:flex}.don-area__title{font-family:var(--font-display);color:var(--fx-don);-webkit-text-stroke:.5px var(--fx-ink);font-size:10px}.don-area__n{font-family:var(--font-num);color:var(--text-3);font-size:11px}.don-area__n strong{color:var(--fx-don);font-size:15px;font-weight:400}.don-area__grid{grid-template-columns:repeat(5, var(--dw));grid-auto-rows:calc(var(--dw) * 1.397);gap:2px;display:grid}.don-area__cell{place-items:center;display:grid}.don-area__slot{background:#ffffff0d;border:1.5px dashed #ffffff73;border-radius:9%/6.5%}.don-area.is-live{border-color:var(--hl-act);box-shadow:0 0 0 2px color-mix(in srgb, var(--hl-act) 35%, transparent), var(--lift-sm)}.don-area.is-live .don-area__cell.is-active .don-card{box-shadow:0 0 0 1.5px var(--hl-act), 0 0 8px color-mix(in srgb, var(--hl-act) 70%, transparent);animation:don-ready 1.6s var(--ease-out) infinite}.don-area.is-live .don-area__cell.is-active:nth-child(2n) .don-card{animation-delay:.2s}@keyframes don-ready{50%{transform:translateY(-2px)}}.don-area.is-on{background:color-mix(in srgb, var(--hl-choose) 30%, #04183e99);border-color:var(--hl-choose)}.drag-don{z-index:31;pointer-events:none;filter:drop-shadow(0 6px 10px #041e5080);position:absolute;transform:translate(-50%,-60%)rotate(-8deg)scale(1.15)}.board__mid{z-index:3;justify-content:center;align-items:center;gap:var(--s-2);background:repeating-linear-gradient(-45deg, var(--board-band) 0 10px, var(--board-band-2) 10px 20px);height:34px;display:flex;position:relative}.board__mid.is-battle{z-index:5}.board__turn,.board__turn-n{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;border:2px solid var(--fx-ink);border-radius:var(--badge-radius);position:relative}.board__turn{background:var(--fx-paper);color:var(--fx-ink);border-radius:var(--r-sail-sm);box-shadow:var(--badge-shadow);padding:3px 12px 2px;font-size:14px;transform:rotate(-2deg)}.is-my-turn .board__turn{background:var(--hl-act)}.board__turn-n{background:var(--board-band);color:var(--board-text);border-color:var(--board-band-2);padding:3px 7px 2px;font-size:11px}.duel{font-family:var(--font-num);white-space:nowrap;align-items:center;gap:6px;font-size:16px;line-height:1;display:flex}.duel__side{border:2px solid var(--fx-ink);background:var(--fx-paper);color:var(--fx-ink);border-radius:var(--badge-radius);box-shadow:var(--badge-shadow);align-items:baseline;gap:4px;padding:4px 7px 3px;display:inline-flex}.duel__side small{font-family:var(--font-body);font-size:10px;font-weight:900}.duel__side s{opacity:.6;font-size:.7em}.duel__side--atk{background:var(--hl-target)}.duel__side--def{background:var(--hl-choose)}.duel__vs{font-family:var(--font-display);color:var(--hl-act);font-size:13px}.duel__verdict{font-family:var(--font-display);text-transform:uppercase;border:2px solid var(--fx-ink);background:var(--fx-ink);color:var(--fx-paper);border-radius:var(--badge-radius);padding:4px 7px 3px;font-size:12px}.duel.is-defending.is-hit .duel__verdict{background:var(--hl-act);color:var(--fx-ink)}.duel.is-defending.is-safe .duel__verdict{background:var(--fx-buff);color:var(--fx-ink)}.my-hand{z-index:2;height:var(--hand-h);justify-content:safe center;align-items:flex-start;padding:14px 8px 0;display:flex;position:relative;overflow:hidden}.my-hand.is-scroll{scrollbar-width:none;justify-content:flex-start;padding-left:14px;padding-right:14px;overflow:auto hidden}.my-hand.is-scroll::-webkit-scrollbar{display:none}.board.is-dragging .my-hand{overflow:visible}.my-hand__card{transform:translateY(calc(var(--i) * var(--i) * .8px)) rotate(calc(var(--i) * 2deg));transform-origin:50% 140%;transition:transform var(--t-fast) var(--ease-out);animation:rise-in var(--t-med) var(--ease-out) both;touch-action:pan-x;flex:none;position:relative}.my-hand__card .card{border:var(--card-edge-w) solid var(--card-edge);box-shadow:var(--card-shadow)}.my-hand__card.is-act{transform:translateY(calc(var(--i) * var(--i) * .8px - 10px)) rotate(calc(var(--i) * 2deg))}.my-hand__card.is-act .card{outline:var(--hl-ring) solid var(--hl-act);outline-offset:0;box-shadow:0 0 16px color-mix(in srgb, var(--hl-act) 80%, transparent), var(--card-shadow);animation:1.8s ease-in-out infinite act-breathe}@keyframes act-breathe{50%{box-shadow:0 0 6px color-mix(in srgb, var(--hl-act) 50%, transparent), var(--card-shadow)}}.my-hand__card.is-choose{transform:translateY(calc(var(--i) * var(--i) * .8px - 10px)) rotate(calc(var(--i) * 2deg))}.my-hand__card.is-choose .card{outline:var(--hl-ring) solid var(--hl-choose);outline-offset:0;box-shadow:0 0 16px color-mix(in srgb, var(--hl-choose) 80%, transparent), var(--card-shadow)}.my-hand__card.is-off .card{filter:brightness(.62)saturate(.55)}.my-hand__card.is-sel{z-index:5;transform:translateY(-16px)rotate(0)scale(1.05)}.my-hand__card.is-sel .card{outline:calc(var(--hl-ring) + 1px) solid var(--hl-selected);outline-offset:0;filter:none}.my-hand__card.is-dragged{z-index:30;transition:none;animation:none}.hstats{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:3px;display:flex;position:absolute;top:-6px;left:-5px}.hstat{font-family:var(--font-num);border:2px solid var(--fx-ink);box-shadow:var(--badge-shadow);white-space:nowrap;place-items:center;line-height:1;display:grid}.hstat--cost{background:var(--paper);width:26px;height:26px;color:var(--fx-ink);border-radius:50%;font-size:15px}.hstat--cost.is-ok{background:var(--hl-act)}.hstat--cost.is-off{background:var(--ink-4);color:var(--paper-mute)}.hstat--cost.is-down:after{content:"▼";color:var(--fx-buff);margin:20px 0 0 18px;font-size:7px;position:absolute}.hstat--power{background:var(--fx-paper);color:var(--fx-ink);border-radius:var(--badge-radius);margin-left:2px;padding:2px 4px 1px;font-size:10px}.hstat--counter{background:var(--hl-choose);color:var(--fx-ink);border-radius:4px 10px 10px 4px;margin-left:2px;padding:2px 4px 1px;font-size:10px}.hstat--event{background:var(--red);width:20px;height:18px;color:var(--fx-paper);padding:0}.hstat--tag{font-family:var(--font-body);text-transform:uppercase;background:var(--fx-ink);color:var(--fx-paper);border-color:var(--fx-paper);border-radius:var(--badge-radius);margin-left:2px;padding:2px 4px 1px;font-size:8px;font-weight:900}.action-bar{z-index:4;align-items:center;gap:var(--s-2);padding:8px var(--s-3) calc(8px + var(--safe-bottom));background:var(--bar-bg);color:var(--bar-text);border-top:2px solid var(--bar-edge);min-height:62px;display:flex;position:relative}.action-bar__hint{flex:1;min-width:0;font-size:13px;font-weight:800;line-height:1.2}.action-bar--act{border-top-color:var(--hl-act)}.action-bar--choose{border-top-color:var(--hl-choose)}.action-bar--target{border-top-color:var(--hl-target)}.action-bar--done{border-top-color:var(--fx-buff)}.end-turn{flex:none;min-width:132px}.end-turn.is-ready{animation:1.4s ease-in-out infinite end-ready}@keyframes end-ready{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--red) 45%, transparent), 0 0 18px color-mix(in srgb, var(--red) 60%, transparent), var(--lift)}}.end-turn.is-armed{white-space:normal;max-width:62%;font-size:12px;line-height:1.1}.action-bar__wait{color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.action-bar__spinner{border:3px solid var(--ink-5);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.battle-arrow{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.battle-arrow path{fill:none;stroke-linecap:round}.battle-arrow__edge{stroke:var(--fx-arrow-edge);stroke-width:12px;stroke-linejoin:round}polygon.battle-arrow__edge{fill:var(--fx-arrow-edge);stroke-width:6px}.battle-arrow__line{stroke:var(--fx-arrow);stroke-width:7px;stroke-dasharray:16 7;animation:.6s linear infinite arrow-flow}.battle-arrow__head{fill:var(--fx-arrow)}.battle-arrow.is-live .battle-arrow__line{stroke:var(--hl-target)}@keyframes arrow-flow{to{stroke-dashoffset:-23px}}.fx{z-index:45;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx>*{will-change:transform, opacity;position:absolute}.fx-pop{font-family:var(--font-display);white-space:nowrap;color:var(--fx-paper);-webkit-text-stroke:3px var(--fx-ink);paint-order:stroke fill;font-size:30px;line-height:1;animation:.82s linear both fx-pop}.fx-pop--damage{color:var(--fx-damage)}.fx-pop--buff{color:var(--fx-buff)}.fx-pop--don{color:var(--fx-don);font-size:22px}@keyframes fx-pop{0%{transform:translate(-50%,-50%)scale(0)rotate(-12deg)}11%{transform:translate(-50%,-50%)scale(1.45)rotate(4deg)}20%{transform:translate(-50%,-50%)scale(.92)rotate(-1deg)}27%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,calc(-50% - 24px))scale(1)}}.fx-burst{place-items:center;width:124px;height:92px;animation:.52s step-end both fx-slam;display:grid}.fx-burst--big{width:176px;height:128px}.fx-burst:before,.fx-burst:after{content:"";clip-path:polygon(50% 0%,58% 18%,74% 4%,74% 24%,96% 14%,86% 36%,100% 50%,84% 60%,98% 82%,74% 76%,70% 100%,54% 82%,36% 98%,32% 78%,6% 88%,16% 64%,0% 50%,14% 38%,2% 16%,26% 24%,26% 4%,42% 18%);position:absolute;inset:0}.fx-burst:before{background:var(--fx-ink)}.fx-burst:after{background:var(--fx-paper);inset:7%}.fx-burst span{z-index:1;font-family:var(--font-display);color:var(--fx-ink);white-space:nowrap;font-size:19px;position:relative;transform:rotate(-6deg)}.fx-burst--big span{color:var(--fx-damage);-webkit-text-stroke:2px var(--fx-ink);paint-order:stroke fill;font-size:28px}@keyframes fx-slam{0%{transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}12%{transform:translate(-50%,-50%)scale(1.25)rotate(4deg)}26%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.fx-shatter{overflow:visible}.fx-shard{place-items:center;animation:.44s cubic-bezier(.3,.6,.6,1) forwards fx-shard;display:grid;position:absolute;inset:0}.fx-shard .card{border:var(--card-edge-w) solid var(--card-edge)}@keyframes fx-shard{0%,12%{opacity:1;transform:none}to{transform:translate(var(--tx), var(--ty)) rotate(var(--r));opacity:0}}.fx-ring{aspect-ratio:1;border:5px dotted var(--fx-paper);border-radius:50%;width:140%;animation:.42s ease-out forwards fx-ring;position:absolute;top:50%;left:50%}@keyframes fx-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.fx-token{filter:drop-shadow(0 4px 6px #041e5080);animation:.22s linear forwards fx-arc;display:block}@keyframes fx-arc{0%{transform:translate(-50%,-50%)scale(.8)}50%{transform:translate(calc(-50% + var(--dx) / 2), calc(-50% + var(--dy) / 2 - 60px)) scale(1.25)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.7)}}.fx-banner{background:var(--fx-ink);border-block:3px solid var(--hl-act);place-items:center;height:72px;margin-top:-36px;animation:.9s linear both fx-wipe;display:grid;top:50%;left:0;right:0}.fx-banner.is-opp{border-color:var(--accent);animation-name:fx-wipe-back}.fx-banner span{font-family:var(--font-display);text-transform:uppercase;color:var(--hl-act);-webkit-text-stroke:2px var(--fx-ink);paint-order:stroke fill;white-space:nowrap;font-size:34px;animation:.9s step-end both fx-drop}.fx-banner.is-opp span{color:var(--fx-paper)}@keyframes fx-wipe{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}16%,86%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@keyframes fx-wipe-back{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}16%,86%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@keyframes fx-drop{0%,12%{opacity:0;transform:translateY(-30px)scale(1.3)rotate(-5deg)}18%{opacity:1;transform:translateY(6px)scale(1.08)rotate(-5deg)}26%,to{transform:rotate(-5deg)}}.fx-flash{background:var(--fx-flash);animation:.26s ease-out both fx-flash;inset:0}@keyframes fx-flash{0%{opacity:.9}to{opacity:0}}.fx-vignette{box-shadow:inset 0 0 70px 24px var(--fx-vignette);animation:.3s ease-out both fx-flash;inset:0}.fx-reveal{animation:fx-reveal 1.1s var(--ease-out) both;top:50%;left:50%}.fx-reveal .card{border:3px solid var(--card-edge);box-shadow:var(--shadow-3)}.fx-reveal--side{left:calc(var(--s-3) + 62px);top:34%}.fx-ability{left:var(--s-3);right:var(--s-3);align-items:center;gap:var(--s-2);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-left:6px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--lift);animation:fx-ability 1.5s var(--ease-out) both;padding:6px 10px 6px 6px;display:flex}.fx-ability.is-opp{top:calc(var(--safe-top) + 48px);border-left-color:var(--hl-target)}.fx-ability.is-mine{bottom:calc(var(--hand-h) + 70px + var(--safe-bottom));border-left-color:var(--hl-act)}.fx-ability .card{border:1.5px solid var(--ink);flex:none}.fx-ability__body{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;font-size:12px;line-height:1.25;display:flex}.fx-ability__body strong{font-family:var(--font-display);font-size:13px;font-weight:400}.fx-ability__body em{text-transform:uppercase;color:var(--paper);background:var(--sea);border-radius:var(--badge-radius);padding:1px 5px;font-size:10px;font-style:normal;font-weight:900}.fx-ability__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-basis:100%;display:-webkit-box;overflow:hidden}@keyframes fx-ability{0%{opacity:0;transform:translateY(-12px)}12%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes fx-reveal{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)rotate(-8deg)}18%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}@media (prefers-reduced-motion:reduce){.fx>*,.fx>* span{animation:.7s linear both fx-still!important}}:root[data-motion=reduced] .fx>*,:root[data-motion=reduced] .fx>* span{animation:.7s linear both fx-still!important}@keyframes fx-still{0%,70%{opacity:1}to{opacity:0}}.overlay{z-index:40;padding:var(--s-4);background:var(--scrim);animation:fade-in var(--t-med) both;place-items:center;display:grid;position:absolute;inset:0}.overlay--light{background:var(--fx-scrim)}.overlay__panel{background:var(--surface);width:100%;max-width:360px;color:var(--text-ink);border:3px solid var(--fx-ink);box-shadow:var(--panel-shadow);padding:var(--s-5) var(--s-4);align-items:center;gap:var(--s-3);text-align:center;overscroll-behavior:contain;max-height:92%;animation:pop-in var(--t-slow) var(--ease-spring) backwards;border-radius:var(--panel-radius);outline:none;flex-direction:column;display:flex;position:relative;overflow-y:auto}.overlay__panel .muted{color:var(--text-ink-2)}.overlay__panel--wide{max-width:420px}.overlay__panel h2{font-size:28px}.overlay__panel h3{font-size:19px}.overlay__panel .row{width:100%}.overlay__panel .ctext{color:var(--text-ink);text-align:left}.overlay__cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.overlay__cards .card{border:2px solid var(--card-edge)}.overlay__trigger{color:var(--fx-damage);-webkit-text-stroke:2px var(--fx-ink);paint-order:stroke fill;transform:rotate(-4deg);font-size:40px!important}.overlay--trigger .overlay__panel{animation:pop-in var(--t-slow) var(--ease-spring) both, trigger-flash .5s ease-out both}@keyframes trigger-flash{0%{box-shadow:0 0 0 200vmax var(--fx-flash)}to{box-shadow:var(--shadow-2)}}.pick{transition:transform var(--t-fast)}.pick.is-picked{transform:translateY(-6px)rotate(-2deg)}.pick.is-picked .card{outline:4px solid var(--hl-choose)}.result__title{-webkit-text-stroke:3px var(--fx-ink);paint-order:stroke fill;transform:rotate(-4deg);font-size:52px!important}.result--win .result__title{color:var(--hl-act)}.result--lose .result__title{color:var(--fx-paper)}.result__rays{background:repeating-conic-gradient(from 0deg, var(--accent) 0 9deg, transparent 9deg 20deg);opacity:.55;pointer-events:none;animation:18s linear infinite rays-spin;position:absolute;inset:-50%}.result--lose .result__rays{display:none}@keyframes rays-spin{to{rotate:360deg}}.result__rewards{gap:var(--s-2);font-family:var(--font-display);flex-wrap:wrap;justify-content:center;align-items:center;font-size:14px;display:flex}.result__rewards span{background:var(--hl-act);color:var(--fx-ink);border:2px solid var(--fx-ink);border-radius:var(--badge-radius);padding:4px 10px 3px;transform:rotate(-2deg)}.game-log{margin:var(--s-3) 0 0;flex-direction:column;gap:4px;padding:0;font-size:15px;list-style:none;display:flex}.game-log li{background:var(--surface-2);border-left:5px solid var(--surface-3);border-radius:var(--r-xs);padding:6px 10px}.game-log li.is-me{border-left-color:var(--accent)}.game-log li.is-opp{border-left-color:var(--fx-ink)}.game-log__turn{font-family:var(--font-num);margin-right:8px}.emote-grid{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.emote-bubble{z-index:30;background:var(--surface);color:var(--text-ink);font-family:var(--font-display);border:3px solid var(--fx-ink);animation:pop-in .3s var(--ease-spring) both;border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);padding:10px 16px 8px;font-size:20px;position:absolute;top:74px;right:18px}.emote-bubble.is-mine{inset:auto auto 190px 18px}.searching__ring{border:5px solid var(--ink-4);border-top-color:var(--accent);width:48px;height:48px;animation:.8s linear infinite spin}.coach{z-index:48;left:var(--s-3);right:var(--s-3);padding:var(--s-2) var(--s-4) var(--s-2);background:var(--paper);color:var(--ink);border:var(--line);border-radius:var(--r-sail);box-shadow:var(--lift-lg);animation:toast-drop var(--t-slow) var(--ease-spring) both;position:absolute}.coach--top{top:calc(var(--safe-top) + 48px)}.coach--bottom{bottom:calc(62px + var(--safe-bottom));max-height:calc(var(--hand-h) + 6px);border-radius:var(--r-md) var(--r-md) 0 0;overflow-y:auto}.coach--inline{width:100%;box-shadow:none;background:var(--paper-2);border-width:2px;animation:none;position:relative;left:auto;right:auto}.coach__head{justify-content:space-between;align-items:center;gap:var(--s-2);margin-bottom:2px;display:flex}.coach__title{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);background:var(--yellow);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);padding:2px 14px 1px 8px;font-size:11px;display:inline-block}.coach__head .link{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-size:12px}.coach__body{align-items:center;gap:var(--s-2);display:flex}.coach__body p{flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.3}.coach__body .btn{flex:none}.dock{z-index:36;gap:var(--s-2);max-height:min(56%,420px);padding:var(--s-3) var(--s-3) calc(var(--s-3) + var(--safe-bottom));background:var(--paper);color:var(--ink);border-top:var(--line);animation:sheet-up var(--t-med) var(--ease-out) both;border-radius:26px 26px 0 0/20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #041e5073}.dock__close{width:36px;height:36px;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.dock__close:after{content:"";position:absolute;inset:-5px}.dock__main{gap:var(--s-3);flex:auto;min-height:0;display:flex;overflow-y:auto}.dock__card{flex:none}.dock__card .card{border:2px solid var(--ink);box-shadow:var(--lift)}.dock__info{flex-direction:column;flex:1;gap:4px;min-width:0;padding-right:34px;display:flex}.dock__text{min-height:0;max-height:128px;padding-right:4px;font-size:13px;overflow-y:auto}.dock__actions{flex-direction:column;flex:none;gap:6px;display:flex}.facts__name{font-family:var(--font-display);font-size:17px;font-weight:400;line-height:1.1}.facts__type{color:var(--text-ink-2);text-transform:capitalize;font-size:11px;font-weight:800}.facts__stats{flex-wrap:wrap;gap:4px;display:flex}.facts__stat{font-family:var(--font-num);background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--badge-radius);align-items:baseline;gap:3px;padding:3px 6px 2px;font-size:14px;line-height:1;display:inline-flex}.facts__stat small{font-family:var(--font-body);text-transform:uppercase;font-size:9px;font-weight:900}.facts__stat--cost{background:var(--yellow)}.facts__stat--life{background:var(--red);color:var(--paper)}.facts__stat--counter{background:var(--cyan)}.facts__stat--don{background:var(--abyss);color:var(--yellow)}.facts__stat.is-up{background:var(--green)}.facts__stat.is-down{background:var(--red);color:var(--paper)}.facts__kws{flex-wrap:wrap;gap:4px 10px;font-size:11px;font-weight:900;display:flex}.facts__kws span{align-items:center;gap:3px;display:inline-flex}.peek{z-index:97;left:var(--s-3);right:var(--s-3);pointer-events:none;animation:peek-in .12s var(--ease-out) both;position:absolute}.peek.is-top{top:calc(var(--safe-top) + 46px)}.peek.is-bottom{bottom:calc(var(--safe-bottom) + 12px)}@keyframes peek-in{0%{opacity:0;transform:scale(.92)}}.peek__panel{align-items:flex-start;gap:var(--s-3);padding:var(--s-3);background:var(--paper);color:var(--ink);border:var(--line);border-radius:var(--r-lg);box-shadow:var(--lift-lg);display:flex}.peek__panel>.card{border:2px solid var(--ink);flex:none}.peek__body{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:13px;display:flex}.result .link{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.menu-toggles{gap:var(--s-2);flex-direction:column;display:flex}.board__who.is-active strong{color:var(--hl-act)}.board__who.is-active strong:before{content:"";vertical-align:2px;background:var(--hl-act);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1s ease-in-out infinite ring-pulse;display:inline-block}.counts__trash{font:inherit;color:inherit;border-radius:var(--badge-radius);align-items:center;gap:3px;margin:-2px -4px;padding:2px 4px;display:inline-flex;position:relative}.counts__trash:after{content:"";position:absolute;inset:-10px -6px}.board__mine{right:var(--s-3);position:absolute;top:50%;transform:translateY(-50%)}.board__mine .counts{gap:8px;font-size:12px}.board__turn{text-overflow:ellipsis;max-width:52%;overflow:hidden}.trash-grid{justify-items:center;gap:var(--s-2);margin:var(--s-3) 0;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));display:grid}.board.is-docked .fx-ability.is-mine{display:none}.board:has(.overlay) .fx-ability{display:none}.pack{--hue:210;--torn:0;aspect-ratio:.62;filter:drop-shadow(0 4px 8px #041e5059);-webkit-user-select:none;user-select:none;flex:none;position:relative}.pack__body,.pack__top{background:linear-gradient(115deg, #fff0 30%, #ffffff8c 45%, #fff0 60%), radial-gradient(circle at center, #00000038 1.2px, transparent 1.7px) 0 0 / 6px 6px, linear-gradient(160deg, hsl(var(--hue) 100% 62%) 0%, hsl(calc(var(--hue) + 25) 95% 50%) 55%, hsl(calc(var(--hue) + 45) 90% 36%) 100%);background-size:250% 100%,6px 6px,100% 100%;position:absolute;left:0;right:0}.pack__body{color:var(--paper);box-shadow:inset 0 0 0 3px var(--ink);flex-direction:column;align-items:center;padding:7% 6% 6%;display:flex;top:8%;bottom:0;overflow:hidden;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/10px 51% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/10px 51% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat}.pack__top{transform-origin:0 100%;height:9%;transform:translateX(calc(var(--torn) * 40%)) rotate(calc(var(--torn) * -24deg));opacity:calc(1 - var(--torn) * .9);box-shadow:inset 0 0 0 3px var(--ink);border-bottom:3px dashed var(--ink);top:0;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/10px 51% repeat-x,linear-gradient(#000 0 0) bottom/100% 50% no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/10px 51% repeat-x,linear-gradient(#000 0 0) bottom/100% 50% no-repeat}.pack__shine{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#fff9 48%,#0000 60%) 0 0/300% 100%;animation:3.6s ease-in-out infinite shimmer;position:absolute;inset:0}.pack__brand{font-family:var(--font-display);letter-spacing:.08em;color:var(--ink);background:var(--paper);padding:1px 6px;font-size:.42em}.pack__code{font-family:var(--font-display);color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);margin-top:3%;font-size:1.85em;line-height:1;transform:rotate(-4deg)}.pack__window{margin-top:4%;transform:rotate(-3deg)}.pack__window .card{border:3px solid var(--ink);box-shadow:var(--lift)}.pack__name{font-family:var(--font-display);text-align:center;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-md);margin-top:auto;padding:2px 6px;font-size:.78em;line-height:1.1;transform:rotate(2deg)}.pack__count{font-family:var(--font-display);color:var(--ink);margin-top:4%;font-size:.45em}.portrait{flex:none;position:relative}.portrait__img{background:var(--accent);border:3px solid var(--ink);width:56px;height:56px;box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink), var(--lift);border-radius:50%;display:block;overflow:hidden}.portrait__img .card{border-radius:0;margin:-8px 0 0 -6px}.portrait__lv{background:var(--yellow);min-width:26px;color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-sm);font-family:var(--font-num);text-align:center;padding:3px 5px 1px;font-size:13px;position:absolute;bottom:-9px;right:-9px;transform:rotate(-6deg)}.packs-hero{margin:0 calc(-1 * var(--s-4));padding:var(--s-2) 0 var(--s-5);background:radial-gradient(42% 40% at 50% 38%, #fff6b8bf, transparent 72%), var(--speedlines), radial-gradient(60% 60% at 50% 40%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 80%);position:relative;overflow:hidden}.packs-hero:after{content:"";pointer-events:none;background:var(--paper);opacity:.85;height:26px;-webkit-mask:var(--wave) 0 0 / 80px 26px repeat-x;-webkit-mask:var(--wave) 0 0 / 80px 26px repeat-x;mask:var(--wave) 0 0 / 80px 26px repeat-x;animation:7s linear infinite hero-swell;position:absolute;top:58%;left:0;right:0}@keyframes hero-swell{to{-webkit-mask-position:80px 0;mask-position:80px 0}}.packs-hero__track{scroll-snap-type:x mandatory;padding:var(--s-4) 19% var(--s-3);scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.packs-hero__track::-webkit-scrollbar{display:none}.packs-hero__item{scroll-snap-align:center;opacity:.55;width:62%;transition:transform var(--t-med) var(--ease-out), opacity var(--t-med);flex:none;place-items:center;display:grid;transform:scale(.74)rotate(6deg)}.packs-hero__item.is-active{opacity:1;animation:3.2s ease-in-out infinite pack-bob;transform:scale(1)rotate(-3deg)}@keyframes pack-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(-1deg)}}.packs-hero__info{z-index:1;align-items:center;gap:var(--s-3);flex-direction:column;display:flex;position:relative}.packs-hero__set{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.packs-hero__set strong{font-family:var(--font-display);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:22px;font-weight:400;line-height:1.05}.packs-hero__set span{color:var(--ink);background:var(--yellow);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%,7px 50%);padding:2px 14px;font-size:13px;font-weight:800}.packs-hero__timer{color:var(--text-2);align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.missions__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mission{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;border-top:2px dashed var(--paper-3);border-image:;display:flex}.mission:first-child{border-top:0}.mission__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.mission__name{font-size:15px;font-weight:800}.mission.is-claimed .mission__name{color:var(--paper-mute);text-decoration:line-through}.mission__reward{font-family:var(--font-num);align-items:center;gap:3px;font-size:14px;display:inline-flex}.login-cal__days{margin:0 0 var(--s-3);grid-template-columns:repeat(7,1fr);gap:4px;padding:0;list-style:none;display:grid}.login-cal__day{background:var(--paper-2);border:2px solid var(--paper-3);border-radius:var(--r-sm) var(--r-sm) var(--r-md) var(--r-md);flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:800;display:flex}.login-cal__day.is-done{background:var(--sea);color:var(--paper);border-color:var(--ink)}.login-cal__day.is-today{background:var(--yellow);border-color:var(--ink);box-shadow:var(--lift-sm);transform:rotate(-3deg)}.login-cal__label{font-family:var(--font-display);font-size:9px}.login-cal__reward{font-family:var(--font-num);align-items:center;font-size:12px;display:inline-flex}.chart{flex-direction:column;min-height:0;display:flex;position:relative}.chart-head{z-index:6;padding:calc(var(--safe-top) + 8px) 12px 12px;background:linear-gradient(180deg, var(--sky-2), color-mix(in srgb, var(--sky-2) 85%, var(--sea)));box-shadow:0 4px 12px color-mix(in srgb, var(--abyss) 35%, transparent);align-items:center;gap:6px;display:flex;position:relative}.chart-head .portrait{margin-right:6px}.chart-head .portrait__img{width:48px;height:48px}.chart-head__counts{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.chart-head .pill{gap:4px;height:34px;padding:0 10px 0 9px;font-size:15px}.chart>.chart__sea{overscroll-behavior:contain;scrollbar-width:none;background:var(--sea-deep);flex:1 1 0;min-height:0;position:relative;overflow:hidden auto}.chart__sea::-webkit-scrollbar{display:none}.chart__sea:after{content:"";height:calc(var(--nav-h) + var(--safe-bottom) + 106px);display:block}.chart__track{background:var(--halftone-light), linear-gradient(180deg, var(--paper-3) 0, var(--sky) 260px, var(--sky-2) 470px, var(--sea) 640px, var(--sea) 70%, var(--sea-deep) 100%);position:relative;overflow:hidden}.chart__track:before{content:"";pointer-events:none;background:var(--paper);opacity:.22;-webkit-mask:var(--wave-marks) 0 0 / 180px 150px;-webkit-mask:var(--wave-marks) 0 0 / 180px 150px;mask:var(--wave-marks) 0 0 / 180px 150px;position:absolute;inset:600px 0 0}.chart__harbour{position:relative}.band{--land:var(--green);--land-dk:color-mix(in srgb, var(--green) 70%, var(--green-dk));width:100%;position:relative}.band:nth-of-type(2n){--land:color-mix(in srgb, var(--green) 78%, var(--yellow))}.band__sea{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.band__surf{fill:none;stroke:var(--paper);stroke-width:14px;stroke-linejoin:round;opacity:.55;vector-effect:non-scaling-stroke}.band__land{fill:var(--land-dk);stroke:var(--ink);stroke-width:3px;vector-effect:non-scaling-stroke;transition:fill 1.2s var(--ease-out)}.band__meadow{fill:var(--land);transition:fill 1.2s var(--ease-out)}.band__trail{fill:none;stroke:var(--paper);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1 11;opacity:.85;vector-effect:non-scaling-stroke}.band__trail--sailed{stroke-width:6px;stroke-dasharray:10 7;opacity:1}.band__fog{pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease-out);background:radial-gradient(34% 16% at 22% 24%, color-mix(in srgb, var(--paper) 88%, transparent) 60%, transparent 100%), radial-gradient(40% 18% at 74% 40%, color-mix(in srgb, var(--paper) 85%, transparent) 60%, transparent 100%), radial-gradient(36% 15% at 30% 64%, color-mix(in srgb, var(--paper) 80%, transparent) 60%, transparent 100%), radial-gradient(42% 17% at 70% 82%, color-mix(in srgb, var(--paper) 82%, transparent) 60%, transparent 100%), color-mix(in srgb, var(--paper-3) 45%, transparent);position:absolute;inset:40px 0;-webkit-mask:linear-gradient(#0000,#000 12% 88%,#0000);mask:linear-gradient(#0000,#000 12% 88%,#0000)}.band.is-fog .band__fog{opacity:1}.band.is-fog .band__land{fill:var(--paper-mute)}.band.is-fog .band__meadow{fill:var(--paper-3)}.band.is-fog .cnode__disc{filter:grayscale()}.band__name{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.band__name:before{content:"";z-index:-1;background:repeating-linear-gradient(-55deg, var(--paper) 0 3px, var(--paper-3) 3px 6px);height:7px;box-shadow:0 0 0 2px var(--ink);border-radius:4px;margin-top:-3px;position:absolute;top:50%;left:-400px;right:-400px}.band__title{white-space:nowrap;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-sail-sm);box-shadow:var(--lift);align-items:center;gap:6px;padding:7px 16px 6px;font-size:20px;display:inline-flex;transform:rotate(-2deg)}.band__story{width:44px;height:44px}.cnode{--ring:var(--paper);z-index:2;width:var(--size);height:var(--size);text-align:left;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cnode--boss{--ring:var(--red)}.cnode--port{--ring:var(--sky)}.cnode--puzzle{--ring:var(--purple)}.cnode--lesson{--ring:var(--yellow)}.cnode__disc{background:var(--paper);border:3px solid var(--ink);width:100%;height:100%;box-shadow:0 0 0 4px var(--ring), 0 0 0 6.5px var(--ink), var(--lift);transition:transform var(--t-fast) var(--ease-squash);border-radius:50%;display:block;position:relative;overflow:hidden}.cnode--boss .cnode__disc{box-shadow:0 0 0 5px var(--ring), 0 0 0 8px var(--ink), 0 0 0 13px color-mix(in srgb, var(--red) 30%, transparent), var(--lift-lg)}.cnode__art{position:absolute;top:-10%;left:50%;transform:translate(-50%)}.cnode__art .card{border-radius:0}.cnode:active .cnode__disc{transform:scale(1.08,.9)}.cnode:focus-visible{outline:none}.cnode:focus-visible .cnode__disc{outline:3px solid var(--focus);outline-offset:9px}.cnode__badge{background:var(--paper);width:26px;height:26px;color:var(--ink);border:2.5px solid var(--ink);box-shadow:var(--lift-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.cnode--boss .cnode__badge{background:var(--red);width:30px;height:30px;color:var(--paper)}.cnode.is-cleared .cnode__badge{background:var(--green);color:var(--ink)}.cnode.is-locked .cnode__badge{background:var(--paper-3)}.cnode.is-locked .cnode__disc{filter:grayscale(.85)brightness(.92)}.cnode__stars{background:var(--abyss);border:2px solid var(--ink);color:var(--ink-5);border-radius:10px;gap:1px;padding:2px 5px;display:flex;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.cnode__stars svg.is-on,.star-row svg.is-on,.goals svg.is-on{fill:var(--yellow);color:var(--ink)}.cnode__stars svg.is-on{color:var(--yellow-dk)}.cnode.is-here .cnode__disc{animation:1.6s ease-in-out infinite node-pulse}@keyframes node-pulse{50%{box-shadow:0 0 0 4px var(--yellow), 0 0 0 6.5px var(--ink), 0 0 0 16px color-mix(in srgb, var(--yellow) 45%, transparent), var(--lift)}}.cnode__label{pointer-events:none;flex-direction:column;align-items:flex-start;gap:3px;width:max-content;max-width:150px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cnode__label--right{left:calc(100% + 14px)}.cnode__label--left{text-align:right;align-items:flex-end;right:calc(100% + 14px)}.cnode--boss .cnode__label{max-width:112px}.cnode__kind{background:var(--ink);color:var(--paper);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 50%,100% 100%,0 100%);align-items:center;gap:3px;padding:2px 10px 1px 6px;font-size:10px;display:inline-flex}.cnode--boss .cnode__kind{background:var(--red)}.cnode__title{font-family:var(--font-display);color:var(--paper);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.1;display:-webkit-box;overflow:hidden}.cnode--boss .cnode__title{font-size:17px}.cnode.is-locked .cnode__label{opacity:.75}.wanted{z-index:1;background:var(--paper);width:78px;color:var(--ink);border:2.5px solid var(--ink);box-shadow:var(--lift);animation:pin-in var(--t-slow) var(--ease-spring) both;border-radius:3px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 6px;display:flex;position:absolute;top:18px;right:7%;transform:rotate(6deg)}@keyframes pin-in{0%{opacity:0;transform:translateY(-30px)rotate(-18deg)scale(1.3)}}.wanted__pin{background:var(--red);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:-7px}.wanted__title{font-family:var(--font-display);letter-spacing:.04em;font-size:15px;line-height:1}.wanted__art{border:2px solid var(--ink);width:60px;height:52px;display:block;position:relative;overflow:hidden}.wanted__art .card{border-radius:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.wanted__name{text-align:center;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1.1}.chart-ship{z-index:3;pointer-events:none;width:58px;height:58px;transition:left 1.4s var(--ease-out), top 1.4s cubic-bezier(.45, 0, .3, 1);filter:drop-shadow(0 6px 4px color-mix(in srgb, var(--abyss) 45%, transparent));position:absolute;transform:translate(-50%,-62%)}.chart-ship svg{animation:2.6s ease-in-out infinite ship-bob;display:block;overflow:visible}@keyframes ship-bob{50%{transform:translateY(-4px)rotate(-4deg)}}.chart-ship__hull{fill:var(--red);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.chart-ship__stripe{stroke:var(--paper);stroke-width:2.5px}.chart-ship__head{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.chart-ship__mast{stroke:var(--ink);stroke-width:3px}.chart-ship__flag{fill:var(--red);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.chart-ship__sail{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.chart-ship__skull{fill:var(--ink)}.chart-ship__hat{fill:var(--yellow);stroke:var(--ink);stroke-width:1.5px}.chart-ship__bones{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.fog-seas{color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 16px 18px;display:flex;position:relative}.fog-seas:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(30% 9% at 18% 30%, color-mix(in srgb, var(--paper) 80%, transparent) 55%, transparent), radial-gradient(36% 8% at 80% 45%, color-mix(in srgb, var(--paper) 75%, transparent) 55%, transparent), radial-gradient(28% 7% at 30% 62%, color-mix(in srgb, var(--paper) 65%, transparent) 55%, transparent), radial-gradient(34% 8% at 76% 76%, color-mix(in srgb, var(--paper) 55%, transparent) 55%, transparent);position:absolute;inset:0}.fog-seas>*{z-index:1;position:relative}.fog-seas__goal{flex-direction:column;align-items:center;gap:4px;display:flex}.fog-seas__star{background:var(--paper);border:3px solid var(--ink);width:54px;height:54px;box-shadow:var(--lift);border-radius:50%;place-items:center;display:grid}.fog-seas__laugh{color:var(--paper);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:30px}.fog-seas__soon{background:var(--yellow);font-family:var(--font-display);text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%,8px 50%);padding:3px 16px 2px;font-size:12px}.fog-seas__isles{flex-direction:column-reverse;gap:8px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.fog-seas__isle{background:color-mix(in srgb, var(--paper) 55%, transparent);font-family:var(--font-display);color:var(--text-ink-2);border-radius:50%;align-self:flex-start;margin-left:14%;padding:4px 18px;font-size:14px}.fog-seas__isle--r{align-self:flex-end;margin:0 14% 0 0}.fog-seas__note{max-width:260px;color:var(--text-ink-2);font-size:13px;font-weight:800}.fog-seas__grand{color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);margin-top:auto;font-size:24px;transform:rotate(-2deg)}.free-sail-sign{background:var(--paper);width:min(100%,320px);min-height:56px;color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-sail-sm);box-shadow:var(--lift);text-align:left;transition:transform var(--t-fast) var(--ease-squash);align-items:center;gap:10px;padding:8px 14px;display:flex;transform:rotate(-1deg)}.free-sail-sign:active{transform:rotate(-1deg)scale(1.03,.92)}.free-sail-sign strong{font-family:var(--font-display);font-size:17px;font-weight:400;display:block}.free-sail-sign span span{color:var(--text-ink-2);font-size:13px;font-weight:700;display:block}.chart-continue{z-index:7;top:calc(var(--safe-top) + 78px);background:var(--yellow);min-height:44px;color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--lift);font-family:var(--font-display);white-space:nowrap;align-items:center;gap:8px;padding:0 18px;font-size:15px;animation:2.4s ease-in-out infinite chip-bob;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes chip-bob{50%{transform:translate(-50%)translateY(-3px)}}.chart-next{z-index:8;left:34px;right:34px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 30px);isolation:isolate;background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 25%, transparent), transparent 46%), var(--red);min-height:56px;color:var(--paper);border:3px solid var(--ink);border-radius:var(--r-sm);box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--ink) 22%, transparent), var(--lift);text-align:left;transition:transform var(--t-fast) var(--ease-squash);align-items:center;gap:10px;padding:5px 14px 5px 6px;display:flex;position:absolute}.chart-next:before,.chart-next:after{content:"";z-index:-1;background:var(--ink);width:30px;position:absolute;top:10px;bottom:-9px}.chart-next:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%);box-shadow:inset 0 0 0 40px var(--red-dk);left:-22px}.chart-next:after{clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%);box-shadow:inset 0 0 0 40px var(--red-dk);right:-22px}.chart-next:active{transform:scale(1.02,.92)}.chart-next.is-done{background:var(--green);color:var(--ink)}.chart-next__disc{background:var(--paper);border:2.5px solid var(--ink);border-radius:50%;flex:none;width:42px;height:42px;position:relative;overflow:hidden}.chart-next__disc .card{border-radius:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.chart-next__text{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.chart-next__text strong{max-width:100%;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:17px;font-weight:400;line-height:1.1;overflow:hidden}.chart-next.is-done .chart-next__text strong{white-space:normal;-webkit-text-stroke:0;font-size:15px}.chart-next__kind{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--yellow);align-items:center;gap:3px;font-size:10px;display:inline-flex}.chart-next__go{fill:var(--yellow);color:var(--ink);flex:none}.nsheet{gap:var(--s-3)}.nsheet .section-title{margin:var(--s-2) 0 0}.nsheet__head{align-items:center;gap:var(--s-3);display:flex}.nsheet__portrait{background:var(--paper-2);border:3px solid var(--ink);width:84px;height:84px;box-shadow:0 0 0 4px var(--paper-3), 0 0 0 6px var(--ink);border-radius:50%;flex:none;position:relative;overflow:hidden}.nsheet__head--boss .nsheet__portrait{box-shadow:0 0 0 4px var(--red), 0 0 0 6.5px var(--ink)}.nsheet__portrait .card{border-radius:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.nsheet__head .grow{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.sheet h2.nsheet__title{font-size:26px;line-height:1.05}.kind-tag{background:var(--ink);color:var(--paper);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);align-items:center;gap:4px;padding:3px 14px 2px 7px;font-size:11px;display:inline-flex}.kind-tag--boss{background:var(--red)}.star-row{color:var(--paper-mute);gap:2px;display:inline-flex}.nsheet__line{border-left:4px solid var(--accent);padding:2px 0 2px 12px;font-size:16px;font-style:italic;font-weight:700}.nsheet__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-ink-2);font-size:11px;display:block}.nsheet__opp{align-items:center;gap:var(--s-3);background:var(--paper-2);border:2px solid var(--paper-3);border-radius:var(--r-md);padding:10px 12px;display:flex}.nsheet__opp .card{border:2px solid var(--ink);transform:rotate(-4deg)}.nsheet__opp strong{font-family:var(--font-display);font-size:18px;font-weight:400;line-height:1.1;display:block}.nsheet__opp .muted{font-size:13px;font-weight:800}.nsheet__format p{font-size:15px;font-weight:700}.nsheet__brief{background:color-mix(in srgb, var(--purple) 10%, var(--paper));border:2px dashed var(--purple);border-radius:var(--r-md);padding:10px 12px;margin-top:6px!important;font-size:14px!important}.nsheet__note{background:var(--paper-2);border-radius:var(--r-md);color:var(--text-ink-2);padding:8px 12px;font-size:14px;font-weight:700}.nsheet__for{margin:2px 0 6px;font-size:13px;font-weight:700;display:block}.nsheet__check{border:2px solid var(--paper-3);border-radius:var(--r-md);padding:10px 12px}.nsheet__edit{margin-top:10px}.nsheet__assist .muted{font-size:13px;font-weight:700}.nsheet__confirm{background:color-mix(in srgb, var(--yellow) 35%, var(--paper));border:3px solid var(--ink);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:12px;display:flex}.nsheet__confirm strong{font-family:var(--font-display);font-size:18px;font-weight:400}.nsheet__confirm p{font-size:14px;font-weight:700}.boss-rules{background:linear-gradient(180deg, var(--abyss), var(--ink));color:var(--paper);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:inset 0 0 0 2px var(--red), var(--lift);padding:12px}.boss-rules__head{color:var(--red);align-items:center;gap:10px;margin-bottom:8px;display:flex}.boss-rules__head .card{border:2px solid var(--paper);transform:rotate(-5deg)}.boss-rules__title{color:var(--paper);font-size:20px}.boss-rules__leader{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:13px;font-weight:800;display:flex}.boss-rules__leader .tag{background:var(--red)}.boss-rules__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.boss-rules__rule>p{font-size:15px;font-weight:800;line-height:1.3}.boss-rules__printed{background:var(--paper);color:var(--ink);border-radius:var(--r-sm);margin-top:6px;padding:8px 10px;font-size:13px}.boss-rules__printed .ctext{color:var(--ink)}.boss-rules__label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-ink-2);margin-bottom:2px;font-size:10px;display:block}.nsheet__decks .deck-picker__item{width:112px}.ndeck__name{min-height:2.2em}.deck-picker__item .ndeck__note{border-radius:var(--r-xs);-webkit-line-clamp:3;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:inline-flex}.ndeck__note.is-ok{background:color-mix(in srgb, var(--green) 30%, var(--paper));color:var(--ink)}.ndeck__note.is-off{background:color-mix(in srgb, var(--red) 18%, var(--paper));color:var(--ink)}.ndeck.is-off .card{opacity:.55}.deck-picker__item .ndeck__bonus{background:var(--yellow);color:var(--ink);border-radius:var(--r-xs);align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:inline-flex}.checklist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.checklist__item{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.checklist__mark{border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.checklist__item.is-ok .checklist__mark{background:var(--green);color:var(--ink)}.checklist__item.is-off .checklist__mark{background:var(--red);color:var(--paper)}.checklist__n{font-family:var(--font-num);font-size:15px}.reward-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.reward-list__item{align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.reward-list__item svg{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;flex:none;width:30px;height:30px;padding:5px}.goals{text-align:left;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.goals__item{color:var(--text-ink-2);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.goals__item svg{color:var(--paper-mute);flex:none}.goals__item.is-met{color:var(--ink)}.goals__state{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.port-scene{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.port-scene__panel{align-items:center;gap:12px;display:flex}.port-scene__art{border:3px solid var(--ink);background:var(--paper-2);border-radius:4px;flex:none;width:72px;height:64px;position:relative;overflow:hidden;transform:rotate(-3deg)}.port-scene__panel:nth-child(2n) .port-scene__art{transform:rotate(3deg)}.port-scene__art .card{border-radius:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.port-scene__panel p{font-size:15px;font-weight:700}.story{z-index:60;padding:calc(var(--safe-top) + 14px) 16px calc(var(--safe-bottom) + 18px);background:var(--speedlines), radial-gradient(70% 45% at 50% 42%, color-mix(in srgb, var(--paper) 55%, transparent), transparent 70%), linear-gradient(180deg, var(--sky), var(--sky-2) 45%, var(--sea));color:var(--paper);animation:fade-in var(--t-med) both;flex-direction:column;gap:12px;display:flex;position:absolute;inset:0}.story__top{align-items:flex-start;gap:12px;display:flex}.story__kicker{background:var(--yellow);color:var(--ink);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);padding:3px 16px 2px 8px;font-size:12px;display:inline-block}.story__title{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);transform-origin:0;margin-top:6px;font-size:30px;transform:rotate(-2deg)}.story__skip{background:var(--ink);min-width:72px;min-height:44px;color:var(--paper);border:3px solid var(--paper);box-shadow:var(--lift-sm);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:0 16px;font-size:15px}.story__skip:active{transform:translateY(1px)}.story__panel{cursor:pointer;min-height:0;animation:story-in .42s var(--ease-spring) both;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}@keyframes story-in{0%{opacity:0;transform:translate(40px)rotate(3deg)}}.story__art{aspect-ratio:4/3.4;border:4px solid var(--ink);background:var(--paper);width:min(84vw,330px);max-height:44vh;box-shadow:var(--lift-lg);border-radius:6px;flex:0 auto;position:relative;overflow:hidden;transform:rotate(-2deg)}.story__art .card{border-radius:0;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.story__text{background:var(--paper);width:min(100%,340px);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-sail-sm);box-shadow:var(--lift);padding:12px 16px;font-size:17px;font-weight:800;line-height:1.35;transform:rotate(1deg)}.story__foot{flex-direction:column;align-items:center;gap:12px;display:flex}.story--taunt .story__text{text-align:center;font-size:20px;font-style:italic}.story--taunt .story__text:before{content:"“"}.story--taunt .story__text:after{content:"”"}.story__dots{gap:6px;display:flex}.story__dots span{background:color-mix(in srgb, var(--paper) 45%, transparent);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.story__dots span.is-on{background:var(--yellow)}.packs-sheet .packs-hero{margin:var(--s-2) calc(-1 * var(--s-4)) 0;background:radial-gradient(42% 40% at 50% 38%, color-mix(in srgb, var(--paper) 55%, transparent), transparent 72%), var(--speedlines), linear-gradient(180deg, var(--sky-2), var(--sea))}.packs-sheet .packs-hero__timer,.packs-sheet .packs-hero__set strong{color:var(--paper)}.pack-bank{margin-top:var(--s-2)}.pack-bank__note{font-size:14px;font-weight:700}.pack-bank__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pack-bank__row{border-top:2px dashed var(--paper-3);align-items:center;gap:10px;padding:8px 0;display:flex}.pack-bank__row:first-child{border-top:0}.pack-bank__row strong{font-family:var(--font-display);font-size:15px;font-weight:400;line-height:1.1;display:block}.pack-bank__row .muted{font-size:13px;font-weight:800}.free-sail{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.free-sail__row{background:var(--paper-2);border:2px solid var(--paper-3);border-radius:var(--r-md);text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:6px 10px;display:flex}.free-sail__row .card{border:2px solid var(--ink)}.free-sail__row strong{font-family:var(--font-display);font-size:16px;font-weight:400;display:block}.free-sail__row .muted{font-size:13px;font-weight:800}.free-sail__back{align-self:flex-start;align-items:center;gap:4px;min-height:44px;display:inline-flex}.free-sail__hero{align-items:center;gap:14px;display:flex}.free-sail__hero .card{border:2px solid var(--ink)}.saga-choice__sets{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.saga-choice__set{background:var(--paper-2);border:2px solid var(--paper-3);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:44px;padding:6px 4px;font-size:11px;font-weight:800;line-height:1.1;display:flex}.login-cal,.missions{flex-direction:column;display:flex}.news{gap:var(--s-4);flex-direction:column;display:flex}.news-hero{text-align:left;min-height:230px;color:var(--paper);background:repeating-conic-gradient(from 0deg at 80% 30%, #ffffff26 0deg 2deg, transparent 2deg 9deg), radial-gradient(100% 100% at 85% 20%, var(--accent), var(--accent-dk) 60%, var(--ink));border:4px solid var(--ink);box-shadow:var(--lift);padding:var(--s-4);border-radius:var(--r-sail);align-items:flex-end;display:flex;position:relative;overflow:hidden}.news-hero__art{position:absolute;top:-14px;right:-6px;transform:rotate(9deg)}.news-hero__art .card{border:3px solid var(--ink);box-shadow:var(--lift)}.news-hero__body{flex-direction:column;align-items:flex-start;gap:8px;max-width:68%;display:flex;position:relative}.news-hero__body h2{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:25px}.news-hero__body p{border-radius:var(--r-sm);background:#06143280;padding:4px 6px;font-size:14px;font-weight:700}.news-date{color:var(--paper-mute);margin-top:4px;font-size:12px;font-weight:800;display:block}.meta-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.meta-list li{align-items:center;gap:var(--s-2);display:flex;position:relative}.meta-list strong{font-size:14px;display:block}.meta-list .muted{font-size:11px;font-weight:700}.meta-list__rank{width:22px;font-family:var(--font-num);font-size:16px}.meta-list .card{border:2px solid var(--ink)}.meta-list__bar{border:2px solid var(--ink);background:linear-gradient(90deg, var(--accent) var(--p), var(--paper-2) var(--p));border-radius:var(--r-sm);width:60px;height:10px}.meta-list__wr{text-align:right;width:48px;font-family:var(--font-num);font-size:16px}.meta-list__wr.is-up{color:var(--green-dk)}.meta-list__wr.is-down{color:var(--red-dk)}.article{gap:var(--s-2);flex-direction:column;display:flex}.article__art .card{border:3px solid var(--ink);box-shadow:var(--lift)}.article__art{padding:var(--s-4) 0;place-items:center;display:grid}.article__title{text-shadow:var(--title-shadow);font-size:32px}.article__body{gap:var(--s-3);color:var(--text-2);margin:var(--s-2) 0 var(--s-4);flex-direction:column;font-size:17px;line-height:1.55;display:flex}.news-mini{gap:var(--s-3);text-align:left;padding:var(--s-3);align-items:center;display:flex}.news-mini .card{border:2px solid var(--ink);transform:rotate(-4deg)}.news-mini strong{font-family:var(--font-display);margin:6px 0 3px;font-size:16px;font-weight:400;line-height:1.15;display:block}.news-mini p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.onboarding{gap:var(--s-4);padding-bottom:calc(var(--s-8) + var(--safe-bottom));flex-direction:column;display:flex}.screen.onboarding:after{content:none}.onboarding__hero{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-6) 0 var(--s-2);margin:0 calc(-1 * var(--s-4));background:var(--speedlines);flex-direction:column;display:flex}.onboarding__hero svg{animation:pop-in var(--t-slow) var(--ease-spring) both}.onboarding__hero h1{-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:46px;transform:rotate(-3deg)}.onboarding__hero p,.onboarding__blurb{color:var(--text-2);text-align:center;padding:0 var(--s-4);font-size:16px;font-weight:600}.starter-grid{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.starter-grid--one{grid-template-columns:minmax(0,132px);justify-content:center}.starter{padding:var(--s-2) var(--s-1) var(--s-3);color:var(--paper);transition:transform var(--t-med) var(--ease-spring);border-radius:var(--r-sail-sm);background:#ffffff1f;border:2px solid #ffffff4d;flex-direction:column;align-items:center;gap:5px;display:flex}.starter .card{border:2px solid var(--ink)}.starter.is-picked{background:var(--accent);color:var(--on-accent);border:3px solid var(--ink);box-shadow:var(--lift-lg);border-radius:var(--r-sail-sm);animation:2.4s ease-in-out infinite bob;transform:rotate(-3deg)translateY(-6px)}.starter__name{font-family:var(--font-display);text-align:center;margin-top:4px;font-size:13px;line-height:1.1}.starter__style{text-transform:uppercase;opacity:.85;font-size:11px;font-weight:900}.onboarding__gift{text-align:center;font-family:var(--font-display);color:var(--ink);background:var(--yellow);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);align-self:center;padding:6px 24px 4px;font-size:14px;transform:rotate(-2deg)}.onboarding__legal{color:var(--text-3);text-align:center;font-size:12px}.pack-screen{color:var(--paper);background:var(--speedlines), radial-gradient(55% 45% at 50% 45%, color-mix(in srgb, var(--accent) 60%, transparent), transparent 75%), linear-gradient(180deg, var(--sky-2), var(--sea) 30%, var(--sea-deep) 70%, var(--abyss));flex-direction:column;display:flex}.pack-screen__top{align-items:center;gap:var(--s-3);padding:calc(var(--safe-top) + var(--s-3)) var(--s-4) var(--s-2);display:flex}.pack-screen__title{font-family:var(--font-display);text-align:center;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:17px}.pack-stage{justify-content:center;align-items:center;gap:var(--s-5);flex-direction:column;flex:1;display:flex}.pack-stage__pack{touch-action:none;cursor:grab;animation:2.6s ease-in-out infinite pack-float;position:relative}.pack-stage__pack.is-opening{animation:pack-burst .65s var(--ease-out) forwards}@keyframes pack-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes pack-burst{0%{transform:scale(1)}35%{filter:brightness(1.6);transform:scale(1.12)rotate(-4deg)}to{opacity:0;transform:translateY(80%)scale(.9)rotate(6deg)}}.pack-stage__tear-guide{height:6px;width:calc(92% * var(--t,0));background:var(--yellow);border:2px solid var(--ink);border-radius:var(--r-md);position:absolute;top:5%;left:4%}.pack-stage__hint{font-family:var(--font-display);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--lift);animation:pop-in var(--t-slow) var(--ease-spring) both;border-radius:var(--r-md);padding:6px 14px 4px;font-size:18px;transform:rotate(-3deg)}.reveal{justify-content:center;align-items:center;gap:var(--s-4);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}.reveal__stack{aspect-ratio:63/88;perspective:1200px;width:250px;position:relative}.reveal__under{position:absolute;inset:0}.reveal__under .card,.reveal__face .card{border:3px solid var(--ink);box-shadow:var(--lift)}.reveal__enter{z-index:10;perspective:1200px;animation:card-in .34s var(--ease-out) both;position:absolute;inset:0}.reveal__card{transform-style:preserve-3d;transition:transform .48s var(--ease-out);position:absolute;inset:0}.reveal__card.is-flipped{transform:rotateY(180deg)}.reveal__card.is-leaving{opacity:0;transition:transform .22s ease-in,opacity .22s;transform:rotateY(180deg)translate(140%)rotate(18deg)}@keyframes card-in{0%{opacity:0;transform:translateY(50px)scale(.9)}}.reveal__face{backface-visibility:hidden;position:absolute;inset:0}.reveal__face--front{transform:rotateY(180deg)}.reveal__card.is-big:not(.is-flipped) .reveal__face--back .card{box-shadow:0 10px 24px #041e5080, 0 0 0 5px var(--yellow), 0 0 50px 10px var(--yellow);animation:.7s ease-in-out infinite big-shake}.reveal__card.rar-sec.is-big:not(.is-flipped) .reveal__face--back .card{box-shadow:0 10px 24px #041e5080, 0 0 0 5px var(--pink), 0 0 60px 14px var(--pink)}@keyframes big-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)scale(1.02)}75%{transform:rotate(2deg)scale(1.02)}}.reveal__rays{z-index:-1;opacity:0;background:repeating-conic-gradient(from 0deg, var(--yellow) 0 7deg, transparent 7deg 18deg);transition:opacity .3s;animation:12s linear infinite rays-spin;position:absolute;inset:-70%;transform:translateZ(-1px);-webkit-mask:radial-gradient(circle,#000 25%,#0000 68%);mask:radial-gradient(circle,#000 25%,#0000 68%)}.reveal__card.is-big .reveal__rays{opacity:.9}.reveal__meta{align-items:center;gap:var(--s-2);min-height:34px;font-family:var(--font-display);text-align:center;text-shadow:var(--title-shadow);padding:0 var(--s-4);font-size:18px;display:flex}.reveal__dots{gap:6px;display:flex}.reveal__dots span{border:2px solid var(--ink);background:#ffffff40;border-radius:50%;width:12px;height:12px}.reveal__dots span.is-on{background:var(--yellow)}.badge-new{background:var(--red);color:var(--paper);font-family:var(--font-display);border:2px solid var(--ink);box-shadow:var(--lift-sm);animation:pop-in .4s var(--ease-spring) both;border-radius:var(--r-md);padding:3px 8px 2px;font-size:13px;position:absolute;top:-10px;right:-10px;transform:rotate(8deg)}.summary{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-4) 0;overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.summary:after{content:"";flex:none}.summary h2{color:var(--yellow);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:32px;transform:rotate(-3deg)}.summary__grid{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.summary__item{animation:pop-in .42s var(--ease-spring) both;position:relative}.summary__item .card{border:2px solid var(--ink);box-shadow:var(--lift)}.summary__actions{gap:var(--s-4);width:100%;max-width:300px;padding-bottom:calc(var(--safe-bottom) + var(--s-4));flex-direction:column;margin-top:auto;display:flex}.pack-stage__pity{color:var(--text-2);text-align:center;max-width:260px;font-size:13px;font-weight:800}.summary__berries{font-family:var(--font-display);color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:var(--r-md);padding:4px 10px 2px;font-size:14px;transform:rotate(-2deg)}.odds-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;font-weight:600;display:flex}.odds h3.odds__head{margin-top:var(--s-2);font-size:18px}.odds .small{font-size:12px}.odds-slot h4{margin:0 0 var(--s-1);font-size:14px;font-weight:900}.odds-rows,.odds-cards ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.odds-row,.odds-cards li,.odds-cards summary{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--paper-3);padding:6px 0;display:flex}.odds-row .grow{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.odds-row__note{color:var(--text-ink-2);font-size:12px}.odds-row__pct{font-family:var(--font-num);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.odds-cards summary{cursor:pointer;font-weight:800;list-style:none}.odds-cards summary::-webkit-details-marker{display:none}.odds-cards summary:before{content:"▸";color:var(--text-ink-2)}.odds-cards[open] summary:before{content:"▾"}.odds-cards li{overflow-wrap:anywhere;font-size:14px}.odds .seg{background:var(--paper-2);border-color:var(--paper-3)}.odds .seg__opt{color:var(--text-ink-2)}.odds .seg__opt.is-on{background:var(--accent);color:var(--on-accent)}.pack-screen__kind{vertical-align:middle;background:var(--yellow);color:var(--ink);text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%);margin-left:8px;padding:2px 10px 1px 6px;font-size:11px;display:inline-block}.profile{gap:var(--s-4);flex-direction:column;display:flex}.profile-card{gap:var(--s-4);padding:var(--s-4);color:var(--paper);background:repeating-conic-gradient(from 0deg at 20% 50%, #ffffff24 0deg 2deg, transparent 2deg 9deg), radial-gradient(90% 120% at 15% 50%, var(--accent), var(--accent-dk) 70%, var(--ink));border:4px solid var(--ink);box-shadow:var(--lift);border-radius:var(--r-sail);align-items:center;display:flex}.profile-card .card{border:3px solid var(--ink);box-shadow:var(--lift);transform:rotate(-4deg)}.profile-card h2{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:28px}.profile-card .muted{color:var(--ink);background:var(--yellow);font-family:var(--font-display);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);margin:6px 0 10px;padding:2px 16px 0 10px;display:inline-block}.profile-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.profile-stats div{background:linear-gradient(180deg, var(--sea), var(--sea-deep));border:3px solid var(--ink);border-radius:var(--r-sail-sm);color:var(--paper);padding:var(--s-3) var(--s-2);flex-direction:column;display:flex}.profile-stats strong{font-family:var(--font-num);font-size:30px;font-weight:400;line-height:1}.profile-stats span{text-transform:uppercase;color:var(--yellow);margin-top:4px;font-size:12px;font-weight:800}.profile-leaders{gap:var(--s-2);margin-top:var(--s-3);display:flex}.profile-leader{font-family:var(--font-num);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.profile-leader .card{border:2px solid var(--ink)}.bottom-nav{z-index:20;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:linear-gradient(180deg, var(--sea) 0, var(--sea-deep) 60%, var(--abyss));filter:drop-shadow(0 -4px 10px #041e5059);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav:before,.bottom-nav:after{content:"";pointer-events:none;height:16px;-webkit-mask:var(--wave) 0 0 / 60px 16px repeat-x;-webkit-mask:var(--wave) 0 0 / 60px 16px repeat-x;mask:var(--wave) 0 0 / 60px 16px repeat-x;position:absolute;left:0;right:0}.bottom-nav:before{background:var(--paper);animation:6s linear infinite wave-roll;top:-14px}.bottom-nav:after{background:var(--sea);animation:4s linear infinite reverse wave-roll;top:-9px}@keyframes wave-roll{to{-webkit-mask-position:60px 0;mask-position:60px 0}}.bottom-nav__tab{z-index:1;color:var(--text-3);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex;position:relative}.bottom-nav__icon{border-radius:var(--r-md) var(--r-md) var(--r-lg) var(--r-lg);width:48px;height:32px;transition:transform var(--t-med) var(--ease-spring), background var(--t-fast);place-items:center;display:grid}.bottom-nav__tab:active .bottom-nav__icon{transform:scale(1.1,.85)}.bottom-nav__tab.is-active{color:var(--paper)}.bottom-nav__tab.is-active .bottom-nav__icon{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2.5px var(--ink), var(--lift-sm);animation:2.4s ease-in-out infinite bob;transform:translateY(-4px)rotate(-3deg)}.bottom-nav__tab--battle .bottom-nav__icon,.bottom-nav__tab--battle.is-active .bottom-nav__icon{width:78px;height:78px;box-shadow:none;color:var(--ink);isolation:isolate;background:0 0;border-radius:50%;margin-top:-42px;animation:none;position:relative;transform:none}.bottom-nav__tab--battle .bottom-nav__icon:before{content:"";z-index:-2;filter:drop-shadow(0 5px 8px #041e5073);transition:transform .7s var(--ease-spring);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-52 -52 104 104'%3E%3Cline x1='0' y1='0' x2='46.0' y2='0.0' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='32.5' y2='32.5' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='0.0' y2='46.0' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-32.5' y2='32.5' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-46.0' y2='0.0' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-32.5' y2='-32.5' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-0.0' y2='-46.0' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='32.5' y2='-32.5' stroke='%23121826' stroke-width='11' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='46.0' y2='0.0' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='32.5' y2='32.5' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='0.0' y2='46.0' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-32.5' y2='32.5' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-46.0' y2='0.0' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-32.5' y2='-32.5' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='-0.0' y2='-46.0' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='0' y1='0' x2='32.5' y2='-32.5' stroke='%23ffd23a' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle r='31' fill='none' stroke='%23121826' stroke-width='14'/%3E%3Ccircle r='31' fill='none' stroke='%23ec2b2b' stroke-width='8'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:0}.bottom-nav__tab--battle .bottom-nav__icon:after{content:"";z-index:-1;background:radial-gradient(circle at 38% 32%, var(--paper), var(--paper-2) 60%, var(--paper-3));border:3px solid var(--ink);border-radius:50%;position:absolute;inset:24%}.bottom-nav__tab--battle:active .bottom-nav__icon:before{transform:rotate(90deg)}.bottom-nav__tab--battle.is-active .bottom-nav__icon:before{animation:9s linear infinite wheel-spin}.bottom-nav__tab--battle.is-active .bottom-nav__icon:after{background:radial-gradient(circle at 38% 32%, #fff6b8, var(--yellow) 60%, var(--yellow-dk))}@keyframes wheel-spin{to{transform:rotate(360deg)}}.splash{justify-content:center;align-items:center;gap:var(--s-6);background:var(--speedlines), transparent;flex-direction:column;flex:1;display:flex;position:relative}.splash__logo{text-align:center;align-items:center;gap:var(--s-3);animation:pop-in var(--t-slow) var(--ease-spring) both;flex-direction:column;display:flex}.splash__logo h1{-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:var(--title-shadow);font-size:48px;transform:rotate(-3deg)}.splash__logo p{font-family:var(--font-display);letter-spacing:.5em;color:var(--ink);background:var(--yellow);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%);margin-right:-.5em;padding:3px 18px}.splash__bar{width:160px}.splash__hint{color:var(--text-3);font-size:14px;font-weight:700}.update-banner{left:12px;right:12px;top:calc(var(--safe-top) + 8px);z-index:90;align-items:center;gap:var(--s-3);background:var(--paper);color:var(--ink);border:var(--line);border-radius:var(--r-sail-sm);box-shadow:var(--lift);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);justify-content:space-between;font-weight:800;display:flex;position:absolute}