*{box-sizing:border-box}:root{--bg-main:#0f172a;--bg-soft:#111827;--bg-card:#0b1220;--bg-card-2:#0f172a;--line:#334155;--line-soft:#1f2937;--text-main:#f3f4f6;--text-muted:#9ca3af;--brand:#2563eb;--brand-2:#1d4ed8;--shadow-soft:0 10px 24px #02061759}body{background:radial-gradient(1200px 700px at 15% -10%, #172554 0%, var(--bg-main) 42%, #0b1220 100%);color:var(--text-main);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}a{color:#93c5fd;text-decoration:none}.top-nav{z-index:1000;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.nav-left,.nav-right{align-items:center;gap:12px;display:flex}.lang-switch{border:1px solid #334155;border-radius:8px;display:inline-flex;overflow:hidden}.lang-btn{color:#cbd5e1;background:#111827;border:0;border-right:1px solid #334155;border-radius:0;height:30px;min-height:30px;padding:0 10px;font-weight:700}.lang-btn:last-child{border-right:0}.lang-btn.active{color:#eff6ff;background:#1d4ed8}.brand-link{letter-spacing:.3px;font-size:18px;font-weight:800}.top-nav a{border-radius:8px;padding:8px 10px}.top-nav a:hover{background:#1e293b}.nav-admin-link{border:1px solid #fbbf2473;color:#fde68a!important}.auth-page{place-items:center;min-height:calc(100vh - 62px);padding:20px;display:grid}.auth-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow-soft);background:linear-gradient(#101827 0%,#0b1220 100%);border-radius:16px;gap:12px;padding:20px;display:grid}.auth-card h2{margin:0}.auth-error{color:#fca5a5;margin:0;font-size:14px}.auth-switch{color:#9ca3af;margin:2px 0 0;font-size:14px}.game-page{gap:18px;max-width:1200px;margin:0 auto;padding:22px;display:grid}.lobby-panel{max-width:760px}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.layout-grid{grid-template-columns:320px 1fr;gap:16px;display:grid}.panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-soft);background:linear-gradient(#101827 0%,#0b1220 100%);border-radius:14px;padding:16px}.menu-toggle-btn{margin-bottom:10px}.game-toolbar{flex-wrap:wrap;gap:10px;display:flex}input,button,select,textarea{border:1px solid var(--line);color:#f8fafc;background:#1e293b;border-radius:8px;min-height:40px;padding:0 12px}input,select,textarea{width:100%}input:focus,button:focus,select:focus,textarea:focus{outline-offset:1px;border-color:#3b82f6;outline:2px solid #2563eb99}button{cursor:pointer;font-weight:600;transition:transform 80ms,background .15s,border-color .15s}button:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-color:#3b82f6}.danger-btn{background:#7f1d1d;border-color:#b91c1c}.danger-btn:hover{background:#991b1b}.status-card{background:#0f172a;border:1px solid #1f2937;border-radius:10px;gap:8px;padding:14px;display:grid}.menu-card{border:1px solid var(--line-soft);background:#0f172a;border-radius:12px;gap:10px;margin-bottom:12px;padding:14px;display:grid}.menu-card h4{margin:0}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-grid{gap:6px;padding:6px 0;display:grid}.in-game-status{gap:12px;display:grid}.in-game-status-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.in-game-status-label{color:var(--text-muted);font-size:12px}.in-game-status-value{font-weight:800;line-height:1.2}.turn-pill{color:#dbeafe;white-space:nowrap;background:#2563eb24;border:1px solid #3b82f68c;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.player-clocks{grid-template-columns:1fr;gap:10px;display:grid}.player-clock{border:1px solid var(--line-soft);background:#0b1220;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.player-clock.active{border-color:#22c55e99;box-shadow:0 0 0 2px #22c55e1f}.player-clock-meta{gap:2px;min-width:0;display:grid}.player-color{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:800}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.player-time{font-variant-numeric:tabular-nums;letter-spacing:.4px;white-space:nowrap;padding-left:8px;font-size:22px;font-weight:900}.in-game-kv{border-top:1px solid var(--line-soft);gap:8px;padding-top:10px;display:grid}.kv-row{justify-content:space-between;gap:10px;display:flex}.kv-key{color:var(--text-muted);font-weight:700}.kv-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.live-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.live-stat-item{background:#0b1220;border:1px solid #334155;border-radius:10px;gap:4px;padding:10px;display:grid}.live-stat-item span{color:#94a3b8;font-size:13px}.live-stat-item b{font-size:20px;line-height:1.1}.status-badge{border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.badge-waiting{color:#fde68a;background:#fbbf2426;border-color:#f59e0b}.badge-ongoing{color:#bbf7d0;background:#22c55e26;border-color:#22c55e}.badge-draw{color:#e2e8f0;background:#94a3b833;border-color:#94a3b8}.badge-win{color:#a7f3d0;background:#10b98126;border-color:#10b981}.badge-lose{color:#fecaca;background:#ef444426;border-color:#ef4444}.status-waiting{color:#fbbf24;font-weight:700}.feedback-text{color:#93c5fd;margin-top:4px;font-size:13px}.hint{color:var(--text-muted)}.board-wrap{width:min(560px,100%);max-width:100%;margin-inline:auto;overflow:hidden}.overlay{z-index:9000;background:#020617a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#0b1220;border:1px solid #334155;border-radius:12px;gap:12px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:16px;display:grid;overflow-y:auto}.modal-card h3{margin:0}.code-box{text-align:center;letter-spacing:1px;border:1px dashed #475569;border-radius:10px;padding:12px;font-weight:700}.board-placeholder{text-align:center;border:1px dashed #334155;border-radius:10px;place-content:center;min-height:560px;display:grid}.toast{z-index:9999;color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:10px;min-width:240px;max-width:360px;padding:12px 14px;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000059}.toast-info{border-color:#60a5fa}.toast-success{border-color:#34d399}.toast-warning{border-color:#f59e0b}.toast-error{border-color:#ef4444}.chaos-rule-row{background:#0b1220;border:1px solid #1f2937;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.game-toolbar>button,.game-toolbar>input,.game-toolbar>select{flex:140px}.chaos-countdown{color:#bfdbfe;white-space:nowrap;border:1px solid #334155;border-radius:999px;padding:4px 10px;font-size:12px}.chaos-options{gap:10px;display:grid}.chaos-option-btn{text-align:left;justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:74px;padding:10px 12px;display:flex}.guide-rules-grid{gap:10px;display:grid}.guide-rule-card{background:#0b1220;border:1px solid #1f2937;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.duplicate-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:min(56vh,460px);padding-right:4px;overflow-y:auto}.duplicate-card-btn{align-items:flex-start;min-height:118px}.duplicate-piece-glyph{width:42px;height:42px;margin-bottom:6px}.duplicate-piece-glyph img{object-fit:contain;width:100%;height:100%}.board-legend{gap:8px;margin:0 0 10px;font-size:13px;line-height:1.35;display:grid}.legend-title{color:#e5e7eb;font-weight:800}.legend-pills{flex-wrap:wrap;gap:8px;display:flex}.legend-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.pill-danger{color:#fecaca;background:#ef44442e;border-color:#ef4444b3}.pill-blocked{color:#e2e8f0;background:#94a3b82e;border-color:#94a3b8b3}.pill-slow{color:#bfdbfe;background:#3b82f62e;border-color:#3b82f6b3}.pill-movable{color:#bbf7d0;background:#22c55e29;border-color:#22c55ebf}.legend-note{color:var(--text-muted)}.chaos-visual-legend{margin-top:6px;font-size:12px;line-height:1.35}.chaos-visual-legend.danger-legend{color:#fecaca}.chaos-visual-legend.blocked-legend{color:#cbd5e1}.chaos-visual-legend.slow-legend,.chaos-visual-legend.freeze-legend{color:#93c5fd}.chaos-mode-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.chaos-mode-btn{background:#1e293b;border:1px solid #475569;border-radius:8px;height:34px;padding:0 10px;font-size:13px}.chaos-mode-btn.active{background:#1d4ed8;border-color:#3b82f6}@media (width<=980px){.layout-grid{grid-template-columns:1fr}.game-page{padding:14px}.panel{padding:12px}.board-wrap{margin:0 auto}}@media (width<=640px){.top-nav{flex-wrap:wrap;gap:10px;padding:12px}.nav-left,.nav-right{flex-wrap:nowrap;justify-content:space-between;width:100%;padding-bottom:2px;overflow-x:auto}.nav-right{gap:8px}.top-nav a{white-space:nowrap;padding:8px 9px;font-size:14px}.game-page{gap:12px;padding:10px}.panel-board{padding:8px}.page-header h2{margin:0;font-size:22px}.menu-card,.panel{border-radius:10px}.live-board-grid{grid-template-columns:1fr}.game-toolbar{gap:8px}.game-toolbar>button,.game-toolbar>input,.game-toolbar>select{flex:100%}.code-box{word-break:break-all;font-size:14px}.chaos-rule-row,.guide-rule-card{align-items:flex-start}.chaos-countdown{padding:4px 8px;font-size:11px}.overlay{padding:10px}.modal-card{width:100%;max-height:calc(100vh - 20px);padding:12px}.duplicate-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:min(52vh,420px)}.board-wrap{width:100%;overflow:hidden}.toast{min-width:0;max-width:none;bottom:12px;left:10px;right:10px}.auth-card{padding:16px}.in-game-status-top{flex-direction:column;align-items:stretch}.turn-pill{width:fit-content}.player-time{font-size:20px}}