:root{--nnw-blue:#185cff;--nnw-green:#6bea59;--nnw-ink:#17191d;--nnw-paper:#f5f3ed}.room-landing,.room-join,.battle-room{min-height:100vh;color:var(--nnw-ink);background:var(--nnw-paper);font:14px/1.5 Microsoft YaHei,PingFang SC,sans-serif}.room-landing{padding-bottom:70px;overflow:auto}.room-landing nav,.room-topbar{background:#fff;border-bottom:1px solid #d9d6ce;align-items:center;height:78px;padding:0 5vw;display:flex}.room-landing nav img,.room-topbar img,.room-logo img{width:210px;height:auto;display:block}.room-landing nav span{letter-spacing:.12em;margin-left:auto;font-size:12px;font-weight:800}.room-landing>header{padding:76px 8vw 48px}.room-landing>header>span{color:var(--nnw-blue);letter-spacing:.18em;font-size:12px;font-weight:900}.room-landing h1{letter-spacing:-.075em;margin:14px 0 18px;font-size:64px;line-height:1.03}.room-landing>header p{color:#70747b;max-width:650px;font-size:17px}.room-entry-grid{grid-template-columns:1.15fr .85fr;gap:22px;padding:0 8vw;display:grid}.room-entry-grid>form,.join-card{background:#fff;border:1px solid #cecac1;padding:36px}.room-entry-grid small{color:var(--nnw-blue);letter-spacing:.14em;font-weight:900}.room-entry-grid h2{letter-spacing:-.05em;margin:7px 0 27px;font-size:32px}.room-entry-grid label,.room-join label{color:#6b6d72;margin:15px 0;font-size:12px;font-weight:700;display:block}.room-entry-grid input,.room-entry-grid select,.room-join input{background:#fff;border:1px solid #c7c7c7;outline:none;width:100%;height:48px;margin-top:7px;padding:0 13px;display:block}.room-entry-grid input:focus,.room-entry-grid select:focus,.room-join input:focus{border-color:var(--nnw-blue)}.player-count{align-items:center;gap:7px;margin:18px 0;display:flex}.player-count span{margin-right:auto;font-size:12px;font-weight:700}.player-count button{background:#fff;border:1px solid #bbb;width:58px;height:38px}.player-count button.active{color:#fff;border-color:var(--nnw-blue);background:var(--nnw-blue)}.room-primary,.room-secondary{border:1px solid var(--nnw-ink);width:100%;height:50px;font-weight:900}.room-primary{color:#fff;background:var(--nnw-ink)}.room-secondary{background:#fff;margin-top:10px}.join-card .code-input{letter-spacing:.35em;text-align:center;height:74px;font-size:38px;font-weight:900}.join-card>p{color:#92949a;text-align:center;font-size:11px}.room-error{z-index:99;color:#fff;background:#e64b3d;align-items:center;gap:15px;max-width:390px;padding:15px 18px;font-weight:700;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:6px 6px #00000024}.room-error button{color:#fff;background:0 0;border:0;font-size:18px}.room-join{place-items:center;display:grid}.room-logo{position:absolute;top:28px;left:5vw}.room-join>section{width:620px;box-shadow:14px 14px 0 var(--nnw-green);background:#fff;border:1px solid #c8c4bb;padding:54px}.room-join>section>span{color:var(--nnw-blue);letter-spacing:.16em;font-weight:900}.room-join h1{letter-spacing:-.06em;font-size:46px}.room-join>section>div{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.room-join button{color:#fff;background:var(--nnw-blue);border:0;height:52px;font-weight:900}.room-join button+button{color:var(--nnw-ink);background:#fff;border:1px solid}.room-loading{background:var(--nnw-paper);place-items:center;width:100vw;height:100vh;font-size:18px;font-weight:800;display:grid}.battle-room{height:100vh;overflow:hidden}.room-topbar{grid-template-columns:230px 1fr auto auto;gap:12px;height:70px;padding:0 28px;display:grid}.room-topbar>div small,.room-topbar>div b{display:block}.room-topbar>div small{color:#7f8185;font-size:10px}.room-topbar>button{border:1px solid var(--nnw-ink);background:var(--nnw-green);height:36px;padding:0 18px;font-weight:800}.room-topbar>button.exit-room{background:#fff}.room-main{grid-template-columns:minmax(760px,1fr) 320px;height:calc(100vh - 70px);display:grid}.room-core{padding:34px 40px 50px;overflow:auto}.room-heading{justify-content:space-between;align-items:flex-start;display:flex}.room-heading span{color:var(--nnw-blue);letter-spacing:.12em;font-size:12px;font-weight:900}.room-heading h1{letter-spacing:-.055em;margin:7px 0 24px;font-size:38px}.room-live{background:#fff;border:1px solid #c9c9c9;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.room-live i{background:#f0a32f;border-radius:50%;width:8px;height:8px}.room-live.running i{background:#3ad16f;box-shadow:0 0 0 4px #dff7e7}.seat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.seat-card{background:#fff;border:1px solid #cbc8c0;min-height:188px;padding:16px;position:relative}.seat-card>header{color:#888;letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex}.seat-card>header b{color:#fff;background:var(--nnw-blue);padding:3px 6px}.seat-name{align-items:center;gap:10px;margin-top:25px;display:flex}.seat-name>i{width:43px;height:43px;color:var(--nnw-blue);background:#dce6ff;border-radius:50%;place-items:center;font-size:17px;font-style:normal;font-weight:900;display:grid}.seat-name strong,.seat-name small{display:block}.seat-name small{color:#777;margin-top:3px;font-size:10px}.seat-progress{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:26px;display:grid}.seat-progress>span{background:#e7e7e7;height:7px}.seat-progress>span i{background:var(--nnw-green);height:100%;display:block}.seat-progress>b{font-size:10px}.empty-seat{color:#999;flex-direction:column;justify-content:center;align-items:center;height:145px;display:flex}.empty-seat>i{border:1px dashed #aaa;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;font-style:normal;display:grid}.empty-seat b{color:#6f7073;margin-top:10px;font-size:12px}.empty-seat span{font-size:9px}.remove-player{color:#a0a0a0;background:0 0;border:0;font-size:9px;position:absolute;bottom:10px;right:10px}.lobby-controls{background:#fff;border:1px solid #cac7c0;grid-template-columns:1fr 1fr 1.3fr;gap:18px;margin-top:18px;padding:18px;display:grid}.lobby-controls>div>b{margin-bottom:8px;font-size:11px;display:block}.lobby-controls span{gap:5px;display:flex}.lobby-controls span button{background:#fff;border:1px solid #bbb;width:45px;height:31px}.lobby-controls span button.active{color:#fff;background:var(--nnw-blue)}.lobby-controls select{background:#fff;border:1px solid #bbb;width:100%;height:34px}.lobby-controls em{font-style:normal}.lobby-actions{justify-content:flex-end;align-items:end;gap:8px;display:flex}.lobby-actions button{border:1px solid;height:42px;padding:0 18px;font-weight:900}.lobby-actions .ready{background:#fff}.lobby-actions .ready.active{background:#dff7dc}.lobby-actions .start-room{color:#fff;background:var(--nnw-ink)}.lobby-actions .start-room:disabled{opacity:.35}.match-stage{grid-template-columns:1fr 1.2fr;gap:16px;min-height:300px;margin-top:18px;display:grid;position:relative}.countdown{z-index:3;color:#fff;background:#17191d;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.countdown small{letter-spacing:.16em}.countdown strong{font-size:96px;line-height:1}.battle-task,.live-ranking{background:#fff;border:1px solid #c9c6be;padding:28px}.battle-task small{color:var(--nnw-blue);font-weight:900}.battle-task h2{font-size:30px}.battle-task p{color:#777;line-height:1.8}.battle-task>div{gap:8px;margin-top:25px;display:flex}.battle-task button,.result-board button,.result-board a{background:#fff;border:1px solid;padding:12px 16px;font-weight:800}.battle-task button:first-child{color:#fff;background:var(--nnw-blue)}.live-ranking>header{justify-content:space-between;margin-bottom:15px;display:flex}.live-ranking>div{border-top:1px solid #e5e3de;grid-template-columns:25px 90px 1fr 38px 55px;align-items:center;gap:8px;padding:11px 8px;display:grid}.live-ranking>div.me{background:#eff4ff}.live-ranking>div>i{color:#fff;background:#17191d;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid}.rank-bar{background:#ecebe8;height:8px}.rank-bar em{background:var(--nnw-green);height:100%;display:block}.live-ranking small{color:#777;text-align:right}.result-board{background:#fff;border:1px solid #c8c5bd;margin-top:18px;padding:30px}.result-board h2{font-size:30px}.result-board>div{border-top:1px solid #e5e3de;justify-content:space-between;padding:16px 5px;display:flex}.result-board footer{gap:8px;margin-top:20px;display:flex}.result-board footer button{color:#fff;background:var(--nnw-blue)}.result-board footer a{text-decoration:none}.room-chat{background:#fff;border-left:1px solid #c8c5bd;grid-template-rows:auto auto 1fr auto;min-height:0;display:grid}.room-chat>header{border-bottom:1px solid #ddd;padding:20px}.room-chat>header>div{justify-content:space-between;display:flex}.room-chat>header small{color:#9a9a9a;font-size:9px}.spectators{background:#f7f8f5;border-bottom:1px solid #e5e5e5;padding:12px 18px}.spectators b,.spectators span{display:block}.spectators b{font-size:9px}.spectators span{color:#777;margin-top:3px;font-size:10px}.chat-list{padding:10px 18px;overflow:auto}.chat-list p{margin:10px 0}.chat-list p small,.chat-list p span{display:block}.chat-list p small{color:#888;font-size:9px}.chat-list p span{background:#f1f2ef;margin-top:3px;padding:8px 10px;display:inline-block}.chat-empty{color:#aaa;text-align:center;place-items:center;height:100%;display:grid}.room-chat form{border-top:1px solid #ddd;padding:12px;display:flex}.room-chat form input{border:1px solid #bbb;flex:1;min-width:0;height:38px;padding:0 10px}.room-chat form button{color:#fff;background:var(--nnw-ink);border:0;width:58px}.rank-notice{background:var(--nnw-green);padding:9px 15px;font-weight:800;position:fixed;top:90px;left:50%;transform:translate(-50%)}.room-topbar{grid-template-columns:230px 1fr auto auto auto}.room-topbar>button.close-room{color:#a43e32;background:#fff}@media (width<=1100px){.room-landing h1{font-size:52px}.room-entry-grid{padding:0 5vw}.room-core{padding:28px 24px}.room-main{grid-template-columns:minmax(720px,1fr) 280px}.seat-card{padding:12px}.seat-name{gap:6px}.lobby-controls{grid-template-columns:1fr 1fr}.lobby-actions{grid-column:1/-1}}.battle-room .room-main{display:block}.battle-room .room-core{height:100%}.battle-observer{flex-direction:column;gap:12px;min-width:0;display:flex}.shared-realtime.match-stage,.shared-turn.match-stage{grid-template-columns:minmax(560px,1.45fr) minmax(330px,.75fr)}.snake-arena{aspect-ratio:30/22;background:#dfe5ef;width:100%;padding:5px;gap:1px!important;margin:0!important;display:grid!important}.snake-grid{background:#f7f9fc;min-width:0;min-height:0}.arena-snake,.arena-food{z-index:2;color:#fff;place-items:center;min-width:0;min-height:0;font-size:7px;font-style:normal;font-weight:900;display:grid}.arena-snake.dead{opacity:.28}.arena-food{color:#e34f3f;background:#fff}.arena-food.gold{color:#e7a600}.arena-food.slow{color:#1557f0}.tic-room-board,.gomoku-room-board{background:#ccd3df;gap:2px!important;margin:0!important;display:grid!important}.tic-room-board{grid-template-columns:repeat(3,1fr)}.gomoku-room-board{grid-template-columns:repeat(15,1fr)}.tic-room-board button,.gomoku-room-board button{aspect-ratio:1;place-items:center;font-weight:900;display:grid;color:#17213a!important;background:#fff!important;border:0!important;padding:0!important}.tic-room-board button{font-size:32px}.gomoku-room-board button{font-size:8px}.mahjong-table-mini{grid-template-columns:1fr 1fr;gap:8px!important;margin:0!important;display:grid!important}.mahjong-table-mini>div{background:#f7f9fc;border:1px solid #d4d9e3;min-height:90px;padding:10px}.mahjong-table-mini b{color:#1557f0;display:block}.mahjong-table-mini i{background:#fff;border:1px solid #cbd2df;place-items:center;width:22px;height:28px;margin:3px 2px 0;font-size:7px;font-style:normal;display:inline-grid}.mahjong-action{gap:7px!important;margin-top:10px!important;display:flex!important}.mahjong-action select{flex:1}.mahjong-action button{margin:0!important}.generic-grid{grid-template-columns:repeat(10,1fr);gap:3px!important;margin:0!important;display:grid!important}.generic-grid.sudoku{grid-template-columns:repeat(9,1fr)}.generic-grid.difference{grid-template-columns:repeat(4,1fr)}.generic-grid button{aspect-ratio:1;place-items:center;font-size:9px;display:grid;color:#1557f0!important;background:#eef3fb!important;border:1px solid #ccd5e5!important;padding:0!important}.generic-grid button:disabled{color:#16713b!important;background:#dff3df!important}.opponent-states{background:#fff;border:1px solid #c9c6be;padding:18px}.opponent-states>header{justify-content:space-between;margin-bottom:10px;display:flex}.opponent-states>header span{color:#888;font-size:9px}.opponent-states>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.opponent-states article{border:1px solid #dce1ea;padding:8px}.opponent-states article strong,.opponent-states article small{font-size:9px;display:block}.mini-state{grid-template-columns:repeat(5,1fr);gap:2px;margin:7px 0;display:grid}.mini-state i{aspect-ratio:1;background:#e8ecf3}.mini-state i.done{background:#60e454}.room-sudoku{background:#17213a;grid-template-columns:repeat(9,1fr);gap:1px!important;margin:0!important;display:grid!important}.room-sudoku button{aspect-ratio:1;font-weight:800;color:#1557f0!important;background:#fff!important;border:0!important;padding:0!important}.room-sudoku button.given{color:#17213a!important;background:#e7ecf5!important}.room-sudoku button.selected{box-shadow:inset 0 0 0 2px #1557f0}.number-pad{grid-template-columns:repeat(9,1fr);gap:3px!important;margin:8px 0 0!important;display:grid!important}.number-pad button{height:28px;padding:0!important}.room-link{grid-template-columns:repeat(5,1fr);gap:6px!important;margin:0!important;display:grid!important}.room-link button{aspect-ratio:1;font-weight:900;color:#1557f0!important;background:#edf3ff!important;border:1px solid #c9d3e5!important;padding:0!important}.room-link button.open{box-shadow:inset 0 0 0 2px #1557f0}.room-link button.removed{visibility:hidden}.difference-room{grid-template-columns:1fr 1fr;gap:8px!important;margin:0!important;display:grid!important}.difference-room>div{background:linear-gradient(#fff 0 18%,#e9edf4 18% 19%,#fff 19% 45%,#e9edf4 45% 47%,#fff 47%);border:1px solid #ccd5e5;min-height:210px;padding:14px;position:relative}.difference-room>div>button{border-radius:50%;width:24px;height:24px;position:absolute;color:#e34f3f!important;background:#ff6c4c14!important;border:1px dashed #ff6c4c!important;padding:0!important}.room-tetris{background:#d4dbe7;grid-template-columns:repeat(10,1fr);width:min(100%,330px);gap:1px!important;margin:0 auto!important;display:grid!important}.room-tetris button{aspect-ratio:1;background:#f8f9fb!important;border:0!important;padding:0!important}.room-tetris button[data-v="1"],.room-tetris button[data-v="4"]{background:#1557f0!important}.room-tetris button[data-v="2"],.room-tetris button[data-v="5"]{background:#59cd87!important}.room-tetris button[data-v="3"],.room-tetris button[data-v="6"]{background:#ff704e!important}.room-tetris button[data-v="7"]{background:#a782ff!important}.battle-task{padding:18px}.battle-task>.real-room-game{margin:0;display:block}.real-room-game{outline:none}.real-room-game>header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.real-room-game>header h2{margin:3px 0 0;font-size:22px}.real-room-game>header>span{font-size:11px;font-weight:800}.real-room-game>p{color:#7a7d83;margin:13px 0 0;font-size:10px;line-height:1.55}.mines-board{grid-template-columns:repeat(8,1fr);gap:3px!important;margin:0!important;display:grid!important}.mines-board button{aspect-ratio:1;font-size:14px;font-weight:900;color:#185cff!important;background:#edf2fa!important;border:1px solid #b9c4d8!important;padding:0!important}.mines-board button.open{background:#fff!important}.mines-board button.hit{color:#fff!important;background:#ed604c!important}.board-2048{background:#d6d0c4;grid-template-columns:repeat(4,1fr);padding:8px;gap:7px!important;margin:0!important;display:grid!important}.board-2048>div{aspect-ratio:1;background:#eeece5;place-items:center;font-size:20px;font-weight:900;display:grid}.board-2048>div[data-value="2"]{background:#e8efff}.board-2048>div[data-value="4"]{background:#d7e4ff}.board-2048>div[data-value="8"]{background:#b9ccff}.board-2048>div[data-value="16"],.board-2048>div[data-value="32"]{color:#fff;background:#5b7ff2}.board-2048>div[data-value="64"],.board-2048>div[data-value="128"],.board-2048>div[data-value="256"]{color:#fff;background:#185cff}.direction-pad{grid-template-columns:repeat(4,1fr);gap:6px!important;margin:10px 0 0!important;display:grid!important}.direction-pad button{height:36px;color:#17191d!important;background:#fff!important;border:1px solid #bfc1c5!important;padding:0!important}.sokoban-board{background:#e1ded7;grid-template-columns:repeat(7,1fr);width:min(100%,350px);padding:5px;gap:2px!important;margin:0 auto!important;display:grid!important}.sokoban-board>div{aspect-ratio:1;background:#fff;place-items:center;font-size:10px;font-weight:900;display:grid}.sokoban-board>div.wall{background:#28334a}.sokoban-board>div.goal{color:#15733b;background:#bff2cc}.sokoban-board>div.box{color:#fff;background:#e69c35}.sokoban-board>div.player{color:#fff;background:#185cff}.spectator-stage{margin:30px 0!important;display:block!important}.spectator-stage h2{margin:8px 0}.spectator-stage p{max-width:420px}.battle-room.status-running .room-main{height:calc(100vh - 58px);display:block}.battle-room.status-running .room-core{height:100%;padding:12px 22px 18px;overflow:hidden}.battle-room.status-running .room-heading{align-items:center;height:44px}.battle-room.status-running .room-heading h1{margin:2px 0 0;font-size:18px}.battle-room.status-running .room-heading span{font-size:8px}.room-heading p{color:#747983;margin:0}.room-heading p strong{color:var(--nnw-blue);letter-spacing:.12em;font-size:20px}.compact-seats .seat-card{border:0;border-right:1px solid #d8dae0;align-items:center;gap:13px;min-height:78px;padding:14px;display:flex}.compact-seats .seat-card>span{width:26px;height:26px;color:var(--nnw-blue);background:#edf2ff;border-radius:50%;place-items:center;font-weight:900;display:grid}.compact-seats .seat-card strong,.compact-seats .seat-card small{display:block}.compact-seats .seat-card small{color:#81858c;font-size:9px}.compact-seats .remove-player{margin-left:auto;position:static}.unified-lobby{grid-template-columns:.7fr 1fr 1.35fr .75fr 1fr}.challenge-choice span{gap:4px;display:flex}.challenge-choice span button{width:auto;min-width:54px;padding:0 7px}.challenge-confirm button{background:#fff;border:1px solid #b8bbc2;height:31px}.challenge-confirm button.active{background:#e7f9e9}.challenge-confirm small{color:#81858c;font-size:9px;display:block}.game-view-stage{height:calc(100% - 52px);margin-top:8px;display:block}.same-game-view{width:100%;height:100%;padding:18px 20px;position:relative;overflow:auto}.same-game-view>.real-room-game{width:min(1180px,100%);min-height:100%;margin:0 auto}.same-game-view .real-room-game>header{padding-right:210px}.same-game-view .snake-arena{max-width:960px;margin:0 auto!important}.same-game-view .sokoban-board{width:min(640px,72vh)}.same-game-view .board-2048{width:min(560px,70vh);margin:0 auto!important}.same-game-view .mines-board{width:min(620px,72vh);margin:0 auto!important}.battle-hud{z-index:5;background:#fffffff5;border:1px solid #17213a;width:222px;padding:10px;position:absolute;top:14px;right:14px;box-shadow:6px 6px #17213a1a}.battle-hud>header{justify-content:space-between;align-items:center;padding:2px 3px 8px;display:flex}.battle-hud>header div b,.battle-hud>header div span{display:block}.battle-hud>header div span{color:#878b94;font-size:8px}.battle-hud>header button{background:0 0;border:0;font-size:18px}.battle-hud>button{text-align:left;background:0 0;border:0;border-top:1px solid #e1e3e8;grid-template-columns:22px 1fr 35px;align-items:center;gap:7px;width:100%;padding:8px 4px;display:grid}.battle-hud>button.me{background:#edf3ff}.battle-hud>button>i{color:#fff;background:#17213a;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;display:grid}.battle-hud>button span b,.battle-hud>button span em{display:block}.battle-hud>button span em{background:#e6e8ec;height:4px;margin-top:4px}.battle-hud>button span u{background:var(--nnw-green);height:100%;display:block}.battle-hud>small{color:#858b95;font-size:8px}.room-chat-drawer{z-index:20;width:330px;position:fixed;top:58px;bottom:0;right:0;box-shadow:-12px 0 30px #141e321f}.room-chat-drawer .room-chat{height:100%}.drawer-close{z-index:2;background:#fff;border:1px solid;border-radius:50%;width:28px;height:28px;position:absolute;top:12px;right:12px}.opponent-layer,.game-result-layer{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e1525ad;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.opponent-layer>section{width:min(720px,90vw);box-shadow:14px 14px 0 var(--nnw-green);background:#fff;border:1px solid #17213a;padding:24px}.opponent-layer header{justify-content:space-between;display:flex}.opponent-layer h2{margin:4px 0 18px}.opponent-preview{background:#edf0f5;grid-template-columns:repeat(10,1fr);gap:4px;padding:12px;display:grid}.opponent-preview i{aspect-ratio:1;background:#fff}.opponent-preview i.done{background:var(--nnw-green)}.opponent-layer footer{border:1px solid #d6d9e0;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.opponent-layer footer span{border-right:1px solid #d6d9e0;padding:14px}.opponent-layer footer b{float:right;color:var(--nnw-blue)}.game-result-layer{z-index:70;overflow:auto}.game-result-layer>section{width:min(980px,94vw);box-shadow:18px 18px 0 var(--nnw-green);background:#fff;border:1px solid #17213a;grid-template-columns:1.05fr .95fr;display:grid}.game-result-layer>section>header{border-bottom:1px solid #d6d9e0;grid-column:1/-1;justify-content:space-between;padding:16px 22px;display:flex}.result-hero{border-right:1px solid #d6d9e0;padding:36px}.result-hero em{color:var(--nnw-blue);font-style:normal;font-weight:900}.result-hero h1{margin:12px 0 8px;font-size:42px;line-height:1.05}.result-ranking{padding:24px 28px}.result-ranking h2{margin:0 0 12px}.result-ranking>div{border-top:1px solid #e1e3e8;justify-content:space-between;padding:12px 5px;display:flex}.result-ranking>div.me{color:var(--nnw-blue);background:#edf3ff}.result-ranking span{font-size:10px}.point-breakdown{background:#f5f7fb;border-top:1px solid #d6d9e0;grid-column:1/-1;padding:20px 28px}.point-breakdown p{border-bottom:1px solid #e0e3e9;justify-content:space-between;margin:0;padding:7px 0;display:flex}.point-breakdown b.plus{color:#1a9b50}.point-breakdown b.minus{color:#d84e45}.point-breakdown footer{align-items:baseline;gap:15px;margin-top:12px;display:flex}.point-breakdown footer strong{color:var(--nnw-blue);font-size:24px}.point-breakdown footer em{margin-left:auto}.game-result-layer nav{grid-column:1/-1;grid-template-columns:1.5fr 1fr 1fr;gap:8px;padding:18px 28px;display:grid}.game-result-layer nav button,.game-result-layer nav a{color:#17213a;background:#fff;border:1px solid #17213a;place-items:center;height:46px;font-weight:900;text-decoration:none;display:grid}.game-result-layer nav button:first-child{color:#fff;background:var(--nnw-blue)}.direct-game-loading{color:#15243a;background:#f4f3ee;place-items:center;min-height:100vh;font-family:Microsoft YaHei,PingFang SC,sans-serif;display:grid}.direct-game-loading>a{position:fixed;top:28px;left:34px}.direct-game-loading>a img{width:200px}.direct-game-loading>section{text-align:center;background:#fff;border:1px solid #cfd5df;border-radius:18px;width:min(520px,90vw);padding:46px;box-shadow:0 24px 70px #1b2a411f}.direct-game-loading>section>span{color:#1557f0;letter-spacing:.16em;font-size:12px;font-weight:900}.launch-mark{color:#fff;background:#1557f0;border-radius:20px;place-items:center;width:76px;height:76px;margin:24px auto 18px;font-size:34px;font-weight:900;display:grid;box-shadow:10px 10px #60e454}.direct-game-loading h1{letter-spacing:-.05em;margin:28px 0 10px;font-size:34px}.direct-game-loading p{color:#68758a;margin:0;font-size:15px;line-height:1.8}.direct-game-loading section>i{background:#e7ebf1;border-radius:999px;height:6px;margin:28px 0 14px;display:block;overflow:hidden}.direct-game-loading section>i>b{border-radius:inherit;background:#1557f0;width:42%;height:100%;animation:1.2s ease-in-out infinite directLoad;display:block}.direct-game-loading section>small{color:#8a94a5;font-size:12px}@keyframes directLoad{0%{transform:translate(-110%)}to{transform:translate(260%)}}.room-quick-join{color:#15243a;background:#f4f3ee;min-height:100vh;font-family:Microsoft YaHei,PingFang SC,sans-serif}.room-quick-join>nav{background:#fff;border-bottom:1px solid #d7d9dd;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex}.room-quick-join nav img{width:210px;display:block}.room-quick-join nav span{font-size:13px;font-weight:800}.room-quick-join>section{grid-template-columns:1fr 430px;align-items:center;gap:90px;width:min(1120px,90vw);margin:0 auto;padding:11vh 0;display:grid}.room-quick-join header>span{color:#1557f0;letter-spacing:.16em;font-size:12px;font-weight:900}.room-quick-join h1{letter-spacing:-.075em;margin:15px 0 18px;font-size:64px;line-height:1.03}.room-quick-join header p{color:#68758a;max-width:520px;font-size:16px;line-height:1.8}.room-quick-join>section>div{background:#fff;border:1px solid #cbd2dd;border-radius:16px;padding:34px;box-shadow:12px 12px #60e454}.room-quick-join label{color:#59677c;font-size:13px;font-weight:800;display:block}.room-quick-join input{color:#1557f0;text-align:center;letter-spacing:.32em;background:#f8fafc;border:2px solid #bfc9d8;border-radius:10px;outline:none;width:100%;height:86px;margin:10px 0 14px;font-size:42px;font-weight:900;display:block}.room-quick-join input:focus{background:#fff;border-color:#1557f0}.room-quick-join>section>div>button{color:#fff;background:#1557f0;border:0;border-radius:8px;width:100%;height:54px;font-size:15px;font-weight:900}.room-quick-join>section>div>a{color:#66748a;text-align:center;margin-top:16px;font-size:12px;text-decoration:none;display:block}.battle-room{background:#eef1f5}.room-topbar{border-color:#d7dce4;height:72px;padding:0 30px;box-shadow:0 1px #18273e0a}.room-topbar>div small{font-size:11px}.room-topbar>div b{font-size:15px}.room-topbar>button{background:#fff;border-color:#b8c3d2;border-radius:7px;height:40px;padding:0 17px;font-size:12px}.room-topbar>button:first-of-type{color:#fff;background:#1557f0;border-color:#1557f0}.room-topbar>button.exit-room{color:#5e6b7f}.battle-room.status-waiting .room-main{height:calc(100vh - 72px)}.battle-room.status-waiting .room-core{width:min(1180px,100%);height:100%;margin:0 auto;padding:48px 42px}.battle-room.status-waiting .room-heading{align-items:center;margin-bottom:28px}.battle-room.status-waiting .room-heading span{font-size:11px}.battle-room.status-waiting .room-heading h1{margin:8px 0 10px;font-size:42px}.battle-room.status-waiting .room-heading p{font-size:14px}.battle-room.status-waiting .room-heading p strong{font-size:24px}.battle-room.status-waiting .room-live{border-radius:999px;padding:10px 14px;font-size:12px}.compact-seats{background:0 0;border:0;gap:12px}.compact-seats .seat-card{background:#fff;border-radius:12px;min-height:118px;padding:18px;border:1px solid #cbd3df!important}.compact-seats .seat-card>span{width:34px;height:34px;font-size:13px}.compact-seats .seat-card strong{font-size:15px}.compact-seats .seat-card small{margin-top:5px;font-size:11px}.compact-seats .seat-card.empty{background:#ffffff94;border-style:dashed!important}.compact-room-actions{background:#fff;border:1px solid #cbd3df;border-radius:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:20px 22px;display:flex}.compact-room-actions>div:first-child small,.compact-room-actions>div:first-child b,.compact-room-actions>div:first-child span{display:block}.compact-room-actions>div:first-child small{color:#7a8698;letter-spacing:.12em;font-size:10px;font-weight:800}.compact-room-actions>div:first-child b{margin:3px 0;font-size:17px}.compact-room-actions>div:first-child span{color:#778398;font-size:11px}.compact-room-actions .lobby-actions{align-items:center;display:flex}.compact-room-actions .lobby-actions button{border-radius:7px;min-width:116px;height:44px;font-size:13px}.compact-room-actions .ready-confirmed{color:#16633a;background:#e9f8ed;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:800}.battle-room.status-running .room-topbar{grid-template-columns:220px 1fr auto auto auto;height:64px;padding:0 24px}.battle-room.status-running .room-main{height:calc(100vh - 64px)}.battle-room.status-running .room-core{padding:0;overflow:hidden}.battle-room.status-running .room-heading{display:none}.battle-room.status-running .game-view-stage{height:100%;margin:0}.battle-room.status-running .same-game-view{background:#e9edf2;padding:18px 26px 24px}.battle-room.status-running .same-game-view>.real-room-game{width:min(1600px,100%);max-width:1600px;min-height:0;margin:0 auto}.battle-room.status-running .same-game-view .real-room-game>header{padding-right:0}.room-chat-drawer{top:64px}@media (width<=850px){.room-quick-join>section{grid-template-columns:1fr;gap:32px;padding:50px 0}.room-quick-join h1{font-size:44px}.compact-seats{grid-template-columns:1fr 1fr}.compact-room-actions{flex-direction:column;align-items:stretch;gap:18px}.battle-room.status-running .same-game-view{padding:10px}}.direct-game-loading .launch-failed .launch-mark{background:#d84e45;box-shadow:10px 10px #f2c94c}.launch-recovery{grid-template-columns:1.35fr 1fr;gap:10px;margin-top:26px;display:grid}.launch-recovery button,.launch-recovery a{color:#1557f0;background:#fff;border:1px solid #1557f0;border-radius:8px;place-items:center;height:48px;font-size:13px;font-weight:900;text-decoration:none;display:grid}.launch-recovery button{color:#fff;cursor:pointer;background:#1557f0;border-color:#1557f0}.dalian-game{max-width:1120px;margin:auto}.dalian-opponents{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:16px 0;display:grid}.dalian-opponents span{background:#f7f9fc;border:1px solid #cbd3df;justify-content:space-between;padding:12px 14px;display:flex}.dalian-opponents span.turn{border-color:#1557f0;box-shadow:inset 0 0 0 1px #1557f0}.dalian-opponents em{color:#687386;font-style:normal}.dalian-table{text-align:center;background:#e8eef0;border:1px solid #aebbc4;place-content:center;gap:18px;min-height:190px;display:grid}.dalian-table>div{justify-content:center;gap:6px;display:flex}.dalian-table i{background:#fff;border:1px solid #9ba8b5;border-radius:5px;padding:14px 9px;font-size:20px;font-style:normal}.dalian-hand{align-items:flex-end;padding:20px 6px 8px;display:flex;overflow-x:auto}.dalian-hand button{background:#fff;border:1px solid #8d99a8;border-radius:5px;flex-direction:column;flex:0 0 48px;justify-content:center;align-items:center;height:76px;margin-left:-8px;font-size:18px;transition:all .15s;display:flex}.dalian-hand button:first-child{margin-left:0}.dalian-hand button.selected{border:2px solid #1557f0;transform:translateY(-14px);box-shadow:0 5px 12px #1557f033}.dalian-hand button.red{color:#cf3535}.dalian-game>footer{justify-content:flex-end;align-items:center;gap:10px;padding:12px;display:flex}.dalian-game>footer button{background:#fff;border:1px solid #111;min-width:88px;padding:12px 20px;font-weight:700}.dalian-game>footer button:first-child{color:#fff;background:#1557f0;border-color:#1557f0}.dalian-game>footer span{color:#657080;margin-right:auto;font-size:13px}@media (width<=720px){.dalian-hand button{flex-basis:42px;height:68px}.dalian-game>footer span{display:none}}.room-gomoku{box-shadow:none!important;background:#fff!important;border-color:#333!important}.room-gomoku button{color:#111!important;box-shadow:none!important;background:0 0!important;border-color:#ccc!important}.room-gomoku button[disabled]{opacity:1}.room-gomoku button i{box-shadow:none!important}.gomoku-room-board{box-shadow:none!important;background:#bbb!important;border:1px solid #222!important;gap:1px!important}.gomoku-room-board button{color:#161616!important;opacity:1!important;box-shadow:none!important;font-size:clamp(14px,1.8vw,28px)!important}.room-mine-difficulty{background:#fff;border-bottom:1px solid #d2dfe9;align-items:center;gap:12px;padding:10px 20px;font-size:14px;display:flex}.room-mine-difficulty select{font:inherit;background:#fff;border:1px solid #c8d3e0;padding:8px}.mines-game .mines-board{gap:1px;width:min(100%,800px);overflow:auto}.mines-game .mines-board button{aspect-ratio:1;min-width:18px;min-height:18px;font-size:12px}:is(html:has(.card-workspace),body:has(.card-workspace)){background:#edf2f7;min-width:360px;height:auto;min-height:100%;overflow:auto}.card-workspace{--ink:#223d59;--blue:#235f91;--line:#d2dfe9;width:min(1280px,100%);min-height:calc(100dvh - 36px);color:var(--ink);margin:auto;padding:16px 28px 28px;font:15px/1.5 Microsoft YaHei,PingFang SC,Heiti SC,sans-serif}.card-workspace[hidden]{display:none}.card-workspace button,.ct-game button,.ct-result button{font:inherit;cursor:pointer;color:#284a68;background:#fff;border:1px solid #bccddb;border-radius:3px;min-height:36px;padding:7px 18px;transition:background .12s,border-color .12s,transform .12s}.card-workspace button:disabled,.ct-game button:disabled{cursor:default;opacity:.42}.card-workspace button:hover:not(:disabled),.ct-game button:hover:not(:disabled){background:#edf4fa;border-color:#537d9f}.card-workspace button.primary,.ct-game button.primary{color:#fff;background:#225f91;border-color:#225f91}.card-workspace button:focus-visible,.ct-game button:focus-visible{outline-offset:3px;outline:3px solid #68a5d1}.card-workspace .card-room-header{border-bottom:2px solid #245982;align-items:center;gap:18px;margin-bottom:14px;padding:0 0 14px;display:flex}.card-room-header h1{margin:0;font-size:22px}.card-room-header small{color:#708399;display:block}.card-room-header>div:first-child{margin-right:auto}.card-room-header a{color:#315f85}.card-room-header p{margin:0}.ct-room-error{color:#8c3434;background:#fff1f1;border:1px solid #eccaca;align-items:center;gap:20px;padding:12px 16px;display:flex}.ct-game{color:#223d59;background:#fff;border:1px solid #d2dfe9;border-radius:3px}.ct-game-meta{background:#f6f9fc;border-bottom:1px solid #d2dfe9;align-items:center;gap:25px;padding:11px 20px;font-size:14px;display:flex}.ct-game-meta>button{margin-left:auto}.ct-game-meta b{font-size:17px}.ct-rules{background:#f2f6fa;border-left:3px solid #497699;margin:14px 20px;padding:10px 20px;font-size:14px;line-height:1.8}.ct-rules h3{margin:0;font-size:16px}.ct-rules p{margin:8px 0}.ct-name{flex-wrap:wrap;align-items:center;gap:5px;max-width:100%;display:inline-flex}.ct-name b{overflow-wrap:anywhere;font-size:15px}.ct-name small{color:#728596;border:1px solid #d4dee5;padding:0 4px;font-size:11px}.ct-muted{color:#6d8091;font-size:13px}.ct-turn{color:#587189;justify-content:center;align-items:center;gap:16px;min-height:44px;font-size:15px;display:flex}.ct-turn.mine{color:#174f7a;font-weight:700}.ct-turn>b{font-variant-numeric:tabular-nums;background:#f3f7fb;border:1px solid #ccd9e5;border-radius:3px;place-items:center;min-width:42px;height:32px;display:inline-grid}.ct-own{background:#fbfcfe;border-top:1px solid #d2dfe9;padding:12px 24px 16px}.ct-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:40px;display:flex}.ct-hand-feedback{text-align:center;color:#5e7488;min-height:20px;margin:8px 0 13px;font-size:13px}.ct-own-info{color:#60768b;align-items:center;gap:20px;margin-top:16px;font-size:13px;display:flex}.ct-own-info>small{margin-left:auto}.ct-cards{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.ct-card{color:#253c50;font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border:1px solid #b8c9d6;border-radius:3px;place-items:center;width:49px;height:74px;font-size:25px;font-weight:650;display:inline-grid;box-shadow:0 2px #d5dfe7}.ct-card.small{width:30px;height:41px;box-shadow:none;font-size:17px}.ct-card.back{color:#9bb0c0;background:repeating-linear-gradient(45deg,#f1f5f8,#f1f5f8 4px,#e6eef4 4px 5px)}.ll-board{background:linear-gradient(#fff,#f5f8fb);grid-template-columns:minmax(170px,1fr) minmax(320px,1.8fr) minmax(170px,1fr);gap:22px;min-height:285px;padding:20px 24px;display:grid}.ct-opponent{background:#fff;border:1px solid #d2dfe9;align-self:start;min-height:180px;padding:14px}.ct-opponent.active,.mj-opponent.active{border-color:#5c89ab;box-shadow:inset 0 3px #5c89ab}.ct-opponent p{color:#718596;margin:5px 0 10px;font-size:13px}.ct-opponent>strong{font-size:27px;font-weight:500}.ct-opponent strong small{font-size:13px}.ct-seat-play{min-height:48px;margin-top:12px}.ct-seat-play>span{font-size:12px}.ct-seat-play .ct-cards{justify-content:start;margin-top:5px}.ll-middle{text-align:center}.ct-bottom{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ct-bottom small{color:#7c8fa0;font-size:12px}.ll-leading{min-height:90px;margin-top:6px}.ll-leading p{color:#698093;margin:5px;font-size:13px}.ll-call-log{color:#75899b;flex-wrap:wrap;justify-content:center;gap:6px 16px;max-width:400px;min-height:60px;margin:12px auto;font-size:12px;display:flex}.ll-hand-row{-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;gap:4px;min-height:91px;display:flex}.ct-game .ll-hand-row .ct-card{flex:0 49px;min-width:0;min-height:74px;padding:0;font-size:24px}.ct-game .ll-hand-row .ct-card.selected{color:#174b73;background:#e5eff7;border-color:#235f91;transform:translateY(-12px);box-shadow:0 3px #235f91}.ll-hand-row button:disabled{opacity:1}.ct-result{background:#f9fcff;border:1px solid #b8cbdc;align-items:center;gap:28px;margin:0 0 16px;padding:16px 24px;display:flex}.ct-result h2{color:#204e74;margin:0;font-size:23px}.ct-result p{color:#768798;max-width:270px;margin:6px 0 0;font-size:12px}.ct-result small{color:#75899a;font-size:12px}.ct-result>div:last-child{margin-left:auto}.ct-results{gap:20px;display:flex}.ct-results>div{flex-direction:column;gap:3px;font-size:12px;display:flex}.ct-results b{color:#355f7e;font-size:20px;font-weight:500}.mj-board{background:#f8fafc;grid-template-rows:auto 1fr auto;grid-template-columns:190px minmax(320px,1fr) 190px;gap:12px;min-height:335px;padding:16px 22px 10px;display:grid;position:relative}.mj-opponent{background:#fff;border:1px solid #d2dfe9;align-self:start;min-width:0;padding:10px 12px}.mj-opponent.top{text-align:center;grid-area:1/2;padding:7px 12px}.mj-opponent.left{grid-area:2/1}.mj-opponent.right{grid-area:2/3}.mj-opponent p{color:#788a9a;margin:3px 0;font-size:12px}.mj-melds{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mj-melds>div{align-items:center;gap:2px;margin:5px 0;display:flex}.mj-melds small{color:#798c9b;margin-right:4px;font-size:11px}.ct-tile{color:#2b4b65;white-space:nowrap;background:#fff;border:1px solid #b9cad6;border-bottom:3px solid #cad8e2;border-radius:3px;place-items:center;width:44px;height:62px;font-size:21px;font-weight:600;display:inline-grid}.ct-tile.suit-1{color:#455d78}.ct-tile.suit-2{color:#426a63}.ct-tile.suit-3{color:#765854}.ct-tile.suit-4{color:#a0adba;background:#e9eff4;font-size:10px}.ct-tile.small{border-bottom-width:2px;width:25px;height:33px;font-size:13px}.mj-rivers{grid-area:2/2;grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.mj-rivers>section{background:#fff;border:1px solid #e1e8ef;min-height:66px;padding:5px}.mj-rivers small{color:#93a0ae;font-size:10px}.mj-rivers>section>div{flex-wrap:wrap;gap:2px;display:flex}.mj-rivers .ct-tile.small{width:22px;height:28px;font-size:11px}.mj-rivers .latest .ct-tile{background:#e2eef8;border-color:#5d86a5}.mj-turn{grid-area:3/1/auto/4}.mj-event{text-align:center;color:#748b9e;border-top:1px solid #e4ebf1;min-height:31px;margin:0;padding:6px 20px;font-size:12px}.mj-hand-row{justify-content:center;align-items:flex-end;gap:4px;min-height:76px;display:flex}.ct-game .mj-hand-row>button{background:0 0;border:0;border-radius:3px;min-width:0;min-height:0;padding:0}.ct-game .mj-hand-row>button.drawn{margin-left:17px}.ct-game .mj-hand-row>button.selected{transform:translateY(-10px)}.mj-hand-row .selected .ct-tile{background:#e5eff7;border-color:#33688f}.mj-choice{justify-content:center;gap:10px;margin:12px 0;display:flex}.mj-choice>button{align-items:center;gap:3px;display:flex}.mj-reveal{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:8px;display:flex}.ct-room-foot{color:#8a9aaa;justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.ct-invite{background:#fff;border:1px solid #d2dfe9;align-items:center;gap:18px;margin:0 0 14px;padding:14px 20px;display:flex}.ct-invite b{letter-spacing:6px;font-size:24px}.ct-invite p{flex:1;margin:0;font-size:13px}@media (width>=1400px){.card-workspace{padding-top:24px}.ll-board{min-height:320px}.mj-board{min-height:360px}}@media (width<=900px){.card-workspace{padding:12px}.card-room-header{flex-wrap:wrap;gap:8px!important}.ct-game-meta{flex-wrap:wrap;gap:12px;padding:8px 12px}.ct-game-meta span{font-size:12px}.ll-board{grid-template-columns:150px minmax(160px,1fr) 150px;gap:10px;min-height:260px;padding:14px 12px}.ct-own{padding:12px}.ct-game .ll-hand-row .ct-card{flex-basis:37px;height:64px;min-height:64px;font-size:19px}.ct-own-info{flex-wrap:wrap;gap:10px}.ct-own-info>small{display:none}.mj-board{grid-template-columns:130px minmax(240px,1fr) 130px;gap:8px;padding:12px}.mj-opponent{padding:7px}.mj-opponent .ct-name b{font-size:12px}.mj-melds .ct-tile.small{width:20px;height:27px;font-size:11px}.ct-result{flex-wrap:wrap;gap:18px}.ct-results{gap:12px}}@media (width<=620px){.card-workspace{padding:8px}.card-room-header h1{font-size:18px}.card-workspace button{padding:7px 12px}.ct-game-meta{gap:8px}.ct-game-meta span:nth-child(3){display:none}.ll-board{grid-template-columns:1fr 1fr;gap:8px;min-height:0}.ll-middle{grid-area:2/1/auto/3}.ct-opponent{min-height:108px;padding:8px}.ct-opponent strong{font-size:20px}.ct-opponent .ct-seat-play{margin-top:3px}.ct-opponent.right{grid-area:1/2}.ll-leading{min-height:55px}.ll-hand-row{gap:1px;min-height:67px}.ct-game .ll-hand-row .ct-card{border-radius:2px;height:49px;min-height:49px;font-size:13px}.ct-card.small{width:22px;height:32px;font-size:13px}.ct-actions{gap:6px}.ct-actions button{padding:6px 12px;font-size:13px}.ct-hand-feedback{margin:8px 0;font-size:11px}.ct-own{padding:10px 7px}.ct-name b{font-size:12px}.ct-own-info{font-size:11px}.mj-board{grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr;gap:7px;min-height:0}.mj-opponent.top{grid-area:1/1/auto/3}.mj-opponent.left{grid-area:2/1}.mj-opponent.right{grid-area:2/2}.mj-rivers{grid-area:3/1/auto/3}.mj-turn{grid-area:4/1/auto/3;font-size:13px}.mj-hand-row{gap:2px;min-height:62px}.ct-tile{width:22px;height:43px;font-size:13px}.ct-game .mj-hand-row>button.drawn{margin-left:7px}.ct-room-foot{font-size:10px}.ct-result{gap:12px;padding:12px}.ct-result h2{font-size:19px}.ct-invite{flex-wrap:wrap}.ct-result>div:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){.card-workspace *{transition:none!important}}.ct-dealing{color:#52728d;background:#fff;border:1px solid #d2dfe9;place-items:center;min-height:480px;font-size:18px;display:grid}