:root{--bg-0:#0b0d12;--bg-1:#11141b;--surface-1:#171b23;--surface-2:#1d222c;--surface-elevated:#242a35;--text-primary:#f7f8fa;--text-secondary:#b7bfcc;--text-muted:#7f8897;--border-subtle:#ffffff14;--border-strong:#ffffff29;--accent:#ff6b5f;--accent-hover:#ff7b70;--accent-pressed:#ea554b;--success:#43d17a;--warning:#f6b84a;--danger:#ff5c68;--info:#65a8ff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-pill:999px;--shadow-1:0 10px 35px #00000029;--shadow-2:0 24px 80px #00000047;--motion-fast:.14s;--motion-ui:.22s;--motion-page:.3s;--ease-out:cubic-bezier(.22, 1, .36, 1);--content-max:76rem;--focus-ring:0 0 0 3px #65a8ff6b}:root[data-theme=light]{--bg-0:#f5f7fa;--bg-1:#fff;--surface-1:#fff;--surface-2:#f0f3f7;--surface-elevated:#fff;--text-primary:#141821;--text-secondary:#4e5868;--text-muted:#7d8796;--border-subtle:#14182114;--border-strong:#14182129;--shadow-1:0 10px 35px #222b3814;--shadow-2:0 24px 80px #222b381f}.app-shell{background:radial-gradient(circle at 88% -12%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 36rem), radial-gradient(circle at -8% 38%, color-mix(in srgb, var(--info) 8%, transparent), transparent 30rem), var(--bg-0);min-height:100svh;color:var(--text-primary);overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.site-header{z-index:10;width:min(calc(100% - 2rem), var(--content-max));justify-content:space-between;align-items:center;gap:var(--space-4);min-height:5rem;margin:0 auto;display:flex;position:relative}.brand{align-items:center;gap:var(--space-3);color:var(--text-primary);letter-spacing:-.035em;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(145deg, var(--accent), #ff9674);border-radius:.85rem;place-items:center;width:2.45rem;height:2.45rem;display:grid;position:relative;box-shadow:0 10px 30px #ff6b5f3d}.brand__mark:before,.brand__mark:after{content:"";border:2px solid #fffffff0;border-radius:999px;position:absolute}.brand__mark:before{width:1.08rem;height:.68rem}.brand__mark:after{background:#fff;border-width:0;width:.22rem;height:.22rem;box-shadow:.52rem 0 #fff}.brand__copy{line-height:1;display:grid}.brand__name{font-size:1.05rem}.brand__play{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-top:.2rem;font-size:.72rem}.header-actions{align-items:center;gap:var(--space-2);display:flex}.icon-button{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-1) 78%, transparent);width:2.75rem;height:2.75rem;color:var(--text-secondary);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) ease, color var(--motion-fast) ease, background var(--motion-fast) ease;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}.icon-button:active{transform:translateY(0)scale(.97)}.icon-button svg{width:1.1rem;height:1.1rem}.hero{width:min(calc(100% - 2rem), var(--content-max));margin:0 auto;padding:clamp(3.6rem,9vw,7.8rem) 0 clamp(3.6rem,8vw,6.5rem);position:relative}.hero__content{max-width:58rem}.eyebrow{align-items:center;gap:var(--space-2);color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:1.75rem;height:1px}.hero h1{max-width:15ch;margin:var(--space-5) 0 var(--space-5);letter-spacing:-.07em;font-size:clamp(3.15rem,9vw,7rem);font-weight:800;line-height:.91}.hero h1 span{color:var(--accent)}.hero__lede{max-width:40rem;color:var(--text-secondary);margin:0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.hero__signal{margin-top:var(--space-8);gap:var(--space-3);flex-wrap:wrap;display:flex}.signal-pill{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 74%, transparent);color:var(--text-secondary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.86rem;font-weight:600;display:inline-flex}.signal-pill--accent{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle))}.signal-pill__dot{background:var(--success);width:.48rem;height:.48rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent);border-radius:999px}.catalogue{z-index:1;width:min(calc(100% - 2rem), var(--content-max));padding-bottom:var(--space-20);margin:0 auto;position:relative}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.section-heading__copy{max-width:36rem}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.section-heading p{margin:var(--space-3) 0 0;color:var(--text-secondary);line-height:1.6}.section-heading__count{color:var(--text-muted);flex:none;font-size:.88rem}.game-grid{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.game-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--surface-1) 92%, transparent);min-height:25rem;box-shadow:var(--shadow-1);transition:transform var(--motion-ui) var(--ease-out), border-color var(--motion-ui) ease, box-shadow var(--motion-ui) ease;flex-direction:column;grid-column:span 4;display:flex;overflow:hidden}.game-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-5px)}.game-card[data-status=next]{grid-column:span 8}.game-card__visual{background:var(--surface-2);isolation:isolate;min-height:13rem;position:relative;overflow:hidden}.game-card[data-status=next] .game-card__visual{min-height:18rem}.game-card__visual:before,.game-card__visual:after{content:"";position:absolute}.game-card__visual-mark{z-index:4;color:#ffffffb8;letter-spacing:.16em;font-size:.68rem;font-weight:800;position:absolute;top:1rem;right:1rem}.game-card__visual[data-visual=connect-four]{background:radial-gradient(circle at 50% 120%,#00000080,#0000 58%),linear-gradient(145deg,#1038a4,#176de0)}.game-card__visual[data-visual=connect-four]:before{aspect-ratio:7/5;background:radial-gradient(circle,#09152c 0 27%,#2b77ef 29% 43%,#0000 45%) 0 0/14.285% 20%,linear-gradient(#1968d8,#164fae);border-radius:1.2rem;width:min(78%,29rem);top:52%;left:50%;transform:translate(-50%,-50%)perspective(700px)rotateX(5deg);box-shadow:inset 0 3px #fff3,inset 0 -8px 18px #00000038,0 24px 35px #0000004d}.game-card__visual[data-visual=connect-four]:after{background:radial-gradient(circle at 34% 26%,#ffd96a,#f2ad18 70%);border-radius:50%;width:2.35rem;height:2.35rem;top:12%;left:24%;box-shadow:4rem 5.5rem #ef4f4f,8rem 8.3rem #f2ad18}.game-card__visual[data-visual=chess]{background:linear-gradient(135deg, #00000047, transparent), repeating-conic-gradient(#d4b48a 0 25%, #684b37 0 50%) 50% / 4.5rem 4.5rem}.game-card__visual[data-visual=dots]{background-color:#ece6da;background-image:radial-gradient(#27231f 1.6px,#0000 1.7px);background-size:2.25rem 2.25rem}.game-card__visual[data-visual=rps]{background:radial-gradient(circle at 22% 58%,#ffffff29 0 4rem,#0000 4.1rem),radial-gradient(circle at 78% 42%,#ffffff1a 0 3.2rem,#0000 3.3rem),linear-gradient(135deg,#562f85,#d34d6f)}.game-card__visual[data-visual=draw]{background:linear-gradient(118deg,#0000 40%,#ff6b5f 41% 44%,#0000 45%),linear-gradient(28deg,#0000 42%,#65a8ff 43% 46%,#0000 47%),#eeeae3}.game-card__visual[data-visual=song]{background:repeating-linear-gradient(90deg,#ffffff1f 0 .35rem,#0000 .35rem 1rem),linear-gradient(145deg,#173d36,#1b8b70)}.game-card__visual[data-visual=flags]{background:linear-gradient(120deg,#1d6b4c 0 49%,#af3d45 51% 100%)}.game-card__visual[data-visual=sync],.game-card__visual[data-visual=answers],.game-card__visual[data-visual=would-rather],.game-card__visual[data-visual=rapid],.game-card__visual[data-visual=know],.game-card__visual[data-visual=likely],.game-card__visual[data-visual=truths],.game-card__visual[data-visual=memory],.game-card__visual[data-visual=reel],.game-card__visual[data-visual=snake]{background:radial-gradient(circle at 20% 18%,#ffffff2e,#0000 22%),radial-gradient(circle at 82% 74%,#ff6b5f47,#0000 30%),linear-gradient(145deg,#222a38,#11151d)}.game-card__visual[data-visual=sync]:before,.game-card__visual[data-visual=answers]:before,.game-card__visual[data-visual=would-rather]:before,.game-card__visual[data-visual=rapid]:before,.game-card__visual[data-visual=know]:before,.game-card__visual[data-visual=likely]:before,.game-card__visual[data-visual=truths]:before,.game-card__visual[data-visual=memory]:before,.game-card__visual[data-visual=reel]:before,.game-card__visual[data-visual=snake]:before{border:1px solid #ffffff29;border-radius:2rem;width:7rem;height:7rem;top:50%;left:50%;transform:translate(-50%,-50%)rotate(12deg);box-shadow:1.7rem -1.25rem 0 -.75rem #ffffff12,-1.4rem 1.2rem 0 -.9rem #ff6b5f33}.game-card__body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.game-card__meta{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.game-card__category,.game-card__status{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.game-card__category{color:var(--text-muted)}.game-card__status{color:var(--text-secondary)}.game-card[data-status=next] .game-card__status{color:var(--accent)}.game-card h3{margin:var(--space-5) 0 var(--space-2);letter-spacing:-.035em;font-size:clamp(1.35rem,2.5vw,1.85rem)}.game-card p{color:var(--text-secondary);margin:0;font-size:.94rem;line-height:1.55}.game-card__footer{padding-top:var(--space-6);color:var(--text-muted);justify-content:space-between;margin-top:auto;font-size:.82rem;font-weight:600;display:flex}.game-card__play{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:800;text-decoration:none;display:inline-flex}.game-card__play:hover{color:var(--accent)}.game-card__arrow{transition:transform var(--motion-fast) var(--ease-out)}.game-card:hover .game-card__arrow{transform:translate(2px,-2px)}.site-footer{z-index:1;width:min(calc(100% - 2rem), var(--content-max));padding:var(--space-8) 0 var(--space-10);border-top:1px solid var(--border-subtle);gap:var(--space-8);grid-template-columns:1fr auto;align-items:start;margin:0 auto;display:grid;position:relative}.site-footer__copy{color:var(--text-muted);font-size:.82rem;line-height:1.6}.system-status{min-width:15rem}.system-status summary{cursor:pointer;color:var(--text-secondary);text-align:right;font-size:.82rem;font-weight:650;list-style:none}.system-status summary::-webkit-details-marker{display:none}.system-status__body{margin-top:var(--space-3);gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-1);display:grid}.system-status__row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.system-status__label{color:var(--text-muted);font-size:.76rem}.system-pill{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;font-weight:650;display:inline-flex}.system-pill:before{content:"";background:var(--warning);border-radius:999px;width:.45rem;height:.45rem}.system-pill[data-tone=ok]:before{background:var(--success)}.system-pill[data-tone=error]:before{background:var(--danger)}.system-pill[data-tone=checking]:before{animation:1.4s ease-in-out infinite status-pulse}.fatal-state{text-align:center;background:var(--bg-0);min-height:100svh;color:var(--text-primary);align-content:center;place-items:center;padding:2rem;display:grid}.fatal-state h1{letter-spacing:-.05em;margin:1rem 0 .5rem;font-size:clamp(2rem,6vw,4rem)}.fatal-state p{color:var(--text-secondary);margin:0 0 1.5rem}.button{border-radius:var(--radius-pill);min-height:2.8rem;font:inherit;cursor:pointer;border:1px solid #0000;padding:0 1.1rem;font-weight:700}.button--primary{background:var(--accent);color:#fff}@keyframes status-pulse{50%{opacity:.35}}@media (max-width:920px){.game-card,.game-card[data-status=next]{grid-column:span 6}.game-card[data-status=next] .game-card__visual{min-height:13rem}}@media (max-width:640px){.site-header{min-height:4.5rem}.hero{padding-top:3rem}.hero h1{font-size:clamp(3.2rem,17vw,5rem)}.section-heading{align-items:start;gap:var(--space-3);flex-direction:column}.game-grid{flex-direction:column;display:flex}.game-card{min-height:23rem}.site-footer{grid-template-columns:1fr}.system-status{min-width:0}.system-status summary{text-align:left}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.game-card:hover,.icon-button:hover,.icon-button:active{transform:none}}*,:before,:after{box-sizing:border-box}html{background:var(--bg-0);min-width:320px;color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg-0);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:color-mix(in srgb, var(--accent) 34%, transparent);color:var(--text-primary)}.auth-page,.profile-page{min-height:100svh;color:var(--text-primary);background:radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 34rem), var(--bg-0)}.auth-page{align-content:center;gap:var(--space-8);grid-template-columns:minmax(0,1fr);padding:clamp(1.25rem,4vw,3rem);display:grid}.auth-brand{align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;display:inline-flex;position:fixed;top:clamp(1.25rem,3vw,2rem);left:clamp(1.25rem,3vw,2rem)}.auth-brand>span:last-child{line-height:1;display:grid}.auth-brand strong{letter-spacing:-.03em;font-size:1rem}.auth-brand small{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-top:.2rem;font-size:.68rem;font-weight:800}.auth-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--surface-1) 94%, transparent);width:min(100%,31rem);box-shadow:var(--shadow-2);margin:4rem auto 0;padding:clamp(1.35rem,4vw,2.25rem)}.auth-card h1{margin:var(--space-4) 0 var(--space-3);letter-spacing:-.06em;font-size:clamp(2.2rem,7vw,3.5rem);line-height:.98}.auth-card__intro{margin:0 0 var(--space-8);color:var(--text-secondary);line-height:1.6}.auth-form{gap:var(--space-5);display:grid}.auth-form label{gap:var(--space-2);display:grid}.auth-form label>span{justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:.8rem;font-weight:700;display:flex}.auth-form label em{color:var(--text-muted);font-style:normal;font-weight:500}.auth-form input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-1);width:100%;min-height:3rem;color:var(--text-primary);padding:0 var(--space-4);transition:border-color var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease}.auth-form input::placeholder{color:var(--text-muted)}.auth-form input:hover{border-color:var(--border-strong)}.auth-form label small{color:var(--text-muted);font-size:.72rem;line-height:1.45}.input-with-status{position:relative}.input-with-status input{padding-right:6rem}.input-status{right:var(--space-3);color:var(--text-muted);font-size:.72rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.input-status[data-state=available]{color:var(--success)}.input-status[data-state=taken]{color:var(--danger)}.form-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);font-size:.85rem;line-height:1.45}.form-alert--error{border-color:color-mix(in srgb, var(--danger) 35%, var(--border-subtle));color:color-mix(in srgb, var(--danger) 85%, var(--text-primary))}.auth-submit{width:100%;min-height:3.15rem;margin-top:var(--space-2)}.auth-submit:disabled,.profile-logout:disabled{cursor:wait;opacity:.65}.auth-switch{margin:var(--space-6) 0 0;color:var(--text-muted);text-align:center;font-size:.85rem}.auth-switch a,.profile-back,.header-auth-link{color:var(--text-primary);font-weight:700;text-decoration:none}.auth-switch a:hover,.profile-back:hover,.header-auth-link:hover{text-underline-offset:.2em;text-decoration:underline}.header-auth{align-items:center;gap:var(--space-2);margin-right:var(--space-1);display:flex}.header-auth-link{min-height:2.65rem;padding:0 var(--space-3);border-radius:var(--radius-pill);align-items:center;font-size:.82rem;display:inline-flex}.header-auth-link--primary{background:var(--accent);color:#fff;padding-inline:var(--space-4);text-decoration:none!important}.header-player{align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-height:2.75rem;color:var(--text-primary);background:color-mix(in srgb, var(--surface-1) 82%, transparent);padding:.25rem .6rem .25rem .25rem;text-decoration:none;display:inline-flex}.header-player span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.78rem;font-weight:700;overflow:hidden}.player-avatar{object-fit:cover;border:1px solid var(--border-strong);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;display:inline-grid}.player-avatar[data-size=sm]{width:2rem;height:2rem;font-size:.7rem}.player-avatar[data-size=md]{width:2.5rem;height:2.5rem;font-size:.78rem}.player-avatar[data-size=lg]{width:3.5rem;height:3.5rem;font-size:1rem}.player-avatar[data-size=xl]{width:6rem;height:6rem;font-size:1.5rem}.player-avatar--fallback{color:#fff;letter-spacing:-.04em;background:radial-gradient(circle at 32% 24%, #ffffff4d, transparent 28%), linear-gradient(145deg, var(--accent), #8055d8);font-weight:800}.profile-page{width:100%;padding:clamp(1.25rem,4vw,3rem)}.profile-page--center{text-align:center;place-content:center;display:grid}.profile-page--center p{color:var(--text-secondary)}.profile-topbar{width:min(100%, var(--content-max));justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.profile-back{align-items:center;min-height:2.75rem;display:inline-flex}.profile-logout{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-secondary)}.player-profile{align-items:center;gap:var(--space-6);width:min(100%,44rem);margin:clamp(5rem,12vw,9rem) auto 0;display:flex}.player-profile h1{margin:var(--space-3) 0 var(--space-2);letter-spacing:-.06em;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.95}.player-profile p{color:var(--text-secondary);margin:0;font-size:1rem}.profile-note{width:min(100%,44rem);margin:var(--space-10) auto 0;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-1)}.profile-note strong{font-size:.95rem}.profile-note p{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:.85rem;line-height:1.55}@media (max-width:720px){.header-auth-link:not(.header-auth-link--primary),.header-player span:last-child{display:none}.header-player{padding-right:.25rem}.player-profile{flex-direction:column;align-items:flex-start}}.field-link{color:var(--text-secondary);font-size:.74rem;font-weight:700;text-decoration:none}.field-link:hover{color:var(--text-primary);text-underline-offset:.2em;text-decoration:underline}.form-alert--success{border-color:color-mix(in srgb, var(--success) 35%, var(--border-subtle));color:color-mix(in srgb, var(--success) 80%, var(--text-primary));margin-bottom:var(--space-5)}.profile-avatar-stack{justify-items:center;gap:var(--space-3);display:grid}.profile-avatar-action{min-height:2.5rem;padding-inline:var(--space-4);border-color:var(--border-subtle);background:var(--surface-1);color:var(--text-primary)}.profile-note__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.profile-note__heading p{max-width:34rem}.profile-avatar-remove{border-color:color-mix(in srgb, var(--danger) 30%, var(--border-subtle));color:color-mix(in srgb, var(--danger) 80%, var(--text-primary));background:0 0;flex:none}.profile-avatar-feedback{margin-top:var(--space-4);margin-bottom:0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:520px){.profile-note__heading{flex-direction:column}.profile-avatar-remove{width:100%}}.players-page{background:radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 34rem), var(--bg-0);min-height:100svh;color:var(--text-primary);padding:clamp(1.25rem,4vw,3rem)}.players-topbar{width:min(100%, var(--content-max));margin:0 auto}.players-panel,.public-player-card{width:min(100%,44rem);margin:clamp(4rem,10vw,8rem) auto 0}.players-panel h1,.public-player-card h1{margin:var(--space-4) 0 var(--space-3);letter-spacing:-.06em;font-size:clamp(2.5rem,7vw,4.8rem);line-height:.96}.players-intro,.public-player-card p{color:var(--text-secondary);margin:0;line-height:1.6}.player-search-field{gap:var(--space-2);margin-top:var(--space-8);display:grid}.player-search-field>span{color:var(--text-secondary);font-size:.8rem;font-weight:700}.player-search-field input{width:100%;min-height:3.5rem;padding:0 var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--text-primary);font-size:1rem}.player-search-field input:hover{border-color:var(--border-strong)}.players-help{margin:var(--space-2) var(--space-4) 0;color:var(--text-muted);font-size:.75rem}.player-search-results{gap:var(--space-3);margin-top:var(--space-6);display:grid}.players-state{padding:var(--space-5);border:1px dashed var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-secondary);text-align:center;margin:0}.players-state--error{color:color-mix(in srgb, var(--danger) 85%, var(--text-primary))}.player-result{align-items:center;gap:var(--space-4);min-height:5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-1);color:var(--text-primary);transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) ease, background var(--motion-fast) ease;text-decoration:none;display:flex}.player-result:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.player-result__identity{gap:.25rem;min-width:0;display:grid}.player-result__identity strong,.player-result__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-result__identity small{color:var(--text-muted)}.player-result__arrow{color:var(--text-muted);margin-left:auto}.public-player-card{align-items:center;gap:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);box-shadow:var(--shadow-1);grid-template-columns:auto minmax(0,1fr);padding:clamp(1.5rem,4vw,2.5rem);display:grid}.public-player-card__identity h1{margin-bottom:var(--space-2)}.public-player-card__privacy{padding-top:var(--space-5);border-top:1px solid var(--border-subtle);color:var(--text-muted);grid-column:1/-1;font-size:.82rem;line-height:1.55}.public-player-card--state{display:block}.header-directory{min-height:2.65rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-secondary);align-items:center;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.header-directory:hover{color:var(--text-primary);background:var(--surface-1)}@media (max-width:640px){.public-player-card{grid-template-columns:1fr;justify-items:start}.public-player-card__privacy{grid-column:1}.header-directory{padding-inline:var(--space-2);font-size:.76rem}}@media (prefers-reduced-motion:reduce){.player-result:hover{transform:none}}.rooms-page{background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--info) 10%, transparent), transparent 30rem), radial-gradient(circle at 90% 15%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 32rem), var(--bg-0);min-height:100svh;color:var(--text-primary);padding:clamp(1.25rem,4vw,3rem)}.rooms-topbar{width:min(100%, var(--content-max));margin:0 auto}.rooms-panel,.room-live{width:min(100%,52rem);margin:clamp(3.5rem,8vw,7rem) auto 0}.rooms-panel h1,.room-live h1{margin:var(--space-4) 0 var(--space-3);letter-spacing:-.065em;font-size:clamp(2.6rem,7vw,5rem);line-height:.94}.rooms-panel>p,.room-live__header p,.room-live__footer p{color:var(--text-secondary);margin:0;line-height:1.6}.rooms-panel--center{text-align:center}.rooms-panel--center .eyebrow{justify-content:center}.rooms-actions,.room-live__header-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.rooms-actions{margin-top:var(--space-6);justify-content:center}.rooms-create{width:100%;min-height:4rem;margin-top:var(--space-8);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--accent), #ff8c70);color:#fff;font:inherit;cursor:pointer;box-shadow:0 18px 48px color-mix(in srgb, var(--accent) 24%, transparent);border:0;font-size:1rem;font-weight:800}.rooms-create:disabled,.rooms-join button:disabled,.room-live button:disabled{cursor:not-allowed;opacity:.58}.rooms-divider{align-items:center;gap:var(--space-4);margin:var(--space-7) 0;color:var(--text-muted);grid-template-columns:1fr auto 1fr;font-size:.78rem;display:grid}.rooms-divider:before,.rooms-divider:after{content:"";background:var(--border-subtle);height:1px}.rooms-join{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.rooms-join label{gap:var(--space-2);display:grid}.rooms-join label>span{color:var(--text-secondary);font-size:.8rem;font-weight:700}.rooms-join input{min-height:3.25rem;padding:0 var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-primary);font:inherit;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.rooms-button-secondary{border-color:var(--border-subtle);background:var(--surface-1);color:var(--text-primary);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.rooms-error{margin:var(--space-4) 0 0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--danger) 36%, var(--border-subtle));border-radius:var(--radius-lg);color:color-mix(in srgb, var(--danger) 82%, var(--text-primary));background:color-mix(in srgb, var(--danger) 8%, transparent)}.rooms-state{width:min(100%,40rem);color:var(--text-secondary);text-align:center;margin:20vh auto 0}.room-live{gap:var(--space-5);display:grid}.room-live__header{justify-content:space-between;align-items:end;gap:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--surface-1) 92%, transparent);box-shadow:var(--shadow-1);padding:clamp(1.35rem,4vw,2.2rem);display:flex}.room-live__header h1{margin-bottom:var(--space-2);letter-spacing:.04em;font-size:clamp(2.8rem,8vw,5.6rem)}.room-seats{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.room-seat{align-items:center;gap:var(--space-4);min-height:9rem;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);grid-template-columns:auto minmax(0,1fr);display:grid}.room-seat__identity{gap:.3rem;min-width:0;display:grid}.room-seat__identity strong,.room-seat__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-seat__identity span,.room-seat--empty span{color:var(--text-muted);font-size:.82rem}.room-seat__badges{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.room-seat__badges span{min-height:1.8rem;padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);align-items:center;font-size:.72rem;font-weight:750;display:inline-flex}.room-seat__badges span[data-ready=true]{border-color:color-mix(in srgb, var(--success) 36%, var(--border-subtle));color:var(--success)}.room-seat--empty{color:var(--text-secondary);border-style:dashed}.room-seat__empty-mark{border:1px dashed var(--border-strong);width:3rem;height:3rem;color:var(--text-muted);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.room-live__footer{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-1);display:flex}.room-live__footer strong{margin-bottom:var(--space-1);display:block}@media (max-width:720px){.rooms-join,.room-seats{grid-template-columns:1fr}.room-live__header,.room-live__footer{flex-direction:column;align-items:stretch}.room-live__header-actions{width:100%}.room-live__header-actions .button,.room-live__footer .button{flex:1}}.room-live__footer-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.room-live__host-note{color:var(--text-muted);font-size:.82rem}@media (max-width:720px){.room-live__footer-actions{flex-direction:column;align-items:stretch;width:100%}.room-live__footer-actions .button{width:100%}}.cf-page{background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--info) 14%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--bg-0) 94%, #071220), var(--bg-0));min-height:100svh;color:var(--text-primary);padding:clamp(1rem,3vw,2rem);overflow-x:hidden}.cf-topbar,.cf-shell{width:min(100%,74rem);margin:0 auto}.cf-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;display:flex}.cf-back{min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-1) 90%, transparent);color:var(--text-secondary);cursor:pointer}.cf-room-code{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.74rem;display:flex}.cf-room-code strong{color:var(--text-primary);letter-spacing:.12em;font-size:.82rem}.cf-shell{gap:clamp(1rem,2.5vw,1.6rem);padding-block:clamp(1rem,3vw,2rem) clamp(2rem,5vw,4rem);display:grid}.cf-score-strip{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.cf-player,.cf-round{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface-1) 92%, transparent);min-height:4.5rem;box-shadow:var(--shadow-1)}.cf-player{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:border-color .18s,transform .18s;display:flex}.cf-player[data-active=true]{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-subtle));transform:translateY(-2px)}.cf-player--opponent{text-align:right;justify-content:flex-end}.cf-player>div:not(.player-avatar){gap:.18rem;min-width:0;display:grid}.cf-player strong,.cf-player span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-player span,.cf-round span{color:var(--text-muted);font-size:.74rem}.cf-round{min-width:5.5rem;padding:var(--space-2) var(--space-3);text-align:center;align-content:center;place-items:center;display:grid}.cf-round strong{font-size:1.35rem}.cf-status{text-align:center}.cf-status .eyebrow{justify-content:center}.cf-status h1{margin:var(--space-3) 0 var(--space-2);letter-spacing:-.055em;font-size:clamp(2rem,6vw,4.4rem);line-height:.96}.cf-status p{max-width:42rem;color:var(--text-secondary);margin:0 auto;line-height:1.55}.cf-table{perspective:1100px;background:linear-gradient(#ffffff09,#fff0),radial-gradient(circle at 50% 15%,#ffffff0a,#0000 48%),#17120f;border-radius:clamp(1.4rem,4vw,2.4rem);place-items:center;min-height:min(60svh,44rem);padding:clamp(1rem,3vw,2.5rem);display:grid;box-shadow:inset 0 1px #ffffff0d,0 28px 80px #00000047}.cf-board-wrap{transform-origin:bottom;width:min(92vw,43rem);padding-top:0;position:relative;transform:rotateX(2deg)}.cf-column-hitboxes{z-index:4;pointer-events:none;grid-template-columns:repeat(7,1fr);gap:clamp(.28rem,.9vw,.62rem);display:grid;position:absolute;inset:clamp(.7rem,1.9vw,1.2rem)}.cf-column-hitboxes button{cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;border-radius:999px;min-width:0;transition:background .14s,box-shadow .14s}.cf-column-hitboxes button:not(:disabled):hover,.cf-column-hitboxes button:not(:disabled):focus-visible{background:#ffffff0e;box-shadow:inset 0 0 0 1px #ffffff1c}.cf-column-hitboxes button:disabled{cursor:default;pointer-events:none}.cf-board{z-index:2;background:linear-gradient(90deg,#ffffff1c,#0000 5% 95%,#0003),linear-gradient(#1675df 0%,#0b58b6 55%,#07458f 100%);border-radius:clamp(1rem,3vw,1.6rem) clamp(1rem,3vw,1.6rem) .7rem .7rem;grid-template-columns:repeat(7,1fr);gap:clamp(.28rem,.9vw,.62rem);padding:clamp(.7rem,1.9vw,1.2rem);display:grid;position:relative;box-shadow:inset 0 4px 1px #ffffff2e,inset 0 -8px 18px #00000038,0 1.1rem #063a78,0 1.4rem 2rem #00000057}.cf-board:before,.cf-board:after{content:"";background:linear-gradient(#084c9f,#062d5f);border-radius:0 0 .65rem .65rem;width:1.15rem;height:3rem;position:absolute;bottom:-2.3rem;box-shadow:0 .5rem .8rem #00000040}.cf-board:before{left:4%}.cf-board:after{right:4%}.cf-slot{aspect-ratio:1;background:radial-gradient(circle at 50% 55%,#0d1520 0 56%,#083c7c 57% 63%,#ffffff1f 64% 68%,#06418a 69%);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 .25rem .7rem #00000080,0 1px #ffffff14}.cf-disc{aspect-ratio:1;opacity:0;border-radius:50%;width:78%;transform:translateZ(0)}.cf-disc[data-owner="1"],.cf-disc[data-owner="2"]{opacity:1;box-shadow:inset 0 .22rem .3rem #ffffff42,inset 0 -.4rem .6rem #00000038,0 .12rem .25rem #0000005c}.cf-disc[data-owner="1"]{background:radial-gradient(circle at 35% 28%,#ff9a83,#0000 18%),radial-gradient(circle at 50% 45%,#ff654d,#d83d29 68%,#a62318 100%)}.cf-disc[data-owner="2"]{background:radial-gradient(circle at 35% 28%,#fff2a8,#0000 18%),radial-gradient(circle at 50% 45%,#ffd74a,#e7a91a 70%,#9f6500 100%)}.cf-disc[data-last=true]{animation:.38s cubic-bezier(.21,.84,.32,1.14) both cf-disc-drop}.cf-slot[data-winning=true] .cf-disc{outline-offset:-.08rem;outline:.18rem solid #ffffffe6;animation:.9s ease-in-out infinite alternate cf-win-pulse}.cf-countdown{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04080e75;border-radius:1.4rem;place-items:center;display:grid;position:absolute;inset:0}.cf-countdown span{aspect-ratio:1;color:#fff;letter-spacing:-.08em;background:#070c14c7;border:1px solid #fff3;border-radius:50%;place-items:center;width:clamp(5rem,16vw,8rem);font-size:clamp(3rem,10vw,6rem);font-weight:900;display:grid;box-shadow:0 1.2rem 3rem #00000047}.cf-result,.cf-message-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);box-shadow:var(--shadow-1)}.cf-result{justify-content:space-between;align-items:center;gap:var(--space-5);padding:clamp(1.2rem,3vw,2rem);display:flex}.cf-result h2{margin:var(--space-2) 0;letter-spacing:-.04em;font-size:clamp(1.6rem,4vw,2.5rem)}.cf-result p,.cf-message-card p{color:var(--text-secondary);margin:0}.cf-message-card{text-align:center;width:min(100%,38rem);margin:18vh auto 0;padding:clamp(1.4rem,4vw,2.4rem)}.cf-message-card .eyebrow{justify-content:center}.cf-message-card h1{margin:var(--space-4) 0 var(--space-5);letter-spacing:-.05em;font-size:clamp(2rem,6vw,3.5rem)}@keyframes cf-disc-drop{0%{transform:translateY(calc(-1 * var(--cf-drop-rows,4) * 112%))}78%{transform:translateY(7%)}to{transform:translateY(0)}}@keyframes cf-win-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.cf-disc[data-last=true],.cf-slot[data-winning=true] .cf-disc{animation:none}.cf-player,.cf-column-hitboxes button{transition:none}}@media (max-width:720px){.cf-page{padding-inline:.8rem}.cf-score-strip{grid-template-columns:1fr auto 1fr;gap:.45rem}.cf-player{gap:.45rem;min-height:4rem;padding:.55rem}.cf-player .player-avatar{width:2.35rem;height:2.35rem}.cf-player strong{font-size:.8rem}.cf-player span{display:none}.cf-round{min-width:3.4rem}.cf-table{min-height:auto;margin-inline:-.2rem;padding:.9rem .25rem 2.8rem}.cf-board-wrap{width:min(96vw,36rem)}.cf-result{flex-direction:column;align-items:stretch}.cf-result .button{width:100%}}.chess-page{background:radial-gradient(circle at 50% 0,#377c6e21,transparent 35rem),var(--bg-0);min-height:100svh;color:var(--text-primary);padding:clamp(1rem,3vw,2rem)}.chess-header,.chess-layout{width:min(100%,66rem);margin-inline:auto}.chess-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.chess-back{border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-primary);cursor:pointer;border-radius:2rem;min-height:44px;padding:0 1rem}.chess-code{color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:700}.chess-layout{justify-items:center;gap:1.25rem;padding:1rem 0 3rem;display:grid}.chess-head{text-align:center}.chess-head .eyebrow{justify-content:center}.chess-head h1{letter-spacing:-.06em;margin:.75rem 0;font-size:clamp(2rem,6vw,4rem);line-height:1}.chess-head p{color:var(--text-secondary);margin:0}.chess-table{background:color-mix(in srgb,var(--surface-1) 88%,#2c443c);border:1px solid var(--border-subtle);border-radius:1.5rem;gap:.65rem;width:min(100%,39rem);padding:clamp(.6rem,2vw,1.2rem);display:grid;box-shadow:0 25px 70px #0003}.chess-seat{align-items:center;gap:.65rem;min-height:3.7rem;padding:.25rem .5rem;display:flex}.chess-seat strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chess-seat span{color:var(--text-secondary);font-size:.78rem}.chess-board{aspect-ratio:1;border:4px solid #443f32;border-radius:.5rem;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 8px 18px #00000038}.chess-cell{cursor:pointer;touch-action:manipulation;background:#789784;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.chess-cell[data-light=true]{background:#e8e1cf}.chess-cell[data-last=true]{background:#d4bf71}.chess-cell[data-light=true][data-last=true]{background:#f2d688}.chess-cell[data-selected=true]{outline-offset:-4px;outline:4px solid #e4a943}.chess-cell[data-target=true]:not([data-selected=true]){box-shadow:inset 0 0 0 3px #e4a943}.chess-cell:focus-visible{z-index:1;outline-offset:-4px;outline:4px solid #f77b61}.chess-cell:disabled{cursor:default}.chess-piece{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(1.8rem,7.5vw,3.5rem);line-height:1}.chess-piece--white{color:#faf7ef;text-shadow:0 2px 2px #28251d,1px 0 #28251d,-1px 0 #28251d,0 -1px #28251d}.chess-piece--black{color:#262523;text-shadow:0 1px 1px #ffffff59}.chess-dot{aspect-ratio:1;background:#08191157;border-radius:50%;width:26%}.chess-file,.chess-rank{color:#254236;font-size:clamp(.5rem,1.5vw,.7rem);font-weight:800;position:absolute}.chess-file{bottom:1px;right:3px}.chess-rank{top:1px;left:3px}.chess-promotion,.chess-result{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:1rem;gap:.8rem;width:min(100%,39rem);padding:1.4rem;display:grid}.chess-promotion>div{flex-wrap:wrap;gap:.5rem;display:flex}.chess-promotion button,.chess-resign{border:1px solid var(--border-subtle);background:var(--surface-1);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:.6rem;padding:.5rem .9rem}.chess-resign{color:var(--text-secondary)}.chess-result{text-align:center;justify-items:center}@media (prefers-reduced-motion:reduce){.chess-cell{transition:none}}.snake-page,.snake-topbar,.snake-shell,.snake-hero,.snake-scoreboard,.snake-seat,.snake-stage,.snake-board,.snake-cell,.snake-result,.snake-controls{box-sizing:border-box}.snake-page{min-height:100svh;padding:clamp(.75rem,2.5vw,1.5rem);padding-top:max(.75rem, env(safe-area-inset-top,0px));padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));padding-left:max(.75rem, env(safe-area-inset-left,0px));padding-right:max(.75rem, env(safe-area-inset-right,0px));background:radial-gradient(circle at 50% 0%, #62e3a214, transparent 30rem), var(--bg-0);color:var(--text-primary);flex-direction:column;display:flex}.snake-topbar,.snake-shell{width:min(100%,54rem);max-width:100%;margin:0 auto}.snake-topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0 .5rem;display:flex}.snake-back{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--text-primary);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);align-items:center;gap:.4rem;padding:0 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.snake-back:hover{background:var(--surface-2);border-color:var(--border-strong)}.snake-room-badge{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);letter-spacing:.06em;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.snake-room-badge__label{color:var(--text-muted)}.snake-room-badge__code{color:var(--text-primary);font-family:monospace;font-weight:800}.snake-shell{justify-items:center;gap:.85rem;width:100%;padding:.25rem 0 2rem;display:grid}.snake-hero{text-align:center}.snake-hero .eyebrow{letter-spacing:.08em;justify-content:center;font-size:.72rem}.snake-hero h1{letter-spacing:-.04em;margin:.2rem 0;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800;line-height:1.1}.snake-hero p{max-width:32rem;color:var(--text-secondary);margin:0 auto;font-size:.85rem;line-height:1.4}.snake-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,54rem);display:grid}.snake-seat{background:var(--surface-1);border:1px solid var(--border-subtle);min-width:0;transition:opacity var(--motion-fast) var(--ease-out);border-radius:.85rem;align-items:center;gap:.65rem;padding:.55rem .8rem;display:flex}.snake-seat--out{opacity:.65}.snake-seat__avatar-wrap{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.snake-seat__indicator{border:2px solid var(--surface-1);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.snake-seat__indicator--green{background:#62e3a2;box-shadow:0 0 6px #62e3a299}.snake-seat__indicator--yellow{background:#f3d24f;box-shadow:0 0 6px #f3d24f99}.snake-empty{background:var(--surface-2);width:2.25rem;height:2.25rem;color:var(--text-muted);border-radius:50%;place-items:center;font-size:.95rem;font-weight:700;display:grid}.snake-seat__info{flex:1;gap:.15rem;min-width:0;display:grid}.snake-seat__header-row{align-items:center;gap:.35rem;min-width:0;display:flex}.snake-seat__name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.snake-seat__role{letter-spacing:.06em;border-radius:4px;flex:none;padding:.1rem .35rem;font-size:.58rem;font-weight:800}.snake-seat__role--green{color:#62e3a2;background:#62e3a21f}.snake-seat__role--yellow{color:#f3d24f;background:#f3d24f1f}.snake-seat__status-row{align-items:center;display:flex}.snake-seat__status{letter-spacing:.05em;font-size:.65rem;font-weight:700}.snake-seat__status--alive{color:#62e3a2}.snake-seat__status--out{color:#f87171;text-decoration:line-through}.snake-seat__status--waiting{color:var(--text-muted)}.snake-seat__score{font-variant-numeric:tabular-nums;color:var(--text-primary);flex:none;padding-left:.25rem;font-size:1.45rem;font-weight:800}.snake-stage{box-sizing:border-box;background:#101218;border:1px solid #ffffff14;border-radius:1.1rem;width:min(100%,54rem);padding:.65rem;position:relative;box-shadow:0 16px 40px #00000073,0 2px 6px #00000059}.snake-stage-label{color:#94a3b8;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:.2rem .4rem .5rem;font-size:.72rem;font-weight:700;display:flex}.snake-stage-label__status{color:#cbd5e1;align-items:center;gap:.45rem;display:inline-flex}.snake-status-dot{background:#64748b;border-radius:50%;width:7px;height:7px}.snake-status-dot--live{background:#62e3a2;animation:1.8s ease-in-out infinite snake-pulse-dot;box-shadow:0 0 8px #62e3a2cc}.snake-status-dot--warn{background:#f3d24f;box-shadow:0 0 8px #f3d24fcc}@keyframes snake-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.snake-stage-label__meta{font-variant-numeric:tabular-nums;color:#f1f5f9;letter-spacing:.04em;font-size:.95rem}.snake-board{aspect-ratio:22/16;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#080a0f;border:1px solid #ffffff1a;border-radius:.5rem;grid-template-rows:repeat(16,minmax(0,1fr));grid-template-columns:repeat(22,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden}.snake-board--crashed{animation:.35s ease-out snake-board-shake}@keyframes snake-board-shake{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.snake-cell{box-sizing:border-box;background:#080a0f;border:1px solid #ffffff09;position:relative}.snake-cell[data-snake="1"]{background:#62e3a2;border:none;border-radius:22%;box-shadow:inset 0 1px 1px #ffffff59,0 0 6px #62e3a238}.snake-cell[data-snake="2"]{background:#f3d24f;border:none;border-radius:22%;box-shadow:inset 0 1px 1px #ffffff59,0 0 6px #f3d24f38}.snake-cell[data-head=true]{z-index:1;border-radius:38%}.snake-cell[data-snake="1"][data-head=true]{background:#7ef0b6;box-shadow:inset 0 1px 2px #ffffff80,0 0 8px #62e3a259}.snake-cell[data-snake="2"][data-head=true]{background:#fae27a;box-shadow:inset 0 1px 2px #ffffff80,0 0 8px #f3d24f59}.snake-cell[data-head=true]:before,.snake-cell[data-head=true]:after{content:"";z-index:2;pointer-events:none;background:#080a0f;border:1.2px solid #fffffff2;border-radius:50%;width:24%;height:30%;animation:5.5s ease-in-out infinite snake-eye-blink;position:absolute;top:17%;left:18%}.snake-cell[data-head=true]:after{left:auto;right:18%}.snake-cell[data-head=true][data-direction=down]:before,.snake-cell[data-head=true][data-direction=down]:after{top:auto;bottom:17%}.snake-cell[data-head=true][data-direction=left]:before,.snake-cell[data-head=true][data-direction=left]:after{width:30%;height:24%;top:18%;left:17%;right:auto}.snake-cell[data-head=true][data-direction=left]:after{top:auto;bottom:18%}.snake-cell[data-head=true][data-direction=right]:before,.snake-cell[data-head=true][data-direction=right]:after{width:30%;height:24%;top:18%;left:auto;right:17%}.snake-cell[data-head=true][data-direction=right]:after{top:auto;bottom:18%}@keyframes snake-eye-blink{0%,42%,46%,to{transform:scaleY(1)}44%{transform:scaleY(.15)}}.snake-cell[data-food=true]:after{content:"";background:radial-gradient(circle at 35% 35%,#ff5c5c 0%,#ee2c38 65%,#bf1320 100%);border-radius:50%;position:absolute;inset:12%;box-shadow:0 0 9px #ee2c38bf,inset 0 1px 1px #ffffff80}.snake-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;text-align:center;z-index:10;background:#080a0fd9;border-radius:.5rem;align-content:center;justify-items:center;gap:.5rem;display:grid;position:absolute;inset:2.8rem .65rem .65rem}.snake-overlay strong{letter-spacing:-.06em;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:800;line-height:1}.snake-overlay span{color:#94a3b8;letter-spacing:.04em;font-size:.9rem}.snake-impact{z-index:10;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fff 0%,#ffdf70 25%,#ff5733 55%,#0000 75%);border-radius:50%;place-items:center;width:14%;animation:.85s cubic-bezier(.16,1,.3,1) both snake-impact-burst;display:grid;position:absolute;transform:translate(-50%,-50%)}.snake-impact span{color:#fff;text-shadow:0 0 10px #ff4500;font-size:clamp(1.4rem,4vw,2.4rem)}.snake-crash-banner{z-index:11;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;pointer-events:none;background:#181216eb;border:1.5px solid #ff7043;border-radius:999px;padding:.55rem 1.15rem;font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:900;animation:.9s cubic-bezier(.16,1,.3,1) both snake-crash-banner-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #ff572266}@keyframes snake-impact-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}65%{opacity:.85;transform:translate(-50%,-50%)scale(1.1)}to{opacity:.25;transform:translate(-50%,-50%)scale(.95)}}@keyframes snake-crash-banner-in{0%{opacity:0;transform:translate(-50%,-35%)scale(.85)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.snake-cut-status{color:#d4a71b;text-align:center;background:#f3d24f1f;border:1px solid #f3d24f47;border-radius:999px;align-items:center;gap:.35rem;margin:0;padding:.35rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .snake-cut-status,:root:not([data-theme=light]) .snake-cut-status{color:#f3d24f}.snake-controls{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,54rem);padding:.25rem 0;display:flex}.snake-instructions{gap:.25rem;max-width:20rem;display:grid}.snake-instructions strong{font-size:.9rem}.snake-instructions span{color:var(--text-secondary);font-size:.8rem;line-height:1.35}.snake-dpad{grid-template-rows:repeat(2,3.2rem);grid-template-columns:repeat(3,3.2rem);gap:.35rem;display:grid}.snake-dpad button{background:var(--surface-1);min-width:44px;min-height:44px;color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;touch-action:manipulation;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-radius:.75rem;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.snake-dpad button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.snake-dpad button:disabled{opacity:.4;cursor:default}.snake-dpad__up{grid-area:1/2}.snake-dpad__left{grid-area:2/1}.snake-dpad__down{grid-area:2/2}.snake-dpad__right{grid-area:2/3}.snake-result{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-1);text-align:center;width:min(100%,54rem);max-width:100%;box-shadow:var(--shadow-1);border-radius:1rem;justify-items:center;gap:.65rem;padding:1.25rem;display:grid}.snake-result h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800}.snake-result p{color:var(--text-secondary);margin:0;font-size:.85rem}.snake-result-scores{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:100%;margin:.35rem 0;display:flex}.snake-result-score-item{background:var(--surface-2);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:.6rem;align-items:center;gap:.45rem;min-width:0;max-width:100%;padding:.4rem .75rem;font-size:.8rem;display:flex}.snake-result-score-item--p1{border-left:3px solid #62e3a2}.snake-result-score-item--p2{border-left:3px solid #f3d24f}.snake-result-score-name{color:var(--text-secondary);font-weight:600}.snake-result-score-num{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.15rem;font-weight:800}.snake-result-score-vs{color:var(--text-muted);letter-spacing:.08em;font-size:.72rem;font-weight:800}.snake-rematch-btn{border-radius:var(--radius-pill);cursor:pointer;min-height:44px;padding:0 1.6rem;font-size:.9rem;font-weight:700}@media (max-width:700px){.snake-controls{display:none!important}.snake-page{padding-inline:max(.45rem, env(safe-area-inset-left,0px)) max(.45rem, env(safe-area-inset-right,0px));padding-top:max(.4rem, env(safe-area-inset-top,0px));padding-bottom:max(.8rem, env(safe-area-inset-bottom,0px))}.snake-topbar{padding:.2rem .2rem .35rem}.snake-shell{gap:.45rem;padding:.1rem 0 1rem}.snake-hero{margin-bottom:.1rem}.snake-hero .eyebrow{display:none}.snake-hero h1{margin:0;font-size:clamp(1.1rem,4.5vw,1.35rem);font-weight:800}.snake-hero-desc{display:none}.snake-scoreboard{gap:.35rem}.snake-seat{border-radius:.65rem;gap:.45rem;padding:.45rem .55rem}.snake-seat .player-avatar{width:2rem;height:2rem}.snake-empty{width:2rem;height:2rem;font-size:.85rem}.snake-seat__name{font-size:.75rem}.snake-seat__role{padding:.05rem .25rem;font-size:.52rem}.snake-seat__status{font-size:.58rem}.snake-seat__score{padding-left:.1rem;font-size:1.25rem}.snake-stage{border-radius:.65rem;padding:.35rem}.snake-stage-label{padding:.15rem .3rem .35rem;font-size:.68rem}.snake-stage-label__meta{font-size:.85rem}.snake-board{aspect-ratio:22/16;border-radius:.35rem;width:100%}.snake-result{box-sizing:border-box;gap:.45rem;width:100%;max-width:100%;padding:.85rem .65rem}.snake-result h2{font-size:1.35rem}.snake-result-scores{gap:.35rem;width:100%}.snake-result-score-item{padding:.3rem .5rem;font-size:.72rem}.snake-result-score-name{text-overflow:ellipsis;white-space:nowrap;max-width:5.5rem;overflow:hidden}.snake-crash-banner{padding:.45rem .9rem;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.snake-impact,.snake-crash-banner,.snake-board--crashed,.snake-status-dot--live,.snake-cell[data-head=true]:before,.snake-cell[data-head=true]:after{animation:none!important}}.snake-speed-indicator{letter-spacing:.04em;color:#f3d24f;white-space:nowrap;font-size:.68rem;font-weight:800}@media (max-width:370px){.snake-speed-indicator{font-size:.58rem}}.snake-cell{grid-column:var(--snake-column);grid-row:var(--snake-row)}.snake-impact{left:var(--snake-landscape-left);top:var(--snake-landscape-top)}@media (max-width:700px){.snake-stage{width:100%}.snake-board{aspect-ratio:16/22;grid-template-rows:repeat(22,minmax(0,1fr));grid-template-columns:repeat(16,minmax(0,1fr));height:auto}.snake-cell{grid-column:var(--snake-row);grid-row:var(--snake-column)}.snake-impact{left:var(--snake-portrait-left);top:var(--snake-portrait-top)}}.rps-page{background:radial-gradient(circle at 50% -8%, #9c60dc33, transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--bg-0) 96%, #150c20), var(--bg-0));min-height:100svh;color:var(--text-primary);padding:clamp(1rem,3vw,2rem);overflow-x:hidden}.rps-topbar,.rps-shell{width:min(100%,72rem);margin:0 auto}.rps-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.5rem;display:flex}.rps-back{min-height:2.75rem;padding:0 var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-1) 90%, transparent);color:var(--text-secondary);cursor:pointer}.rps-room-code{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.74rem;display:flex}.rps-room-code strong{color:var(--text-primary);letter-spacing:.12em;font-size:.82rem}.rps-shell{gap:clamp(1rem,2.5vw,1.6rem);padding-block:clamp(1rem,3vw,2rem) clamp(2rem,5vw,4rem);display:grid}.rps-score-strip{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.rps-player,.rps-round{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface-1) 92%, transparent);min-height:4.5rem;box-shadow:var(--shadow-1)}.rps-player{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.rps-player>div:not(.player-avatar){flex:1;gap:.18rem;min-width:0;display:grid}.rps-player strong,.rps-player span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rps-player span,.rps-round span{color:var(--text-muted);font-size:.74rem}.rps-player b{font-variant-numeric:tabular-nums;font-size:1.55rem}.rps-player--opponent{text-align:right;justify-content:flex-end}.rps-round{min-width:5.5rem;padding:var(--space-2) var(--space-3);text-align:center;align-content:center;place-items:center;display:grid}.rps-round strong{font-size:1.35rem}.rps-status{text-align:center}.rps-status .eyebrow,.rps-message-card .eyebrow{justify-content:center}.rps-status h1{margin:var(--space-3) 0 var(--space-2);letter-spacing:-.055em;font-size:clamp(2rem,6vw,4.4rem);line-height:.96}.rps-status p{max-width:42rem;color:var(--text-secondary);margin:0 auto;line-height:1.55}.rps-table{background:radial-gradient(circle at 50% 5%,#ffffff0f,#0000 28rem),linear-gradient(145deg,#26182e,#130d18);border-radius:clamp(1.4rem,4vw,2.4rem);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.8rem,3vw,2rem);min-height:min(48svh,35rem);padding:clamp(1.2rem,4vw,3rem);display:grid;box-shadow:inset 0 1px #ffffff0f,0 28px 80px #00000047}.rps-hand-zone{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.rps-hand-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800}.rps-hand{aspect-ratio:1;background:radial-gradient(circle at 38% 28%,#ffffff2e,#0000 20%),linear-gradient(145deg,#d88d67,#9b543d);border:1px solid #ffffff1f;border-radius:38% 48% 45% 42%;place-items:center;width:min(26vw,11rem);display:grid;transform:rotate(-7deg);box-shadow:inset -1rem -1rem 2rem #4a1c1240,0 1.6rem 3rem #00000047}.rps-hand-zone--opponent .rps-hand{transform:rotate(7deg)scaleX(-1)}.rps-hand span{filter:saturate(.9);font-size:clamp(3.4rem,11vw,7rem)}.rps-table[data-state=countdown] .rps-hand{animation:.72s ease-in-out infinite alternate rps-bounce}.rps-center-mark{aspect-ratio:1;color:#fff;background:#09050d9e;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:clamp(3.6rem,8vw,5.2rem);font-size:clamp(1rem,2.5vw,1.35rem);font-weight:900;display:grid;box-shadow:0 .8rem 2rem #0000003d}.rps-countdown{letter-spacing:-.06em;font-size:clamp(2.2rem,7vw,4rem);line-height:1}.rps-choice-panel{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rps-choice{min-height:8.5rem;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);color:var(--text-primary);cursor:pointer;touch-action:manipulation;align-content:center;justify-items:center;gap:.35rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.rps-choice:not(:disabled):hover,.rps-choice:not(:disabled):focus-visible{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 7%, var(--surface-1));transform:translateY(-3px)}.rps-choice:disabled{cursor:default;opacity:.55}.rps-choice[data-selected=true]{opacity:1;border-color:color-mix(in srgb, var(--accent) 62%, var(--border-subtle))}.rps-choice__glyph{font-size:clamp(2.5rem,7vw,4rem)}.rps-choice small{color:var(--text-muted)}.rps-result,.rps-message-card{border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);background:var(--surface-1);box-shadow:var(--shadow-1)}.rps-result{justify-content:space-between;align-items:center;gap:var(--space-5);padding:clamp(1.2rem,3vw,2rem);display:flex}.rps-result h2{margin:var(--space-2) 0;letter-spacing:-.04em;font-size:clamp(1.6rem,4vw,2.5rem)}.rps-result p,.rps-message-card p{color:var(--text-secondary);margin:0}.rps-message-card{text-align:center;width:min(100%,38rem);margin:18vh auto 0;padding:clamp(1.4rem,4vw,2.4rem)}.rps-message-card h1{margin:var(--space-4) 0 var(--space-5);letter-spacing:-.05em;font-size:clamp(2rem,6vw,3.5rem)}@keyframes rps-bounce{0%{transform:translateY(-3%)rotate(-8deg)}to{transform:translateY(4%)rotate(-2deg)}}.rps-hand-zone--opponent .rps-hand{animation-direction:alternate-reverse}@media (max-width:720px){.rps-page{padding-inline:.8rem}.rps-score-strip{grid-template-columns:1fr auto 1fr;gap:.45rem}.rps-player{gap:.45rem;min-height:4rem;padding:.55rem}.rps-player .player-avatar{width:2.35rem;height:2.35rem}.rps-player strong{font-size:.8rem}.rps-player span{display:none}.rps-player b{font-size:1.1rem}.rps-round{min-width:3.4rem}.rps-table{gap:.4rem;min-height:20rem;padding:1rem .7rem}.rps-hand{width:min(31vw,8rem)}.rps-choice-panel{gap:.55rem}.rps-choice{min-height:7rem;padding:.65rem .35rem}.rps-choice small{display:none}.rps-result{flex-direction:column;align-items:stretch}.rps-result .button{width:100%}}@media (prefers-reduced-motion:reduce){.rps-table[data-state=countdown] .rps-hand{animation:none}.rps-choice{transition:none}}.cf-table,.rps-table,.chess-table{background:#080a0f;border:1px solid #ffffff1a;box-shadow:0 16px 42px #00000047}.chess-seat strong,.chess-seat span{color:#e9eff2}.chess-seat span{color:#a1aebb}.rps-hand-label{color:#acb7c4}.rps-hand-zone>strong{color:#eaf0f6}.cf-arena-status{display:none}@media (max-width:700px){.cf-page,.rps-page,.chess-page{min-height:100svh;padding:max(.4rem, env(safe-area-inset-top,0px)) max(.4rem, env(safe-area-inset-right,0px)) max(.9rem, env(safe-area-inset-bottom,0px)) max(.4rem, env(safe-area-inset-left,0px))}.cf-topbar,.rps-topbar,.chess-header{gap:.5rem;min-height:2.8rem;padding-inline:.2rem}.cf-back,.rps-back,.chess-back{white-space:nowrap;min-height:44px;padding-inline:.8rem;font-size:.8rem}.cf-room-code,.rps-room-code,.chess-code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;overflow:hidden}.cf-room-code strong,.rps-room-code strong{font-size:.72rem}.cf-shell,.rps-shell,.chess-layout{gap:.55rem;width:100%;min-width:0;padding:.35rem 0 1.25rem}.cf-score-strip,.rps-score-strip{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.3rem}.cf-player,.rps-player{border-radius:.75rem;gap:.35rem;min-width:0;min-height:3.3rem;padding:.35rem .4rem}.cf-player .player-avatar,.rps-player .player-avatar{flex:0 0 2rem;width:2rem;height:2rem}.cf-player strong,.rps-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.71rem;display:block;overflow:hidden}.cf-round,.rps-round{border-radius:.7rem;min-width:2.55rem;min-height:3.3rem;padding:.25rem .32rem}.cf-round span,.rps-round span{font-size:.55rem}.cf-round strong,.rps-round strong{font-size:1rem}.cf-status,.rps-status,.chess-head{text-align:center;width:100%}.cf-status .eyebrow,.rps-status .eyebrow,.chess-head .eyebrow,.cf-status p,.rps-status p,.chess-head p{display:none}.cf-status h1,.rps-status h1,.chess-head h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:.15rem 0;font-size:clamp(1.05rem,4.5vw,1.4rem);line-height:1.2}.cf-table{perspective:none;border-radius:.7rem;grid-template-rows:auto 1fr;place-items:center;gap:.7rem;width:100%;min-height:clamp(25rem,69svh,44rem);margin:0;padding:.55rem .35rem 1.45rem;display:grid}.cf-arena-status{letter-spacing:.09em;color:#b3c0cb;justify-content:space-between;align-self:start;align-items:center;gap:.5rem;width:100%;padding:.1rem .4rem;font-size:.64rem;font-weight:800;display:flex}.cf-arena-status strong{color:#f6f8fa;font-size:.67rem}.cf-board-wrap{place-self:center;width:min(100%,34rem);transform:none}.cf-board{background:linear-gradient(#192d40,#101c2a);border-radius:.75rem;box-shadow:inset 0 1px #ffffff1f,inset 0 -5px 14px #00000038,0 9px 20px #00000052}.cf-board:before,.cf-board:after{display:none}.cf-slot{background:radial-gradient(circle at 50% 53%,#05080d 0 57%,#293d4c 59% 67%,#0f1e2a 69%)}.rps-table{border-radius:.7rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.35rem;width:100%;min-height:clamp(21rem,53svh,37rem);padding:.9rem .4rem}.rps-hand-zone{gap:.5rem;min-width:0}.rps-hand{width:min(30vw,10rem)}.rps-hand span{font-size:clamp(2.8rem,11vw,5rem)}.rps-hand-label{font-size:.67rem}.rps-center-mark{width:clamp(2.3rem,9vw,3.25rem)}.rps-choice-panel{gap:.4rem}.rps-choice{border-radius:.75rem;gap:.22rem;min-height:5.75rem;padding:.5rem .25rem}.rps-choice__glyph{font-size:2.1rem}.rps-choice strong{font-size:.78rem}.chess-table{border-radius:.7rem;grid-template-rows:auto 1fr auto;align-items:center;gap:.5rem;width:100%;max-width:39rem;min-height:clamp(30rem,75svh,47rem);padding:.55rem .35rem;display:grid;box-shadow:0 16px 42px #00000047}.chess-board{border:2px solid #3a4a52;border-radius:.4rem;width:100%;max-width:35rem;margin-inline:auto}.chess-seat{gap:.5rem;min-width:0;min-height:3rem;padding:.25rem .5rem}.chess-seat .player-avatar{width:2.15rem;height:2.15rem}.chess-seat strong{font-size:.82rem}.chess-seat span{font-size:.73rem}.chess-piece{font-size:clamp(1.5rem,8vw,3.4rem)}.cf-result,.rps-result,.chess-result,.chess-promotion{width:100%;max-width:100%}}@media (max-width:350px){.cf-page,.rps-page,.chess-page{padding-inline:.25rem}.cf-player .player-avatar,.rps-player .player-avatar{flex-basis:1.75rem;width:1.75rem;height:1.75rem}.cf-round,.rps-round{min-width:2.25rem}.rps-hand{width:min(29vw,8rem)}}@media (max-width:700px) and (max-height:630px){.cf-table{min-height:24rem}.rps-table{min-height:19rem}.chess-table{min-height:29rem}}.dots-page{background:radial-gradient(circle at 50% -15%,#95b0bd17,transparent 30rem),var(--bg-0);min-height:100svh;color:var(--text-primary);padding:clamp(.65rem,2.5vw,1.75rem);overflow-x:hidden}.dots-topbar,.dots-shell{width:min(100%,60rem);margin-inline:auto}.dots-topbar{justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;display:flex}.dots-back{border:1px solid var(--border-subtle);background:var(--surface-1);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:2rem;padding:0 1rem;font-weight:700}.dots-back:hover,.dots-back:focus-visible{border-color:var(--border-strong)}.dots-code{color:var(--text-muted);letter-spacing:.1em;align-items:center;gap:.65rem;font-size:.68rem;display:flex}.dots-code strong{color:var(--text-primary);font-size:.83rem}.dots-shell{justify-items:center;gap:1rem;padding:.5rem 0 2rem;display:grid}.dots-heading{text-align:center}.dots-heading h1{letter-spacing:-.05em;margin:.25rem 0;font-size:clamp(1.8rem,4vw,3rem)}.dots-heading p{color:var(--text-secondary);margin:0;font-size:.87rem}.dots-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,42rem);display:grid}.dots-player{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:1rem;align-items:center;gap:.65rem;min-width:0;padding:.7rem;display:flex}.dots-player[data-active=true]{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-subtle))}.dots-player__avatar{background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.dots-player__identity{flex:1;gap:.15rem;min-width:0;display:grid}.dots-player__identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.dots-player__identity small{letter-spacing:.12em;color:var(--text-muted);font-size:.62rem;font-weight:800}.dots-player b{font-variant-numeric:tabular-nums;font-size:1.6rem}.dots-player[data-slot="1"] b{color:#ed947d}.dots-player[data-slot="2"] b{color:#7bb8ef}.dots-stage{color:#e9eef4;background:#080a0f;border:1px solid #ffffff1a;border-radius:1rem;width:min(100%,42rem);padding:.6rem;box-shadow:0 18px 55px #0000004d}.dots-stage__header{letter-spacing:.03em;color:#aebccc;justify-content:space-between;align-items:center;gap:.65rem;min-height:2rem;padding:0 .35rem .4rem;font-size:.7rem;font-weight:750;display:flex}.dots-stage__header span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.dots-stage__status{color:#fff}.dots-paper-wrap{aspect-ratio:1;background:#eee8d8;border:5px solid #d5cbb7;border-radius:.4rem;place-items:center;width:100%;display:grid;position:relative;box-shadow:inset 0 0 30px #2323200d}.dots-paper{aspect-ratio:1;isolation:isolate;grid-template-rows:repeat(4,12px minmax(0,1fr)) 12px;grid-template-columns:repeat(4,12px minmax(0,1fr)) 12px;width:83%;display:grid;position:relative}.dots-dot{z-index:5;background:#343841;border:2px solid #f8f4e9;border-radius:50%;place-self:center;width:12px;height:12px;box-shadow:0 1px 2px #00000047}.dots-edge{z-index:4;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.4rem;place-items:center;min-width:0;min-height:0;margin:0;padding:0;display:grid;position:relative}.dots-edge--h{align-self:center;height:42px;margin-block:-15px}.dots-edge--v{justify-self:center;width:42px;margin-inline:-15px}.dots-edge:before{content:"";background:#c5bfb2;border-radius:5px;transition:background .12s,transform .12s;display:block}.dots-edge--h:before{width:100%;height:5px}.dots-edge--v:before{width:5px;height:100%}.dots-edge:not(:disabled):hover:before,.dots-edge:not(:disabled):focus-visible:before{background:#898d91;transform:scale(1.05)}.dots-edge:focus-visible{outline-offset:-2px;outline:2px solid #214eac}.dots-edge:disabled{cursor:default}.dots-edge[data-owner="1"]:before{background:#dc6e58}.dots-edge[data-owner="2"]:before{background:#498fc6}.dots-edge[data-last=true][data-owner="1"]:before{box-shadow:0 0 0 2px #dc6e584d}.dots-edge[data-last=true][data-owner="2"]:before{box-shadow:0 0 0 2px #498fc64d}.dots-box{z-index:0;color:#0000;pointer-events:none;border-radius:.4rem;place-items:center;font-size:clamp(1rem,4vw,1.8rem);display:grid}.dots-box[data-owner="1"]{color:#ce5f4b;background:#dc6e5838}.dots-box[data-owner="2"]{color:#377cb3;background:#498fc638}.dots-stage__footer{color:#b6bdc7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;padding:.65rem .35rem .2rem;font-size:.66rem;font-weight:700;display:flex}.dots-stage__footer span{align-items:center;gap:.35rem;display:inline-flex}.dots-key{border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.dots-key--one{background:#dc6e58}.dots-key--two{background:#498fc6}.dots-overlay{z-index:7;color:#252935;text-align:center;background:#ebe2cde6;place-content:center;justify-items:center;gap:.65rem;display:grid;position:absolute;inset:0}.dots-overlay strong{letter-spacing:-.05em;font-size:clamp(2.4rem,8vw,4rem)}.dots-overlay span{font-weight:700}.dots-result{text-align:center;border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:1rem;justify-items:center;gap:.5rem;width:min(100%,42rem);padding:1.4rem;display:grid}.dots-result>span{letter-spacing:.13em;color:var(--text-muted);font-size:.68rem;font-weight:800}.dots-result h2{margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}.dots-result p{color:var(--text-secondary);margin:0 0 .5rem}.dots-result button{min-width:11rem}@media (max-width:700px){.dots-page{padding:max(.35rem,env(safe-area-inset-top,0px)) max(.4rem,env(safe-area-inset-right,0px)) max(.8rem,env(safe-area-inset-bottom,0px)) max(.4rem,env(safe-area-inset-left,0px))}.dots-topbar{min-height:2.9rem;padding-inline:.1rem}.dots-shell{gap:.55rem;width:100%;padding:.1rem 0 1.2rem}.dots-heading h1{margin:0;font-size:1.3rem}.dots-heading p{display:none}.dots-scores{gap:.4rem;width:100%}.dots-player{border-radius:.75rem;gap:.4rem;min-height:3.4rem;padding:.4rem}.dots-player__avatar{width:2rem;height:2rem}.dots-player__identity strong{font-size:.73rem}.dots-player b{font-size:1.35rem}.dots-stage{border-radius:.7rem;flex-direction:column;justify-content:space-between;width:100%;min-height:clamp(26rem,70svh,42rem);padding:.4rem;display:flex}.dots-stage__header{padding:.1rem .2rem .3rem;font-size:.62rem}.dots-stage__footer{padding:.4rem .2rem .1rem;font-size:.61rem}.dots-paper-wrap{aspect-ratio:1;width:100%}.dots-paper{width:85%}.dots-dot{width:10px;height:10px}.dots-edge--h{height:42px}.dots-edge--v{width:42px}}@media (max-width:350px){.dots-stage{min-height:25rem}.dots-stage__header{font-size:.58rem}.dots-stage__footer span:last-child{width:100%}}@media (prefers-reduced-motion:reduce){.dots-edge:before{transition:none}}