@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--font-headline: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--color-bg: #11131a;--color-bg-elevated: #0c0e15;--color-surface: #1d1f26;--color-surface-high: #282a31;--color-surface-highest: #33343c;--color-outline: #3c4a46;--color-outline-soft: rgba(60, 74, 70, .25);--color-text: #e2e2ec;--color-text-muted: #bacac5;--color-text-soft: #8b9b97;--color-primary: #2dd4bf;--color-primary-strong: #57f1db;--color-primary-ink: #003731;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 8px 20px rgba(0, 0, 0, .22);--shadow-md: 0 18px 38px rgba(0, 0, 0, .34);--shadow-lg: 0 30px 60px rgba(0, 0, 0, .42);--nav-top-height: 80px;--nav-side-width: 80px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at 8% 8%,rgba(45,212,191,.12),transparent 26%),radial-gradient(circle at 92% 84%,rgba(45,212,191,.08),transparent 30%),var(--color-bg);overflow-x:hidden}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}input{border:1px solid var(--color-outline-soft);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);padding:12px 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus{border-color:#2dd4bf8c;box-shadow:0 0 0 3px #2dd4bf1f}button{cursor:pointer;border:0;transition:transform .12s ease,filter .14s ease,background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}button:hover:not(:disabled){filter:brightness(1.04)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.55;cursor:not-allowed}main{min-height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 450,"GRAD" 0,"opsz" 24;line-height:1;vertical-align:middle}.surface-glass{background:#1d1f26a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-outline-soft);box-shadow:var(--shadow-sm)}.surface-danger{background:#6d000566;border:1px solid rgba(248,113,113,.5)}.button-primary,.button-secondary,.button-danger,.button-ghost,.button-pill,.icon-button,.side-nav-link,.fab-button{min-height:44px;border-radius:var(--radius-md)}.button-primary{background:var(--color-primary);color:var(--color-primary-ink);border:1px solid rgba(45,212,191,.7);font-weight:800}.button-secondary{background:var(--color-surface-high);color:var(--color-text);border:1px solid var(--color-outline-soft);font-weight:700}.button-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(248,113,113,.35);font-weight:700}.button-ghost,.button-pill{background:#ffffff05;color:var(--color-text-muted);border:1px solid var(--color-outline-soft);font-weight:700}.button-pill{border-radius:999px;font-size:.9rem}.icon-button{width:40px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-muted);border:1px solid transparent}.icon-button:hover{color:var(--color-primary);background:#2dd4bf14;border-color:#2dd4bf33}.app-nav{position:sticky;top:0;z-index:40;height:var(--nav-top-height);display:flex;align-items:center;justify-content:space-between;padding:0 28px;margin-left:var(--nav-side-width);background:#11131ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(60,74,70,.2)}.app-nav-logo{font-family:var(--font-headline);font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:var(--color-primary)}.app-nav-actions{display:flex;align-items:center;gap:8px}.app-nav-username{color:var(--color-text-muted);font-size:.92rem;margin-right:10px}.app-nav-username:hover{color:var(--color-primary)}.side-nav{position:fixed;top:0;left:0;width:var(--nav-side-width);height:100vh;background:var(--color-bg-elevated);border-right:1px solid rgba(60,74,70,.2);display:flex;flex-direction:column;align-items:center;padding:24px 0;z-index:50}.side-nav-links{margin-top:90px;display:flex;flex-direction:column;gap:12px}.side-nav-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-text-soft);border:1px solid transparent}.side-nav-link:hover{background:#2dd4bf14;color:var(--color-primary);border-color:#2dd4bf33}.side-nav-link.is-active{background:#2dd4bf14;color:var(--color-primary);border-color:#2dd4bf40}.side-nav-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:center}.side-avatar{width:42px;height:42px;border-radius:999px;background:var(--color-surface-highest);border:1px solid var(--color-outline-soft);display:grid;place-items:center;color:var(--color-primary);font-weight:800}.app-content{margin-left:var(--nav-side-width);padding:26px 28px 36px}.page-header{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-title{font-family:var(--font-headline);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.page-subtitle{margin-top:8px;color:var(--color-text-muted);max-width:680px;line-height:1.5}.page-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#2dd4bf14;border:1px solid rgba(45,212,191,.22);color:var(--color-primary);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.inline-error,.error{color:#ffb4ab}.auth-shell{min-height:100vh;display:flex;flex-direction:column}.auth-card{width:min(560px,100%);margin:72px auto;padding:24px;border-radius:18px;background:#1d1f26b3;border:1px solid var(--color-outline-soft);box-shadow:var(--shadow-sm)}.landing-nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid rgba(60,74,70,.25);background:#11131aa8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-brand{font-family:var(--font-headline);font-size:1.7rem;font-weight:800;letter-spacing:-.04em;color:var(--color-primary)}.landing-main{flex:1;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;padding:56px 44px;align-items:center}.landing-headline{font-family:var(--font-headline);font-size:clamp(2.4rem,7vw,5.1rem);letter-spacing:-.05em;line-height:1.02;margin:16px 0 20px}.gradient-text{background:linear-gradient(135deg,#2dd4bf,#00bfa5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-copy{color:var(--color-text-muted);max-width:580px;line-height:1.65;margin-bottom:22px}.auth-actions{display:flex;flex-wrap:wrap;gap:12px}.auth-actions button{padding:12px 20px}.landing-note{margin-top:14px;color:var(--color-text-soft);font-size:.9rem}.landing-preview{border-radius:24px;padding:20px}.preview-register-shell{background:radial-gradient(circle at 18% 62%,rgba(45,212,191,.08),transparent 34%),radial-gradient(circle at 76% 56%,rgba(61,72,150,.14),transparent 35%),#0d1018}.preview-register-topbar{display:flex;justify-content:center;padding:28px 16px 10px}.preview-register-topbar h1{font-family:var(--font-headline);color:var(--color-primary);font-size:2rem;letter-spacing:-.03em}.preview-register-main{flex:1;display:grid;place-items:center;padding:18px 14px 30px}.preview-register-card{width:min(540px,100%);border-radius:14px;padding:28px;border:1px solid rgba(255,255,255,.04)}.preview-register-header{text-align:center;margin-bottom:20px}.preview-register-header h2{font-family:var(--font-headline);font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.03em}.preview-register-header p{color:var(--color-text-soft);margin-top:8px}.preview-register-social{display:grid;gap:10px}.preview-register-social .button-secondary{min-height:48px;background:#303441cc}.preview-register-divider{position:relative;margin:18px 0;text-align:center}.preview-register-divider:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:#ffffff14}.preview-register-divider span{position:relative;z-index:1;display:inline-block;padding:0 12px;text-transform:uppercase;font-size:.62rem;letter-spacing:.19em;font-weight:800;color:var(--color-text-soft);background:#191b22e6}.preview-register-form{display:flex;flex-direction:column;gap:12px}.preview-register-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preview-register-form label{display:flex;flex-direction:column;gap:6px;font-size:.64rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--color-text-soft)}.preview-register-form input{background:#060b14e6;border:1px solid rgba(255,255,255,.06)}.preview-register-checkbox{flex-direction:row!important;align-items:center;gap:8px!important;font-size:.74rem!important;text-transform:none!important;letter-spacing:normal!important;font-weight:500!important;color:var(--color-text-muted)!important;margin-top:2px}.preview-register-checkbox input{width:16px;height:16px;margin:0}.preview-register-checkbox a{color:var(--color-primary)}.preview-register-cta{min-height:50px;margin-top:8px;box-shadow:0 0 20px -5px #2dd4bf80}.preview-register-footer{margin-top:16px;text-align:center}.preview-register-footer p{color:var(--color-text-soft);font-size:.92rem}.preview-register-note{margin-top:8px;font-size:.8rem!important}.preview-link-button{border:0;background:transparent;color:var(--color-primary);font-weight:700;min-height:unset;padding:0}.preview-register-bottom{border-top:1px solid rgba(255,255,255,.06);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--color-text-soft);font-size:.78rem}.preview-register-bottom nav{display:inline-flex;gap:14px}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-title{font-family:var(--font-headline);font-weight:700}.preview-status{font-size:.76rem;color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-tile{aspect-ratio:4 / 3;border-radius:12px;border:1px solid var(--color-outline-soft);background:linear-gradient(140deg,#2b2e37,#161a21);display:flex;align-items:flex-end;padding:10px;color:var(--color-text-muted);font-size:.82rem}.preview-board{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--color-outline-soft);display:grid;grid-template-columns:repeat(8,1fr)}.preview-board div{aspect-ratio:1}.preview-board div:nth-child(odd){background:#ffffff0a}.preview-board div:nth-child(2n){background:#2dd4bf1a}.preview-board-game{width:72%;margin-left:auto;margin-right:auto}.preview-board-history{width:min(100%,340px)}.lobby-shell{min-height:100vh}.lobby-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{border-radius:24px;padding:22px}.panel h3{font-family:var(--font-headline);font-size:1.35rem;margin-bottom:14px}.panel p{color:var(--color-text-muted);margin-bottom:14px}.form-row{display:flex;gap:10px}.form-row input{flex:1}.lobby-resume-hint{margin-top:10px;font-size:.9rem;color:var(--color-text-soft)}.lobby-resume-hint button{border:0;background:transparent;color:var(--color-primary);font-size:.9rem;padding:0;min-height:unset;text-decoration:underline}.lobby-username-form{display:flex;flex-direction:column;gap:10px}.lobby-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{background:var(--color-surface-high);border:1px solid var(--color-outline-soft);border-radius:12px;padding:14px}.stat-card .label{color:var(--color-text-soft);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.stat-card .value{margin-top:8px;font-size:1.45rem;font-weight:800}.stub-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.stub-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:12px;background:var(--color-surface-high);border:1px solid var(--color-outline-soft)}.tag{border-radius:999px;padding:4px 8px;font-size:.62rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.tag.api-missing{background:#f8717124;border:1px solid rgba(248,113,113,.35);color:#ffb4ab}.tag.ui-ready{background:#2dd4bf1c;border:1px solid rgba(45,212,191,.3);color:var(--color-primary)}.profile-page{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.profile-main,.profile-side{display:flex;flex-direction:column;gap:16px}.profile-hero{display:flex;gap:18px;align-items:center}.profile-hero-expanded{align-items:flex-start}.profile-hero-meta{flex:1}.profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-rank-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--color-primary);background:#2dd4bf1a;border:1px solid rgba(45,212,191,.28)}.avatar-square{width:92px;height:92px;border-radius:12px;border:1px solid var(--color-outline-soft);display:grid;place-items:center;background:linear-gradient(140deg,#27303b,#13171f);color:var(--color-primary);font-family:var(--font-headline);font-size:1.8rem;font-weight:800}.profile-name{font-family:var(--font-headline);font-size:2rem;letter-spacing:-.03em}.profile-joined{margin-top:6px;color:var(--color-text-muted)}.profile-summary{margin-top:8px;color:var(--color-text-soft);font-size:.9rem;line-height:1.45}.profile-elo-card{border-radius:12px;border:1px solid rgba(45,212,191,.2);background:#0a161c80;padding:12px;min-width:120px}.profile-elo-card .label{color:var(--color-text-soft);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.profile-elo-card .value{margin-top:8px;font-size:2rem;line-height:1;font-weight:800;color:var(--color-primary)}.profile-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-stats-row-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-username-row{display:flex;gap:10px;margin-top:10px}.profile-username-row input{flex:1}.profile-username-row .button-primary{min-width:100px}.profile-verification-card{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--color-outline-soft);background:var(--color-surface-high)}.profile-verification-title{font-weight:700}.profile-verification-sub{color:var(--color-text-soft);font-size:.86rem}.profile-verification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-coming-soon{margin-top:10px;width:100%}.profile-divider{border:0;border-top:1px solid rgba(60,74,70,.25);margin:4px 0}.room-shell{min-height:100vh;display:flex;flex-direction:column;gap:12px;padding:18px 22px 24px}.room-command-bar{display:flex;justify-content:flex-start}.room-status-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:14px}.room-code-line,.socket-status{color:var(--color-text-muted);font-size:.86rem}.room-status-strip h1{font-family:var(--font-headline);letter-spacing:-.02em;font-size:clamp(1.2rem,2.3vw,1.9rem)}.room-status-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.room-grid{display:grid;grid-template-columns:290px minmax(460px,1fr) 290px;grid-template-areas:"left game right";align-items:start;gap:12px}.room-side{display:flex;flex-direction:column;gap:10px}.room-side-left{grid-area:left}.room-side-right{grid-area:right}.video-panel{display:flex;flex-direction:column;gap:10px}.player-video-card{background:var(--color-surface);border:1px solid var(--color-outline-soft);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.player-video-frame{position:relative;aspect-ratio:3 / 4;background:linear-gradient(155deg,#2c2f39,#141820)}.player-video-frame video{width:100%;height:100%;object-fit:cover;display:block;background:#141820}.player-video-avatar{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-headline);font-size:2.3rem;font-weight:800;letter-spacing:.02em;color:#ffffffe6}.player-video-meta{padding:12px;display:flex;flex-direction:column;gap:4px}.player-video-name{font-family:var(--font-headline);font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.player-video-subtitle{color:var(--color-text-muted);font-size:.85rem}.player-video-row{display:inline-flex;align-items:center;gap:7px;font-size:1.05rem;font-weight:700}.player-video-clock{font-family:var(--font-headline)}.status-dot{width:9px;height:9px;border-radius:999px;display:inline-block}.status-dot.is-online{background:var(--color-primary);box-shadow:0 0 10px #2dd4bf80}.status-dot.is-offline{background:var(--color-danger)}.media-control-row,.room-action-row{display:flex;flex-wrap:wrap;gap:8px}.media-control-row .button-pill,.room-action-row button,.room-command-bar .button-ghost{padding:10px 14px}.media-status-line{color:var(--color-text-muted);font-size:.82rem}.media-error-line{color:#ffb4ab;font-size:.82rem}.game-panel{grid-area:game;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.game-header-row{display:flex;justify-content:center}.turn-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(45,212,191,.3);background:#2dd4bf1a;color:var(--color-primary);font-weight:800;letter-spacing:.03em}.board-wrap{display:flex;justify-content:center}.board-panel{width:min(100%,clamp(420px,46vw,620px));border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.board-panel>div{width:100%!important}.clock-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.clock-row p{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-headline);font-size:1rem;font-weight:800}.error-banner{border-radius:12px;padding:10px 12px;display:flex;gap:8px;align-items:center}.error-banner button{margin-left:auto}.error-toast{position:fixed;right:16px;bottom:14px;z-index:80;background:#080a11eb;color:var(--color-text);border:1px solid rgba(60,74,70,.4);border-radius:12px;box-shadow:var(--shadow-sm);padding:10px 12px}.modal-backdrop{position:fixed;inset:0;z-index:90;background:#050608bf;display:grid;place-items:center;padding:12px}.modal-card{width:min(620px,100%);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.result-pgn{border-radius:10px;border:1px solid var(--color-outline-soft);background:#ffffff08;padding:8px;max-height:140px;overflow:auto}.mobile-fallback-card{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.mobile-fallback-card p{color:var(--color-text-muted)}.friends-layout,.history-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.friend-list{display:flex;flex-direction:column;gap:10px}.friend-row{background:#1d1f26b8;border:1px solid var(--color-outline-soft);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-meta{display:flex;align-items:center;gap:10px}.avatar-chip{width:44px;height:44px;border-radius:12px;background:var(--color-surface-high);border:1px solid var(--color-outline-soft);display:grid;place-items:center;color:var(--color-primary);font-family:var(--font-headline);font-weight:800}.friend-name{font-weight:700}.friend-subtext{color:var(--color-text-soft);font-size:.78rem}.history-table-wrap{border-radius:18px;overflow:hidden;border:1px solid var(--color-outline-soft);background:#1d1f26ad}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px 14px;border-bottom:1px solid rgba(60,74,70,.2);text-align:left;font-size:.9rem}.history-table th{color:var(--color-text-soft);font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.result-badge{border-radius:999px;padding:4px 8px;font-size:.64rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.result-badge.win{background:#2dd4bf1c;border:1px solid rgba(45,212,191,.32);color:var(--color-primary)}.result-badge.loss{background:#f8717124;border:1px solid rgba(248,113,113,.35);color:#ffb4ab}.result-badge.draw{background:#bacac51c;border:1px solid rgba(186,202,197,.24);color:var(--color-text-muted)}.fab-button{width:58px;min-width:58px;height:58px;border-radius:18px;position:fixed;right:20px;bottom:20px;background:var(--color-primary);border:1px solid rgba(45,212,191,.8);color:var(--color-primary-ink);font-weight:800;box-shadow:0 18px 32px #2dd4bf4d;z-index:20}.preview-top-actions{gap:10px}.preview-dropdown{position:relative}.preview-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,80vw);max-height:420px;overflow:auto;background:#091120f2;border:1px solid rgba(186,202,197,.25);border-radius:14px;box-shadow:0 20px 40px #03081161;padding:12px;z-index:40;display:none}.preview-dropdown-menu.is-open{display:block}.preview-dropdown-menu h4{margin:2px 0 10px}.preview-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;border-radius:999px;background:#f97316;color:#0a101f;font-size:.66rem;display:grid;place-items:center;padding:0 4px;font-weight:800}.preview-empty{color:var(--color-text-muted)}.preview-notification{border:1px solid rgba(186,202,197,.18);border-radius:10px;padding:10px;margin-bottom:8px;background:#0f1b2b8c}.preview-notification.is-unread{border-color:#2dd4bf80}.preview-notification-title{margin:0 0 4px;font-weight:700}.preview-row-actions{display:flex;gap:8px;margin-top:8px}.history-review-controls{margin-top:10px}.preview-toggle-row{display:flex;gap:8px;align-items:center;padding:8px 0}.preview-room-grid{grid-template-columns:320px minmax(360px,1fr) 320px}.preview-video-card .player-video-frame{min-height:430px}.preview-game-panel{padding:8px;gap:8px}.preview-modal-backdrop{position:fixed;inset:0;background:#03060cd6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:120;padding:16px}.preview-modal-card{width:min(680px,96vw);border-radius:16px;border:1px solid rgba(186,202,197,.25);padding:16px}.preview-modal-card-obsidian{width:min(760px,96vw);padding:0;border:1px solid rgba(170,189,185,.17);background:linear-gradient(180deg,#1d2026f2,#17191ef2);overflow:hidden}.preview-modal-card h3{margin-top:0;margin-bottom:0}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid rgba(170,189,185,.11)}.preview-modal-header .button-ghost{min-height:34px;padding:8px 12px}.preview-modal-body{padding:16px 24px;display:flex;flex-direction:column;gap:18px}.preview-section-label{display:flex;align-items:center;gap:10px;margin-bottom:10px}.preview-section-label span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-soft);font-weight:800}.preview-section-label div{flex:1;height:1px;background:#aabdb91c}.preview-time-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.preview-time-btn{border:1px solid rgba(170,189,185,.18);border-radius:10px;min-height:62px;background:#090c11b8;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.preview-time-btn strong{font-size:.9rem}.preview-time-btn span{font-size:.68rem}.preview-time-btn.is-active{border-color:#2dd4bfcc;background:#2dd4bf1f;color:var(--color-primary)}.preview-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-color-btn{border:1px solid rgba(170,189,185,.2);border-radius:12px;background:#090c11bd;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted)}.preview-color-btn span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-headline);font-weight:800;font-size:1.2rem;background:linear-gradient(150deg,#fff,#708389);color:#111a1f}.preview-color-btn strong{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}.preview-color-btn.is-active{border-color:#2dd4bfe0;background:#2dd4bf1a;color:var(--color-primary)}.preview-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-player-card{border:1px solid rgba(170,189,185,.2);border-radius:12px;background:#080b11bd;padding:12px;display:flex;flex-direction:column;gap:10px}.preview-player-card.is-you{border-color:#2dd4bf59}.preview-player-title{margin:0;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary)}.preview-player-card label{display:flex;flex-direction:column;gap:7px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft);font-weight:800}.preview-player-card input{border-radius:8px;border:1px solid rgba(170,189,185,.22);background:#23262eb8;padding:9px 10px;color:var(--color-text)}.preview-takeback-row p{margin:0 0 6px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft);font-weight:800}.preview-takeback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.preview-takeback-grid button{min-height:34px;border-radius:8px;border:1px solid rgba(170,189,185,.18);background:#1a1d24e6;color:var(--color-text-muted);font-weight:800}.preview-takeback-grid button.is-active{background:#2dd4bfe6;border-color:#2dd4bff2;color:#001d19}.preview-takeback-grid button:disabled{opacity:.45}.preview-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.preview-settings-grid label{display:flex;flex-direction:column;gap:6px}.preview-modal-footer{border-top:1px solid rgba(170,189,185,.12);background:#0e1118b8;padding:16px 24px 18px}.preview-modal-footer p{margin:8px 0 0;text-align:center;color:var(--color-text-soft);font-size:.76rem}.preview-modal-footer .preview-toggle-row{margin:0 0 10px;padding:0;font-size:.86rem}.preview-start-btn{width:100%}@media(max-width:1199px){.room-grid{grid-template-columns:1fr 1fr;grid-template-areas:"game game" "left right"}.room-status-strip{flex-direction:column;align-items:flex-start}.room-status-meta{align-items:flex-start}.landing-main,.lobby-grid,.profile-page,.friends-layout,.history-layout{grid-template-columns:1fr}.profile-elo-card{width:100%;min-width:0}.preview-board-game{width:82%}.preview-video-card .player-video-frame{min-height:320px}}@media(max-width:920px){.app-nav,.app-content{margin-left:0}.side-nav{display:none}.app-nav{padding:0 16px;height:68px}.app-content{padding:18px 14px 82px}.landing-nav{padding:0 16px;height:68px}.landing-main{padding:20px 14px 26px}}@media(max-width:767px){.form-row{flex-direction:column}.preview-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-color-grid,.preview-player-grid{grid-template-columns:1fr}.preview-modal-header,.preview-modal-body,.preview-modal-footer{padding-left:14px;padding-right:14px}.preview-settings-grid{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:flex-start}.profile-stats-row,.profile-stats-row-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-username-row,.profile-verification-card{flex-direction:column;align-items:stretch}.preview-register-grid{grid-template-columns:1fr}.preview-register-card{padding:20px 14px}.preview-register-bottom{flex-direction:column;text-align:center}.room-shell{padding:12px 10px 18px}.board-panel{width:min(100%,66vh)}.player-video-meta{padding:9px}.player-video-name{font-size:.96rem}.player-video-subtitle,.media-status-line,.media-error-line{display:none}.button-pill,.button-primary,.button-secondary,.button-danger,.button-ghost{min-height:40px;font-size:.86rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}