:root{--bg:#07090e;--bg-elevated:#0c1018;--surface:#111827;--surface2:#161f2e;--border:#2d3a4f;--border-glow:#00f5d440;--text:#eef2f8;--muted:#8b9cb3;--accent:#00f5d4;--accent-hot:#7bf1a8;--accent-magenta:#f15bb5;--accent-dim:#00f5d41f;--danger:#ff6b6b;--warn:#ffd93d;--gold:gold;--silver:#c0d0e8;--bronze:#cd7f32;--radius:14px;--radius-sm:10px;--shadow:0 16px 48px #00000073;--font:"Rajdhani", system-ui, -apple-system, sans-serif;--font-display:"Orbitron", var(--font);--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{min-height:100dvh;font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(ellipse 900px 500px at 50% -20%, #00f5d414, transparent), radial-gradient(ellipse 700px 400px at 100% 50%, #f15bb50d, transparent), linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 35%, #040508 100%), repeating-linear-gradient(0deg, transparent, transparent 40px, #2d3a4f1f 40px, #2d3a4f1f 41px);color:var(--text);margin:0;font-size:17px;font-weight:500;line-height:1.45}#root{max-width:720px;min-height:100dvh;margin:0 auto;padding:0 1rem 2.5rem}.mono{font-family:var(--mono);font-size:.9em}.muted{color:var(--muted)}.app-shell{flex-direction:column;gap:1.25rem;padding-top:1.5rem;display:flex}.app-header{text-align:center;position:relative}.app-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);opacity:.85;margin:0 0 .25rem;font-size:.72rem;font-weight:700}.app-title{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:clamp(1.85rem,6vw,2.5rem);font-weight:800;line-height:1.15}.app-title__main{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hot) 45%, #fff 100%);color:#0000;text-shadow:0 0 40px #00f5d459;-webkit-background-clip:text;background-clip:text}.app-subtitle{color:var(--muted);margin:.5rem 0 0;font-size:1rem;font-weight:500}.app-header__rule{background:linear-gradient(90deg, transparent, var(--accent), var(--accent-magenta), transparent);opacity:.7;border-radius:999px;max-width:200px;height:3px;margin:1rem auto 0}.app-main{flex:1}.app-footer{text-align:center;color:var(--muted);padding-top:1rem;font-size:.75rem}.banner{border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.banner--info{background:var(--surface2);border:1px solid var(--border)}.banner--warn{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2459}.banner--error{color:#fecaca;background:#f871711f;border:1px solid #f8717159}.btn-inline{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(180deg, var(--surface2) 0%, var(--surface) 100%);min-height:46px;color:var(--text);font-family:var(--font);letter-spacing:.02em;cursor:pointer;justify-content:center;align-items:center;padding:0 1.35rem;font-size:1rem;font-weight:700;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:hover:not(:disabled){background:linear-gradient(#1c2638 0%,#141c2a 100%);border-color:#4a5d78;box-shadow:0 4px 20px #00000059}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{min-height:38px;padding:0 .9rem;font-size:.92rem}.btn--primary{border-color:var(--border-glow);color:var(--accent);background:linear-gradient(135deg,#00f5d440 0%,#7bf1a81f 100%);box-shadow:0 0 0 1px #00f5d414,0 4px 24px #00f5d41f}.btn--primary:hover:not(:disabled){border-color:var(--accent);color:#b8fff4;background:linear-gradient(135deg,#00f5d459 0%,#7bf1a833 100%);box-shadow:0 0 24px #00f5d433,0 4px 28px #0006}.btn--pulse{animation:2.8s ease-in-out infinite btn-glow}@keyframes btn-glow{0%,to{box-shadow:0 0 0 1px #00f5d414,0 4px 24px #00f5d41a}50%{box-shadow:0 0 0 1px #00f5d433,0 4px 32px #00f5d438}}.btn--ghost{box-shadow:none;background:0 0}.btn--ghost:hover:not(:disabled){box-shadow:none;background:#ffffff0a}.card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(165deg,#161f2ef2 0%,#111827fa 100%)}.card--glow{box-shadow:var(--shadow), 0 0 0 1px #00f5d40f, inset 0 1px 0 #ffffff0a;border-color:#2d3a4fe6}.card--accent-edge{box-shadow:0 0 32px #00f5d414, var(--shadow);border-color:#00f5d459}.lobby{flex-direction:column;gap:1.25rem;display:flex}.lobby .card{padding:1.05rem 1.15rem}.lobby__stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.lobby__elo{color:var(--accent);text-shadow:0 0 24px #00f5d459;font-size:1.35rem;font-weight:700}.lobby__career{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .75rem;font-size:1.05rem;display:flex}.lobby__career-nums{color:var(--text);font-weight:700}.lobby__career-divider{background:var(--accent-magenta);opacity:.7;border-radius:50%;width:4px;height:4px;margin:0 .15rem;display:inline-block}.lobby__mode-label{margin-bottom:.5rem;display:block}.lobby__resume{text-align:center}.lobby__resume p{color:var(--muted);margin:0 0 .75rem}.lobby__actions{flex-direction:column;gap:1.5rem;display:flex}.lobby__user-bar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lobby__rating{flex-direction:column;gap:.15rem;display:flex}.lobby__user-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.lobby__logout{flex-shrink:0}.lobby__section-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin:0 0 .35rem;font-size:.95rem;font-weight:700}.lobby__section-desc{margin:0 0 .75rem;font-size:.85rem;line-height:1.45}.lobby__lb-meta{margin:.15rem 0 0;font-size:.8rem}.lobby__lb-range{margin:0 0 .65rem;font-size:.85rem}.lobby__lb-range strong{color:var(--accent-hot)}.lobby__lb-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.lobby__lb-page{font-size:.95rem;font-weight:600}.lobby__lb-row--gold td:first-child{color:var(--gold);text-shadow:0 0 12px #ffd70059;font-weight:800}.lobby__lb-row--silver td:first-child{color:var(--silver);font-weight:800}.lobby__lb-row--bronze td:first-child{color:var(--bronze);font-weight:800}.lobby__lb-row--gold{background:linear-gradient(90deg,#ffd70014,#0000)}.lobby__lb-row--silver{background:linear-gradient(90deg,#c0d0e80f,#0000)}.lobby__lb-row--bronze{background:linear-gradient(90deg,#cd7f3214,#0000)}.lobby__lb-elo{color:var(--accent-hot);font-weight:700}.auth-page{max-width:360px;margin:0 auto;padding:1rem 0 2rem}.auth-page__title{text-align:center;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.auth-page__hint{text-align:center;margin:0 0 1.25rem;font-size:.88rem;line-height:1.45}.auth-page__form{flex-direction:column;gap:1rem;display:flex}.auth-page__label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.auth-page__error{color:var(--danger);margin:0;font-size:.88rem}.auth-page__submit{width:100%;margin-top:.25rem}.auth-page__switch{text-align:center;color:var(--muted);margin:1.25rem 0 0;font-size:.9rem}.game-status__timer{text-align:center;color:var(--warn);margin:.25rem 0 0;font-size:1.05rem;font-weight:600}.lobby__mode-row{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}@media (width>=480px){.lobby__mode-row{flex-direction:row;gap:1.25rem}}.lobby__radio{cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.lobby__discover-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.lobby__room-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.lobby__room{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem .65rem;display:flex}.lobby__room-id{flex:1;min-width:0;font-size:.8rem}.lobby__room-meta{color:var(--muted);font-size:.85rem}.lobby__lb-table-wrap{margin-top:.75rem;overflow-x:auto}.lobby__lb-table{border-collapse:collapse;width:100%;font-size:.85rem}.lobby__lb-table th,.lobby__lb-table td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .35rem}.lobby__lb-table th{color:var(--muted);font-weight:500}.lobby__join label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}.lobby__join-row{flex-direction:column;gap:.5rem;display:flex}@media (width>=480px){.lobby__join-row{flex-direction:row}.lobby__join-row .input{flex:1}}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;width:100%;padding:0 .85rem}.input:focus{outline:2px solid var(--accent);outline-offset:2px}.input--game{background:#07090e99;border-color:#00f5d433;box-shadow:inset 0 0 20px #00000040}.input--game:focus{border-color:var(--accent);box-shadow:inset 0 0 20px #0003,0 0 0 3px #00f5d41f}.game-page{flex-direction:column;gap:1.25rem;display:flex}.game-status__headline{font-family:var(--font-display);letter-spacing:.04em;text-align:center;margin:0;font-size:1.25rem;font-weight:700}.game-status__meta{justify-content:center;gap:1.5rem;margin:.75rem 0 0;padding:0;display:flex}.game-status__meta>div{text-align:center}.game-status__meta dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.7rem}.game-status__meta dd{margin:.15rem 0 0;font-weight:600}.player-strip{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.player-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.9rem;display:flex}.player-chip--self{border-color:#00f5d473;box-shadow:0 0 16px #00f5d41f}.player-chip__symbol{color:var(--accent);font-size:1.1rem;font-weight:700}.board-grid{aspect-ratio:1;border-radius:calc(var(--radius) + 4px);background:linear-gradient(145deg,#111827e6,#07090ef2);border:1px solid #00f5d41f;grid-template-columns:repeat(3,1fr);gap:.55rem;width:min(100%,360px);margin:0 auto;padding:.5rem;display:grid;box-shadow:0 0 40px #00f5d40f,inset 0 1px #ffffff0a}.board-cell{border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-display);cursor:pointer;background:linear-gradient(165deg,#141c2a 0%,#0d121c 100%);border:1px solid #2d3a4fd9;justify-content:center;align-items:center;min-height:0;padding:0;font-size:clamp(2rem,10vw,2.85rem);font-weight:800;transition:background .18s,transform .12s,border-color .18s,box-shadow .18s;display:flex}.board-cell:hover:not(:disabled){background:linear-gradient(165deg,#1a2538 0%,#121a28 100%);border-color:#00f5d459;box-shadow:0 0 20px #00f5d414}.board-cell:disabled{cursor:default;opacity:.85}.board-cell--pop{animation:.28s cell-pop}@keyframes cell-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}.board-cell__mark{line-height:1}.toast{border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.88rem;display:flex}.game-page__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.game-result-modal{z-index:260;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.game-result-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#06080ce0;position:absolute;inset:0}.game-result-modal__panel{z-index:1;text-align:center;border-radius:calc(var(--radius) + 6px);background:linear-gradient(165deg, var(--surface) 0%, var(--surface2) 100%);pointer-events:auto;border:1px solid #00f5d42e;width:100%;max-width:min(420px,100%);padding:2rem 1.75rem 1.75rem;position:relative;box-shadow:0 0 0 1px #0003,0 24px 64px #00000073,0 0 80px #00f5d40f}.game-result-modal__title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,8vw,2.75rem);font-weight:800;line-height:1.1}.game-result-modal__title--win{color:#5eead4;text-shadow:0 0 40px #00f5d459}.game-result-modal__title--loss{color:var(--muted)}.game-result-modal__title--draw{color:var(--text)}.game-result-modal__reason{margin:1rem 0 0;font-size:1rem}.game-result-modal__elo{color:var(--muted);margin:.85rem 0 0;font-size:1.05rem}.game-result-modal__countdown{margin:1.35rem 0 0;font-size:.95rem}.game-result-modal__actions{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.game-result-modal__leave{width:100%;min-height:48px;font-weight:600}.game-result-modal__copy{width:100%}.profile-modal{z-index:250;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-modal__backdrop{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0a0c12d1;border:none;margin:0;padding:0;position:absolute;inset:0}.profile-modal__panel{z-index:1;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);pointer-events:auto;width:100%;max-width:420px;max-height:min(90vh,640px);padding:1.35rem 1.25rem 1.5rem;position:relative;overflow-y:auto;box-shadow:0 12px 40px #00000059}.profile-modal__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.profile-modal__title{font-size:1.2rem;font-family:var(--font-display);margin:0}.profile-modal__close{flex-shrink:0;min-width:2.25rem;min-height:2.25rem;padding:0;font-size:1.35rem;line-height:1}.profile-modal__stats{gap:.85rem;margin:0 0 1.25rem;display:grid}.profile-modal__stat{margin:0}.profile-modal__stat dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .2rem;font-size:.7rem;font-weight:700}.profile-modal__stat dd{word-break:break-all;margin:0;font-size:.95rem}.profile-modal__userid{font-size:.82rem}.profile-modal__career-pending{margin:0;font-size:.85rem}.profile-modal__edit-btn{width:100%}.profile-modal__form{flex-direction:column;gap:.75rem;display:flex}.profile-modal__edit-hint{margin:0;font-size:.85rem;line-height:1.45}.profile-modal__edit-hint--tight{margin-top:.25rem}.profile-modal__password-block{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;margin-top:1.25rem;padding-top:1rem;display:flex}.profile-modal__subheading{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:700}.profile-modal__form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.username-gate{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c12d1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.username-gate__panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;padding:1.5rem 1.35rem;box-shadow:0 12px 40px #00000059}.username-gate__title{text-align:center;margin:0 0 .5rem;font-size:1.25rem}.username-gate__text{text-align:center;margin:0 0 1.25rem;font-size:.88rem;line-height:1.45}.username-gate__form{flex-direction:column;gap:.75rem;display:flex}.username-gate__hint{margin:-.25rem 0 0;font-size:.82rem}.username-gate__logout{width:100%;margin-top:1rem}