@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.woff)format("woff");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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.woff)format("woff");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:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff)format("woff");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}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");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}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");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}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff");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}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-italic-DdsBx9lY.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-italic-aDhyDJMT.woff)format("woff");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:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-italic-BbzArEj4.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-italic-Ca7Cun8E.woff)format("woff");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:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff");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}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-vietnamese-900-italic-Pw11u57-.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-900-italic-BnvR5tNv.woff)format("woff");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:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-ext-900-italic-OCLYmYcb.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-900-italic-Cy3mWZLr.woff)format("woff");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:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-italic-BRE8F-lA.woff2)format("woff2"),url(/assets/barlow-condensed-latin-900-italic-CRRJoTIA.woff)format("woff");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}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");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}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");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}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");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{--ink:#0d0916;--ink-2:#1a1330;--bg-deep:#0b0420;--bg:#170a3a;--bg-2:#2a1266;--bg-3:#3d1c8f;--panel:#1a0d42e6;--panel-2:#2c1668eb;--edge:#6d4dff;--edge-soft:#9278ff59;--text:#fff8ec;--dim:#b8acdf;--dimmer:#8a7cbd;--gold:#ffd23f;--gold-2:#ff9f0a;--gold-3:#b86300;--blue:#45b6ff;--blue-2:#1d5fe0;--orange:#ff8a1f;--orange-2:#d9480f;--red:#ff3d5a;--red-2:#b3122e;--green:#3ddc84;--green-2:#15964d;--teal:#2de2c7;--pink:#ff4fd8;--font-display:"Bangers", "Impact", "Arial Black", sans-serif;--font-ui:"Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--font-body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px;--comic-shadow:0 4px 0 var(--ink);--halftone:radial-gradient(#ffffff12 1.1px, transparent 1.7px) 0 0 / 9px 9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-deep);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.stage{background:radial-gradient(ellipse at 50% 20%, #6d4dff47, transparent 60%), radial-gradient(ellipse at 50% 100%, #ff4fd829, transparent 55%), var(--bg-deep);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.frame{--frame-w:min(100vw, calc(100dvh * .5625));width:var(--frame-w);height:100dvh;font-size:clamp(13px, calc(var(--frame-w) * .039), 19px);isolation:isolate;position:relative;overflow:clip;container:frame/size}@media (min-width:600px){.frame{box-shadow:0 0 0 3px var(--ink), 0 0 60px #000c}}.frame__bg{z-index:-1;background:var(--halftone), radial-gradient(ellipse at 50% -10%, #5a2bd6 0%, transparent 55%), radial-gradient(ellipse at 110% 60%, #ff4fd859 0%, transparent 45%), radial-gradient(ellipse at -10% 80%, #45b6ff47 0%, transparent 45%), linear-gradient(180deg, #1d0b4a 0%, #120630 55%, #0b0420 100%);position:absolute;inset:0}.frame__bg:after{content:"";opacity:.9;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cpath d='M0 160 L0 96 L18 96 L18 70 L34 70 L34 104 L52 104 L52 52 L60 40 L68 52 L68 110 L90 110 L90 78 L112 78 L112 118 L128 118 L128 60 L146 60 L146 30 L152 18 L158 30 L158 100 L176 100 L176 84 L196 84 L196 122 L214 122 L214 66 L236 66 L236 110 L252 110 L252 44 L262 44 L262 90 L284 90 L284 72 L300 72 L300 118 L318 118 L318 56 L332 56 L332 38 L340 38 L340 100 L360 100 L360 80 L380 80 L380 108 L400 108 L400 160 Z' fill='%23070214' fill-opacity='0.9'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;height:42%;position:absolute;inset:auto 0 0}.screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;animation:.22s ease-out screen-in;display:flex;position:absolute;inset:0;overflow:clip}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.screen__body{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent;flex:1;min-height:0;padding:3cqw 4cqw 4cqw;overflow:hidden auto}.screen__footer{padding:3cqw 4cqw calc(3cqw + env(safe-area-inset-bottom) * .3);background:linear-gradient(#0b042000 0%,#0b0420eb 30%);flex-direction:column;align-items:stretch;gap:2cqw;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--b1:#ffe766;--b2:var(--gold);--b3:var(--gold-2);--fg:#2b1400;border:3px solid var(--ink);background:linear-gradient(180deg, var(--b1) 0%, var(--b2) 48%, var(--b3) 100%);min-height:46px;color:var(--fg);font:800 italic 1.12em/1 var(--font-ui);letter-spacing:.03em;text-transform:uppercase;box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -4px 0 #0003, 0 4px 0 var(--ink);touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;padding:0 1.1em;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;transform:skew(-9deg)}.btn__inner{white-space:nowrap;align-items:center;gap:.45em;display:inline-flex;transform:skew(9deg)}.btn--flat,.btn--flat .btn__inner{transform:none}.btn:not(:disabled):active{box-shadow:inset 0 3px 0 #ffffff73, inset 0 -2px 0 #0003, 0 1px 0 var(--ink);transform:skew(-9deg)translateY(3px)}.btn:disabled{filter:grayscale(.85)brightness(.62)}.btn--blue{--b1:#8fdcff;--b2:var(--blue);--b3:var(--blue-2);--fg:#fff;text-shadow:0 2px #00000059}.btn--red{--b1:#ff8a9b;--b2:var(--red);--b3:var(--red-2);--fg:#fff;text-shadow:0 2px #00000059}.btn--green{--b1:#9cffc2;--b2:var(--green);--b3:var(--green-2);--fg:#062b16}.btn--dark{--b1:#5a47a0;--b2:#3a2a78;--b3:#24185a;--fg:#fff;text-shadow:0 2px #00000059}.btn--ghost{--b1:transparent;--b2:transparent;--b3:transparent;--fg:var(--text);box-shadow:none;border-color:var(--edge-soft)}.btn--sm{min-height:44px;padding:0 .8em;font-size:.95em}.btn--lg{min-height:56px;padding:0 1.4em;font-size:1.35em}.btn--xl{min-height:72px;box-shadow:inset 0 4px 0 #fff9, inset 0 -6px 0 #0003, 0 6px 0 var(--ink), 0 0 40px #ffbe2859;border-width:4px;border-radius:14px;padding:0 2.2em;font-size:2.1em}.icon-btn{border:3px solid var(--ink);color:#fff;width:44px;height:44px;box-shadow:inset 0 2px 0 #ffffff40, 0 3px 0 var(--ink);background:linear-gradient(#4d3a99,#2a1d64);border-radius:12px;place-items:center;transition:transform 80ms;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.icon-btn:disabled{opacity:.5}.row-buttons{justify-content:center;gap:3cqw;display:flex}.row-buttons>.btn{flex:1}.topbar{grid-template-columns:44px 1fr auto;align-items:center;gap:2cqw;min-height:60px;padding:3cqw 4cqw 1cqw;display:grid}.topbar__spacer{width:44px}.topbar__title{font:1.9em/1 var(--font-display);letter-spacing:.04em;text-align:center;color:#fff;text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);justify-content:center;align-items:center;gap:.35em;min-width:0;display:flex}.topbar__right{justify-content:flex-end;min-width:44px;display:flex}.topbar__count{font:800 italic 1.2em var(--font-ui);color:var(--dim);border:2px solid var(--ink);background:#00000059;border-radius:999px;padding:.2em .6em}.topbar__count.is-good{color:var(--green)}.panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:3px solid var(--ink);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--edge-soft), 0 5px 0 var(--ink)}.chip{border:2px solid var(--ink);font:700 italic .82em/1.2 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;color:var(--dim);background:#3a2b72;border-radius:999px;align-items:center;gap:.3em;padding:.18em .6em;display:inline-flex}.chip--gold{background:var(--gold);color:#2b1400}.chip--blue{color:#fff;background:#1d5fe0}.chip--red{background:var(--red-2);color:#fff}.chip--green{background:var(--green-2);color:#eafff2}.mode-badge{border:2px solid var(--ink);font:900 italic .72em/1.2 var(--font-ui);letter-spacing:.03em;box-shadow:0 2px 0 var(--ink);vertical-align:middle;text-shadow:none;border-radius:8px;padding:.12em .5em;display:inline-block;transform:skew(-8deg)}.mode-badge--1v1{background:var(--orange);color:#2b0d00}.mode-badge--2v2{background:var(--teal);color:#002b25}.field{flex-direction:column;gap:.45em;width:100%;display:flex}.field__label{font:800 italic .95em var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.field__input,.search input,.code-join input{border:3px solid var(--ink);color:#fff;width:100%;min-height:50px;font:700 1.2em var(--font-ui);background:#0f0829;border-radius:12px;outline:none;padding:0 .8em;box-shadow:inset 0 3px #00000073}.field__input:focus,.search input:focus,.code-join input:focus{border-color:var(--gold)}.field__input.is-bad{border-color:var(--red)}.field__input.is-good{border-color:var(--green)}.field__meta{color:var(--dim);justify-content:space-between;gap:1em;font-size:.85em;display:flex}.field__hint.is-bad,.field__count.is-bad{color:#ff8a9b}.field--inline{flex-direction:row;align-items:center}.field--inline .field__input{min-height:42px;font-size:1.1em}.hint{color:var(--dim);text-align:center;font-size:.86em;line-height:1.35}.hint.is-bad{color:#ff8a9b}.linklike{color:var(--gold);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.empty{text-align:center;color:var(--dim);padding:6cqw 2cqw}.empty--big{flex-direction:column;align-items:center;gap:2cqw;font-size:1.05em;display:flex}.empty__sub{color:var(--dimmer);font-size:.9em}.section-title{font:800 italic 1em var(--font-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin:5cqw 0 2cqw}.segmented{border:3px solid var(--ink);background:#00000059;border-radius:14px;gap:1.6cqw;padding:1.2cqw;display:flex}.segmented__opt{min-height:44px;color:var(--dim);font:800 italic 1.05em/1.1 var(--font-ui);text-transform:uppercase;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.35em .2em;display:flex}.segmented__opt.is-on{background:linear-gradient(180deg, #8fdcff, var(--blue) 50%, var(--blue-2));color:#fff;box-shadow:inset 0 2px 0 #ffffff80, 0 2px 0 var(--ink);text-shadow:0 2px #00000059}.segmented__hint{font:600 .72em var(--font-body);text-transform:none;opacity:.85}.switch{border:3px solid var(--ink);background:#3a2b72;border-radius:999px;flex-shrink:0;width:72px;height:44px;transition:background .15s;position:relative}.switch i{border:2px solid var(--ink);background:#fff;border-radius:50%;width:32px;height:32px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.is-on{background:var(--green)}.switch.is-on i{transform:translate(28px)}.logo{place-items:center;padding:3cqw 6cqw;display:grid;position:relative}.logo__burst{clip-path:polygon(50% 0%,58% 30%,80% 6%,72% 36%,100% 30%,78% 52%,98% 72%,70% 68%,76% 96%,56% 74%,44% 100%,38% 72%,14% 92%,24% 64%,0% 60%,22% 46%,4% 22%,32% 32%,30% 4%,44% 28%);opacity:.95;filter:drop-shadow(0 4px 0 var(--ink));z-index:-1;background:radial-gradient(circle,#ffe766 0%,#ff9f0a 60%,#ff4f8b 100%);position:absolute;inset:-4cqw -2cqw;transform:rotate(-6deg)scale(.9)}.logo__text{font:17cqw/.9 var(--font-display);letter-spacing:.02em;white-space:nowrap;display:grid;position:relative;transform:rotate(-5deg)}.logo__stroke,.logo__fill{grid-area:1/1}.logo__stroke{color:var(--ink);-webkit-text-stroke:.16em var(--ink);text-shadow:0 .1em 0 var(--ink)}.logo__fill{background:linear-gradient(#fff 0%,#fff4a8 32%,#ffd23f 58%,#ff9f0a 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo--md .logo__text{font-size:12cqw}.logo--sm .logo__text{font-size:8cqw}.card{--accent:var(--gold);aspect-ratio:5/7;border-radius:10%/7%;flex-shrink:0;position:relative;container-type:inline-size}.card__frame{border-radius:inherit;border:max(2px, 2.6cqw) solid var(--ink);box-shadow:0 max(2px, 2.4cqw) 0 var(--ink);background:#241a45;position:absolute;inset:0;overflow:hidden}.card__frame:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 max(1px, 1.4cqw) color-mix(in srgb, var(--accent) 80%, transparent), inset 0 max(2px, 3cqw) 0 #ffffff2e;pointer-events:none;position:absolute;inset:0}.card__art{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.card__name{color:#fff;text-align:center;font:800 italic 13cqw/.95 var(--font-ui);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 1cqw #000;overflow-wrap:anywhere;background:linear-gradient(#0000,#080316e0 60%);padding:16cqw 3cqw 5cqw;position:absolute;bottom:0;left:0;right:0}.card__token{background:var(--pink);color:#fff;border:1.4cqw solid var(--ink);font:900 italic 9cqw var(--font-ui);border-radius:3cqw;padding:1cqw 4cqw;position:absolute;top:14%;left:50%;transform:translate(-50%)rotate(-8deg)}.gem{z-index:2;width:33cqw;height:33cqw;font:900 italic 22cqw/1 var(--font-ui);color:#fff;pointer-events:none;place-items:center;display:grid;position:absolute;top:-6cqw}.gem span{text-shadow:0 1.6cqw 0 var(--ink), 1.2cqw 0 0 var(--ink), -1.2cqw 0 0 var(--ink), 0 -1.2cqw 0 var(--ink);position:relative;transform:translateY(-3%)}.gem--cost{border:max(2px, 2.4cqw) solid var(--ink);box-shadow:inset 0 -2.5cqw 0 #00000040, 0 1.6cqw 0 var(--ink);background:radial-gradient(circle at 34% 28%,#c4f1ff 0%,#45b6ff 32%,#1d5fe0 70%,#0c2f93 100%);border-radius:50%;left:-7cqw}.gem--cost.is-cheaper{background:radial-gradient(circle at 34% 28%,#d7ffe3 0%,#6bf59b 34%,#19b95a 70%,#0b6b33 100%)}.gem--cost.is-pricier{background:radial-gradient(circle at 34% 28%,#ffd0d7 0%,#ff6b81 34%,#d11a3a 70%,#7a0718 100%)}.gem--power{background:var(--ink);clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0% 50%);right:-7cqw}.gem--power:before{content:"";clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0% 50%);background:radial-gradient(circle at 34% 28%,#ffe2b0 0%,#ffab4a 30%,#ff7a1a 62%,#b83c00 100%);position:absolute;inset:8%}.gem--power.is-up:before{background:radial-gradient(circle at 34% 28%,#d7ffe3 0%,#6bf59b 34%,#19b95a 70%,#0b6b33 100%)}.gem--power.is-down:before{background:radial-gradient(circle at 34% 28%,#ffd0d7 0%,#ff6b81 34%,#d11a3a 70%,#7a0718 100%)}.gem--power.is-hidden:before{background:radial-gradient(circle at 34% 28%,#d9d2f5 0%,#8f82c2 50%,#4b3f86 100%)}.card.is-silenced .card__art{filter:grayscale(.85)brightness(.8)}.card__silenced{color:#cfc6f0;font:900 italic 10cqw var(--font-ui);letter-spacing:.04em;white-space:nowrap;background:#0d0916d9;border:1.4cqw solid #cfc6f0;border-radius:3cqw;padding:1cqw 3cqw;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.card--back .card__frame:after{box-shadow:inset 0 0 0 max(1px,1.4cqw) #ffd23f66}.card.is-dim{filter:saturate(.45)brightness(.62)}.card.is-selected .card__frame{box-shadow:0 0 0 max(2px, 2cqw) var(--gold), 0 max(2px, 2.4cqw) 0 var(--ink)}.card[role=button]{cursor:pointer}.card--grid:active,.card--mini:active{transform:scale(.96)}.card--mini .gem{width:40cqw;height:40cqw;font-size:26cqw}.card--mini .card__frame{border-width:max(1.5px,3cqw)}.card--detail{width:100%}.loc__ban{z-index:3;border:max(1.5px, 1.6cqw) solid var(--ink);font:900 italic 11cqw/1 var(--font-ui);text-transform:uppercase;white-space:nowrap;pointer-events:none;box-shadow:0 1.5cqw 0 var(--ink);border-radius:99px;align-items:center;gap:2cqw;padding:1.5cqw 4cqw;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.loc__ban--mine{background:var(--red);color:#fff}.loc__ban--theirs{color:var(--ink);background:#e9e4ff}.loc__ban svg{width:12cqw;height:12cqw}.loc{aspect-ratio:1/.94;border:max(2px, 2.4cqw) solid var(--ink);width:100%;box-shadow:0 max(2px, 2.8cqw) 0 var(--ink), 0 0 0 max(1px, 1cqw) #ffffff1f inset;cursor:pointer;background:#1b0f3b;border-radius:9cqw;transition:transform .12s,box-shadow .15s;position:relative;container-type:inline-size}.loc__art{object-fit:cover;border-radius:7cqw;width:100%;height:100%;position:absolute;inset:0}.loc__shade{background:linear-gradient(#08031ab8 0%,#08031a00 30% 40%,#08031ae6 78%);border-radius:7cqw;position:absolute;inset:0}.loc__name{text-align:center;font:15cqw/.95 var(--font-display);letter-spacing:.03em;color:#fff;text-shadow:0 1.4cqw 0 var(--ink), 1cqw 0 0 var(--ink), -1cqw 0 0 var(--ink), 0 -1cqw 0 var(--ink);position:absolute;top:9%;left:3%;right:3%}.loc__text{text-align:center;font:700 8.2cqw/1.1 var(--font-ui);color:#f5efff;text-shadow:0 .8cqw #000000e6;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;bottom:15%;left:5%;right:5%;overflow:hidden}.loc--hidden .loc__name{color:var(--gold)}.loc__pow{z-index:3;border:max(2px, 2.2cqw) solid var(--ink);color:#fff;width:30cqw;height:30cqw;font:900 italic 19cqw/1 var(--font-ui);text-shadow:0 1.2cqw 0 var(--ink);background:radial-gradient(circle at 35% 30%,#6b5aa8,#2c2060 70%);border-radius:50%;place-items:center;transition:background .2s,box-shadow .2s,transform .2s;display:grid;position:absolute;left:50%}.loc__pow--enemy{top:0;transform:translate(-50%,-55%)}.loc__pow--mine{bottom:0;transform:translate(-50%,55%)}.loc__pow.is-winning{color:#fff;background:radial-gradient(circle at 35% 30%,#fff0b3,#ffab2e 45%,#e25a00 100%);box-shadow:0 0 5cqw 2cqw #ffaa28bf}.loc__pow.is-tied{background:radial-gradient(circle at 35% 30%,#c7c0e8,#6e62a8 70%)}.loc.is-drop-ok{box-shadow:0 0 0 max(2px, 2cqw) var(--green), 0 0 8cqw #3ddc8499}.loc.is-drop-blocked{filter:saturate(.4)brightness(.7)}.loc--large{width:min(70cqw,320px);margin:0 auto}.cube{--s:44px;width:calc(var(--s) * 1.5);height:calc(var(--s) * 1.5);perspective:400px;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}button.cube{cursor:pointer}.cube--sm{--s:18px}.cube--md{--s:34px}.cube--lg{--s:42px}.cube--xl{--s:64px}.cube3d{width:var(--s);height:var(--s);transform-style:preserve-3d;animation:3.2s ease-in-out infinite cube-float;position:absolute;transform:rotateX(-24deg)rotateY(45deg)}.cube3d.is-spin{animation:.9s cubic-bezier(.2,.7,.2,1) cube-spin,3.2s ease-in-out .9s infinite cube-float}.cube3d__face{border:2px solid var(--ink);background:linear-gradient(135deg,#ffe766,#ffb000 55%,#d97a00);position:absolute;inset:0}.cube3d__face--front{transform:translateZ(calc(var(--s) / 2))}.cube3d__face--right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2));background:linear-gradient(135deg,#ffb000,#c56a00)}.cube3d__face--top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2));background:linear-gradient(135deg,#fff6b8,#ffd23f)}.cube__value{z-index:2;font:900 italic calc(var(--s) * .78) / 1 var(--font-ui);color:#fff;text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);position:relative}.cube--sm .cube__value{display:none}.cube__pending{z-index:3;border:2px solid var(--ink);background:var(--green);color:#062b16;font:900 italic .95em var(--font-ui);box-shadow:0 2px 0 var(--ink);border-radius:8px;padding:.05em .35em;position:absolute;top:-12%;right:-30%}.cube.is-raising .cube3d__face{box-shadow:0 0 12px #ffd23fe6}.cube:before{content:"";filter:blur(4px);background:radial-gradient(circle,#ffd23f73,#0000 70%);border-radius:50%;position:absolute;inset:12%}@keyframes cube-float{0%,to{translate:0}50%{translate:0 -4px}}@keyframes cube-spin{0%{transform:rotateX(-24deg)rotateY(-315deg)scale(1.3)}to{transform:rotateX(-24deg)rotateY(45deg)scale(1)}}.orb{border:3px solid var(--ink);width:19cqw;height:19cqw;box-shadow:inset 0 -6px 0 #00000040, 0 4px 0 var(--ink), 0 0 24px #45b6ffa6;background:radial-gradient(circle at 34% 28%,#e6fbff 0%,#6fd6ff 22%,#1e8bff 55%,#0b2f9a 100%);border-radius:50%;place-items:center;display:grid;position:relative;container-type:inline-size}.orb__ring{border:1.5px dashed #ffffff73;border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:8%}.orb__value{font:900 italic 58cqw/1 var(--font-ui);color:#fff;text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);margin-top:-6%;position:relative}.orb__label{font:800 italic 13cqw/1 var(--font-ui);letter-spacing:.04em;color:#ffffffd9;text-shadow:0 1px 0 var(--ink);position:absolute;bottom:9%}.orb.is-empty{filter:saturate(.3)brightness(.7)}.orb.is-pulse{animation:.9s ease-out orb-pulse}@keyframes orb-pulse{30%{box-shadow:inset 0 -6px 0 #00000040, 0 4px 0 var(--ink), 0 0 40px #45b6ff;transform:scale(1.18)}}@keyframes spin{to{transform:rotate(360deg)}}.avatar{--av:#ff4f8b;border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--av) 55%, white), var(--av) 55%, color-mix(in srgb, var(--av) 60%, black));color:#fff;font-family:var(--font-display);text-shadow:0 2px 0 var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.avatar span{transform:translateY(4%)}.avatar.is-offline{filter:grayscale()brightness(.6)}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);background:#060212b8;place-items:center;padding:4cqw;animation:.15s ease-out fade-in;display:grid;position:absolute;inset:0}.modal{border:3px solid var(--ink);background:var(--halftone), linear-gradient(180deg, #34197e 0%, #1c0c4a 100%);width:100%;max-height:calc(100cqh - 8cqw);box-shadow:inset 0 0 0 2px var(--edge-soft), 0 6px 0 var(--ink), 0 18px 40px #0009;border-radius:18px;flex-direction:column;gap:3cqw;padding:6cqw 5cqw 5cqw;animation:.2s cubic-bezier(.2,.9,.3,1.3) pop-in;display:flex;position:relative;overflow-y:auto}.modal--danger{background:var(--halftone), linear-gradient(180deg, #5a1030 0%, #2a0718 100%)}.modal--gold{background:var(--halftone), linear-gradient(180deg, #5a3a0a 0%, #2a1a04 100%)}.modal__close{z-index:2;width:44px;height:44px;position:absolute;top:2.5cqw;right:2.5cqw}.modal__title{font:2em/1 var(--font-display);letter-spacing:.04em;text-align:center;color:#fff;text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink);padding:0 40px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)translateY(12px)}}.toasts{top:calc(env(safe-area-inset-top) + 18cqw);z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:2cqw;display:flex;position:absolute;left:4cqw;right:4cqw}.toast{border:3px solid var(--ink);color:#fff;max-width:100%;font:700 .95em/1.25 var(--font-body);text-align:center;box-shadow:0 4px 0 var(--ink);background:#2a1d64;border-radius:12px;padding:.6em 1em;animation:.2s ease-out toast-in}.toast--error{background:linear-gradient(#d11a3a,#8f0b25)}.toast--good{background:linear-gradient(#19b95a,#0c7a3a)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}}.offline-banner{min-height:36px;font-family:var(--font-body);top:calc(env(safe-area-inset-top) + 2cqw);z-index:55;border:2px solid var(--ink);background:var(--red-2);color:#fff;font:700 .85em var(--font-body);box-shadow:0 3px 0 var(--ink);border-radius:999px;align-items:center;gap:.4em;padding:.35em .9em;display:flex;position:absolute;left:50%;transform:translate(-50%)}.spinner{border:5px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.screen--title{padding:calc(env(safe-area-inset-top) + 3cqw) 5cqw calc(env(safe-area-inset-bottom) + 8cqw);background:radial-gradient(circle at 50% 38%,#ffd23f59,#0000 42%),repeating-conic-gradient(at 50% 38%,#ffffff12 0deg 9deg,#0000 9deg 18deg);justify-content:space-between;align-items:center}.title__top{justify-content:flex-end;align-self:stretch;display:flex}.title__hero{flex-direction:column;align-items:center;gap:3cqw;display:flex}.title__fan{width:70cqw;height:52cqw;margin-bottom:-6cqw;position:relative}.title__fan-card{width:30cqw;animation:4s ease-in-out infinite fan-bob;position:absolute;top:0;left:50%;box-shadow:0 10px 30px #00000080}.title__fan-card--0{top:6cqw;transform:translate(-120%)rotate(-14deg)}.title__fan-card--1{z-index:2;animation-delay:-1.3s;transform:translate(-50%)scale(1.12)}.title__fan-card--2{animation-delay:-2.6s;top:6cqw;transform:translate(20%)rotate(14deg)}@keyframes fan-bob{50%{translate:0 -2cqw}}.title__tag{font:800 italic 1.2em var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 2px 0 var(--ink)}.title__cta{flex-direction:column;align-items:center;gap:3cqw;display:flex}.title__foot{font:700 .85em var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.name-form{flex-direction:column;align-items:center;gap:5cqw;margin-top:4cqw;padding:7cqw 5cqw;display:flex}.name-form .btn{width:100%}.screen--home{background:repeating-conic-gradient(at 50% 42%,#ffffff0d 0deg 8deg,#0000 8deg 16deg)}.home__bar{justify-content:space-between;align-items:center;gap:2cqw;padding:3cqw 4cqw 0;display:flex}.home__bar-right{align-items:center;gap:2cqw;display:flex}.player-chip{border:3px solid var(--ink);min-width:0;max-width:58cqw;box-shadow:0 3px 0 var(--ink);color:#fff;background:linear-gradient(#4d3a99,#2a1d64);border-radius:999px;align-items:center;gap:.5em;padding:3px .8em 3px 3px;display:flex}.player-chip__name{font:800 italic 1.1em var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tally{border:3px solid var(--ink);height:44px;box-shadow:0 3px 0 var(--ink);background:#00000073;border-radius:999px;align-items:center;gap:.2em;padding:0 .7em 0 .2em;display:flex}.tally .cube{width:34px;height:34px}.tally__value{font:900 italic 1.25em var(--font-ui);color:var(--gold)}.tally__value.is-neg{color:#ff8a9b}.home__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7cqw;min-height:0;display:flex}.home__showcase{width:44cqw;animation:.5s cubic-bezier(.2,.9,.3,1.2) showcase-in;position:relative}.home__showcase-glow{background:radial-gradient(circle,#ffd23f80,#0000 62%);animation:3.2s ease-in-out infinite glow-pulse;position:absolute;inset:-12cqw}.home__featured{transform:rotate(-3deg);box-shadow:0 16px 36px #0000008c}@keyframes showcase-in{0%{opacity:0;transform:translateY(20px)rotateY(60deg)}}@keyframes glow-pulse{50%{opacity:.55;transform:scale(.9)}}.home__caption{font:700 .85em var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.home__play{flex-direction:column;align-items:center;gap:1.5cqw;padding:2cqw 0 4cqw;display:flex}.home__conn{color:var(--dim);font-size:.8em}.nav{padding:2cqw 2cqw calc(2cqw + env(safe-area-inset-bottom) * .3);border-top:3px solid var(--ink);background:linear-gradient(#2a1466,#150838);grid-template-columns:repeat(5,1fr);gap:1cqw;display:grid;box-shadow:inset 0 2px #ffffff1f}.nav__btn{min-height:52px;color:var(--dim);font:800 italic .78em var(--font-ui);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;display:flex;position:relative}.nav__btn:active{color:#fff;background:#ffffff14}.nav__badge{border:2px solid var(--ink);background:var(--gold);color:#2b1400;font:900 italic .85em var(--font-ui);border-radius:999px;padding:0 .35em;position:absolute;top:0;right:16%}.filters{flex-direction:column;gap:2.4cqw;margin-bottom:3cqw;display:flex}.search{align-items:center;display:flex;position:relative}.search svg{color:var(--dim);pointer-events:none;position:absolute;left:.8em}.search input{min-height:46px;padding-left:2.4em;font-size:1.05em}.cost-chips{scrollbar-width:none;gap:1.4cqw;display:flex;overflow-x:auto}.cost-chip{border:3px solid var(--ink);color:#fff;min-width:0;max-width:52px;min-height:44px;font:900 italic 1.05em var(--font-ui);text-shadow:0 2px 0 var(--ink);box-shadow:0 2px 0 var(--ink);background:radial-gradient(circle at 34% 28%,#6fa0ff,#2b4fb0 70%);border-radius:14px;flex:1 1 0}.cost-chip:first-child{aspect-ratio:auto;border-radius:999px;flex:1.5 1 0;max-width:none}.kind-chips{scrollbar-width:none;gap:1.2cqw;padding-bottom:1cqw;display:flex;overflow-x:auto}.kind-chips::-webkit-scrollbar{display:none}.kind-chip{border:2px solid var(--ink);background:var(--ink-2);min-height:44px;color:var(--dim);font:800 italic .85em var(--font-ui);text-transform:uppercase;cursor:pointer;border-radius:999px;flex:none;padding:0 .8em}.kind-chip.is-on{background:var(--teal);color:var(--ink)}.cost-chip.is-on{background:radial-gradient(circle at 34% 28%, #fff4a8, var(--gold) 55%, var(--gold-2));color:#2b1400;text-shadow:none}.card-grid{grid-template-columns:repeat(3,1fr);gap:5cqw 4cqw;padding:3cqw 2cqw 2cqw;display:grid}.card-grid--preview{gap:4cqw 3cqw}.pack-list{flex-direction:column;gap:4cqw;display:flex}.pack-slot{flex-direction:column;gap:3cqw;padding:3.5cqw;display:flex}.pack-slot--empty{border-radius:var(--radius);min-height:34cqw;color:var(--dim);font:800 italic 1.15em var(--font-ui);text-transform:uppercase;background:#ffffff0a;border:3px dashed #ffffff47;flex-direction:column;justify-content:center;align-items:center;gap:1.5cqw;display:flex}.pack-slot--empty:active{background:#ffffff1a}.pack-slot__head{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.pack-slot__name{font:1.5em/1 var(--font-display);letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pack-slot__actions{justify-content:flex-end;gap:3cqw;display:flex}.mini-strip{grid-template-columns:repeat(6,1fr);gap:2.4cqw 1.6cqw;padding:1.5cqw 1cqw .5cqw;display:grid}.mini-strip__empty,.editor__slot{aspect-ratio:5/7;color:#ffffff47;font:800 italic .9em var(--font-ui);background:#00000040;border:2px dashed #fff3;border-radius:10%/7%;place-items:center;display:grid}.editor__top{flex-direction:column;gap:3cqw;margin-bottom:3cqw;padding:3cqw;display:flex}.editor__slots{grid-template-columns:repeat(6,1fr);gap:3cqw 1.8cqw;padding:1.5cqw 1cqw 0;display:grid}.curve{grid-template-columns:repeat(7,1fr);align-items:end;gap:1.2cqw;height:15cqw;display:grid}.curve__col{flex-direction:column;justify-content:flex-end;gap:2px;height:100%;display:flex}.curve__bar{background:linear-gradient(180deg, #8fdcff, var(--blue-2));border:2px solid var(--ink);min-height:3px;font:800 italic .72em var(--font-ui);color:#fff;border-radius:4px 4px 0 0;justify-content:center;transition:height .2s;display:flex}.curve__cost{text-align:center;font:800 italic .75em var(--font-ui);color:var(--dim)}.editor-card{position:relative}.editor-card.is-in .card__frame{box-shadow:0 0 0 3px var(--green), 0 3px 0 var(--ink)}.editor-card__check{z-index:3;border:3px solid var(--ink);background:var(--green);color:#062b16;pointer-events:none;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.editor-card__info{z-index:3;border-radius:50%;width:42px;height:42px;position:absolute;bottom:-4px;right:-6px}.editor__footer{align-items:center;gap:3cqw;display:flex}.editor__footer .btn{flex:none}.editor__status{font:700 .9em/1.25 var(--font-body);flex:1}.editor__status.is-bad{color:#ffb3bf}.editor__status.is-good{color:var(--green)}.code-join{align-items:center;gap:2cqw;margin:3cqw 0;display:flex}.code-join input{letter-spacing:.3em;text-transform:uppercase;flex:1;min-height:44px}.room-list{flex-direction:column;gap:3cqw;display:flex}.room-row{align-items:center;gap:3cqw;padding:3cqw;display:flex}.room-row .mode-badge{font-size:1em}.room-row__info{flex-direction:column;flex:1;gap:1cqw;min-width:0;display:flex}.room-row__info strong{font:800 italic 1.15em var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-row__meta{flex-wrap:wrap;align-items:center;gap:1.6cqw;display:flex}.seats{gap:3px;display:inline-flex}.seats i{border:2px solid var(--ink);background:#3a2b72;border-radius:50%;width:11px;height:11px}.seats i.is-on{background:var(--gold)}.create{flex-direction:column;gap:2.5cqw;padding:4cqw;display:flex}.create__label{font:800 italic .95em var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-top:2cqw}.mode-tiles{grid-template-columns:1fr 1fr;gap:3cqw;display:grid}.mode-tile{border:3px solid var(--ink);color:var(--dim);box-shadow:0 4px 0 var(--ink);background:linear-gradient(#3a2a78,#24185a);border-radius:14px;flex-direction:column;align-items:center;gap:.3em;padding:4cqw 2cqw;display:flex;transform:skew(-4deg)}.mode-tile.is-on{background:linear-gradient(180deg, #ffe766, var(--gold) 50%, var(--gold-2));color:#2b1400}.mode-tile__big{font:2.4em/1 var(--font-display);letter-spacing:.04em}.mode-tile__name{font:800 italic 1.05em var(--font-ui);text-transform:uppercase}.mode-tile__hint{font:600 .75em var(--font-body);text-align:center}.duel,.teams{flex-direction:column;gap:3cqw;display:flex}.team{flex-direction:column;gap:2.4cqw;display:flex}.team__label{font:1.25em var(--font-display);letter-spacing:.05em;text-shadow:0 2px 0 var(--ink)}.team--a .team__label{color:var(--blue)}.team--b .team__label{color:var(--orange);text-align:right}.vs{font:2.6em/1 var(--font-display);color:var(--gold);text-shadow:0 4px 0 var(--ink), 3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 -3px 0 var(--ink);align-self:center;transform:rotate(-6deg)}.seat{border-radius:var(--radius);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px var(--edge-soft), 0 4px 0 var(--ink);background:linear-gradient(#3a2a78,#22164f);align-items:center;gap:3cqw;padding:3cqw;display:flex}.seat--me{box-shadow:inset 0 0 0 2px var(--gold), 0 4px 0 var(--ink);background:linear-gradient(#4b37a3,#2c1d6b)}.seat--ready{box-shadow:inset 0 0 0 2px var(--green), 0 4px 0 var(--ink)}.seat--open{box-shadow:none;background:#ffffff0a;border-style:dashed;border-color:#ffffff40}.seat__avatar--open{width:46px;height:46px;color:var(--dim);border:3px dashed #ffffff4d;border-radius:50%;place-items:center;display:grid}.seat__info{flex-direction:column;flex:1;gap:.2em;min-width:0;display:flex}.seat__info strong{min-width:0;font:800 italic 1.2em var(--font-ui);white-space:nowrap;align-items:center;gap:.3em;display:flex}.seat__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.seat__you,.seat__crown{flex-shrink:0}.seat__you{color:var(--dim);font-size:.8em;font-style:normal;font-weight:600}.seat__crown{color:var(--gold);display:inline-flex}.seat__sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.82em;overflow:hidden}.seat__status{align-items:center;gap:1.5cqw;display:flex}.seat__kick{background:linear-gradient(#ff6b81,#b3122e);width:44px;height:44px}.code-chip{border:3px solid var(--ink);background:var(--gold);color:#2b1400;font:900 italic 1.05em var(--font-ui);letter-spacing:.12em;box-shadow:0 3px 0 var(--ink);border-radius:10px;align-items:center;gap:.35em;padding:.3em .7em;display:inline-flex}.lobby__rules{color:var(--dim);flex-direction:column;gap:1.5cqw;margin-top:4cqw;padding:3cqw 4cqw;font-size:.86em;line-height:1.4;display:flex}.lobby__rules svg{color:var(--gold);vertical-align:-2px}.lobby__arenas{color:var(--gold);font-weight:700}.lobby__actions{flex-direction:column;gap:2.6cqw;display:flex}.lobby__block{text-align:center;color:var(--dim);font-size:.85em}.pick-list{flex-direction:column;gap:2.4cqw;display:flex}.pick{border:3px solid var(--ink);color:#fff;text-align:left;min-height:52px;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#3a2a78,#24185a);border-radius:12px;justify-content:space-between;align-items:center;gap:2cqw;padding:.6em 1em;display:flex}.pick strong{font:800 italic 1.15em var(--font-ui)}.pick span{color:var(--dim);font-size:.8em}.pick.is-on{background:linear-gradient(180deg, #ffe766, var(--gold) 50%, var(--gold-2));color:#2b1400}.pick.is-on span{color:#5c3a00}.pick.is-invalid{opacity:.6}.pick-preview{margin-top:3cqw}.detail{text-align:center;align-items:center;padding-top:11cqw}.detail__card{width:54cqw;margin-top:2cqw;animation:.35s cubic-bezier(.2,.9,.3,1.2) detail-card}@keyframes detail-card{0%{transform:rotateY(80deg)scale(.8)}}.detail__info{flex-direction:column;align-items:center;gap:2cqw;display:flex}.detail__name{font:2.1em/1 var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink)}.detail__stats{flex-wrap:wrap;justify-content:center;gap:2cqw;display:flex}.stat{border:2px solid var(--ink);font:800 italic .95em var(--font-ui);text-transform:uppercase;border-radius:999px;padding:.2em .7em}.stat b{font-size:1.2em}.stat--cost{background:var(--blue-2)}.stat--power{background:var(--orange-2)}.stat--token{background:var(--pink)}.detail__ability{font:600 1.05em/1.35 var(--font-body);color:#fff}.detail__ability b{color:var(--gold)}.detail__ability--plain{color:var(--dim)}.detail__note{color:#c9f0ff;background:#45b6ff1f;border:2px solid #45b6ff59;border-radius:10px;padding:.4em .7em;font-size:.85em}.detail__note.is-bad{color:#ffd0d7;background:#ff3d5a1f;border-color:#ff3d5a66}.detail__rule{font:800 italic .95em var(--font-ui);text-transform:uppercase;color:#ffd0d7;letter-spacing:.02em}.stat small{opacity:.8;text-transform:none;font-size:.75em}.detail__queued{font:800 italic 1em var(--font-ui);color:var(--teal);justify-content:center;align-items:center;gap:.4em;display:flex}.detail__moves{flex-direction:column;gap:2cqw;display:flex}.detail__gloss{color:var(--dimmer);font-size:.8em}.detail__flavor{font:italic 500 .9em/1.3 var(--font-body);color:var(--dim)}.detail__actions{flex-direction:column;gap:2cqw;width:100%;display:flex}.loc-detail{text-align:center;align-items:center;padding-top:16cqw}.loc-detail__score{font:800 italic 1.1em var(--font-ui);color:var(--dim)}.loc-detail__score b{color:#fff;font-size:1.3em}.raise,.retreat,.confirm{text-align:center;align-items:stretch}.raise p,.retreat p,.confirm p{line-height:1.4}.raise__visual{justify-content:center;align-items:center;gap:4cqw;padding:3cqw 0;display:flex}.raise__arrow{font:2.4em var(--font-display);color:var(--gold);text-shadow:0 3px 0 var(--ink)}.retreat__icon{color:#fff;filter:drop-shadow(0 3px 0 var(--ink));place-items:center;display:grid}.settings__row{border-bottom:2px solid #ffffff14;justify-content:space-between;align-items:center;gap:3cqw;padding:2cqw 1cqw;display:flex}.settings__label{font:800 italic 1.15em var(--font-ui);text-transform:uppercase;align-items:center;gap:.5em;display:flex}.settings__row input[type=range]{max-width:55%;accent-color:var(--gold);flex:1;height:32px}.settings__buttons{flex-direction:column;gap:2.6cqw;margin-top:2cqw;display:flex}.rules__body{text-align:left;flex-direction:column;gap:3cqw;display:flex}.rules__body h3{font:1.25em var(--font-display);letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 0 var(--ink);margin-bottom:.2em}.rules__body p{color:#eee6ff;font-size:.92em;line-height:1.42}.screen--results{padding:calc(env(safe-area-inset-top) + 5cqw) 5cqw calc(env(safe-area-inset-bottom) + 5cqw);justify-content:space-between;align-items:center;gap:3cqw;overflow-y:auto}.results__burst{z-index:-1;background:repeating-conic-gradient(at 50% 18%,#ffd23f29 0deg 8deg,#0000 8deg 16deg);animation:40s linear infinite spin-slow;position:absolute;inset:0}.results--lose .results__burst{background:repeating-conic-gradient(at 50% 18%,#ff3d5a1f 0deg 8deg,#0000 8deg 16deg)}.results--draw .results__burst{background:repeating-conic-gradient(at 50% 18%,#45b6ff24 0deg 8deg,#0000 8deg 16deg)}@keyframes spin-slow{to{transform:rotate(360deg)scale(1.6)}}.results__head{text-align:center;flex-direction:column;gap:2cqw;display:flex}.results__title{font:19cqw/.9 var(--font-display);letter-spacing:.03em;color:var(--gold);text-shadow:0 1.6cqw 0 var(--ink), 1cqw 0 0 var(--ink), -1cqw 0 0 var(--ink), 0 -1cqw 0 var(--ink);animation:.5s cubic-bezier(.2,.9,.3,1.4) title-slam;transform:rotate(-4deg)}.results--lose .results__title{color:#ff8a9b}.results--draw .results__title{color:var(--blue)}@keyframes title-slam{0%{opacity:0;transform:rotate(-4deg)scale(2.2)}}.results__reason{font:700 1em/1.35 var(--font-body);color:#fff;max-width:80cqw}.results__cube{flex-direction:column;align-items:center;gap:1cqw;display:flex}.results__delta{font:900 italic 2em var(--font-ui);color:#fff;text-shadow:0 3px 0 var(--ink)}.results__delta.is-up{color:var(--green)}.results__delta.is-down{color:#ff8a9b}.results__refund{color:var(--dim);font-size:.85em}.results__arenas{grid-template-columns:repeat(3,1fr);gap:3cqw;width:100%;padding:4cqw 1cqw 2cqw;display:grid}.results__arena{flex-direction:column;align-items:center;gap:4.5cqw;display:flex}.results__arena .loc{cursor:default}.results__owner{font:800 italic .85em var(--font-ui);text-transform:uppercase;border:2px solid var(--ink);background:#3a2b72;border-radius:999px;padding:.1em .6em}.results__arena.is-mine .results__owner{background:var(--gold);color:#2b1400}.results__arena.is-theirs .results__owner{background:var(--red-2)}.results__winners{flex-direction:column;align-items:center;gap:1.5cqw;display:flex}.results__label{font:800 italic .85em var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.results__names{flex-wrap:wrap;justify-content:center;gap:3cqw;display:flex}.results__winner{font:800 italic 1.1em var(--font-ui);align-items:center;gap:.4em;display:inline-flex}.results__actions{flex-direction:column;gap:3cqw;width:100%;display:flex}.results__empty{flex-direction:column;align-items:center;gap:4cqw;margin:auto;display:flex}.screen--error{text-align:center;justify-content:center;align-items:center;gap:4cqw;padding:8cqw 6cqw}.error__burst{aspect-ratio:1;clip-path:polygon(50% 0%,60% 26%,86% 12%,76% 38%,100% 44%,78% 58%,94% 84%,66% 74%,58% 100%,46% 76%,20% 92%,26% 64%,0% 56%,22% 42%,8% 16%,36% 28%);background:radial-gradient(circle at 50% 45%,#fff3a8,#ffb000 55%,#ff4f8b);place-items:center;width:60cqw;animation:.35s cubic-bezier(.2,.9,.3,1.5) pop-in;display:grid}.error__burst span{font:13cqw/1 var(--font-display);color:#fff;text-shadow:0 1.2cqw 0 var(--ink), .8cqw 0 0 var(--ink), -.8cqw 0 0 var(--ink), 0 -.8cqw 0 var(--ink);transform:rotate(-8deg)}.error__burst--sm{width:34cqw;margin:0 auto}.error__burst--sm span{font-size:8cqw}.error__title{font:2.2em/1 var(--font-display);letter-spacing:.04em;text-shadow:0 3px 0 var(--ink)}.error__msg{color:var(--dim);line-height:1.4}.error__actions{flex-direction:column;gap:3cqw;width:100%;display:flex}.offline{text-align:center}.screen--board{padding-top:env(safe-area-inset-top);padding-bottom:0;animation:none}.arena-bg{z-index:-1;background:radial-gradient(70% 30% at 50% 48%,#ffd23f2e,#0000 70%),radial-gradient(90% 45%,#6d4dff73,#0000 75%),linear-gradient(#0c042033 0%,#280e6099 45% 55%,#080316cc 100%);position:absolute;inset:0;overflow:hidden}.arena-bg:before{content:"";background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 9%),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 16%);height:40%;position:absolute;top:30%;left:-10%;right:-10%;transform:perspective(300px)rotateX(18deg);-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.board-loading{color:var(--dim);font:800 italic 1.2em var(--font-ui);text-transform:uppercase;flex-direction:column;align-items:center;gap:4cqw;margin:auto;display:flex}.hud{z-index:6;grid-template-columns:1fr auto 1fr;align-items:start;gap:1cqw;min-height:16cqw;padding:1.6cqw 2.4cqw 0;display:grid;position:relative}.hud__plates{flex-direction:column;gap:1cqw;min-width:0;display:flex}.hud__cube{flex-direction:column;align-items:center;margin-top:-.5cqw;display:flex}.hud__raise{border:2px solid var(--ink);background:var(--gold);color:#2b1400;font:900 italic .72em var(--font-ui);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 0 var(--ink);pointer-events:none;border-radius:999px;margin-top:-1.2cqw;padding:.05em .6em}.hud__raise.is-off{color:var(--dimmer);background:#3a2b72}.hud__right{justify-content:flex-end;display:flex}.plate{border:2px solid var(--ink);min-width:0;max-width:100%;box-shadow:0 2px 0 var(--ink);background:linear-gradient(#3a2a78f2,#1e1348f2);border-radius:999px;align-items:center;gap:.4em;padding:2px .6em 2px 2px;display:flex}.plate--enemy{background:linear-gradient(#781c3cf2,#3c0c22f2)}.plate--ally{background:linear-gradient(#106e64f2,#083834f2)}.plate__text{flex-direction:column;min-width:0;line-height:1.05;display:flex}.plate__name{font:800 italic .95em var(--font-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.plate__status{font:600 .66em var(--font-body);color:var(--dim);white-space:nowrap;align-items:center;gap:.3em;display:flex}.plate__first{font:900 italic 1.05em var(--font-ui);color:var(--gold);text-transform:uppercase}.plate__lock{background:var(--green);color:#062b16;border:2px solid var(--ink);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.plate.is-away{opacity:.6}.plate--bare{border-radius:10px;padding:.25em .7em}.plate--bare.is-locked .plate__status{color:var(--green)}.plate--compact .plate__name{font-size:.8em}.grace-banner{top:calc(env(safe-area-inset-top) + 17cqw);z-index:8;border:2px solid var(--ink);font:700 .78em/1.25 var(--font-body);box-shadow:0 3px 0 var(--ink);background:linear-gradient(#d11a3a,#7a0718);border-radius:10px;align-items:center;gap:.4em;padding:.4em .8em;animation:.2s ease-out toast-in;display:flex;position:absolute;left:3cqw;right:3cqw}.field-board{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;min-height:0;padding:1cqw 2.2cqw .5cqw;display:grid;position:relative}.column{border-radius:12px;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:5.4cqw;min-height:0;transition:background .15s;display:grid;position:relative}.column.is-hover{background:#3ddc841f}.column__loc{z-index:3;position:relative}.lane{border-radius:10px;flex-direction:column;gap:1.2cqw;min-height:0;padding:.4cqw;transition:background .15s,box-shadow .15s;display:flex}.lane--enemy{flex-direction:column-reverse}.lane.is-drop-ok{background:#3ddc841a;box-shadow:inset 0 0 0 2px #3ddc848c}.lane.is-drop-blocked{background:#ff3d5a14}.lane.is-hover.is-drop-ok{background:#3ddc8440}.lane__row{flex:1 1 0;gap:1.2cqw;min-height:0;display:flex}.lane__cell{flex:1 1 0;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.lane__card,.lane__slot{aspect-ratio:.82;width:min(100cqw,82cqh)}.lane__card{position:relative}.lane__slot{background:#ffffff06;border:2px dashed #ffffff12;border-radius:9px}.card--lane{aspect-ratio:auto;width:100%;height:100%}.card--lane .card__art{object-position:50% 26%}.card--lane .gem--power{width:44cqw;height:44cqw;font-size:29cqw;top:-9cqw;right:-9cqw}.card--lane.card--ally .card__frame:after{box-shadow:inset 0 0 0 max(2px, 3.5cqw) var(--teal), inset 0 max(2px, 3cqw) 0 #ffffff2e}.card--lane.is-pending{animation:1.6s ease-in-out infinite pending-bob}.card--lane.is-pending .card__frame{box-shadow:0 0 0 max(2px, 3cqw) #ffd23fe6, 0 max(2px, 2.4cqw) 0 var(--ink)}.card--lane.card--ally.is-pending .card__frame{box-shadow:0 0 0 max(2px, 3cqw) #2de2c7d9, 0 max(2px, 2.4cqw) 0 var(--ink)}.card--lane.is-pending .card__art{filter:brightness(.85)}.card--lane.card--mine.is-pending{touch-action:none;cursor:grab}@keyframes pending-bob{50%{transform:translateY(-2px)}}.fog{z-index:4;pointer-events:none;background:radial-gradient(at 30% 40%,#e6ecff8c,#0000 60%),radial-gradient(at 70% 60%,#e6ecff73,#0000 60%);border-radius:14px;animation:3s ease-in-out infinite alternate fog-drift;position:absolute;inset:-6% -4%}@keyframes fog-drift{to{opacity:.8;transform:translate(4%)}}.controls{z-index:6;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:2cqw;padding:2.4cqw 2.4cqw 1cqw;display:grid;position:relative}.timer-bar{border:1.5px solid var(--ink);background:#00000073;border-radius:999px;height:6px;position:absolute;top:0;left:3cqw;right:3cqw;overflow:hidden}.timer-bar i{background:linear-gradient(90deg, var(--blue), var(--teal));transform-origin:0;height:100%;transition:transform .2s linear;display:block}.timer-bar.is-low i{background:linear-gradient(90deg, var(--red), var(--orange))}.timer-bar.is-paused i{background:#8a7cbd}.retreat-btn{border:3px solid var(--ink);color:#fff;width:13cqw;min-width:46px;height:13cqw;min-height:46px;font:900 italic .62em var(--font-ui);text-transform:uppercase;box-shadow:inset 0 2px 0 #ffffff59, 0 3px 0 var(--ink);background:linear-gradient(#ff6b81,#b3122e);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;transform:skew(-8deg)}.retreat-btn>*{transform:skew(8deg)}.retreat-btn.is-off{filter:grayscale(.8)brightness(.6)}.retreat-btn:active{transform:skew(-8deg)translateY(2px)}.controls__plates{flex-direction:column;gap:1cqw;min-width:0;display:flex}.end-turn{border:3px solid var(--ink);background:linear-gradient(180deg, #ffe766 0%, var(--gold) 48%, var(--gold-2) 100%);color:#2b1400;min-width:29cqw;min-height:15cqw;box-shadow:inset 0 3px 0 #fff9, inset 0 -4px 0 #0000002e, 0 5px 0 var(--ink), 0 0 26px #ffbe2873;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.3em .9em;transition:transform 80ms;display:flex;position:relative;transform:skew(-10deg)}.end-turn>*{transform:skew(10deg)}.end-turn:not(:disabled):active{transform:skew(-10deg)translateY(3px)}.end-turn__turn{border:2px solid var(--ink);color:#fff;font:900 italic .8em var(--font-ui);box-shadow:0 2px 0 var(--ink);background:#2a1d64;border-radius:6px;padding:0 .45em;position:absolute;top:-1.1em;right:.6em}.end-turn__label{font:900 italic 1.3em/1 var(--font-ui);text-transform:uppercase;letter-spacing:.02em}.end-turn__timer{font:800 italic .78em var(--font-ui);color:#6b3a00}.end-turn__timer.is-low{color:#b3122e;animation:.5s steps(2,end) infinite blink}.end-turn.is-off{color:#d8d0f5;box-shadow:inset 0 2px 0 #ffffff40, 0 5px 0 var(--ink);background:linear-gradient(#6a5aa8,#3a2a78)}.end-turn.is-locked{color:#062b16;background:linear-gradient(#5ef0a0,#19b95a)}@keyframes blink{50%{opacity:.3}}.hand{z-index:7;min-height:32cqw;padding:2cqw 2cqw calc(2.4cqw + env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#080316bf 40%);justify-content:center;align-items:flex-end;display:flex;position:relative}.hand__empty{color:var(--dimmer);font:700 italic .9em var(--font-ui);text-transform:uppercase;align-self:center}.hand__slot{flex:none;width:19.5cqw;transition:transform .18s,opacity .18s}.hand__slot+.hand__slot{margin-left:calc(-1 * var(--overlap,0cqw))}.hand__slot:nth-child(odd){transform:translateY(.6cqw)rotate(-1.2deg)}.hand__slot:nth-child(2n){transform:rotate(1.2deg)}.hand__slot.is-lifted{opacity:.25}.hand .card{touch-action:none;cursor:grab;border-radius:10%/7%;width:100%;box-shadow:0 6px 14px #00000073}.hand .card:active{cursor:grabbing}.drag-ghost{z-index:30;pointer-events:none;width:23cqw;margin:-17cqw 0 0 -11.5cqw;position:absolute;top:0;left:0}.drag-ghost .card{filter:drop-shadow(0 12px 18px #0009);transform:rotate(-4deg)scale(1.06)}.is-dragging .column__loc .loc{transition:box-shadow .12s}.banner{z-index:20;text-align:center;border:4px solid var(--ink);background:linear-gradient(180deg, #ffe766, var(--gold) 55%, var(--gold-2));max-width:94cqw;box-shadow:0 6px 0 var(--ink), 0 0 50px #0009;pointer-events:none;border-radius:16px;flex-direction:column;align-items:center;gap:1cqw;padding:2.5cqw 6cqw;animation:1.5s cubic-bezier(.2,.9,.3,1.3) forwards banner;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.banner__big{font:13cqw/.95 var(--font-display);letter-spacing:.03em;color:#fff;text-shadow:0 1.2cqw 0 var(--ink), .8cqw 0 0 var(--ink), -.8cqw 0 0 var(--ink), 0 -.8cqw 0 var(--ink)}.banner__small{font:800 italic 1em var(--font-ui);text-transform:uppercase;color:#2b1400}.banner--blue{background:linear-gradient(180deg, #8fdcff, var(--blue) 55%, var(--blue-2))}.banner--quick{animation-duration:.8s}.banner--blue .banner__small,.banner--red .banner__small,.banner--purple .banner__small{color:#fff;text-shadow:0 2px 0 var(--ink)}.banner--red{background:linear-gradient(180deg, #ff8a9b, var(--red) 55%, var(--red-2))}.banner--purple{background:linear-gradient(#b69cff,#7b4dff 55%,#4a22c9)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)rotate(-4deg)scale(2)}14%{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}78%{opacity:1;transform:translate(-50%,-50%)rotate(-4deg)scale(1.03)}to{opacity:0;transform:translate(-50%,-60%)rotate(-4deg)scale(.9)}}.caption{z-index:19;border:3px solid var(--ink);color:#1a1030;box-shadow:0 4px 0 var(--ink);pointer-events:none;background:#fffbea;border-radius:12px;flex-direction:column;gap:.2em;padding:.55em .9em;animation:.2s ease-out caption-in;display:flex;position:absolute;bottom:2cqw;left:4cqw;right:4cqw}.caption:after{content:"";border-left:3px solid var(--ink);border-top:3px solid var(--ink);background:#fffbea;width:18px;height:18px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(45deg)}.caption strong{font:1.1em/1 var(--font-display);letter-spacing:.04em;color:#6a1fd0}.caption span{font:600 .8em/1.25 var(--font-body)}.caption--fizzle,.caption--fizzle:after{background:#e8e2ff}.caption--fizzle strong{color:#555}@keyframes caption-in{0%{opacity:0;transform:translateY(8px)}}.resolving{z-index:18;border:3px solid var(--ink);font:800 italic 1em var(--font-ui);text-transform:uppercase;box-shadow:0 3px 0 var(--ink);background:#2a1d64;border-radius:999px;padding:.5em 1.2em;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.fx-slam{animation:.45s cubic-bezier(.2,.9,.3,1.3) fx-slam}@keyframes fx-slam{0%{opacity:0;transform:scale(1.6)rotate(-6deg)}}.fx-reveal{z-index:5;animation:.6s cubic-bezier(.2,.9,.3,1.2) fx-reveal}.fx-reveal:after{content:"";z-index:-1;clip-path:polygon(50% 0%,58% 34%,90% 12%,68% 44%,100% 50%,68% 58%,88% 90%,56% 68%,50% 100%,42% 68%,12% 88%,32% 58%,0% 50%,32% 42%,10% 12%,42% 34%);background:radial-gradient(circle,#fff5bef2 0%,#ffd23f80 30%,#0000 62%);animation:.6s ease-out forwards fx-burst;position:absolute;inset:-40%}@keyframes fx-reveal{0%{filter:brightness(2.4);transform:rotateY(90deg)scale(1.2)}55%{filter:brightness(1.6);transform:rotateY(0)scale(1.18)}to{filter:none;transform:none}}@keyframes fx-burst{0%{opacity:1;transform:scale(.3)rotate(0)}to{opacity:0;transform:scale(1.2)rotate(25deg)}}.fx-ability .card{animation:.55s ease-in-out fx-ability}@keyframes fx-ability{40%{filter:drop-shadow(0 0 10px #ffd23f)drop-shadow(0 0 4px #fff);transform:scale(1.14)}}.fx-up .card{animation:.4s ease-out fx-up}@keyframes fx-up{40%{filter:drop-shadow(0 0 8px #3ddc84);transform:scale(1.12)}}.fx-down .card,.fx-hidden .card{animation:.4s ease-out fx-down}@keyframes fx-down{25%{filter:drop-shadow(0 0 8px #ff3d5a);transform:translate(-6%)}60%{transform:translate(6%)}}.fx-destroy{z-index:5;animation:.65s ease-in forwards fx-destroy}@keyframes fx-destroy{0%{filter:none;transform:none}25%{filter:brightness(1.5)sepia()saturate(4)hue-rotate(-20deg);transform:translate(-8%)rotate(-4deg)}50%{transform:translate(8%)rotate(4deg)}to{opacity:0;filter:brightness(2)sepia()saturate(6)hue-rotate(-30deg)blur(2px);transform:scale(.2)rotate(20deg)}}.fx-move{animation:.55s cubic-bezier(.2,.9,.3,1.1) fx-move}@keyframes fx-move{0%{opacity:0;transform:translate(-60%)scale(.8)rotate(-8deg)}}.fx-add{animation:.45s cubic-bezier(.2,.9,.3,1.6) fx-add}@keyframes fx-add{0%{opacity:0;transform:scale(.1)}}.fx-fizzle .card{animation:.38s ease-out fx-fizzle}@keyframes fx-fizzle{40%{filter:grayscale()brightness(.6);transform:scale(.95)}}.fx-draw{animation:.4s cubic-bezier(.2,.9,.3,1.2) fx-draw}@keyframes fx-draw{0%{opacity:0;transform:translateY(60%)rotate(12deg)}}.fx-loc-reveal .loc{animation:.9s cubic-bezier(.2,.9,.3,1.2) fx-loc-reveal}@keyframes fx-loc-reveal{0%{filter:brightness(2);transform:rotateY(90deg)scale(1.1)}60%{transform:rotateY(0)scale(1.08)}}.fx-loc-pulse .loc__pow{animation:.35s ease-out pow-pulse}@keyframes pow-pulse{50%{scale:1.25}}.fx-fog-lift .fog,.fx-fog-lift:after{animation:.4s ease-out forwards fog-lift}@keyframes fog-lift{to{opacity:0;transform:translateY(-20%)scale(1.2)}}.float-num{z-index:8;font:900 italic 1.4em/1 var(--font-ui);color:var(--green);text-shadow:0 2px 0 var(--ink), 1.5px 0 0 var(--ink), -1.5px 0 0 var(--ink), 0 -1.5px 0 var(--ink);pointer-events:none;animation:.9s ease-out forwards float-num;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.float-num.is-down{color:#ff6b81}.float-num.is-hidden{color:#cfc6f5}@keyframes float-num{0%{opacity:0;transform:translate(-50%,30%)scale(.6)}25%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.lane__act{z-index:3;border:2px solid var(--ink);min-width:42%;height:34%;font:900 italic 11px/1 var(--font-ui);pointer-events:none;box-shadow:0 2px 0 var(--ink);border-radius:99px;justify-content:center;align-items:center;gap:1px;padding:0 6%;display:flex;position:absolute;bottom:-6%;left:-6%}.lane__act svg{width:11px;height:11px}.lane__act--ready{background:var(--gold);color:var(--ink);animation:1.2s ease-in-out infinite act-ready}.lane__act--queued{background:var(--teal);color:var(--ink)}@keyframes act-ready{50%{box-shadow:0 2px 0 var(--ink), 0 0 10px #ffd23fe6;transform:scale(1.12)}}.fx-transform .card{animation:.65s ease-in-out fx-transform}@keyframes fx-transform{0%{transform:rotateY(0)}50%{filter:brightness(2)saturate(0);transform:rotateY(90deg)scale(1.1)}to{transform:rotateY(0)}}.fx-switch{animation:.6s cubic-bezier(.2,.9,.3,1.2) fx-switch}@keyframes fx-switch{0%{opacity:0;transform:translateY(80%)scale(.7)rotate(180deg)}}.lane--mine .fx-switch{animation-name:fx-switch-down}@keyframes fx-switch-down{0%{opacity:0;transform:translateY(-80%)scale(.7)rotate(-180deg)}}.fx-silence .card{animation:.48s ease-out fx-silence}@keyframes fx-silence{30%{filter:grayscale()brightness(.5);transform:scale(.92)}}.fx-bounce{z-index:5;animation:.56s ease-in forwards fx-bounce}@keyframes fx-bounce{30%{transform:translateY(-12%)scale(1.05)}to{opacity:0;transform:translateY(160%)scale(.5)}}.lane--enemy .fx-bounce{animation-name:fx-bounce-up}@keyframes fx-bounce-up{30%{transform:translateY(12%)scale(1.05)}to{opacity:0;transform:translateY(-160%)scale(.5)}}.fx-merge{z-index:5;animation:.6s ease-in forwards fx-merge}@keyframes fx-merge{to{opacity:0;filter:brightness(2.2)drop-shadow(0 0 12px #2de2c7);transform:scale(.1)}}.fx-hand-buff .card{animation:.3s ease-out fx-hand-buff}@keyframes fx-hand-buff{50%{filter:drop-shadow(0 0 10px #3ddc84);transform:translateY(-10%)scale(1.06)}}.board--2v2 .lane,.board--2v2 .lane__row{gap:.8cqw}.board--2v2 .lane__row{position:relative}.board--2v2 .lane__cell{place-items:start center}.board--2v2 .lane__card{width:min(100cqw,147.6cqh)}.board--2v2 .lane--enemy .lane__row:first-child{z-index:4}.board--2v2 .lane--enemy .lane__row:nth-child(2){z-index:3}.board--2v2 .lane--enemy .lane__row:nth-child(3){z-index:2}.board--2v2 .lane--enemy .lane__row:nth-child(4){z-index:1}.board--2v2 .column__loc{z-index:5}.board--2v2 .column{gap:4.6cqw}.board--2v2 .loc{aspect-ratio:1/.78}.board--2v2 .loc__text{-webkit-line-clamp:3;bottom:13%}.board--2v2 .hand{min-height:29cqw}.board--2v2 .hand__slot{width:17.5cqw}