@font-face{font-family:Onest;src:url(/fonts/onest.v1.woff2)format("woff2");font-weight:400 700;font-display:block}@font-face{font-family:Unbounded;src:url(/fonts/unbounded.v1.woff2)format("woff2");font-weight:500 700;font-display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0d;--s1:#121216;--s2:#18181e;--s3:#202028;--s-hero:#0b0c12;--well:#ffffff09;--line:#ffffff12;--line-2:#ffffff1f;--line-3:#fff3;--block-bg:linear-gradient(180deg,#ffffff0a,#ffffff04),var(--s1);--t1:#f3f1ec;--t2:#a3a2ad;--t3:#86858f;--ink:#101114;--acc:#ff6b3d;--acc-hi:#ff8a5f;--acc-lo:#d9481c;--acc-soft:#ff6b3d1f;--acc-rim:#ff6b3d52;--on-acc:#1a0a04;--danger:#ff7b72;--action:var(--acc);--on-action:var(--on-acc);--action-glow:#ff6b3d8c;--btn-lg:64px;--team-a:#ff6b3d;--on-team-a:#1a0a04;--team-a-deep:#8f2f12;--team-b:#5b82ff;--on-team-b:#0b0d1a;--team-b-deep:#233b9e;--cn-paper:#e9e2d1;--cn-paper-deep:#857c69;--cn-black:#050507;--cn-blank:#1c1d26;--cn-blank-deep:#0b0b10;--cn-glow:#2f4dff;--dc-wine:#5c1626;--dc-deep:#1d0a10;--dc-card:#241b21;--dc-amber:#ffb547;--dc-glow:#b3263f;--av-1:#ffc24a;--av-2:#ff8a73;--av-3:#ff9ccc;--av-4:#b7a6ff;--av-5:#8db2ff;--av-6:#6fd8ae;--av-7:#cfe86a;--av-8:#ece5d6;--r-1:8px;--r-2:12px;--r-3:16px;--r-4:22px;--r-5:28px;--r-full:999px;--r-av:32%;--sh-1:inset 0 1px 0 #ffffff0d,0 1px 2px #0006;--sh-2:inset 0 1px 0 #ffffff0f,0 24px 48px -24px #000000b3;--sh-3:inset 0 1px 0 #ffffff14,0 40px 80px -24px #000000d9;--sh-key:inset 0 1px 0 #ffffff12,0 3px 0 #050506,0 10px 20px -10px #000c;--glow-b:0 12px 32px -10px #5b82ff8c;--glass-bg:linear-gradient(180deg,#1c1d269e,#0e0f149e);--glass-rim:linear-gradient(170deg,#ffffff3d,#ffffff0d 40%,#ffffff08 70%,#ffffff1f);--glass-blur:blur(24px) saturate(150%);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:96px;--page-max:1360px;--page-pad:40px;--gap:16px;--cols:12;--block-pad:24px;--bar-h:72px;--tap:44px;--font-display:"Unbounded",system-ui,sans-serif;--font-body:"Onest",system-ui,sans-serif;--fs-hero:112px;--fs-d1:64px;--fs-h1:40px;--fs-h2:28px;--fs-h3:20px;--fs-body-l:17px;--fs-body:15px;--fs-small:13px;--fs-label:12px;--fs-num:44px;--ls-hero:-.05em;--ls-display:-.03em;--ls-label:.14em;--d-press:90ms;--d-fast:.16s;--d-base:.24s;--d-slow:.42s;--d-hero:.64s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:linear(0,.046,.154,.289,.428,.559,.673,.768,.843,.901,.943,.973,.992,1.005,1.012,1.015,1.015,1.014,1.012,1.01,1.008,1.006,1.005,1.003,1.002,1.001,1);--spark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 210'><path fill-rule='evenodd' d='M98 19C106 5 121 9 125 24L130 49C132 57 138 60 145 57L169 47C184 41 194 55 184 67L168 89C163 96 165 101 173 105L189 113C204 121 199 138 181 138L154 139C145 139 142 144 144 152L149 174C153 191 137 198 127 184L111 164C106 157 100 157 94 164L77 186C66 199 50 190 56 174L63 151C65 144 61 139 53 139L26 141C8 142 4 126 19 117L40 105C47 101 48 95 42 89L24 70C12 57 23 43 39 49L65 59C72 62 78 59 81 51ZM97 82C86 82 78 91 79 103C80 115 90 122 102 120C114 118 121 108 118 97C116 88 108 81 97 82Z'/></svg>");--eye:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'><path d='M5 30C19 11 34 5 50 5s31 6 45 25C81 49 66 55 50 55S19 49 5 30z' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'/><circle cx='50' cy='30' r='13'/></svg>")}@media (width<=767px){:root{--page-pad:16px;--gap:12px;--cols:4;--block-pad:20px;--bar-h:56px;--fs-hero:52px;--fs-d1:40px;--fs-h1:30px;--fs-h2:22px;--fs-h3:18px;--fs-body-l:17px;--fs-body:16px;--fs-small:13px;--fs-label:12px;--fs-num:36px;--r-4:20px;--r-5:24px;--btn-lg:56px}}:root{--board-gutter:8px;--board-gap:5px;--tile-pad:3px;--tile-h:48px}@media (width>=1024px){:root{--board-gap:8px;--tile-pad:8px}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--t1);font:400 var(--fs-body)/1.5 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background:radial-gradient(900px 600px at 85% 110%,#ff6b3d1a,transparent 70%), radial-gradient(800px 560px at 0% -10%,#5b82ff14,transparent 70%),var(--bg);min-height:100dvh;margin:0;overflow-x:clip}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}button,input{font:inherit;color:inherit;margin:0}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--t1);outline-offset:3px}::selection{background:var(--acc);color:var(--on-acc)}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}html{-webkit-tap-highlight-color:transparent}.grain:after{content:"";pointer-events:none;z-index:100;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.t-hero{font:600 var(--fs-hero)/.94 var(--font-display);letter-spacing:var(--ls-hero)}.t-d1{font:600 var(--fs-d1)/1 var(--font-display);letter-spacing:var(--ls-display)}.t-h1{font:600 var(--fs-h1)/1.08 var(--font-display);letter-spacing:var(--ls-display)}.t-h2{font:600 var(--fs-h2)/1.12 var(--font-display);letter-spacing:-.025em}.t-h3{font:600 var(--fs-h3)/1.25 var(--font-body);letter-spacing:-.01em}.t-body-l{font:500 var(--fs-body-l)/1.45 var(--font-body)}.t-body{font:400 var(--fs-body)/1.5 var(--font-body)}.t-small{font:500 var(--fs-small)/1.4 var(--font-body);color:var(--t2)}.t-label{font:600 var(--fs-label)/1 var(--font-body);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--t3)}.t-num{font:500 var(--fs-num)/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.i{--s:20px;width:var(--s);height:var(--s);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;background:currentColor;flex:none;display:inline-block}.i-users{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3.5'/><path d='M2.5 20a6.5 6.5 0 0 1 13 0M16 4.6a3.5 3.5 0 0 1 0 6.8M18 14.2a6.5 6.5 0 0 1 3.5 5.8'/></svg>")}.i-clock{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}.i-link{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/></svg>")}.i-copy{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='8.5' y='8.5' width='12' height='12' rx='3'/><path d='M15.5 8.5V6a2.5 2.5 0 0 0-2.5-2.5H6A2.5 2.5 0 0 0 3.5 6v7A2.5 2.5 0 0 0 6 15.5h2.5'/></svg>")}.i-edit{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20h4L19 9l-4-4L4 16zM13.5 6.5l4 4'/></svg>")}.i-crown{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4.5 17.5 3 7.5l5 4 4-6 4 6 5-4-1.5 10zM5 21h14'/></svg>")}.i-cup{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 4h8v5a4 4 0 0 1-8 0zM8 6H5v1.5a3 3 0 0 0 3 3M16 6h3v1.5a3 3 0 0 1-3 3M12 13v4M8.5 20h7'/></svg>")}.i-play{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 4.9v14.2a1.2 1.2 0 0 0 1.8 1l11.6-7.1a1.2 1.2 0 0 0 0-2L8.8 3.9A1.2 1.2 0 0 0 7 4.9z'/></svg>")}.i-close{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M6 6l12 12M18 6 6 18'/></svg>")}.i-check{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>")}.i-back{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 12H5M11 6l-6 6 6 6'/></svg>")}.i-rules{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 6.5C10.5 5 8 4.5 4 4.5v13c4 0 6.5.5 8 2 1.5-1.5 4-2 8-2v-13c-4 0-6.5.5-8 2zM12 6.5v13'/></svg>")}.i-leave{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M10 8l-4 4 4 4M6 12h10'/></svg>")}.i-eye{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/><circle cx='12' cy='12' r='3'/></svg>")}.i-dice{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='4' y='4' width='16' height='16' rx='4' fill='none' stroke='black' stroke-width='2'/><circle cx='9' cy='9' r='1.5'/><circle cx='15' cy='15' r='1.5'/><circle cx='15' cy='9' r='1.5'/><circle cx='9' cy='15' r='1.5'/></svg>")}.i-swap{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 8h15M15 4l4 4-4 4M20 16H5M9 12l-4 4 4 4'/></svg>")}.i-plus{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>")}.spark{--s:28px;width:var(--s);height:var(--s);color:var(--acc);-webkit-mask:var(--spark) center/contain no-repeat;mask:var(--spark) center/contain no-repeat;transform-origin:46.7% 48.1%;background:currentColor;flex:none;display:inline-block}.logo{--size:22px;align-items:center;gap:calc(var(--size)*.34);font:600 var(--size)/1 var(--font-display);letter-spacing:-.04em;color:var(--t1);white-space:nowrap;display:inline-flex}.logo .spark{--s:calc(var(--size)*1.28);margin-top:calc(var(--size)*-.06)}.logo--mono .spark{color:var(--t1)}.logo--mark{--size:20px;gap:0;font-size:0}@media (width<=767px){.logo{--size:18px}.logo--mark{--size:20px}}.app-icon{--s:64px;width:var(--s);height:var(--s);background:var(--acc);border-radius:24%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff4d,0 12px 28px -12px #ff6b3d99}.app-icon .spark{--s:66%;color:var(--on-acc)}.app-icon--dark{box-shadow:inset 0 0 0 1px var(--line-2),0 12px 28px -14px #000;background:linear-gradient(#1d1d24,#111115)}.app-icon--dark .spark{color:var(--acc)}.spark--load{animation:3.5s infinite spark-tick}@keyframes spark-tick{0%{animation-timing-function:var(--ease-out);transform:rotate(0)}14.29%{animation-timing-function:var(--ease-out);transform:rotate(51.43deg)}28.57%{animation-timing-function:var(--ease-out);transform:rotate(102.86deg)}42.86%{animation-timing-function:var(--ease-out);transform:rotate(154.29deg)}57.14%{animation-timing-function:var(--ease-out);transform:rotate(205.71deg)}71.43%{animation-timing-function:var(--ease-out);transform:rotate(257.14deg)}85.71%{animation-timing-function:var(--ease-out);transform:rotate(308.57deg)}to{transform:rotate(360deg)}}[data-game=codenames][data-phase=play][data-my-team=a]{--action:var(--team-a);--on-action:var(--on-team-a);--action-glow:#ff6b3d8c}[data-game=codenames][data-phase=play][data-my-team=b]{--action:var(--team-b);--on-action:var(--on-team-b);--action-glow:#5b82ff80}.team--a,.is-a{--tc:var(--team-a);--on-tc:var(--on-team-a);--tc-t:#ff9a75;--tc-soft:#ff6b3d1f;--tc-rim:#ff6b3d66}.team--b,.is-b{--tc:var(--team-b);--on-tc:var(--on-team-b);--tc-t:#9db4ff;--tc-soft:#5b82ff24;--tc-rim:#5b82ff73}.t-a{color:#ff9a75}.t-b{color:#9db4ff}.app{max-width:calc(var(--page-max) + 2*var(--page-pad));padding:16px var(--page-pad) 24px;gap:var(--gap);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.bar{height:var(--bar-h);flex:none;align-items:center;gap:12px;min-width:0;display:flex}.bar>.logo{margin-right:auto}@media (width<=767px){.app{padding-top:0;padding-bottom:16px}}.mbar{gap:8px}.mbar>.logo{margin:0 4px 0 0}.mbar .code-inline{letter-spacing:.1em;font-size:20px}.mbar .btn--icon{flex:none}.mbar .back{margin-left:-6px;margin-right:6px}.me-btn{width:var(--tap);height:var(--tap);border-radius:14px;flex:none;place-items:center;margin-left:auto;margin-right:-4px;display:grid}.me-btn .av{--size:36px}.block{border-radius:var(--r-4);background:var(--block-bg);border:1px solid var(--line);box-shadow:var(--sh-2);padding:var(--block-pad);min-width:0;position:relative;overflow:hidden}.block__head{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:32px;display:flex}.block__head .t-label{align-items:center;gap:var(--sp-2);display:flex}.count{white-space:nowrap;min-width:22px;height:22px;color:var(--t1);font:600 12px/1 var(--font-body);letter-spacing:0;background:#ffffff14;border-radius:7px;flex:none;place-items:center;padding:0 6px;display:inline-grid}.glass{background:var(--glass-bg) padding-box,var(--glass-rim) border-box;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-2);border:1px solid #0000}.stage-dots{border:1px solid var(--line);border-radius:var(--r-3);background:radial-gradient(circle,#ffffff17 1px,#0000 1.4px) 0 0/16px 16px,#00000038}.btn{--h:48px;height:var(--h);min-width:var(--h);font:600 16px/1 var(--font-body);letter-spacing:-.005em;white-space:nowrap;transition:transform var(--d-press) var(--ease-out),background-color var(--d-fast) var(--ease-out),box-shadow var(--d-fast) var(--ease-out);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn .i{--s:18px}.btn--primary{background:var(--action);color:var(--on-action);box-shadow:0 12px 32px -10px var(--action-glow),inset 0 1px 0 #ffffff4d}.btn--primary .i-play{--s:16px}.btn--primary:hover{filter:brightness(1.07)}.btn--secondary{color:var(--t1);border:1px solid var(--line-2);background:#ffffff12}.btn--secondary:hover{background:#ffffff1c}.btn--icon{width:var(--h);padding:0}.btn--sm{--h:36px;border-radius:11px;gap:7px;padding:0 14px;font-size:14px}.btn--sm .i{--s:16px}.btn--lg{--h:var(--btn-lg);border-radius:18px;gap:12px;padding:0 36px 0 30px;font-size:19px}.btn--lg .i-play{--s:20px}.btn:disabled,.btn.is-off{background:var(--s3);color:var(--t2);border:1px solid var(--line);box-shadow:none;cursor:default;filter:none}@media (width<=767px){.btn--sm{--h:44px}.btn--lg{border-radius:16px;padding:0 26px 0 22px;font-size:18px}}.chip{border-radius:var(--r-full);white-space:nowrap;border:1px solid var(--line);height:32px;font:500 14px/1 var(--font-body);color:var(--t2);background:#ffffff0f;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.chip b{color:var(--t1);font-weight:600}.chip .i{--s:16px}.chip--acc{background:var(--acc-soft);border-color:var(--acc-rim);color:var(--acc)}.chip--a{color:#ff9a75;background:#ff6b3d24;border-color:#ff6b3d4d}.chip--b{color:#9db4ff;background:#5b82ff24;border-color:#5b82ff52}.chip--solid-a{background:var(--team-a);color:var(--on-team-a);border-color:#0000;font-weight:600}.chip--solid-b{background:var(--team-b);color:var(--on-team-b);border-color:#0000;font-weight:600}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.dot--live{color:var(--av-6);box-shadow:0 0 0 4px #6fd8ae26}.code{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.key{border-radius:var(--r-3);background:linear-gradient(180deg,#ffffff13,#ffffff05),var(--s2);border:1px solid var(--line);height:84px;box-shadow:var(--sh-key);font:500 var(--fs-num)/1 var(--font-display);letter-spacing:-.02em;color:var(--t1);place-items:center;display:grid;position:relative}.key.is-empty{background:var(--well);box-shadow:inset 0 2px 6px #00000059}.key.is-focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft),inset 0 2px 6px #00000059}.key.is-focus:after{content:"";background:var(--acc);border-radius:2px;width:3px;height:42%;animation:1s step-end infinite caret;position:absolute}@keyframes caret{50%{opacity:0}}.code--sm .key{border-radius:14px;height:64px;font-size:34px}.code-inline{font:500 22px/1 var(--font-display);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--t1)}@media (width<=767px){.key{height:68px}}.field{background:var(--s2);border:1px solid var(--line-2);width:100%;height:48px;font:600 17px/1 var(--font-body);color:var(--t1);border-radius:14px;outline:none;padding:0 16px}.field:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}.av{--av:var(--av-1);--size:44px;width:var(--size);height:var(--size);border-radius:var(--r-av);background-color:var(--av);background-image:var(--pat,none);background-size:var(--pat-size,auto);flex:none;display:inline-block;position:relative;box-shadow:inset 0 1px #fff6,inset 0 -2px #0000001f}.av:after{content:"";background:var(--ink);-webkit-mask:var(--shape,none) center/contain no-repeat;mask:var(--shape,none) center/contain no-repeat;position:absolute;inset:21%}.av.is-me{outline:2px solid var(--t1);outline-offset:3px}.av-wrap{flex:none;display:inline-flex;position:relative}.host{background:var(--acc);width:24px;height:24px;color:var(--on-acc);box-shadow:0 0 0 3px var(--s1);border-radius:8px;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.host .i{--s:14px}.capt{background:var(--tc,var(--t1));width:22px;height:22px;color:var(--on-tc,var(--ink));box-shadow:0 0 0 2px var(--ring,var(--s1));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;left:-6px}.capt .i{--s:15px}.capt .i-eye,.capt-btn .i-eye{--i:var(--eye)}.capt--sm{width:15px;height:15px;box-shadow:0 0 0 1.5px var(--ring,var(--s1));bottom:-6px;left:-6px}.capt--sm .i{--s:11px}[data-c="1"]{--av:var(--av-1)}[data-c="2"]{--av:var(--av-2)}[data-c="3"]{--av:var(--av-3)}[data-c="4"]{--av:var(--av-4)}[data-c="5"]{--av:var(--av-5)}[data-c="6"]{--av:var(--av-6)}[data-c="7"]{--av:var(--av-7)}[data-c="8"]{--av:var(--av-8)}[data-pat=stripes]{--pat:repeating-linear-gradient(-45deg,#1011142b 0 9%,transparent 0 18%)}[data-pat=dots]{--pat:radial-gradient(circle,#10111433 0 26%,transparent 29%);--pat-size:25% 25%}[data-pat=split]{--pat:linear-gradient(135deg,transparent 50%,#10111433 50%)}[data-shape=leaf]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M6 94V52A46 46 0 0 1 52 6h42v42a46 46 0 0 1-46 46z'/></svg>")}[data-shape=ring]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill-rule='evenodd' d='M50 4a46 46 0 1 0 0 92a46 46 0 1 0 0-92zm0 28a18 18 0 1 1 0 36a18 18 0 1 1 0-36z'/></svg>")}[data-shape=tri]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M41.3 10.5a10 10 0 0 1 17.4 0l38 66.5A10 10 0 0 1 88 92H12a10 10 0 0 1-8.7-15z'/></svg>")}[data-shape=plus]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M40 6h20a5 5 0 0 1 5 5v24h24a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H65v24a5 5 0 0 1-5 5H40a5 5 0 0 1-5-5V65H11a5 5 0 0 1-5-5V40a5 5 0 0 1 5-5h24V11a5 5 0 0 1 5-5z'/></svg>")}[data-shape=rhomb]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M42.2 5.8a11 11 0 0 1 15.6 0l36.4 36.4a11 11 0 0 1 0 15.6L57.8 94.2a11 11 0 0 1-15.6 0L5.8 57.8a11 11 0 0 1 0-15.6z'/></svg>")}[data-shape=arch]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M6 94V50a44 44 0 0 1 88 0v44H69V50a19 19 0 0 0-38 0v44z'/></svg>")}[data-shape=drop]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 4C62 22 86 42 86 62a36 36 0 0 1-72 0C14 42 38 22 50 4z'/></svg>")}[data-shape=clover]{--shape:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='27' r='23'/><circle cx='73' cy='50' r='23'/><circle cx='50' cy='73' r='23'/><circle cx='27' cy='50' r='23'/><rect x='30' y='30' width='40' height='40'/></svg>")}.swatch{width:var(--tap);height:var(--tap);border-radius:50%;place-items:center;display:grid}.swatch:before{content:"";background:var(--av);border-radius:50%;width:32px;height:32px;box-shadow:inset 0 1px #ffffff59}.swatch.is-on:before{outline:2px solid var(--acc);outline-offset:3px;box-shadow:inset 0 1px #ffffff59}.opt{width:var(--tap);height:var(--tap);background:var(--s2);border:1px solid var(--line);transition:background-color var(--d-fast) var(--ease-out);border-radius:12px;place-items:center;display:grid}.opt:hover:not(.is-on){background:var(--s3)}.opt.is-on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 0 0 5px var(--acc-soft)}.glyph{background:var(--av);width:24px;height:24px;-webkit-mask:var(--shape) center/contain no-repeat;mask:var(--shape) center/contain no-repeat}.patch{background-color:var(--av);background-image:var(--pat,none);background-size:var(--pat-size,auto);border-radius:8px;width:44px;height:26px;box-shadow:inset 0 1px #ffffff59}.mk{flex-direction:column;gap:18px;min-width:0;display:flex}.mk-row{flex-direction:column;gap:10px;display:flex}.mk-row__h{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mk-row__h em{font:500 13px/1 var(--font-body);color:var(--t2);font-style:normal}.mk-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.mk-grid .opt{width:auto;height:48px}.mk-grid--sw{gap:0;margin:0 -4px}.mk-grid .swatch{width:auto;height:48px}.mk-grid .swatch:before{transition:transform var(--d-fast) var(--ease-out)}.mk-grid .swatch:hover:before{transform:scale(1.08)}.mk-grid--pat .opt{grid-column:span 2}@media (width<=767px){.mk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mk-grid--sw{grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0 -2px}.mk-grid .swatch{height:44px}.mk-grid--pat .opt{grid-column:auto}.mk-grid--pat .patch{width:40px}}.namebar{gap:8px;min-width:0;display:flex}.namebar .field{flex:1;min-width:0}.namebar .btn--icon .i{--s:20px}@media (width<=374px){.mk-grid--sw{grid-template-columns:repeat(4,minmax(0,1fr))}}.seats{--seat:24px;flex-wrap:wrap;gap:5px;display:flex}.seats .av{--size:var(--seat);box-shadow:inset 0 1px #fff6}.seat{width:var(--seat);height:var(--seat);border-radius:var(--r-av);box-shadow:inset 0 0 0 1px var(--line-2);background:var(--well);flex:none}.seat--need{box-shadow:inset 0 0 0 1.5px var(--acc-rim);background:var(--acc-soft)}.seats--sm{--seat:16px;gap:4px}.seats--sm .av:after{inset:22%}.capsule{height:var(--bar-h);border-radius:24px;align-items:center;gap:4px;padding:0 12px 0 14px;display:flex}.capsule>.code-inline{margin:0 16px 0 2px}.capsule__back{margin-left:-2px}.member{width:58px;font:500 12px/1 var(--font-body);color:var(--t2);flex-direction:column;align-items:center;gap:6px;display:flex}.member .av{--size:36px}.member.is-me{color:var(--t1)}.member .host{border-radius:6px;width:18px;height:18px;top:-5px;right:-5px;box-shadow:0 0 0 2px #15161d}.member .host .i{--s:11px}.capsule__sep{background:var(--line-2);width:1px;height:40px;margin:0 14px}.me-chip{height:var(--bar-h);border-radius:24px;align-items:center;gap:12px;min-width:208px;padding:0 12px 0 14px;display:flex}.me-chip .av{--size:44px}.me-chip__t{flex-direction:column;flex:1;gap:4px;margin-right:6px;display:flex}.me-chip__t b{font:600 15px/1 var(--font-body)}.me-chip__t span{font:500 12px/1 var(--font-body)}.me-chip__t span:not([class]){color:var(--t2)}@media (width>=768px) and (width<=1279px){.member{gap:0;width:40px;font-size:0}.capsule__sep{margin:0 8px}.capsule>.code-inline{margin:0 10px 0 2px}.capsule__back{gap:0;width:36px;padding:0;font-size:0}.me-chip{min-width:0}.me-chip__t{display:none}}@media (width>=768px) and (width<=1023px){.bar:has(.capsule)>.logo{gap:0;font-size:0}.capsule .btn:not(.capsule__back){gap:0;width:36px;padding:0;font-size:0}}.party{grid-template-columns:repeat(var(--n,5),1fr);gap:var(--sp-2);display:grid}.player{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.player .av{--size:64px}.player__n{font:600 16px/1.2 var(--font-body);margin-top:12px}.player__w{font:500 13px/1 var(--font-body);color:var(--t2);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-top:4px;display:flex}.player__w .i{--s:14px}.delta{min-width:38px;height:26px;font:600 14px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--av-6);background:#6fd8ae1f;border:1px solid #6fd8ae42;border-radius:9px;flex:none;place-items:center;padding:0 8px;display:inline-grid}.last{grid-template-columns:128px minmax(0,1fr);min-height:0;padding:0;display:grid}.last__art{border-right:1px solid var(--line);position:relative}.last__art.art-cn{--u:4.2px;--bx:52%;--by:50%}.last__art.art-dc{--u:3px;--fx:50%;--fy:64%}.last__b{flex-direction:column;gap:10px;min-width:0;padding:18px 20px 20px;display:flex}.last__b .block__head{min-height:20px}.last__g{font:600 20px/1.1 var(--font-display);letter-spacing:-.025em}.last__w{font:500 14px/1.2 var(--font-body);color:var(--t2);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.last__w b{color:var(--t1);font-weight:600}.last__w .av{--size:28px}.last__w .avs{gap:4px;display:flex}.last__s{font:500 13px/1.2 var(--font-body);color:var(--t2);font-variant-numeric:tabular-nums}.last__w .chip{height:28px}.last--b{background:radial-gradient(120% 140% at 100% 0%,#5b82ff29,transparent 60%),var(--block-bg);border-color:#5b82ff4d}.game{flex-direction:column;padding:0;display:flex}.game__art{border-bottom:1px solid var(--line);flex:1;min-height:180px;position:relative;overflow:hidden}.game__body{padding:22px 24px 24px}.game__title{font:600 var(--fs-h2)/1.1 var(--font-display);letter-spacing:-.025em}.meta{font:500 15px/1 var(--font-body);color:var(--t2);flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:10px;display:flex}.meta>span{align-items:center;gap:7px;display:inline-flex}.meta .i{--s:16px}.game__foot{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-top:22px;display:flex}.hero{isolation:isolate;border-radius:var(--r-5);background:var(--s-hero);border:1px solid var(--line);box-shadow:var(--sh-3);flex-direction:column;padding:44px 44px 28px;display:flex;position:relative;overflow:hidden}.hero__art{z-index:-1;position:absolute;inset:0}.hero__art>*{position:absolute;inset:0}.hero__art:after{content:"";background:linear-gradient(90deg,var(--s-hero) 0%,#0b0c12eb 34%,#0b0c1266 56%,transparent 76%), linear-gradient(0deg,var(--s-hero) 0%,#0b0c1299 22%,transparent 46%);position:absolute;inset:0}.hero__title{font:600 var(--fs-hero)/.94 var(--font-display);letter-spacing:var(--ls-hero);margin-left:-.04em}.hero .meta{font-size:var(--fs-body-l);color:#f3f1eccc;gap:10px 24px;margin-top:24px}.hero .meta .i{--s:18px}.hero__cta{gap:var(--sp-3);margin-top:28px;display:flex}.switcher{gap:14px;margin-top:auto;padding-top:28px;display:flex}.switch{border-radius:var(--r-3);border:1px solid var(--line-2);background:var(--s1);width:300px;height:150px;transition:outline-color var(--d-fast) var(--ease-out);flex:none;position:relative;overflow:hidden}.switch>[class^=art-]{position:absolute;inset:0}.switch:after{content:"";background:linear-gradient(#0000 20%,#0a0a0d1a 38%,#0a0a0db3 70%,#0a0a0df0 100%);position:absolute;inset:0}.switch.is-on{outline:2px solid var(--t1);outline-offset:4px}.switch .art-cn{--u:6px;--bx:62%;--by:40%}.switch .art-dc{--u:4.2px;--fx:72%;--fy:60%}.switch__l{z-index:1;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;left:18px}.switch__l b{font:600 17px/1 var(--font-body)}.switch__l span{font:500 13px/1 var(--font-body);color:var(--t2)}.is-guest .switch{cursor:default}.is-guest .switch:not(.is-on)>[class^=art-]{opacity:.5}.hold{height:var(--btn-lg);background:var(--s3);border:1px solid var(--line);font:600 18px/1 var(--font-body);color:var(--t1);white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:14px;padding:0 26px 0 14px;display:inline-flex}.hold .av{--size:36px}.hold .host{width:18px;height:18px;box-shadow:0 0 0 2px var(--s3);border-radius:6px;top:-6px;right:-6px}.hold .host .i{--s:11px}@media (width<=767px){.hero{--art-h:240px;padding:var(--art-h) 20px 20px}.hero__art{height:calc(var(--art-h) + 48px);bottom:auto}.hero__art:after{background:linear-gradient(0deg,var(--s-hero) 0%,#0b0c12b3 22%,transparent 50%)}.switcher{gap:10px}.switch{width:calc(50% - 5px);height:96px}.switch .art-cn{--u:3.6px;--bx:72%;--by:30%}.switch .art-dc{--u:2.1px;--fx:88%;--fy:36%}.switch__l{gap:5px;bottom:13px;left:14px}.switch__l b{font-size:15px}.switch:after{background:linear-gradient(#0000,#0a0a0d59 38%,#0a0a0df0 82%)}}.art-cn{font-size:var(--u,10px);background:radial-gradient(55% 65% at 62% 42%,#2f4dff6b,#0000 66%),radial-gradient(35% 40% at 88% 88%,#ff6b3d29,#0000 70%),#0a0b12;overflow:hidden}.board{left:var(--bx,55%);top:var(--by,50%);width:40em;transform-style:preserve-3d;grid-template-columns:repeat(5,1fr);gap:1.3em;display:grid;position:absolute;transform:translate(-50%,-50%)perspective(120em)rotateX(56deg)rotate(-36deg)}.board i{aspect-ratio:1.5;box-shadow:0 .8em 0 var(--cn-blank-deep),inset 0 1px 0 #ffffff0f;background:linear-gradient(160deg,#22232e,#16171f);border-radius:1em;position:relative}.board i:after{content:"";background:#ffffff1f;border-radius:.4em;height:.75em;position:absolute;bottom:22%;left:14%;right:38%}.board i:nth-child(3n):after{right:52%}.board i:nth-child(4n+1):after{right:28%}.board .a{box-shadow:0 .8em 0 var(--team-a-deep),0 1em 3.5em #ff6b3d47;background:linear-gradient(160deg,#ff875c,#ea5420)}.board .b{box-shadow:0 .8em 0 var(--team-b-deep),0 1em 3.5em #5b82ff4d;background:linear-gradient(160deg,#7d9dff,#4767f2)}.board .n{box-shadow:0 .8em 0 var(--cn-paper-deep);background:linear-gradient(160deg,#f2ecdd,#d6ccb5)}.board .k{background:var(--cn-black);box-shadow:0 .8em #000,inset 0 0 0 .22em #f3f1ecbf}.board .a:after,.board .b:after{background:#ffffff80}.board .n:after{background:#1011144d}.board .k:after{background:#f3f1ec99}.board .up{box-shadow:0 .8em 0 var(--team-b-deep),0 0 0 .12em #ffffff8c inset,0 0 6em #5b82ff99;transform:translateZ(4.2em)}.art-dc{font-size:var(--u,10px);background:radial-gradient(45% 55% at var(--fx,50%) 78%,#b3263f80,transparent 70%), radial-gradient(70% 80% at var(--fx,50%) 100%,var(--dc-wine),transparent 75%),var(--dc-deep);overflow:hidden}.art-dc:before{content:"";left:var(--fx,50%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(.5em);background:linear-gradient(#ffd6a029,#ffb5470a 60%,#0000);width:44em;height:120%;position:absolute;top:-8%;transform:translate(-50%)}.fan{left:var(--fx,50%);top:var(--fy,58%);width:0;height:0;position:absolute}.fan i{transform-origin:50% 185%;background:linear-gradient(165deg,#30242b,#1a1318 70%);border:1px solid #ffffff1a;border-radius:1.6em;width:13.2em;height:18.8em;position:absolute;top:-11.4em;left:-6.6em;box-shadow:0 2.4em 4em -1.2em #000000d9,inset 0 1px #ffffff12}.fan i:after{content:"";border:1px solid #ffffff12;border-radius:.9em;position:absolute;inset:1.3em}.fan i:before{content:"";border:.15em solid #ffffff24;border-radius:50%;width:4.4em;height:4.4em;margin:-2.2em 0 0 -2.2em;position:absolute;top:50%;left:50%}.fan i:first-child{transform:rotate(-30deg)}.fan i:nth-child(2){transform:rotate(-15deg)}.fan i:nth-child(3){transform:rotate(15deg)}.fan i:nth-child(4){transform:rotate(30deg)}.fan i:nth-child(5){z-index:1;background:linear-gradient(165deg,#ffc56a,var(--dc-amber) 40%,#ff7a3d);border-color:#ffffff59;transform:translateY(-2.2em);box-shadow:0 0 7em #ff964659,0 2.4em 4em -1.2em #000000d9,inset 0 1px #ffffff80}.fan i:nth-child(5):after{border-color:#1a0a0429}.fan i:nth-child(5):before{width:7.4em;height:4.4em;-webkit-mask:var(--eye) center/contain no-repeat;mask:var(--eye) center/contain no-repeat;background:#1a0a04d1;border:0;border-radius:0;margin:-2.2em 0 0 -3.7em}.dock{z-index:30;padding:28px var(--page-pad) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a0a0d00,var(--bg) 40%);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}.dock__in{border-radius:26px;gap:8px;max-width:448px;margin:0 auto;padding:8px;display:flex}.dock__in .btn--primary,.dock__in .hold{flex:1}.dock .btn--icon .i{--s:22px}.dock .hold{border-radius:16px}.backdrop{pointer-events:none;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(70% 70%,#0505088f,#050508cc);position:fixed;inset:0}@media (width<=767px){.scrim{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}