@font-face{font-family:Crimson Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/d4cfff78d70c32f1-s.3e6y9ycv0tth-.woff2)format("woff2");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:Crimson Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/edd49e6a728081e1-s.1--u-0p9zb39p.woff2)format("woff2");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:Crimson Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(../media/a41eab1df8ed80c4-s.p.0i2mshnqgrio_.woff2)format("woff2");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:Crimson Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/bbe2082c2ebf69de-s.2jyvoovntfwbd.woff2)format("woff2");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:Crimson Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/9ae69ccf0a67f3e4-s.0p0zu0cvbvyu-.woff2)format("woff2");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:Crimson Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/115e7a2565b70400-s.p.1vgtwd90zpq_8.woff2)format("woff2");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:Crimson Pro Fallback;src:local(Times New Roman);ascent-override:90.96%;descent-override:21.8%;line-gap-override:0.0%;size-adjust:98.56%}.crimson_pro_f7cccce8-module__Y3WR0G__className{font-family:Crimson Pro,Crimson Pro Fallback}.crimson_pro_f7cccce8-module__Y3WR0G__variable{--font-display:"Crimson Pro", "Crimson Pro Fallback"}
@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc6c75d91fb27f62-s.3j-lqo2q-puhp.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ed5f1f9bced69653-s.p.2li_3lqay9qjq.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/574e5b2a8fe8e45b-s.061jvc6_x84nn.woff2)format("woff2");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:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/89ea96820aa96980-s.p.0hs6q6udzld4a.woff2)format("woff2");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:Atkinson Hyperlegible Fallback;src:local(Arial);ascent-override:95.6%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:99.37%}.atkinson_hyperlegible_76e53565-module__1DcD8G__className{font-family:Atkinson Hyperlegible,Atkinson Hyperlegible Fallback;font-style:normal}.atkinson_hyperlegible_76e53565-module__1DcD8G__variable{--font-body:"Atkinson Hyperlegible", "Atkinson Hyperlegible Fallback"}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/2b232b7efa22db1c-s.2zkj-p18lgxwi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/3bee448361125987-s.2ffn2c0h-1t7r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/564b25e5ad617bd2-s.1ns0a980vcn85.woff2)format("woff2");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:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/ee9d8ff0751135e3-s.p.12ukhzf-lem3a.woff2)format("woff2");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:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.martian_mono_49954859-module__gKCgMG__className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.martian_mono_49954859-module__gKCgMG__variable{--font-mono:"Martian Mono", "Martian Mono Fallback"}
:root{--paper:#f7f6f3;--grid:#1f32630d;--surface:#fff;--sunken:#edebe6;--ink:#1b2544;--ink-2:#5b6075;--line:#dcd8cf;--bronze:#906d4f;--accent:#906d4f;--on-accent:#fff;--bar:#1f3263;--bar-ink:#fff;--go:#1e7f4c;--go-bg:#dcefe3;--no:#b9312f;--no-bg:#f7dfdd;--btn:#1f3263;--btn-ink:#fff;--scrim:#f7f6f3bd;--shadow:0 1px 0 #1f32630d, 0 14px 34px -14px #1f326347;--c-alkali:#f9dcc8;--c-alkaline:#f1e6cf;--c-transition:#e1e6f0;--c-post:#d9eadf;--c-metalloid:#d4ece6;--c-nonmetal:#e7eccf;--c-halogen:#eed7ec;--c-noble:#e2def6;--c-lanthanide:#cfe0f4;--c-actinide:#ecd7d2;--c-unknown:#e6e5e2;--f-display:var(--font-display), "Crimson Text", Georgia, "Times New Roman", serif;--f-body:var(--font-body), system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--f-mono:var(--font-mono), ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-s:7px;--r-m:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0c1227;--grid:#a0b4e60b;--surface:#141c38;--sunken:#1c2646;--ink:#e8ebf4;--ink-2:#a7adc4;--line:#2c3658;--bronze:#d4b28f;--accent:#c9a47e;--on-accent:#1b1409;--bar:#16244a;--bar-ink:#fff;--go:#4fcf87;--go-bg:#123a28;--no:#ff7a72;--no-bg:#451b1c;--btn:#d9bf9f;--btn-ink:#141a30;--scrim:#0c1227c2;--shadow:0 1px 0 #0000004d, 0 18px 40px -18px #000000bf;--c-alkali:#5a3321;--c-alkaline:#4d4024;--c-transition:#26304d;--c-post:#1f4130;--c-metalloid:#173f3a;--c-nonmetal:#36401c;--c-halogen:#4a2447;--c-noble:#342c5c;--c-lanthanide:#1b3657;--c-actinide:#4a2e2b;--c-unknown:#292c38}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0c1227;--grid:#a0b4e60b;--surface:#141c38;--sunken:#1c2646;--ink:#e8ebf4;--ink-2:#a7adc4;--line:#2c3658;--bronze:#d4b28f;--accent:#c9a47e;--on-accent:#1b1409;--bar:#16244a;--bar-ink:#fff;--go:#4fcf87;--go-bg:#123a28;--no:#ff7a72;--no-bg:#451b1c;--btn:#d9bf9f;--btn-ink:#141a30;--scrim:#0c1227c2;--shadow:0 1px 0 #0000004d, 0 18px 40px -18px #000000bf;--c-alkali:#5a3321;--c-alkaline:#4d4024;--c-transition:#26304d;--c-post:#1f4130;--c-metalloid:#173f3a;--c-nonmetal:#36401c;--c-halogen:#4a2447;--c-noble:#342c5c;--c-lanthanide:#1b3657;--c-actinide:#4a2e2b;--c-unknown:#292c38}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;touch-action:manipulation;background-size:22px 22px;margin:0;font-size:15px;line-height:1.5}body.dragging,body.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.1}p{margin:0}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.wrap{max-width:1400px;padding-left:max(clamp(16px, 3vw, 32px), env(safe-area-inset-left,0px));padding-right:max(clamp(16px, 3vw, 32px), env(safe-area-inset-right,0px));margin-inline:auto}.eyebrow{font:600 11.5px/1.2 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--bronze)}.muted{color:var(--ink-2)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}main.page{padding-block:clamp(18px,3vw,32px) 64px}.btn{font:700 14px/1 var(--f-body);border-radius:var(--r-s);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-2)}.btn svg{flex:none;width:16px;height:16px}.btn.primary{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}.btn.primary:hover{filter:brightness(1.15)}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:var(--sunken)}.btn.danger{color:var(--no)}.btn.danger.solid{background:var(--no);border-color:var(--no);color:#fff}.btn.sm{padding:7px 10px;font-size:13px}.btn.lg{padding:14px 20px;font-size:15.5px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.chip{font:600 10.5px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;background:var(--sunken);color:var(--ink-2);vertical-align:middle;border-radius:4px;align-items:center;padding:4px 6px;display:inline-flex}.chip.you{background:var(--accent);color:var(--on-accent)}.topbar{top:env(safe-area-inset-top,0px);z-index:30;background:var(--bar);color:var(--bar-ink);border-bottom:3px solid var(--accent);position:sticky}.topbar-in{align-items:center;gap:14px;min-height:62px;padding-block:8px;display:flex}.brand{color:var(--bar-ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.mark{border:1.5px solid color-mix(in srgb, var(--bar-ink) 80%, transparent);background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:5px;flex:none;place-items:center;display:grid;position:relative}.mark .mn{font:600 7px/1 var(--f-mono);position:absolute;top:3px;left:4px}.mark .ms{font:700 17px/1 var(--f-display);margin-top:4px}.brand .bt{font:500 23px/1 var(--f-display);letter-spacing:.01em}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}.nav .who{align-items:center;gap:8px;margin-left:8px;font-weight:700;display:inline-flex}.avatar{width:28px;height:28px;font:700 12px/1 var(--f-mono);text-transform:uppercase;background:color-mix(in srgb, var(--bar-ink) 12%, transparent);border:1px solid color-mix(in srgb, var(--bar-ink) 30%, transparent);color:var(--bar-ink);border-radius:50%;place-items:center;display:grid}.topbar .btn.ghost{color:color-mix(in srgb, var(--bar-ink) 80%, transparent)}.topbar .btn.ghost:hover{color:var(--bar-ink);background:color-mix(in srgb, var(--bar-ink) 12%, transparent)}.topbar .btn[aria-current=page]{color:var(--bar-ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}@media (max-width:640px){.brand .bt,.nav .who .nm{display:none}}.auth{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(8px,4vh,48px);display:grid}@media (max-width:900px){.auth{grid-template-columns:1fr}}.hero{flex-direction:column;gap:22px;min-width:0;display:flex}.title{font-family:var(--f-display);margin:0;line-height:.92}.title .a{letter-spacing:-.015em;color:var(--ink);font-size:clamp(50px,7.4vw,100px);font-weight:700;display:block}.title .b{color:var(--bronze);letter-spacing:-.01em;font-size:clamp(50px,7.4vw,100px);font-style:italic;font-weight:400;display:block}.title .b em{font-style:italic;font-weight:700}.lede{max-width:36em;color:var(--ink-2);font-size:clamp(16px,1.6vw,18.5px)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--ink-2);flex-direction:column;gap:4px;font-size:13.5px;display:flex}.steps b{color:var(--ink);font-size:14.5px}.steps .sn{font:600 11px/1 var(--f-mono);color:var(--bronze)}@media (max-width:520px){.steps{grid-template-columns:1fr}}.mini-wrap{overflow:hidden}.mini{--m:clamp(13px, 2.35vw, 24px);grid-template-columns:repeat(18, var(--m));grid-auto-rows:var(--m);gap:2px;width:max-content;max-width:100%;display:grid}.mini i{background:var(--surface);border:1px solid var(--line);font:700 calc(var(--m) * .42) / 1 var(--f-display);color:var(--ink);border-radius:2px;place-items:center;font-style:normal;transition:background .4s;display:grid}.mini i.q{color:var(--bronze)}.mini i.f{background:var(--cat);border-color:#0000}.mini i.pop{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.6)}to{transform:none}}.mini .sp{grid-column:1/-1;height:4px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:clamp(20px,3vw,28px);display:flex}.tabs{background:var(--sunken);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tabs button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:9px 12px;font-weight:700}.tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000024}.block{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:13.5px;font-weight:700}.input{font:500 16px var(--f-body);border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--paper);color:var(--ink);width:100%;min-width:0;padding:11px 12px}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);outline:none}.form-err{color:var(--no);min-height:1.2em;font-size:13.5px}.note{color:var(--ink-2);font-size:12.5px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.scrim{z-index:60;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:14px;padding:24px;animation:.25s ease-out dlg;display:flex}@keyframes dlg{0%{opacity:.5;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.dialog h2{font:600 31px/1.05 var(--f-display)}.dialog p{color:var(--ink-2)}.dialog .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--btn);color:var(--btn-ink);box-shadow:var(--shadow);border-radius:10px;max-width:calc(100% - 32px);padding:11px 16px;font-size:14px;font-weight:700;animation:.3s ease-out toast;position:fixed;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.gamebar{flex-wrap:wrap;align-items:center;gap:12px 24px;padding-bottom:18px;display:flex}.gb-title{flex-direction:column;gap:4px;min-width:0;display:flex}.gb-title strong{font:600 24px/1.05 var(--f-display)}.gb-progress{flex:1;align-items:center;gap:10px;min-width:180px;max-width:340px;display:flex}.bar{background:var(--sunken);border-radius:99px;flex:1;height:8px;overflow:hidden}.bar i{background:var(--go);border-radius:99px;width:0;height:100%;transition:width .5s;display:block}.gb-count{font:600 12.5px/1 var(--f-mono);color:var(--ink-2);white-space:nowrap}.gb-clock{align-items:baseline;gap:8px;margin-left:auto;display:flex}.timer{font:600 clamp(24px, 3vw, 32px) / 1 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.pen-flash{font:600 13px/1 var(--f-mono);color:var(--no);opacity:0}.pen-flash.on{animation:1.6s ease-out penf}@keyframes penf{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.gb-actions{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:760px){.gb-clock{margin-left:0}.gb-actions .lbl-t{display:none}}.stage{grid-template-columns:minmax(290px,330px) minmax(0,1fr);align-items:start;gap:24px;display:grid;position:relative}@media (max-width:920px){.stage{grid-template-columns:1fr}}.board{flex-direction:column;gap:14px;min-width:0;display:flex}.veil{z-index:6;background:var(--scrim);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;place-items:center;padding:16px;display:grid;position:absolute;inset:-10px}.veil-box{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.veil-box h2{font:600 clamp(40px, 6vw, 64px) / 1 var(--f-display)}.veil-box .actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow);flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cstat{font:500 11.5px/1 var(--f-mono);color:var(--ink-2)}.flip{--t:150px;width:var(--t);height:var(--t);perspective:900px;flex:none;margin-inline:auto;position:relative}.flip.deal{animation:.45s cubic-bezier(.2,.8,.2,1) deal}@keyframes deal{0%{opacity:.4;transform:translateY(10px)rotate(-3deg)}to{opacity:1;transform:none}}.flip-in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.2,1);position:relative}.flip.flipped .flip-in{transform:rotateY(180deg)}.flip-in.wrong{animation:.45s shake}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px)rotate(-2deg)}45%{transform:translate(6px)rotate(1.5deg)}70%{transform:translate(-3px)}}.face{backface-visibility:hidden;border-radius:calc(var(--t) * .07);border:2px solid var(--ink);background:var(--surface);position:absolute;inset:0;overflow:hidden}.face.front{background:repeating-linear-gradient(135deg, transparent 0 9px, color-mix(in srgb, var(--accent) 9%, transparent) 9px 10px), var(--surface)}.face.back{background:var(--cat,var(--surface));transform:rotateY(180deg)}.face .t-n{font:600 calc(var(--t) * .085) / 1 var(--f-mono);position:absolute;top:7%;left:8%}.face .t-zh{font:700 calc(var(--t) * .1) / 1 var(--f-body);position:absolute;top:6%;right:8%}.face .t-q{font:600 calc(var(--t) * .62) / 1 var(--f-display);color:var(--bronze);place-items:center;padding-bottom:8%;display:grid;position:absolute;inset:0}.face .t-s{font:700 calc(var(--t) * .36) / 1 var(--f-display);place-items:center;padding-bottom:10%;display:grid;position:absolute;inset:0}.face .t-name{text-align:center;font:700 calc(var(--t) * .09) / 1 var(--f-body);position:absolute;bottom:17%;left:0;right:0}.face .t-m{text-align:center;font:400 calc(var(--t) * .068) / 1 var(--f-mono);color:var(--ink-2);position:absolute;bottom:7%;left:0;right:0}.face.front .t-name{color:var(--ink-2);letter-spacing:.2em}.stamp-wrap{pointer-events:none;position:absolute;inset:0}.stamp{width:calc(var(--t) * .3);height:calc(var(--t) * .3);color:#fff;z-index:3;border-radius:50%;place-items:center;min-width:30px;min-height:30px;display:grid;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 12px #0003}.stamp svg{width:58%;height:58%}.stamp.ok{background:var(--go);animation:.45s cubic-bezier(.3,1.6,.5,1) .35s both stampin}.stamp.shown{background:var(--accent);color:var(--on-accent);font:800 calc(var(--t) * .09) / 1 var(--f-mono);animation:.45s cubic-bezier(.3,1.6,.5,1) .35s both stampin}.stamp.no{background:var(--no);animation:.75s ease-out forwards stampno}@keyframes stampin{0%{transform:scale(0)rotate(-30deg)}to{transform:none}}@keyframes stampno{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.clues{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.clue{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;display:grid}.clue .num{border:1.5px solid var(--ink);width:26px;height:26px;font:600 11.5px/1 var(--f-mono);border-radius:50%;place-items:center;display:grid}.clue.shown .num{background:var(--ink);color:var(--surface)}.clue.locked .num{border-color:var(--line);color:var(--ink-2)}.clue .ctext{padding-top:2px;font-size:14.5px;line-height:1.45}.clue.locked .ctext{color:var(--ink-2);padding-top:4px;font-size:13.5px}.clue.shown .ctext{animation:.35s ease-out reveal}@keyframes reveal{0%{opacity:.2;transform:translateY(-3px)}to{opacity:1;transform:none}}.reveal{text-align:left;cursor:pointer;color:var(--ink);-webkit-text-decoration:underline wavy var(--accent);text-decoration:underline wavy var(--accent);text-underline-offset:6px;background:0 0;border:0;justify-self:start;padding:3px 0 6px;font-weight:700;text-decoration-thickness:2px}.reveal:hover{-webkit-text-decoration-color:var(--bronze);text-decoration-color:var(--bronze)}.reveal:disabled{cursor:not-allowed;opacity:.5}.letters{font:600 14px/1 var(--f-mono);letter-spacing:.14em;white-space:nowrap}.answer{flex-direction:column;gap:6px;display:flex}.answer label{font-size:13px;font-weight:700}.answer-row{gap:8px;display:flex}.answer-row .input{flex:1}.feedback{min-height:1.35em;font-size:13.5px;line-height:1.35}.feedback.no{color:var(--no)}.feedback.ok{color:var(--go)}.feedback.info{color:var(--ink-2)}.card-actions{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:-4px;display:flex}.pen{font:600 11px/1 var(--f-mono);color:var(--no)}.card-done{flex-direction:column;align-items:flex-start;gap:10px;padding-block:8px;display:flex}.card-done h3{font:600 27px/1.05 var(--f-display)}.card-done p{color:var(--ink-2)}.card.compact{grid-template-columns:96px minmax(0,1fr);gap:10px 18px;padding:14px 16px;display:grid}.card.compact .card-head{grid-column:1/-1}.card.compact .flip{--t:96px;grid-area:2/1/span 3;margin:0}.card.compact .clues,.card.compact .answer,.card.compact .card-actions{grid-column:2}.card.compact .clues{gap:6px}.card.compact .clue .ctext{font-size:13.5px}.card.compact .card-done{grid-column:1/-1}@media (max-width:460px){.card.compact{grid-template-columns:1fr}.card.compact .flip{grid-area:auto/1;margin-inline:auto}.card.compact .clues,.card.compact .answer,.card.compact .card-actions{grid-column:1}}.pt-wrap{padding:2px 2px 6px;overflow-x:auto}.pt{min-width:540px;container-type:inline-size}.pt-grid{grid-template-rows:16px repeat(7,auto) 10px repeat(2,auto);grid-template-columns:14px repeat(18,minmax(0,1fr));gap:3px;display:grid}.lbl-g,.lbl-p{font:400 clamp(7px, .75cqi, 10px) / 1 var(--f-mono);color:var(--ink-2);place-items:center;display:grid}.cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:4px;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative}.cell.off{border-style:dashed;border-color:color-mix(in srgb, var(--line) 70%, transparent);background:0 0}.cell.slot{cursor:pointer}.cell.slot .q{font:700 clamp(11px, 2.5cqi, 26px) / 1 var(--f-display);color:var(--bronze)}.cell.fref{font:400 clamp(6px, .72cqi, 10px) / 1.1 var(--f-mono);color:var(--ink-2);text-align:center;background:0 0;border-style:dotted}.cell.filled,.etile{background:var(--cat);border-color:color-mix(in srgb, var(--cat) 55%, var(--ink) 45%)}.cell .n,.etile .n{font:400 clamp(6px, .82cqi, 11px) / 1 var(--f-mono);color:var(--ink-2);position:absolute;top:7%;left:9%}.cell .s,.etile .s{font:700 clamp(11px, 2.3cqi, 24px) / 1 var(--f-display);padding-top:8%}.cell.hover{outline:3px solid var(--accent);outline-offset:1px;z-index:2}.cell.just{animation:1.1s ease-out placed}.cell.reject{animation:.55s ease-out reject}@keyframes placed{0%{background:var(--go-bg);box-shadow:0 0 0 0 var(--go);border-color:var(--go)}30%{background:var(--go-bg);box-shadow:0 0 0 5px color-mix(in srgb, var(--go) 35%, transparent);border-color:var(--go)}to{box-shadow:0 0 #0000}}@keyframes reject{0%{background:var(--no-bg);border-color:var(--no);transform:none}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{background:var(--no-bg);border-color:var(--no);transform:translate(-2px)}to{transform:none}}@container (max-width:620px){.cell .n,.etile .n{display:none}.cell .s,.etile .s{padding-top:0}}.tray{contain:size;border:1.5px dashed var(--line);background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:8px;flex-direction:column;grid-area:2/4/span 3/span 10;gap:5px;padding:6px 8px;display:flex;overflow:auto}.tray-msg{font:700 clamp(9px, 1cqi, 12px) / 1.25 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.tray-msg.no{color:var(--no)}.tray-tiles{flex-wrap:wrap;gap:4px;display:flex}.tray.empty .tray-tiles:after{content:"Answer a card and its tile lands here";color:var(--ink-2);font-size:clamp(9px,1cqi,12.5px)}.tray.ended .tray-tiles:after{content:none}.tile{aspect-ratio:1;cursor:grab;touch-action:none;width:calc(5.55556cqi - 3.77778px);box-shadow:0 2px 0 color-mix(in srgb, var(--ink) 25%, transparent);border:1px solid;border-radius:4px;place-items:center;padding:0;display:grid;position:relative}.tile:hover{transform:translateY(-1px)}.tile.sel{outline:3px solid var(--accent);outline-offset:1px}.tile.lifted,.tile.arriving{visibility:hidden}.tile.pop{animation:.45s cubic-bezier(.3,1.6,.5,1) pop}.drag-ghost,.flyer{z-index:80;pointer-events:none;transform-origin:0 0;border:1px solid;border-radius:5px;place-items:center;display:grid;position:fixed;top:0;left:0;box-shadow:0 10px 24px #0a0e284d}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--cat);border:1px solid color-mix(in srgb, var(--cat) 55%, var(--ink) 45%);border-radius:3px;width:12px;height:12px}.big-time{font:600 clamp(40px, 8vw, 56px) / 1 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stats div{background:var(--sunken);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.stats b{font:600 18px/1 var(--f-mono)}.stats span{color:var(--ink-2);font-size:12px}.rank-line{font-weight:700}.banner,.conn{border-radius:var(--r-m);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.banner,.conn.warn{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 60%, var(--line))}.banner p,.conn p{flex:1;min-width:220px}.conn{background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}.conn.warn{color:var(--ink)}
.lobby{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.lobby:has(>:only-child){grid-template-columns:minmax(0,1fr)}@media (max-width:1000px){.lobby{grid-template-columns:1fr}}.lobby-main{flex-direction:column;gap:26px;min-width:0;display:flex}.greet h1{font:600 clamp(36px, 4.8vw, 56px) / 1 var(--f-display);color:var(--bronze)}.greet p{color:var(--ink-2);margin-top:8px}.saved{border:1.5px dashed var(--bronze);border-radius:var(--r-m);background:color-mix(in srgb, var(--accent) 10%, var(--surface));flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.saved .sv-text{flex:1;min-width:220px}.saved b{display:block}.saved .sv-actions{gap:8px;display:flex}.sets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.sets{grid-template-columns:1fr}}.set{text-align:left;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);grid-template-columns:1fr auto;gap:4px 12px;padding:14px;display:grid}.set:hover{border-color:var(--ink-2)}.set[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.set .sl{font:700 20px/1.1 var(--f-display)}.set .sc{font:600 12px/1 var(--f-mono);color:var(--ink-2);align-self:start;padding-top:3px}.set .sr2{color:var(--ink-2);grid-column:1/-1;font-size:13px}.set .sil{grid-column:1/-1;margin-top:8px}.sil{grid-template-columns:repeat(18,1fr);gap:1.5px;width:100%;display:grid}.sil i{aspect-ratio:1;background:var(--sunken);border-radius:1px}.sil i.on{background:var(--accent)}.sil i.gap{background:0 0}.sil .sp{grid-column:1/-1;height:3px}.modes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (max-width:760px){.modes{grid-template-columns:1fr}}.mode{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);flex-direction:column;gap:14px;padding:20px;display:flex}.mode h2{font:600 27px/1.05 var(--f-display)}.mode p{color:var(--ink-2);font-size:14.5px}.mode ul{color:var(--ink-2);gap:2px;margin:0;padding-left:18px;font-size:13.5px;display:grid}.players{border-top:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.players li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.players .pn{flex:1;min-width:0}.players .pn b{font-size:14.5px;display:block}.players .pn span{color:var(--ink-2);font-size:12.5px}.dot{background:var(--go);border-radius:50%;flex:none;width:8px;height:8px}.dot.busy{background:var(--accent)}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);flex-direction:column;gap:12px;padding:18px;display:flex}.side-card h2{font:600 23px/1.1 var(--f-display)}.or{color:var(--ink-2);align-items:center;gap:10px;font-size:12.5px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.room-box{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.room-code{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.room-code .code{font:600 44px/1 var(--f-mono);letter-spacing:.18em;color:var(--ink)}.join{flex-direction:column;align-self:stretch;gap:6px;display:flex}.join label{font-size:13.5px;font-weight:700}.join-row{gap:8px;display:flex}.join .input{max-width:9em;font-family:var(--f-mono);letter-spacing:.2em}.join .input::placeholder{font-family:var(--f-body);letter-spacing:normal}.join .form-err{min-height:0;color:var(--no);font-size:13.5px}.join .form-err:empty{display:none}.waiting{gap:6px;display:flex}.waiting i{background:var(--ink-2);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite bob}.waiting i:nth-child(2){animation-delay:.15s}.waiting i:nth-child(3){animation-delay:.3s}@keyframes bob{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
.arena{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}@media (max-width:1000px){.arena{grid-template-columns:1fr}}.side{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 45%, transparent);border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.side-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.side-head .pname{font:600 22px/1 var(--f-display);align-items:center;gap:8px;display:inline-flex}.side-head .ptime{font:600 18px/1 var(--f-mono);font-variant-numeric:tabular-nums;margin-left:auto}.side-head .bar{flex-basis:100%}.side-head .pcount{font:600 12px/1 var(--f-mono);color:var(--ink-2)}.opp-card{border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);align-items:center;gap:14px;padding:12px 14px;display:flex}.opp-card .mini-back{border:2px solid var(--ink);width:58px;height:58px;font:600 34px/1 var(--f-display);color:var(--bronze);background:repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, var(--accent) 12%, transparent) 7px 8px), var(--surface);border-radius:6px;flex:none;place-items:center;display:grid}.opp-card .ostatus{font-weight:700}.opp-card .osub{color:var(--ink-2);font-size:13px}.odots{gap:4px;margin-top:6px;display:flex}.odots i{background:var(--sunken);border-radius:3px;width:18px;height:5px}.odots i.on{background:var(--ink-2)}.side.opp.done .opp-card{border-color:var(--go)}@media (max-width:640px){.side.opp .pt-wrap{display:none}}.count{font:600 clamp(120px, 22vw, 220px) / 1 var(--f-display);color:var(--ink);animation:.7s ease-out countin}.count.go{color:var(--go)}@keyframes countin{0%{opacity:0;transform:scale(1.4)}30%{opacity:1}to{opacity:1;transform:scale(1)}}
.page-head{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.page-head h1{font:600 clamp(38px, 5.2vw, 62px) / 1 var(--f-display);color:var(--bronze)}.page-head p{color:var(--ink-2);max-width:60ch}.filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.tabs a{text-align:center;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;padding:9px 12px;font-weight:700;text-decoration:none;display:flex}.tabs a[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000024}.lb-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow-x:auto}.lb{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}.lb th{text-align:left;font:700 11.5px / 1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line);padding:14px 16px}.lb td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}.lb tr:last-child td{border-bottom:0}.lb .rk{font:600 13px / 1 var(--f-mono);width:64px}.lb .rk b{border:1.5px solid var(--line);border-radius:6px;place-items:center;width:28px;height:28px;display:inline-grid}.lb tr.podium .rk b{border-color:var(--ink);background:var(--accent);color:var(--on-accent)}.lb .tm{font:600 14px / 1 var(--f-mono);font-variant-numeric:tabular-nums}.lb tr.me td{background:color-mix(in srgb, var(--accent) 12%, transparent)}.lb .gap-row td{text-align:center;color:var(--ink-2);padding:4px}.lb .dt{white-space:nowrap;min-width:5.6ch;display:inline-block}.res{font-weight:700}.res.won{color:var(--go)}.empty-row td{color:var(--ink-2);padding:28px 16px}.top5{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.top5 li{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:grid}.top5 li:last-child{border-bottom:0}.top5 .rk{font:600 12px / 1 var(--f-mono);color:var(--ink-2)}.top5 .tm{font:600 13px / 1 var(--f-mono);font-variant-numeric:tabular-nums}.top5 li.me{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:6px;margin-inline:-8px;padding-inline:8px}
.rotate-note{display:none}@media (orientation:landscape) and (max-height:500px){html{-webkit-text-size-adjust:100%}.wrap{padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px))}main.page{padding-block:8px max(10px, env(safe-area-inset-bottom,0px))}.topbar-in{gap:10px;height:36px;min-height:0;padding-block:0}.mark{width:26px;height:26px}.mark .mn{font-size:6px;top:2px;left:3px}.mark .ms{margin-top:3px;font-size:13px}.brand{gap:8px}.brand .bt{font-size:19px}.avatar{width:22px;height:22px;font-size:10px}.nav .who{gap:6px;margin-left:4px}.topbar .btn.sm{padding:5px 8px;font-size:12.5px}.gamebar{flex:none;gap:6px 14px;padding-bottom:5px}.gb-title{white-space:nowrap;flex-direction:row;align-items:baseline;gap:8px;min-width:0}.gb-title .eyebrow{display:none}.gb-title strong{font-size:17px}.gb-progress{gap:8px;min-width:100px}.gb-count{font-size:11px}.gb-clock{gap:6px}.gb-clock .eyebrow{font-size:10px}.timer{font-size:22px}.gb-actions{flex-wrap:nowrap;gap:4px}.gb-actions .btn{padding:8px 10px;font-size:13px}:is(body:has(.stage),body:has(.arena)){flex-direction:column;height:100dvh;display:flex}:is(body:has(.stage)>main.page,body:has(.arena)>main.page){flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.banner,.conn{flex:none;gap:6px 10px;margin-bottom:6px;padding:6px 12px;font-size:13px}.banner p,.conn p{min-width:0}.stage{flex:1;grid-template-columns:clamp(232px,33%,290px) minmax(0,1fr);gap:12px;min-height:0;container-type:size}.board{gap:0}.legend{display:none}.veil{border-radius:14px;padding:8px;inset:0}.veil-box{gap:8px}.veil-box h2{font-size:40px}.pt-wrap{padding:0;overflow:visible}.pt{width:min(100%,200cqh - 28px);min-width:0;margin-inline:auto}.pt-grid{grid-template-rows:12px repeat(7,auto) 6px repeat(2,auto);grid-template-columns:12px repeat(18,minmax(0,1fr));gap:2px}.lbl-g,.lbl-p{font-size:7px}.cell.fref{white-space:nowrap;font-size:5.5px}.cell{border-radius:3px}.tray{border-radius:6px;gap:3px;padding:3px 5px}.tray-tiles{gap:3px}.tray.empty .tray-tiles:after{font-size:9px}.tile{width:calc(5.55556cqi - 2.66667px)}.card,.card.compact{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:5px 10px;max-height:100cqh;padding:9px 10px;display:grid;overflow-y:auto}.card .card-head,.card.compact .card-head{flex-direction:column;grid-area:1/2;align-items:flex-start;gap:3px}.card .flip,.card.compact .flip{--t:52px;grid-area:1/1;margin:0}.card .clues,.card .answer,.card .card-actions,.card .card-done,.card.compact .clues,.card.compact .answer,.card.compact .card-actions,.card.compact .card-done{grid-column:1/-1}.eyebrow{font-size:10px}.cstat{font-size:10.5px}.clues,.card.compact .clues{gap:4px}.clue{grid-template-columns:22px minmax(0,1fr);gap:8px}.clue .num{width:22px;height:22px;font-size:10.5px}.clue .ctext,.card.compact .clue .ctext{padding-top:2px;font-size:12.5px;line-height:1.35}.clue.locked .ctext{padding-top:3px;font-size:12px}.letters{font-size:12.5px}.reveal{padding:2px 0 3px;font-size:13px}.answer{gap:3px}.answer label{font-size:12px}.answer-row{gap:6px}.answer-row .btn{padding:7px 10px;font-size:13px}.input{padding:6px 8px}.feedback{min-height:1.3em;font-size:12px;line-height:1.3}.card-actions{gap:4px;margin-top:0}.card-actions .btn.sm{padding:4px 6px;font-size:12px}.pen{font-size:10px}@media (max-height:380px){.clue.locked{display:none}.stage{grid-template-columns:clamp(232px,40%,340px) minmax(0,1fr)}.card,.card.compact{grid-template-columns:40px minmax(0,1fr);gap:3px 10px;padding:6px 9px}.card .flip,.card.compact .flip{--t:40px}.card .card-head,.card.compact .card-head{gap:1px}.clues,.card.compact .clues{gap:3px}.clue .ctext,.card.compact .clue .ctext{padding-top:1px;font-size:12px;line-height:1.28}.card .input{padding:4px 8px}}.card-done h3{font-size:22px}.card-done{gap:6px;padding-block:2px}.arena{--strip:28px;--arena-gap:4px;grid-template-columns:clamp(250px,36%,300px) minmax(0,1fr);grid-template-rows:var(--strip) minmax(0, 1fr);gap:var(--arena-gap) 12px;flex:1;min-height:0;container-type:size}.arena .pt{width:min(100%, calc(200cqh - 2 * (var(--strip) + var(--arena-gap)) - 28px))}.side.you{display:contents}.side.you .side-head{grid-area:1/1}.side.you .card{grid-area:2/1;align-self:start;max-height:100%}.race .gamebar{padding-bottom:4px}.race .gb-clock .timer{font-size:18px}.race .gb-actions .btn{padding:5px 10px}.side.you .pt-wrap{grid-area:2/2}.side-head{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}.side-head .pname{white-space:nowrap;text-overflow:ellipsis;gap:6px;min-width:0;font-size:15px;overflow:hidden}.side-head .ptime{font-size:13px}.side-head .pcount{white-space:nowrap;font-size:11px}.side-head .bar{flex:1 1 0;min-width:0;height:6px}.chip{padding:3px 5px;font-size:9.5px}.side.opp{background:0 0;border:0;border-radius:0;flex-direction:row;grid-area:1/2;align-items:center;gap:10px;padding:0}.side.opp .side-head{flex:auto}.side.opp .pt-wrap{display:none}.opp-card{border-radius:var(--r-s);flex:0 auto;gap:8px;min-width:0;padding:2px 8px}.opp-card .mini-back{border-width:1.5px;border-radius:4px;width:20px;height:20px;font-size:14px}.opp-card>div:last-child{align-items:baseline;gap:6px;min-width:0;display:flex}.opp-card .ostatus{white-space:nowrap;font-size:12px}.opp-card .osub{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.odots{gap:3px;margin-top:0}.odots i{width:10px;height:4px}.scrim{padding:8px;overflow-y:auto}.scrim:has(>.dialog){align-items:start}.dialog{border-radius:14px;gap:8px;max-width:420px;margin-block:auto;padding:14px 18px}.dialog h2{font-size:25px}.dialog .actions{margin-top:0}.dialog .btn{padding:8px 12px}.big-time{font-size:38px}.stats{gap:6px}.stats div{gap:2px;padding:6px 10px}.stats b{font-size:16px}.stats span{font-size:11px}.count{font-size:clamp(110px,32vh,160px)}.auth{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px;padding-block:0}.hero{gap:10px}.title .a,.title .b{font-size:38px}.lede{font-size:13.5px}.mini{--m:14px}.steps{gap:8px}.steps li{font-size:12px}.steps b{font-size:13px}.panel{gap:10px;padding:14px}.tabs button,.tabs a{white-space:nowrap;padding:6px 10px}.block{gap:8px}.btn.lg{padding:10px 16px}.lobby{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.lobby-main{gap:12px}.greet h1{font-size:28px}.greet p{margin-top:4px;font-size:13.5px}.saved{gap:8px 12px;padding:8px 12px}.sets{gap:8px}.set{padding:8px 10px}.set .sl{font-size:17px}.set .sr2{font-size:11.5px}.set .sil{margin-top:4px}.modes{gap:10px}.mode{gap:8px;padding:12px}.mode h2{font-size:21px}.mode p{font-size:13px}.mode ul{font-size:12.5px}.players li{padding:6px 0}.side-card{gap:8px;padding:12px}.side-card h2{font-size:19px}.top5 li{padding:5px 0;font-size:13px}.page-head{gap:4px;margin-bottom:10px}.page-head h1{font-size:30px}.filters{gap:8px;margin-bottom:10px}.lb th{padding:8px 12px}.lb td{padding:7px 12px}.lb .rk b{width:24px;height:24px}html[data-keyboard=open] .gamebar,html[data-keyboard=open] .board,html[data-keyboard=open] .side.opp,html[data-keyboard=open] .side.you .side-head,html[data-keyboard=open] .side.you .pt-wrap,html[data-keyboard=open] .card .flip{display:none}html[data-keyboard=open] body:has(.stage,.arena) .topbar{display:none}html[data-keyboard=open] .stage,html[data-keyboard=open] .arena{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}html[data-keyboard=open] .side.you .card{grid-area:1/1}html[data-keyboard=open] .card,html[data-keyboard=open] .card.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}html[data-keyboard=open] .card .card-head,html[data-keyboard=open] .card.compact .card-head{flex-direction:row;grid-area:1/1/auto/-1;justify-content:space-between;align-items:baseline}html[data-keyboard=open] .card .clues,html[data-keyboard=open] .card.compact .clues{grid-area:2/1/span 2}html[data-keyboard=open] .card .answer,html[data-keyboard=open] .card.compact .answer{grid-area:2/2}html[data-keyboard=open] .card .card-actions,html[data-keyboard=open] .card.compact .card-actions{grid-area:3/2}html[data-keyboard=open] main.page:not(:has(.stage,.arena)){padding-bottom:50dvh}}@media (min-width:900px) and (max-width:1239px){.arena .pt{min-width:0}}@media (orientation:portrait) and (pointer:coarse) and (max-width:1024px){.rotate-note{z-index:100;display:grid}.rotate-box{text-align:center;align-items:center;max-width:360px}.rotate-box svg{width:64px;height:64px;color:var(--bronze)}}