body.online-page{color-scheme:dark;--bg:#0d0d0f;--surface:#161618;--ink:#e6e6e8;--muted:#939396;--line:#2a2a2d;--green:#e6e6e8;--wash:#202023;background:radial-gradient(ellipse at 50% 0,#232326 0,transparent 65%),#0d0d0f;min-height:100vh}.online-page .wordmark img{filter:invert(1)}.online-page .header{border-bottom:1px solid #ffffff09}.online-page .games{border:0;gap:16px}.online-page .game-card,.online-page .game-card:first-child,.online-page .game-card:last-child{padding:25px;background:linear-gradient(145deg,#1d1d20,#141416);border:1px solid #2c2c30;border-radius:12px;box-shadow:0 14px 40px #0004}.online-page .button{background:#ceced1;border-color:#ceced1;color:#18181a}.online-page .button.secondary{background:#ffffff05;color:#c8c8cd;border-color:#3a3a3e}.online-page .play-panel{box-shadow:0 15px 45px #0004}.online-page .board{--light:#c3c3c3;--board:#767676}.online-page select,.online-page input{background:#19191c}.online-page .notice{background:#19191b}.online-intro{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.room-link{display:flex;gap:8px}.room-link input{width:100%;font-size:10px}.network-status{font-size:10px;color:#a0a0a4;line-height:1.7;margin-top:12px}.online-error{color:var(--ink);border-left:2px solid #888;padding:12px;background:var(--wash);font-size:12px;line-height:1.7}.online-page .history button{background:var(--wash);border:0;border-radius:4px;color:var(--ink);padding:6px}.guest-name{font-size:10px;color:var(--muted)}.waiting-note{padding:20px 0;color:var(--muted);font-size:12px;line-height:1.8}.online-page .section{min-height:65vh}.online-page footer{color:#777}.online-page .promotion button{color:#eee}.online-page .clock.running{background:#ccc;color:#111}.online-page .summary-row{font-size:11px}.online-page .review-controls button{font-size:11px}.online-page .games .empty{background:#151517;border-radius:12px;border:1px dashed #343438}.online-page .section-heading h2{font-size:36px}.online-page .play-panel .player strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.online-page .section-heading h2{font-size:27px}.online-page .game-card{padding:20px}.online-page .play-panel .player strong{max-width:140px}.online-intro .button{padding:12px 15px;font-size:10px}.room-link{flex-wrap:wrap}}
 .practice-help{font-size:11px;line-height:1.85;color:var(--muted);margin:20px 0}.online-page #live-board .square:hover{box-shadow:inset 0 0 0 2px #ffffff50}.online-page #live-board .square.selected{box-shadow:inset 0 0 0 3px #222}.online-page .status{font-size:12px;line-height:1.8}
body.online-page{--bg:#070707;--surface:#101010;--ink:#ddd;--muted:#888;--line:#252525;--wash:#181818;background:radial-gradient(ellipse at 50% 0,#171717 0,transparent 62%),#070707}.online-page .play-panel{background:linear-gradient(145deg,#151515,#0d0d0d);border-color:#272727;box-shadow:0 20px 65px #0008}.online-page .game-sidebar .play-panel{background:#101010}.online-page .notice,.online-page select,.online-page input{background:#131313}.online-page .board{--light:#b6b6b6;--board:#707070}.online-page .player.bottom .clock,.online-page .clock.running{background:#bdbdbd;color:#111}