: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:3.4rem;position:relative;transform:rotateX(2deg)}.cf-column-controls{grid-template-columns:repeat(7,1fr);gap:clamp(.22rem,.8vw,.55rem);height:3rem;padding-inline:clamp(.65rem,1.8vw,1.15rem);display:grid;position:absolute;inset:0 0 auto}.cf-column-controls button{border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;opacity:.65;background:0 0;border:0;transition:opacity .14s,transform .14s,background .14s}.cf-column-controls button:not(:disabled):hover,.cf-column-controls button:not(:disabled):focus-visible{opacity:1;background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent);transform:translateY(2px)}.cf-column-controls button:disabled{cursor:not-allowed;opacity:.2}.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:3.4rem 0 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-controls 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%}}