:root{color-scheme:light;--bg-0: #eef3f7;--bg-1: #e3ebf1;--surface: #ffffff;--surface-2: #f3f6f9;--panel: #ffffff;--ink: #1b2733;--text: #1b2733;--muted: #566879;--line: rgba(22, 42, 62, .1);--line-strong: rgba(22, 42, 62, .18);--jade: #12a06a;--jade-deep: #0c8456;--jade-soft: #e7f6ee;--red: #d8453a;--red-soft: #fbe9e7;--gold: #c4892b;--gold-soft: #b9842c;--shadow: 0 8px 24px rgba(28, 48, 68, .08);--shadow-lg: 0 18px 44px rgba(28, 48, 68, .14);--radius: 12px;--r-card: 18px;--r-lg: 22px;--elev-1: 0 8px 26px rgba(28, 48, 68, .06);--elev-2: 0 16px 40px rgba(28, 48, 68, .12);--hair: 1px solid rgba(22, 42, 62, .055);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}@media (min-width: 901px){.hall{display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-areas:"nav header" "nav notice" "nav content";gap:18px 22px;align-items:start}.hall-header{grid-area:header;min-height:86px}.hall-announcement{grid-area:notice}.mode-switch.quad{grid-area:nav;position:sticky;top:18px;display:flex;flex-direction:column;gap:10px;width:128px;padding:10px;border-radius:24px;background:#ffffffd1;border:1px solid rgba(138,151,164,.18);box-shadow:0 20px 55px #1c2f3a1f}.mode-switch.quad button{min-height:78px;padding:12px 8px;border-radius:18px;flex-direction:column;justify-content:center;gap:7px;text-align:center}.mode-switch.quad .ms-text{align-items:center;width:100%;min-width:0}.mode-switch.quad .ms-label{font-size:14px;white-space:nowrap}.mode-switch.quad .ms-sub{font-size:10.5px;white-space:normal;line-height:1.25;overflow-wrap:anywhere;max-width:100%}.hall>.simple-home,.hall>.start-dock,.hall>.section-head,.hall>.tables-grid,.hall>.study-block,.hall>.online-lobby,.hall>.hall-controls,.hall>.invite-panel,.hall>.arena-lobby,.hall>.records-page{grid-column:2}}.simple-home{display:grid;gap:18px}.simple-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:18px;align-items:stretch}.home-start-panel,.home-board-card,.home-key-card,.home-research-card,.records-page{border:1px solid rgba(131,151,164,.2);background:linear-gradient(180deg,#fffffff2,#fafdfaeb);box-shadow:0 18px 45px #1d31371a;border-radius:26px}.home-start-panel{min-height:420px;padding:34px;display:flex;flex-direction:column;justify-content:center}.home-kicker,.home-section-title span{display:inline-flex;align-items:center;gap:7px;color:#13895a;font-weight:850;font-size:13px}.home-start-panel h1{margin:12px 0 10px;font-size:44px;line-height:1.04;letter-spacing:0;color:#12212c}.home-start-panel p{max-width:580px;margin:0 0 24px;color:#637383;font-size:16px;line-height:1.75}.home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-action{min-height:116px;padding:18px;border-radius:20px;border:1px solid rgba(132,151,164,.22);background:#fff;color:#162633;display:flex;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:0 10px 22px #192b3312;cursor:pointer}.home-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #192b331f}.home-action.primary{background:linear-gradient(135deg,#0d9a64,#05764f);color:#fff;border-color:transparent}.home-action.online{background:linear-gradient(135deg,#f6fffb,#e8f7ef);border-color:#bae2cc}.home-action:disabled{cursor:not-allowed;color:#9aa7b3;background:#f5f7f8}.home-action strong{display:block;font-size:18px;line-height:1.2}.home-action small{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:currentColor;opacity:.76}.home-secondary-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.home-secondary-actions button,.home-research-links button{border:1px solid rgba(132,151,164,.2);background:#fff;color:#415366;border-radius:14px;padding:10px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:750}.home-board-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between}.home-board-top,.home-board-foot,.home-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-board-top span,.home-section-title small{color:#718191;font-weight:700;font-size:12px}.home-board-top strong{color:#132431;font-size:18px}.home-board-preview{position:relative;width:min(100%,360px);aspect-ratio:9/10;margin:16px auto;border-radius:20px;padding:18px;background:linear-gradient(135deg,#f3d7aa,#c99152);box-shadow:inset 0 0 0 10px #6b401b33,0 22px 42px #374c452e;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr)}.home-board-preview span{border-right:1px solid rgba(62,92,69,.24);border-bottom:1px solid rgba(62,92,69,.24);background:#268b5eb8}.home-board-preview .river{position:absolute;left:22%;right:22%;top:47%;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff2e;color:#eaf8ef;font-size:13px;letter-spacing:0}.home-board-preview .river.left{transform:translate(-28%)}.home-board-preview .river.right{transform:translate(28%)}.home-board-preview .piece{position:absolute;width:38px;height:38px;border-radius:999px;background:#fff7ea;display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:0 7px 16px #29221938}.home-board-preview .piece.red{color:#b33445}.home-board-preview .piece.black{color:#1d2731}.home-board-preview .p1{left:46%;bottom:7%}.home-board-preview .p2{left:20%;bottom:27%}.home-board-preview .p3{left:46%;top:7%}.home-board-preview .p4{right:20%;top:27%}.home-board-foot{color:#536679;font-size:13px;font-weight:750}.home-board-foot span{display:inline-flex;align-items:center;gap:6px}.home-lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.home-key-card,.home-research-card,.records-page{padding:22px}.home-key-list,.home-research-links{margin-top:16px;display:grid;gap:10px}.home-key-row{border:1px solid rgba(132,151,164,.18);background:#fff;border-radius:17px;padding:14px;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;color:#172634}.home-key-row:hover{border-color:#a9dcc0;background:#f9fffb}.home-key-ply{color:#b13745;font-weight:850;font-size:13px}.home-key-main strong,.home-research-links strong{display:block;font-size:15px}.home-key-main small,.home-research-links small{display:block;margin-top:4px;color:#6b7d8d;font-size:12px}.home-key-cta{color:#13895a;font-weight:850}.home-empty-review{margin-top:16px;min-height:116px;display:flex;align-items:center;gap:12px;padding:18px;border-radius:18px;background:#f7faf8;color:#637383;font-weight:700}.home-research-links button{width:100%;align-items:flex-start;flex-direction:column;text-align:left;padding:15px}.records-list{margin-top:16px}.result-key-review{width:100%;margin:14px 0 2px;padding:12px;border-radius:18px;background:#f8fbf8;border:1px solid rgba(129,151,164,.16);text-align:left}.result-key-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#142532;font-weight:850;font-size:13px}.result-key-head span{display:inline-flex;align-items:center;gap:6px}.result-key-head small,.result-key-empty{color:#718191;font-size:12px;font-weight:700}.result-key-list{margin-top:10px;display:grid;gap:8px}.result-key-list button{width:100%;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:13px;border:1px solid rgba(129,151,164,.16);background:#fff;text-align:left;color:#172633}.result-key-list button:hover{border-color:#adddc2;background:#fbfffc}.rk-level{display:inline-flex;justify-content:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;background:#eef2f5;color:#526476}.rk-level.q-inaccuracy{background:#fff5df;color:#a66e12}.rk-level.q-mistake,.rk-level.q-blunder{background:#fdebed;color:#b13745}.rk-main strong{display:block;font-size:13px}.rk-main small{display:block;margin-top:3px;color:#667789;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-open{color:#13895a;font-size:12px;font-weight:850}.result-key-empty{margin-top:10px;padding:10px;border-radius:12px;background:#fff}@media (max-width: 1100px){.simple-hero,.home-lower-grid{grid-template-columns:1fr}.home-start-panel{min-height:auto}}@media (max-width: 900px){.hall-header{gap:10px;padding:12px}.hall-title{display:none}.profile-card{min-width:0;flex:1}.mode-switch.quad{position:fixed;left:10px;right:10px;bottom:10px;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;border-radius:22px;background:#fffffff0;border:1px solid rgba(118,135,148,.18);box-shadow:0 14px 34px #1d31372e}.mode-switch.quad button{min-height:54px;padding:7px 4px;border-radius:15px;flex-direction:column;gap:3px}.mode-switch.quad .ms-label{font-size:11px;line-height:1.15;white-space:nowrap}.mode-switch.quad .ms-sub{display:none}.simple-home,.study-block,.online-lobby,.arena-lobby,.records-page{margin-bottom:86px}}@media (max-width: 640px){.home-start-panel,.home-board-card,.home-key-card,.home-research-card,.records-page{border-radius:20px}.home-start-panel{padding:22px}.home-start-panel h1{font-size:30px}.home-start-panel p{font-size:14px;margin-bottom:16px}.home-action-grid{grid-template-columns:1fr;gap:9px}.home-action{min-height:76px;padding:14px;flex-direction:row;align-items:center}.home-secondary-actions{display:grid;grid-template-columns:1fr}.home-board-card{padding:18px}.home-board-preview{width:min(100%,260px);padding:14px}.home-board-preview .piece{width:30px;height:30px;font-size:13px}.home-key-row{grid-template-columns:1fr auto;gap:8px}.home-key-ply{grid-column:1/-1}.profile-stats{display:none}.coin-badge{padding:7px 9px}}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -8%,rgba(18,160,106,.08),transparent 42%),radial-gradient(circle at 100% 100%,rgba(196,137,43,.06),transparent 40%),linear-gradient(180deg,var(--bg-0),var(--bg-1))}.auth-shell{min-height:100vh;height:auto;align-items:center;justify-content:center;padding:28px}.auth-card{width:min(480px,100%);padding:24px;border:1px solid rgba(18,160,106,.18);border-radius:18px;background:linear-gradient(180deg,#fffffff2,#f8fbfaef);box-shadow:var(--shadow-lg)}.loading-card{min-height:150px;display:grid;align-content:center}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.auth-brand strong{display:block;font-size:27px;line-height:1.15}.auth-brand small{display:block;margin-top:4px;color:var(--muted);font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;margin-bottom:18px;border-radius:12px;background:var(--surface-2)}.auth-tabs button{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:var(--muted);font-weight:800}.auth-tabs button.on{color:var(--jade-deep);background:#fff;box-shadow:0 4px 12px #1c304414}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:7px;font-weight:800;color:#314457}.auth-form label span{font-size:13px}.auth-form input{height:48px;width:100%;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font-weight:750}.auth-error{padding:10px 12px;border:1px solid rgba(216,69,58,.22);border-radius:10px;background:var(--red-soft);color:#a7352d;font-weight:750}.auth-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--jade);color:#fff;font-weight:900;box-shadow:0 12px 24px #12a06a38}.auth-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-note{margin:14px 2px 0;color:var(--muted);font-size:13px;line-height:1.55}.auth-announcement,.hall-announcement{padding:11px 13px;border:1px solid rgba(196,137,43,.24);border-radius:12px;background:linear-gradient(135deg,#fff8e9,#fff);color:#7b551b;font-weight:800;line-height:1.5}.auth-announcement{margin-bottom:14px}.hall-announcement{margin-top:-2px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:linear-gradient(180deg,#eef5f2,#e8eef3);color:var(--ink)}.admin-nav{min-height:100vh;display:flex;flex-direction:column;gap:18px;padding:18px;border-right:1px solid var(--line);background:#ffffffd9}.admin-brand{display:flex;align-items:center;gap:12px;padding-bottom:8px}.admin-brand strong,.admin-top strong{display:block;font-size:20px}.admin-brand small,.admin-top span,.admin-account small{display:block;color:var(--muted);font-size:12px}.admin-nav nav{display:grid;gap:7px}.admin-nav nav button,.admin-back,.admin-account button,.admin-toolbar button,.admin-create-user button,.admin-table button,.settings-panel .primary,.admin-denied button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:850}.admin-nav nav button{justify-content:flex-start;padding:0 12px;color:#34485b}.admin-nav nav button.on,.settings-panel .primary,.admin-create-user button{color:#fff;border-color:var(--jade);background:var(--jade)}.admin-back{margin-top:auto;color:var(--jade-deep)}.admin-main{min-width:0;padding:18px;overflow:auto}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-account{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-error,.admin-toast{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:11px 12px;border-radius:10px;font-weight:850}.admin-error{border:1px solid rgba(216,69,58,.24);background:var(--red-soft);color:#a7352d}.admin-toast{border:1px solid rgba(18,160,106,.2);background:var(--jade-soft);color:var(--jade-deep)}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-metric,.admin-panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.admin-metric{display:grid;gap:8px;padding:16px}.admin-metric svg{color:var(--jade)}.admin-metric span{color:var(--muted);font-size:13px}.admin-metric strong{font-size:28px}.admin-panel{padding:14px}.admin-panel.wide{grid-column:1 / -1}.admin-panel h3,.admin-toolbar h3{display:flex;align-items:center;gap:8px;margin:0}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-search{min-width:min(360px,100%);height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.admin-search input,.admin-create-user input,.admin-create-user select,.admin-field input,.admin-field select,.admin-field textarea,.engine-settings input,.admin-table select{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:0 10px;font-weight:750}.admin-search input{border:0;background:transparent;padding:0}.admin-create-user{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.admin-create-user input,.admin-create-user select,.admin-field input,.admin-field select,.engine-settings input,.admin-table select{height:40px}.admin-table{display:grid;gap:8px}.admin-table article{display:grid;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.users-table article{grid-template-columns:minmax(180px,1.4fr) 120px 120px 80px 90px 44px}.room-table article,.games-table article{grid-template-columns:160px 1.2fr 1fr 140px 96px}.admin-user-cell{min-width:0;display:flex;align-items:center;gap:10px}.admin-user-cell span,.admin-table strong{min-width:0;display:grid}.admin-user-cell b,.admin-table strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-cell small,.admin-table small,.admin-help{color:var(--muted)}.admin-table .danger{color:#a7352d;border-color:#d8453a3d}.admin-table .danger:disabled{opacity:.4}.outcome.win{color:var(--jade-deep)}.outcome.loss{color:#a7352d}.settings-panel{max-width:980px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-field{display:grid;gap:6px;font-weight:850}.admin-field textarea{min-height:96px;padding:10px;resize:vertical}.admin-toggle{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-weight:850}.admin-toggle b{width:48px;height:28px;padding:3px;border-radius:999px;background:#9aa8b5}.admin-toggle i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .16s}.admin-toggle.on{border-color:#12a06a59;background:var(--jade-soft)}.admin-toggle.on b{background:var(--jade)}.admin-toggle.on i{transform:translate(20px)}.engine-settings{display:grid;gap:10px}.engine-settings article{display:grid;grid-template-columns:80px 1fr 100px 180px;gap:8px;align-items:center}.admin-list{display:grid;gap:8px}.admin-list p{margin:0;display:grid;grid-template-columns:120px 120px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.admin-list.compact p{grid-template-columns:120px 1fr auto}.admin-denied{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center}.account-panel{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:12px;margin:4px 0 14px;border:1px solid rgba(18,160,106,.18);border-radius:12px;background:linear-gradient(135deg,var(--jade-soft),#fff)}.account-panel strong,.user-main strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-panel span,.user-main span{display:block;color:var(--muted);font-size:12px}.account-panel button{height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(18,160,106,.22);border-radius:10px;background:#fff;color:var(--jade-deep);font-weight:850}.account-panel .logout-btn{color:#a7352d;border-color:#d8453a38}.admin-dialog{width:min(920px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-lg)}.admin-dialog header,.admin-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-dialog header span{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:900}.admin-dialog header small{display:block;margin-top:4px;color:var(--muted)}.admin-dialog footer{padding-top:4px;color:var(--muted);font-size:13px}.admin-dialog footer span{display:flex;align-items:center;gap:6px}.admin-dialog footer button{height:40px;min-width:96px;border-radius:10px;background:var(--jade);color:#fff;font-weight:900}.user-list{min-height:0;overflow:auto;display:grid;gap:10px;padding-right:2px}.user-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(130px,.7fr) 130px 120px 44px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.user-row.disabled{background:#f8f9fa;opacity:.76}.user-main{min-width:0;display:flex;align-items:center;gap:10px}.admin-badge{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--gold);font-size:12px;font-style:normal;font-weight:850}.user-row input,.user-row select{height:40px;min-width:0;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:0 10px;font-weight:750}.icon-btn.danger{color:#a7352d}.icon-btn.danger:disabled{opacity:.35;cursor:not-allowed}.admin-empty{min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:12px}.ops-shell{grid-template-columns:272px minmax(0,1fr);background:#f4f7f5}.ops-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:18px 12px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fbfdfc,#eef4f0);color:var(--ink)}.ops-brand,.ops-account{display:flex;align-items:center;gap:11px}.ops-brand{padding:4px 8px 14px;border-bottom:1px solid var(--line)}.ops-brand strong{display:block;font-size:20px;letter-spacing:0;color:var(--jade-deep)}.ops-brand small,.ops-nav small,.ops-top span,.ops-account small,.ops-metric small,.ops-section header p,.ops-note,.ops-table small,.ops-history small,.ops-field small,.ops-savebar small{color:var(--muted);font-size:12px}.ops-nav small,.ops-brand small{color:var(--muted)}.ops-nav nav{min-height:0;overflow:auto;display:grid;gap:6px;padding-right:2px}.ops-nav nav button,.ops-back,.ops-toolbar button,.ops-table button,.ops-create-user button,.preset-actions button,.ops-add-row,.ops-savebar button,.ops-history button,.ops-modal footer button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe7e2;border-radius:10px;background:#fff;font-weight:800}.ops-nav nav button{justify-content:flex-start;min-height:48px;padding:9px 11px;border-color:transparent;background:transparent;color:var(--ink)}.ops-nav nav button:not(.on):hover{background:var(--surface-2)}.ops-nav nav button span{display:grid;gap:1px;text-align:left}.ops-nav nav button.on{position:relative;color:var(--jade-deep);border-color:#12a06a38;background:var(--jade-soft);box-shadow:0 6px 16px #12a06a1f}.ops-nav nav button.on:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--jade)}.ops-back{margin-top:auto;color:var(--jade-deep);border-color:var(--line);background:var(--surface-2)}.ops-main{min-width:0;width:100%;max-width:1240px;margin:0 auto;padding:clamp(22px,3vw,34px) clamp(22px,3.2vw,44px) 96px}.ops-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:12px 0;background:#f6f9f7d1;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}.ops-top strong{display:block;margin-top:3px;font-size:29px;font-weight:600;letter-spacing:-.018em}.ops-top-status{display:flex;align-items:center;gap:9px}.ops-account{padding:6px;border:1px solid #dfe7e2;border-radius:12px;background:#fff}.ops-account span{display:grid;min-width:92px;font-weight:850}.ops-account button{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(216,69,58,.18);border-radius:9px;color:#a7352d;font-weight:850}.ops-pill{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dfe7e2;border-radius:999px;background:#fff;color:#405568;font-size:12px;font-weight:900;white-space:nowrap}.ops-pill.good{color:var(--jade-deep);border-color:#12a06a38;background:#ecf8f2}.ops-pill.warn{color:#946515;border-color:#da9d3452;background:#fff8e8}.ops-pill.bad{color:#a7352d;border-color:#d8453a42;background:var(--red-soft)}.ops-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ops-hello{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2px}.ops-hello strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.ops-hello span{display:block;margin-top:4px;font-size:13.5px;color:var(--muted)}.ops-metric,.ops-section{border-radius:var(--r-card);background:#fff;box-shadow:var(--elev-1)}.ops-metric{min-height:140px;display:grid;align-content:start;gap:13px;padding:20px;transition:transform .15s ease,box-shadow .15s ease}.ops-metric:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}.ops-metric-ic{width:38px;height:38px;border-radius:12px;background:var(--jade-soft);color:var(--jade-deep);display:flex;align-items:center;justify-content:center}.ops-metric strong{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1;margin-top:2px}.ops-metric small{font-size:13px}.ops-section{min-width:0;overflow:hidden;padding:22px 24px}.ops-dashboard .ops-section{grid-column:span 3}.ops-section header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #edf1ee}.ops-section h3{display:flex;align-items:center;gap:8px;margin:0;font-size:19px}.ops-section header p{max-width:520px;margin:2px 0 0;text-align:right}.ops-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);gap:18px;align-items:start}.ops-engine-layout{grid-template-columns:1fr}.ops-engine-layout .ops-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-engine-layout .ops-section:nth-child(2){background:linear-gradient(180deg,#fff,#fbfdfb)}.ops-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ops-create-user{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.ops-create-user input,.ops-create-user select,.ops-field input,.ops-field select,.ops-field textarea,.ops-presets input,.engine-compute-control select,.engine-strength-row input[type=number],.ops-levels input,.ops-table select{width:100%;min-width:0;border:1px solid #d5dfda;border-radius:9px;background:#fff;padding:0 10px;font-weight:720}.ops-create-user input,.ops-create-user select,.ops-field input,.ops-field select,.ops-presets input,.engine-compute-control select,.engine-strength-row input[type=number],.ops-levels input,.ops-table select{height:40px}.ops-field{display:grid;gap:7px;font-weight:800}.ops-field span{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 10px}.ops-field textarea{min-height:118px;padding:10px;resize:vertical}.ops-card-grid,.ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.ops-switch-list{display:grid;gap:0}.ops-switch-list .ops-toggle{min-height:58px;padding:13px 2px;border-radius:0;border-bottom:var(--hair);background:transparent;box-shadow:none}.ops-switch-list .ops-toggle:last-child{border-bottom:0}.ops-switch-list .ops-toggle:hover{background:#12a06a08;box-shadow:none}.ops-switch-list .ops-toggle.on{background:transparent;box-shadow:none}.ops-subhead{margin:18px 0 9px;padding-left:2px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--muted)}.ops-form-grid.top{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.ops-form-stack{display:grid;gap:14px}.ops-toggle{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-radius:14px;background:var(--surface-2);text-align:left;transition:background .14s ease}.ops-toggle:hover{background:#e9eef2}.ops-toggle span{display:grid;gap:2px}.ops-toggle i{width:42px;height:24px;flex:0 0 auto;padding:3px;border-radius:999px;background:#9aa8b5}.ops-toggle i:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s}.ops-toggle.on{background:var(--jade-soft)}.ops-toggle.on i{background:var(--jade)}.ops-toggle.on i:before{transform:translate(18px)}.ops-table,.ops-presets,.ops-levels,.ops-audit,.ops-history,.ops-diff{display:grid;gap:0}.ops-activity{display:grid;gap:2px}.ops-table article,.ops-presets article,.ops-levels article,.ops-audit article,.ops-history article,.ops-diff article{display:grid;align-items:center;gap:12px;padding:13px 10px;border-radius:9px;border-bottom:var(--hair)}.ops-table article:last-child,.ops-presets article:last-child,.ops-audit article:last-child,.ops-history article:last-child,.ops-diff article:last-child{border-bottom:0}.ops-table article,.ops-history article,.ops-audit article{transition:background .14s ease}.ops-table article:hover,.ops-history article:hover,.ops-audit article:hover{background:#12a06a0d}.ops-table.users article{grid-template-columns:minmax(190px,1fr) 142px 104px auto;min-height:60px}.ops-row-actions{display:flex;gap:6px;justify-content:flex-end}.ops-row-actions button{width:34px;height:34px;min-height:0;padding:0}.ops-table.rooms article{grid-template-columns:150px 1.3fr 1fr 130px 96px}.ops-table.games article{grid-template-columns:170px 1fr 1fr 110px 60px}.ops-table article.disabled{opacity:.72;background:#f8f9fb}.ops-user-cell{min-width:0;display:flex;align-items:center;gap:10px}.ops-user-cell span,.ops-table strong,.ops-history article div{min-width:0;display:grid}.ops-user-cell b,.ops-table strong,.ops-history b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-table .danger,.preset-actions .danger,.ops-modal .danger{color:#a7352d;border-color:#d8453a40;background:#fff}.ops-table button:disabled,.preset-actions button:disabled{opacity:.4;cursor:not-allowed}.ops-presets article{grid-template-columns:34px 1fr 110px 96px 132px 190px}.drag-handle{height:34px;display:grid;place-items:center;border-radius:9px;background:#eef4f1;color:var(--jade-deep);font-weight:900}.preset-actions{display:grid;grid-template-columns:1fr 1fr 40px;gap:6px}.ops-add-row{min-height:46px;color:var(--jade-deep);border-style:dashed;background:#fff}.ops-levels article{grid-template-columns:72px minmax(130px,1fr) minmax(150px,1fr) 90px minmax(170px,1.2fr) 96px;gap:8px}.ops-levels{gap:12px}.ops-levels .ops-engine-level-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:stretch;padding:18px;border-bottom:0;border-radius:var(--r-card);background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:var(--elev-1)}.engine-level-title{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 4px}.engine-level-title span{display:block;margin-bottom:4px;color:#687887;font-size:12px;font-weight:800}.engine-level-title strong{color:#0f2c3f;font-size:24px}.engine-level-title .ops-toggle{min-height:44px}.engine-level-fields{min-width:0;display:grid;grid-template-columns:minmax(150px,.9fr) minmax(170px,1fr) 110px minmax(260px,1.45fr);gap:12px;align-items:start}.engine-compute-control{display:grid;gap:8px}.engine-strength-row{display:grid;grid-template-columns:minmax(120px,1fr) 88px 42px;gap:8px;align-items:center}.engine-strength-row input[type=range]{width:100%;accent-color:var(--jade)}.engine-strength-row b{color:#526579;font-size:13px}.engine-compute-control small{color:#667685;font-size:12px;line-height:1.45}.ops-levels-head{display:grid;grid-template-columns:72px minmax(130px,1fr) minmax(150px,1fr) 90px minmax(170px,1.2fr) 96px;gap:8px;padding:0 10px 6px;color:#667685;font-size:12px;font-weight:850}.ops-levels article>strong{display:inline-flex;align-items:center;min-height:32px;color:#18344a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-levels .ops-toggle{min-height:40px;justify-content:center;gap:7px;padding:0 8px}.ops-levels .ops-toggle span{display:block;font-size:13px;text-align:center;white-space:nowrap}.ops-levels .ops-toggle i{width:34px;height:20px;padding:2px}.ops-levels .ops-toggle i:before{width:16px;height:16px}.ops-levels .ops-toggle.on i:before{transform:translate(14px)}.ops-note{margin:12px 0 0;padding:10px 12px;border:1px dashed rgba(218,157,52,.4);border-radius:10px;background:#fffaf0}.ops-activity p{display:flex;align-items:center;gap:11px;margin:0;padding:11px 6px;border-bottom:var(--hair)}.ops-activity p:last-child{border-bottom:0}.ops-activity p>span{flex:1;min-width:0;font-size:13px;color:var(--ink)}.ops-activity p b{font-weight:600}.ops-activity p small{color:var(--muted);font-size:12px;white-space:nowrap}.ops-config-strip{display:flex;flex-wrap:wrap;gap:8px}.ops-config-list{display:grid}.ops-config-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px;border-bottom:var(--hair)}.ops-config-list>div:last-child{border-bottom:0}.ops-config-list span{font-size:13px;color:var(--muted)}.ops-config-list b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.ops-config-list b.ok{color:var(--jade-deep)}.ops-config-list b.warn{color:#946515}.ops-config-list b.ok:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jade)}.ops-audit article{grid-template-columns:120px 150px 1fr auto}.ops-history article{grid-template-columns:1fr 90px 92px}.ops-diff article{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}.ops-diff span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;border-radius:8px;background:#fff;color:#526579;font-size:12px}.ops-empty{min-height:128px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted);background:var(--surface-2)}.ops-role-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}.ops-role-legend .role-badge{flex-direction:column;align-items:flex-start;gap:2px;max-width:232px;padding:8px 12px;border-radius:12px;white-space:normal}.ops-role-legend .role-badge small{color:var(--muted);font-size:11px;font-weight:600;line-height:1.35}.role-badge.role-super{background:#fbf1dc;border-color:#c4892b57;color:#8a5a12}.role-badge.role-operator{background:var(--jade-soft);border-color:#12a06a42;color:var(--jade-deep)}.role-badge.role-moderator{background:#e8f0fb;border-color:#2f6db047;color:#285a9a}.role-badge.role-viewer{background:#eef1f4;border-color:#5b6b7b42;color:#4a5a6b}.role-badge.role-user{background:var(--surface-2);border-color:var(--line);color:#566678}.ops-table select{appearance:none;-webkit-appearance:none;font-size:13px;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667786' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}.role-select{font-weight:800}.role-select.role-super{color:#8a5a12;border-color:#c4892b66}.role-select.role-operator{color:var(--jade-deep);border-color:#12a06a52}.role-select.role-moderator{color:#285a9a;border-color:#2f6db057}.role-select.role-viewer{color:#4a5a6b}.role-select.role-user{color:#566678}.ops-feed{display:grid;gap:8px}.ops-feed article{display:grid;gap:5px;padding:12px 13px;border:1px solid #e0e7e3;border-radius:12px;background:#fbfcfb;transition:transform .12s ease,box-shadow .12s ease}.ops-feed article:hover{transform:translateY(-1px);box-shadow:0 8px 20px #172f2b12}.ops-feed article b{font-size:14px;font-weight:850}.ops-feed article>span{justify-self:start;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:#4a5a6b;font-size:12px;font-weight:800}.ops-feed article p{margin:0;color:var(--ink);font-size:13px;line-height:1.5}.ops-feed article small{color:var(--muted);font-size:12px}.ops-feed article button{justify-self:start;margin-top:3px;min-height:32px;padding:0 12px;border:1px solid rgba(216,69,58,.25);border-radius:9px;background:#fff;color:#a7352d;font-size:12px;font-weight:800;cursor:pointer}.ops-savebar{position:fixed;right:20px;bottom:18px;left:300px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(18,160,106,.28);border-radius:14px;background:#fffffff0;box-shadow:0 18px 48px #1934462e;backdrop-filter:blur(14px)}.ops-savebar span{display:grid;gap:2px}.ops-savebar .primary,.ops-modal .primary{color:#fff;border-color:var(--jade);background:var(--jade)}.ops-modal{width:min(520px,calc(100vw - 28px));display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-lg)}.ops-modal header{display:flex;gap:12px;align-items:flex-start}.ops-modal header strong{display:block;font-size:20px}.ops-modal header p{margin:4px 0 0;color:var(--muted)}.ops-modal footer{display:flex;justify-content:flex-end;gap:10px}button,select,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(12,132,86,.72);outline-offset:3px}.app{min-height:100vh;height:100vh;display:flex;flex-direction:column}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--line);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e9b65c,#c4892b);color:#3a2a10;font-family:Songti SC,Georgia,serif;font-size:24px;font-weight:800;box-shadow:inset 0 1px #ffffff80,0 4px 12px #c4892b4d}.brand strong{display:block;color:var(--ink);font-size:19px;letter-spacing:.3px}.brand small{color:var(--muted);font-size:12px}.topbar-center{min-width:0;display:flex;justify-content:center;gap:10px}.mode-pill{min-width:0;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--jade-soft);color:var(--jade-deep);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-pill.subtle{color:var(--muted);background:var(--surface-2)}.mode-pill.engine-fallback{color:#9a6a1e;background:#fbf2df;border-color:#c4892b59}.mode-pill svg{color:var(--jade)}.topbar-actions{display:flex;justify-content:flex-end;gap:8px}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:background .15s,border-color .15s}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.icon-btn:disabled{opacity:.4;cursor:default}.xq-avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;font-family:Songti SC,Georgia,serif;font-weight:800;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 6px #0000002e,0 3px 8px #1c304433}.xq-avatar.ai{background:radial-gradient(circle at 32% 28%,#4a7d97,#234a5c);color:#d9f1ea}.xq-avatar.waiting{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong)}.rank-emblem{flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.diff-stars{display:inline-flex;gap:2px;color:var(--gold)}.diff-stars svg{color:#162a3e2e}.diff-stars svg.on{color:#e0a23a}.hall{flex:1;min-height:0;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);width:100%;max-width:1480px;margin:0 auto;overflow:hidden}.hall-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.profile-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);justify-self:start}.profile-meta{display:grid;gap:5px;min-width:0}.profile-name{width:7.5em;max-width:160px;min-height:42px;border:0;background:transparent;color:var(--ink);font-size:17px;font-weight:700;padding:2px 4px;border-radius:6px}.profile-name:hover,.profile-name:focus{background:var(--surface-2)}.profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rating-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--jade-soft);color:var(--jade-deep);font-size:12px;font-weight:700}.profile-stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.profile-stats .stat b{color:var(--ink);font-size:13px;margin-right:1px}.profile-stats .win b{color:var(--jade)}.profile-stats .loss b{color:var(--red)}.profile-stats .rate{display:inline-flex;align-items:center;gap:4px;color:var(--gold)}.hall-title{display:flex;align-items:center;gap:10px;justify-self:center}.hall-title strong{display:block;color:var(--ink);font-size:18px}.hall-title small{color:var(--muted);font-size:12px}.brand-mark.big{width:46px;height:46px;font-size:26px}.hall-header-actions{display:flex;gap:8px;justify-self:end}.mode-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:9px;color:var(--muted);font-size:16px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.mode-switch button:hover{color:var(--ink);background:var(--surface-2)}.mode-switch button.on{color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep));box-shadow:0 8px 18px #12a06a47}.hall-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ctrl-group{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.ctrl-icon{display:grid;place-items:center;color:var(--muted);padding:0 2px}.ctrl-chip{min-width:44px;min-height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums;border:1px solid transparent}.ctrl-chip:hover{background:var(--surface-2)}.ctrl-chip.on{background:var(--jade-soft);color:var(--jade-deep);border-color:#12a06a59}.ctrl-chip.icon{padding:0 8px}.side-disc{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-family:Songti SC,serif;font-size:13px;font-weight:800;color:#fff}.side-disc.red{background:linear-gradient(145deg,#e0594a,#b5392c)}.side-disc.black{background:linear-gradient(145deg,#41566a,#232f3c)}.ctrl-chip.swatch{width:42px;min-width:42px;height:42px;border-radius:8px;padding:0}.ctrl-chip.swatch.wood{background:radial-gradient(circle at 40% 35%,#f4dca9,#cf9c55)}.ctrl-chip.swatch.jade{background:radial-gradient(circle at 40% 35%,#c4e6d3,#71b092)}.ctrl-chip.swatch.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--jade)}.start-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 16px;border-radius:12px;border:1px solid rgba(18,160,106,.24);background:linear-gradient(135deg,#fffffff0,#e7f6eedb);box-shadow:var(--shadow)}.start-copy{min-width:0;display:grid;gap:4px}.start-copy span{color:var(--jade-deep);font-size:12px;font-weight:700}.start-copy strong{color:var(--ink);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep));font-weight:800;box-shadow:0 10px 22px #12a06a47}.start-primary.subtle{color:var(--jade-deep);background:var(--jade-soft);box-shadow:none;border:1px solid rgba(18,160,106,.28)}.tables-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tables-grid.online{grid-template-columns:repeat(2,1fr)}.table-card{display:grid;gap:8px;padding:11px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}.table-card:hover{transform:translateY(-1px);border-color:#12a06a73;box-shadow:var(--shadow-lg)}.table-card.preferred{border-color:#c4892b80}.table-card.single{max-width:360px}.table-felt{display:grid;gap:5px;padding:10px;border-radius:10px;background:linear-gradient(170deg,#f6f9f7,#eef4f1);border:1px solid var(--line)}.table-felt.compact{padding:12px 10px}.seat{display:flex;align-items:center;gap:10px;min-width:0}.seat-meta{display:grid;gap:3px;min-width:0}.seat-meta strong{color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-badge{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.seat-note{color:var(--muted);font-size:11px}.seat.empty{opacity:.9}.seat-ghost{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1.5px dashed rgba(18,160,106,.4);color:var(--jade)}.seat-cta{color:var(--jade);font-size:11px}.table-divider{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px;margin:1px 0}.table-divider:before,.table-divider:after{content:"";height:1px;flex:1;background:var(--line)}.table-divider span,.table-divider svg{padding:0 8px;color:var(--jade)}.table-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 4px;color:var(--muted);font-size:12px}.foot-time{display:inline-flex;align-items:center;gap:5px;color:var(--gold-soft)}.foot-hint{display:inline-flex;align-items:center;gap:5px}.foot-cta{display:inline-flex;align-items:center;gap:4px;color:var(--jade-deep);font-weight:700;padding:4px 10px;border-radius:999px;background:var(--jade-soft)}.table-card:hover .foot-cta{background:#12a06a2e}.table-card.room{gap:12px}.room-head{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:15px;font-weight:700}.room-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:11px;border:1px solid var(--line-strong);background:var(--jade-soft);color:var(--jade-deep);font-size:14px}.room-action:hover:not(:disabled){background:#12a06a29}.room-action.go{border-color:transparent;color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep))}.room-action:disabled{opacity:.45;cursor:default}.join-body{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.online-lobby{display:grid;gap:14px}.online-tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(430px,100%);padding:5px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.online-tabs button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;color:var(--muted);font-weight:800;font-size:14px}.online-tabs button.on{color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep));box-shadow:0 10px 22px #12a06a38}.public-lobby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.public-actions,.room-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-action.ghost{background:var(--surface);color:var(--ink)}.room-action.ghost.danger{color:#a73041;background:#fff5f6;border-color:#a7304133}.room-filters button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;font-weight:800}.room-filters button.on{color:var(--jade-deep);background:var(--jade-soft);border-color:#12a06a42}.public-band-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.public-band-tabs button{min-width:0;display:grid;gap:5px;align-content:start;min-height:88px;padding:13px 12px;border-radius:16px;border:1px solid rgba(203,213,225,.86);background:linear-gradient(180deg,#fff,#f7fafc);color:var(--muted);text-align:left;box-shadow:0 12px 30px #20323e12}.public-band-tabs button span{color:var(--ink);font-size:15px;font-weight:950}.public-band-tabs button strong{color:#526376;font-family:ui-monospace,monospace;font-size:12px;font-weight:900}.public-band-tabs button small{color:var(--muted);font-size:11px;font-weight:800;line-height:1.35}.public-band-tabs button.own{border-color:#12a06a47;background:linear-gradient(180deg,#fbfffd,#edf9f3)}.public-band-tabs button.on{border-color:#12a06a7a;box-shadow:0 0 0 3px #12a06a1f,0 16px 34px #127c5421}.public-band-tabs button.locked:not(.on){opacity:.74}.public-room-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(203,213,225,.86);background:#ffffffdb;color:var(--muted);font-size:13px;font-weight:800}.public-room-notice strong{color:var(--ink);font-size:14px}.public-room-notice.own{border-color:#12a06a3d;background:var(--jade-soft)}.public-room-notice.locked{border-color:#be123c29;background:#fff7f8}.public-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.public-room-card{display:grid;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:left}.public-room-card.playing{border-color:#12a06a42}.public-room-card.waiting{background:linear-gradient(180deg,#fff,#f4fbf7)}.public-room-card.ended{opacity:.78}.public-room-card.blocked{background:linear-gradient(180deg,#fff,#f6f8f9)}.public-room-card.blocked .public-table-visual{filter:saturate(.78);opacity:.84}.room-blocked-tip{margin:0;padding:8px 10px;border-radius:10px;background:#f4f7f8;color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.public-room-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.public-room-top>div{display:grid;gap:5px;min-width:0}.public-room-top strong{color:var(--ink);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-band{width:max-content;max-width:100%;padding:3px 8px;border-radius:999px;background:#eef6ff;color:#315c8f;font-size:11px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-band.mismatch{background:#fff1f2;color:#be123c}.room-status{width:max-content;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900}.room-status.waiting{color:var(--jade-deep);background:var(--jade-soft)}.room-status.playing{color:#9b5d13;background:#fff2d7}.room-status.ended{color:var(--muted);background:var(--surface-2)}.room-code-mini{padding:4px 7px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-family:ui-monospace,monospace;font-size:12px;font-weight:800}.public-table-visual{position:relative;min-height:190px;padding:24px 18px 32px;border-radius:18px;background:radial-gradient(circle at 50% 38%,#ffffffe0,#fff0 52%),linear-gradient(180deg,#fbfdfc,#edf5f1);border:1px solid rgba(18,160,106,.16);overflow:hidden}.public-table-visual:before{content:"";position:absolute;inset:12px;border-radius:18px;border:1px dashed rgba(32,80,105,.13);pointer-events:none}.xiangqi-table{position:absolute;left:50%;top:48%;width:72%;max-width:292px;aspect-ratio:1.72;transform:translate(-50%,-50%);border-radius:28px;border:10px solid #7b4a25;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(circle at 34% 20%,#34bd87,#0f865e 70%);background-size:22px 22px,22px 22px,100% 100%;box-shadow:inset 0 0 0 2px #ffffff1f,inset 0 -16px 28px #0000002e,0 20px 30px #4a412f38;display:grid;place-items:center;color:#ffffffd1}.xiangqi-table:before,.xiangqi-table:after{content:"";position:absolute;width:24px;height:34px;border-radius:999px;background:linear-gradient(180deg,#9d6335,#70401f);bottom:-26px;box-shadow:0 7px 10px #4a412f38}.xiangqi-table:before{left:26%}.xiangqi-table:after{right:26%}.table-board-lines{position:absolute;inset:22px 46px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.14) calc(25% - .5px) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.14) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(255,255,255,.14) calc(75% - .5px) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(0deg,transparent calc(33.33% - .5px),rgba(255,255,255,.14) calc(33.33% - .5px) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(0deg,transparent calc(66.66% - .5px),rgba(255,255,255,.14) calc(66.66% - .5px) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.table-center-mark{position:relative;z-index:1;padding:4px 9px;border-radius:999px;background:#0000002e;color:#ffffffd1;font-size:10px;font-weight:900;letter-spacing:.08em}.table-side-label{position:absolute;top:50%;transform:translateY(-50%);max-width:92px;min-width:58px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;background:#fffffff5;border:1px solid rgba(226,232,240,.9);font-size:12px;font-weight:900;box-shadow:0 10px 16px #0000002b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-side-label.red{left:-28px;color:#a73041}.table-side-label.black{right:-28px;color:#111827}.table-side-label.empty{color:#64748bc7;border-style:dashed;background:#ffffffd1}.table-seat{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;max-width:44%;padding:6px 9px;border-radius:999px;background:#ffffffe0;border:1px solid rgba(180,196,207,.68);color:var(--ink);font-size:12px;font-weight:900;box-shadow:0 10px 18px #2c414c1f}.table-seat span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-seat.red{left:14px;top:18px}.table-seat.black{right:14px;bottom:18px;flex-direction:row-reverse}.seat-dot{width:26px;height:26px;flex:0 0 auto;border-radius:50%;display:block;border:2px dashed rgba(100,116,139,.35);background:#ffffffdb}.seat-dot.red{border-color:#ac304259}.seat-dot.black{border-color:#34415559}.spectator-rail{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#ffffffc7;color:var(--muted);font-size:11px;font-weight:800}.public-room-actions{display:grid;gap:8px}.public-room-actions.split{grid-template-columns:1fr auto}.public-room-meta{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:8px;color:var(--muted);font-size:12px}.public-room-meta span{display:inline-flex;align-items:center;gap:4px;min-width:0}.public-empty-state,.empty-table{min-height:220px;align-content:center;justify-items:center;text-align:center;color:var(--muted);border-style:dashed}.public-empty-state{grid-column:1 / -1;min-height:120px;padding:22px;justify-items:start;text-align:left}.public-empty-state strong,.empty-table strong{color:var(--ink)}.empty-table{min-height:220px;color:var(--jade-deep);cursor:pointer;overflow:hidden}.empty-table span{color:var(--muted);font-size:13px}.empty-table-visual{position:relative;width:100%;min-height:190px;display:grid;place-items:center}.empty-table-felt{width:min(76%,260px);aspect-ratio:1.55;display:grid;place-items:center;align-content:center;gap:6px;border-radius:44%/34%;border:9px solid #8b572f;background:radial-gradient(circle at 34% 24%,#33bd88,#11845f 72%);color:#fff;box-shadow:inset 0 0 0 2px #ffffff21,inset 0 -15px 26px #00000029,0 19px 28px #4a412f30;transition:transform .16s,box-shadow .16s}.empty-table:hover .empty-table-felt{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffffff21,inset 0 -15px 26px #00000029,0 24px 34px #4a412f40}.empty-table-felt svg{color:#fff}.empty-table-felt strong{color:#fff;font-size:18px}.empty-table-felt span{color:#ffffffc7;font-weight:800}.empty-chair{position:absolute;width:34px;height:22px;border-radius:999px;background:linear-gradient(180deg,#fff,#e7eef1);border:1px solid rgba(180,196,207,.82);box-shadow:0 8px 14px #2c414c1f}.empty-chair.top{top:10px;left:50%;transform:translate(-50%)}.empty-chair.right{right:13px;top:50%;transform:translateY(-50%) rotate(90deg)}.empty-chair.bottom{bottom:10px;left:50%;transform:translate(-50%)}.empty-chair.left{left:13px;top:50%;transform:translateY(-50%) rotate(90deg)}.private-room-panel{display:grid;gap:12px}.private-room-note{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}.room-err.lobby{margin:0}.mobile-quick-seat{display:none}.spin{animation:spin .8s linear infinite}.public-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-room-card.compact-table{gap:9px;min-height:0;padding:12px;border-radius:15px;box-shadow:0 12px 30px #1b2c3a16}.public-room-card.compact-table .public-room-top{align-items:center}.public-room-card.compact-table .public-room-top strong{font-size:15px}.public-room-card.compact-table .room-band{display:none}.public-room-card.compact-table .room-code-mini{font-size:11px;padding:4px 7px}.public-room-card.compact-table .table-player-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.public-room-card.compact-table .table-player{min-height:34px;padding:6px 9px;border-radius:11px}.public-room-card.compact-table .table-player strong{font-size:14px}.compact-table-strip{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(203,213,225,.74);background:linear-gradient(90deg,#f8fcfa,#fff);color:var(--muted);font-size:12px;font-weight:850}.compact-table-strip.playing{border-color:#12a06a38;background:linear-gradient(90deg,#eefaf4,#fff)}.compact-table-strip.empty{min-height:34px;border-style:dashed;background:#fbfdfc}.compact-board-mark{color:var(--jade-deep);font-weight:950;white-space:nowrap}.public-room-card.compact-table.empty-table .empty-meta{grid-template-columns:1fr}.public-room-card.compact-table.empty-table .empty-meta span:nth-child(n+2){display:none}.public-room-card.compact-table .public-room-meta{grid-template-columns:repeat(4,minmax(0,auto));gap:7px;font-size:11.5px}.public-room-card.compact-table .room-action{min-height:38px;border-radius:11px}.public-room-card.compact-table .empty-table-actions,.public-room-card.compact-table .public-room-actions.split{grid-template-columns:repeat(2,minmax(0,1fr))}.public-room-card.compact-table .room-blocked-tip{padding:7px 9px;font-size:11.5px}.arena-play-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.arena-play-tabs button{min-width:0;display:grid;gap:2px;min-height:54px;padding:9px 12px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;box-shadow:0 10px 22px #1b2c3a0f}.arena-play-tabs button.on{border-color:#12a06a57;background:linear-gradient(135deg,#139965,#0c815a);color:#fff;box-shadow:0 16px 30px #127c542e}.arena-play-tabs strong{font-size:14px;font-weight:950}.arena-play-tabs span{color:var(--muted);font-size:11px;font-weight:850}.arena-play-tabs button.on span{color:#fffc}.arena-mode-grid.single{grid-template-columns:minmax(0,1fr)}.arena-table-card .arena-table-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-mini-table{min-height:72px}.arena-mini-table strong{display:flex;align-items:center;gap:5px;min-width:0}.arena-mini-table strong b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.arena-mini-table strong em{flex:0 0 auto;color:#94a3b8;font-size:11px;font-style:normal}.arena-mini-table .red-name{color:#a73041}.arena-mini-table .black-name{color:#111827}.immersive-match .board-column,.board-column{min-width:0;overflow:hidden}.immersive-match .board-frame,.board-frame{max-width:100%;overflow:hidden;box-sizing:border-box}.board-wrap{max-width:100%;overflow:hidden}@media (max-width:980px){.public-room-grid,.arena-table-card .arena-table-strip{grid-template-columns:1fr}}@media (max-width:560px){.hall{gap:10px}.hall-header{gap:8px;padding:0}.profile-card{min-height:64px;padding:9px 10px;border-radius:16px}.profile-card .avatar{width:42px!important;height:42px!important;font-size:20px!important}.profile-name-row{gap:6px}.profile-name{font-size:16px}.profile-stats{gap:7px;font-size:12px}.coin-badge,.rating-badge{min-height:24px;padding:2px 8px;font-size:11px}.hall-header-actions{gap:6px}.icon-btn{width:40px;height:40px;border-radius:12px}.mode-switch.quad{gap:7px;padding:6px;border-radius:16px}.mode-switch.quad button{min-height:44px;padding:7px 9px;border-radius:12px;gap:7px}.mode-switch .ms-label{font-size:13px}.hall-controls,.public-room-notice,.private-room-note{padding:10px 12px;border-radius:13px}.public-actions{grid-template-columns:1fr 1fr .8fr}.public-actions .room-action.go{display:inline-flex}.room-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.public-band-tabs button{min-height:56px;padding:9px 11px}.online-lobby .public-band-tabs,.arena-lobby .public-band-tabs{display:flex;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}.online-lobby .public-band-tabs::-webkit-scrollbar,.arena-lobby .public-band-tabs::-webkit-scrollbar{display:none}.online-lobby .public-band-tabs button,.arena-lobby .public-band-tabs button{flex:0 0 168px;grid-template-columns:1fr;min-height:54px}.public-room-grid{padding-bottom:0}.public-room-card.compact-table{padding:10px;border-radius:14px}.public-room-card.compact-table .public-room-top{gap:8px}.public-room-card.compact-table .public-room-top strong{font-size:14px}.public-room-card.compact-table .table-player-row{grid-template-columns:repeat(2,minmax(0,1fr))}.public-room-card.compact-table .table-player{grid-template-columns:auto minmax(0,1fr);min-height:32px;padding:5px 7px}.public-room-card.compact-table .table-player span{font-size:10.5px}.public-room-card.compact-table .table-player strong{font-size:13px}.compact-table-strip{min-height:34px;padding:7px 8px;font-size:11px}.public-room-card.compact-table .public-room-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.public-room-card.compact-table.empty-table .public-room-meta{grid-template-columns:1fr}.public-room-card.compact-table.empty-table{gap:7px}.public-room-card.compact-table.empty-table .table-player-row,.public-room-card.compact-table.empty-table .compact-table-strip,.public-room-card.compact-table.empty-table .public-room-meta{display:none}.public-room-card.compact-table.empty-table .empty-table-actions{gap:6px}.public-room-card.compact-table.empty-table .room-action{min-height:34px}.public-room-card.compact-table .empty-table-actions,.public-room-card.compact-table .public-room-actions.split{grid-template-columns:repeat(2,minmax(0,1fr))}.public-room-card.compact-table .room-action{min-height:36px;font-size:13px}.mobile-quick-seat{display:none!important}.arena-hero{grid-template-columns:1fr;gap:10px;padding:12px}.arena-hero strong{font-size:20px}.arena-hero p{font-size:12px;line-height:1.45}.arena-wallet{grid-template-columns:auto 1fr auto;justify-items:start;align-items:center;padding:10px}.arena-wallet span{font-size:22px}.arena-wallet small{display:none}.arena-play-tabs{grid-template-columns:1fr;gap:7px}.arena-play-tabs button{min-height:46px;grid-template-columns:1fr auto;align-items:center}.arena-card{gap:10px}.table-card{padding:12px}.table-card .table-felt{min-height:150px}.study-card{gap:12px}.study-copy p{font-size:12.5px;line-height:1.55}}.public-room-card{gap:13px;padding:16px;border-radius:18px;border:1px solid rgba(203,213,225,.86);background:linear-gradient(180deg,#fffffffa,#fafdfcf5);box-shadow:0 18px 44px #1b2c3a1c}.public-room-card.waiting{background:linear-gradient(180deg,#fff,#f7fcf9)}.public-room-card.playing{border-color:#12a06a47;box-shadow:0 18px 46px #127c541f}.public-room-top strong{font-size:17px;letter-spacing:0}.public-table-visual.table-room-scene{min-height:190px;padding:16px 18px 30px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 50% 42%,#fffffff2,#ffffff73 42%,#ecf6f1c7 70%),linear-gradient(180deg,#fbfefd,#edf6f1);border:1px solid rgba(18,160,106,.15);overflow:hidden}.public-table-visual.table-room-scene:before{inset:13px;border-radius:16px;border:1px solid rgba(151,185,170,.22);border-style:solid;background:linear-gradient(90deg,transparent 49%,rgba(151,185,170,.14) 49% 51%,transparent 51%),linear-gradient(180deg,transparent 49%,rgba(151,185,170,.14) 49% 51%,transparent 51%);pointer-events:none}.table-player-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.table-player{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:38px;padding:7px 10px;border-radius:12px;border:1px solid rgba(203,213,225,.86);background:#ffffffe6;box-shadow:0 8px 18px #20323e0f}.table-player span{color:var(--muted);font-size:11px;font-weight:900;white-space:nowrap}.table-player strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.1;letter-spacing:0}.table-player.red strong{color:#a73041}.table-player.black strong{color:#111827}.table-player.empty{background:#f8fafcb8;border-style:dashed}.table-player.empty strong{color:#64748bbd}.xiangqi-table.refined{position:relative;left:auto;top:auto;width:min(74%,280px);max-width:none;aspect-ratio:1.68;transform:none;border-radius:30px;border:12px solid #8a552c;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 38% 24%,#38c28e,#0d805d 74%);background-size:24px 24px,24px 24px,100% 100%;box-shadow:inset 0 0 0 2px #ffffff24,inset 0 -18px 30px #0000002e,0 22px 34px #59402538;z-index:1}.xiangqi-table.refined:before,.xiangqi-table.refined:after{display:none}.xiangqi-table.refined .table-board-lines{inset:22px 48px;border-radius:14px;border-color:#ffffff2e}.xiangqi-table.refined .table-center-mark{font-size:10px;letter-spacing:.06em;padding:5px 10px;background:#00412e47}.table-chair{position:absolute;top:50%;width:34px;height:54px;border-radius:999px;transform:translateY(-50%);border:1px solid rgba(182,196,207,.9);background:linear-gradient(180deg,#fff,#e6eef2);box-shadow:0 10px 18px #2c414c29}.table-chair.red{left:-36px}.table-chair.black{right:-36px}.seat-nameplate{position:absolute;z-index:4;top:50%;width:112px;min-height:48px;display:grid;gap:2px;align-content:center;padding:8px 12px;border-radius:14px;background:#fffffff0;border:1px solid rgba(203,213,225,.92);box-shadow:0 14px 24px #20323e24;overflow:hidden}.seat-nameplate.red{left:18px;color:#a73041}.seat-nameplate.black{right:18px;color:#111827}.seat-nameplate .seat-side{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:0}.seat-nameplate strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.1;letter-spacing:0}.seat-nameplate.red strong{color:#a73041}.seat-nameplate.black strong{color:#111827}.spectator-rail{bottom:9px;padding:6px 9px;border:1px solid rgba(203,213,225,.78);background:#ffffffe0;box-shadow:0 8px 16px #2c414c14}.public-room-actions{grid-template-columns:1fr;align-items:stretch}.public-room-actions.split{grid-template-columns:repeat(2,minmax(0,1fr))}.red-seat-action{color:#a73041;background:#fff4f5;border-color:#a7304133}.red-seat-action:hover:not(:disabled){background:#ffe9ec}.black-seat-action{color:#162033;background:#f5f7fa;border-color:#16203329}.black-seat-action:hover:not(:disabled){background:#e9eef4}.empty-table{min-height:auto;cursor:default;justify-items:stretch;align-content:start;text-align:left}.empty-table-visual{height:190px;min-height:0;display:grid;place-items:center;padding:16px 18px 30px;border-radius:16px;border:1px dashed rgba(151,185,170,.35);background:linear-gradient(180deg,#fbfefd,#f0f7f3)}.empty-table-felt{width:min(74%,280px);border-width:12px;border-radius:30px;aspect-ratio:1.68;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 36% 20%,#36bd8a,#0d805d 74%);box-shadow:inset 0 0 0 2px #ffffff24,inset 0 -17px 28px #0000002b,0 18px 28px #5940252b}.empty-table-felt strong{font-size:17px}.empty-table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.public-room-meta.empty-meta{color:#64748bdb}@media (max-width:640px){.public-band-tabs{grid-template-columns:1fr;gap:8px}.public-band-tabs button{min-height:auto;grid-template-columns:1fr auto;align-items:center}.public-band-tabs button small{grid-column:1 / -1}.public-room-notice{align-items:flex-start;flex-direction:column;gap:5px}.public-room-card{padding:14px;border-radius:16px}.public-table-visual.table-room-scene{min-height:176px;padding:16px 12px 30px}.xiangqi-table.refined{width:74%;border-width:10px}.empty-table-visual{height:176px;min-height:0;padding:16px 12px 30px}.empty-table-felt{width:74%;border-width:10px}.table-player-row{grid-template-columns:1fr;gap:6px}.table-player{min-height:36px;padding:7px 9px}.seat-nameplate{top:auto;bottom:24px;width:calc(50% - 22px);min-height:44px;padding:7px 10px}.seat-nameplate.red{left:12px}.seat-nameplate.black{right:12px}.seat-nameplate strong{font-size:14px}.table-chair.red{left:-28px}.table-chair.black{right:-28px}.public-room-actions.split,.empty-table-actions{grid-template-columns:1fr}}.code-input{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:44px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted)}.code-input input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:ui-monospace,monospace;font-size:18px;letter-spacing:3px;text-transform:uppercase}.room-err{margin:0;color:var(--red);font-size:12px;display:flex;align-items:center;gap:6px}.room-tip{margin:0;color:var(--muted);font-size:12px}.history-block{display:grid;gap:10px}.history-head{display:flex;align-items:center;justify-content:space-between}.history-head>span{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:14px;font-weight:600}.history-head small{color:var(--muted);font-size:12px}.history-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.history-more{width:100%;margin-top:9px;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--jade-deep);font-weight:650;font-size:13px;cursor:pointer;transition:background .14s ease}.history-more:hover{background:#eef3f0}.history-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:left;transition:transform .12s,border-color .12s}.history-row:hover{transform:translateY(-1px);border-color:#12a06a66}.hist-badge{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;font-size:13px;font-weight:800}.hist-badge.win{background:var(--jade-soft);color:var(--jade-deep)}.hist-badge.loss{background:var(--red-soft);color:var(--red)}.hist-badge.draw{background:var(--surface-2);color:var(--muted)}.hist-main{display:grid;gap:2px;min-width:0}.hist-main strong{color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-main span{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-date{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.hist-play{color:var(--jade);flex:0 0 auto}.puzzle-block{display:grid;gap:10px}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.puzzle-tile{display:grid;gap:6px;align-content:start;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}.puzzle-tile:hover{transform:translateY(-2px);border-color:#12a06a73}.puzzle-tile strong{color:var(--ink);font-size:16px}.pz-top{display:flex;align-items:center;justify-content:space-between}.pz-level{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.pz-level.lv1{background:var(--jade-soft);color:var(--jade-deep)}.pz-level.lv2{background:#fbf2df;color:#b8821f}.pz-level.lv3{background:var(--red-soft);color:var(--red)}.pz-stars{color:var(--gold);font-size:12px;letter-spacing:1px}.pz-stars .dim{color:var(--line-strong)}.pz-theme{color:var(--muted);font-size:12.5px}.pz-foot{display:flex;align-items:center;justify-content:space-between;margin-top:3px}.pz-you{font-size:11.5px;color:var(--muted)}.pz-go{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--jade-deep)}.study-block{display:grid;gap:10px}.study-card{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;align-items:center;gap:20px;text-align:left;padding:14px;border-radius:12px;border:1px solid rgba(18,160,106,.24);background:linear-gradient(135deg,#fffffff5,#f3f8f6f0),radial-gradient(circle at 16% 16%,rgba(196,137,43,.14),transparent 34%);box-shadow:var(--shadow);transition:transform .14s,border-color .14s,box-shadow .14s}.study-card:hover{transform:translateY(-2px);border-color:#12a06a7a;box-shadow:var(--shadow-lg)}.study-entry-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:12px;align-items:stretch}.study-board-preview{aspect-ratio:9 / 10;min-height:0;max-height:260px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(74,40,15,.24);background:radial-gradient(circle at 50% 40%,#f3d9a6,#d5a45d)}.study-board-preview span{border-right:1px solid rgba(74,40,15,.24);border-bottom:1px solid rgba(74,40,15,.24)}.study-board-preview b{position:absolute;top:50%;transform:translateY(-50%);color:#4a280f94;font-family:Songti SC,Georgia,serif;font-size:18px;letter-spacing:3px}.study-board-preview b:first-of-type{left:18%}.study-board-preview b:last-of-type{right:18%}.study-copy{display:grid;gap:7px;min-width:0}.study-kicker{color:var(--jade-deep);font-size:12px;font-weight:800}.study-copy strong{color:var(--ink);font-size:22px}.study-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.study-tags{display:flex;flex-wrap:wrap;gap:6px}.study-tags span{padding:4px 9px;border-radius:999px;background:var(--jade-soft);color:var(--jade-deep);font-size:12px;font-weight:700}.study-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep));font-size:14px;font-weight:800;white-space:nowrap}.import-card{display:grid;align-content:start;gap:10px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.import-card strong{color:var(--ink);font-size:18px}.import-card textarea,.fen-import textarea{width:100%;resize:vertical;min-height:92px;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.import-error,.share-status{margin:0;font-size:12px;line-height:1.5}.import-error,.share-status.err{color:var(--red)}.share-status.ok{color:var(--jade-deep)}.puzzle-card{gap:9px}.puzzle-meta{display:flex;align-items:center;gap:8px}.pz-side{font-size:12px;color:var(--muted)}.puzzle-goal{margin:2px 0 0;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--jade-deep)}.puzzle-tip{margin:0;font-size:12.5px;color:var(--ink);line-height:1.6}.puzzle-hintline{margin:0;font-size:11.5px;color:var(--muted)}.control-grid.puzzle{display:flex;flex-wrap:wrap}.control-grid.puzzle button{flex:1 1 0;min-width:84px}.study-share-card{gap:10px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.share-actions button,.share-import{min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:12.5px;font-weight:700}.share-actions button:hover:not(:disabled),.share-import:hover:not(:disabled){background:#e9eef3;border-color:var(--line-strong)}.share-actions button:disabled,.share-import:disabled{opacity:.45;cursor:default}.share-import{width:100%;color:#fff;border-color:transparent;background:linear-gradient(145deg,var(--jade),var(--jade-deep))}.fen-import{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.invite-panel{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.invite-text{display:grid;gap:12px;min-width:0}.invite-label{color:var(--jade-deep);font-size:13px;font-weight:600}.invite-code{display:flex;gap:8px}.invite-code span{width:44px;height:54px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-family:ui-monospace,monospace;font-size:28px;font-weight:700;color:var(--ink)}.invite-seats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink);font-size:13px}.invite-seats>span{display:inline-flex;align-items:center;gap:7px}.invite-seats .vs-mini{color:var(--muted);font-weight:700;font-size:11px}.invite-seats .waiting-seat{color:var(--muted)}.invite-actions{display:flex;flex-wrap:wrap;gap:8px}.invite-actions button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:13px}.invite-actions button:hover{background:var(--surface-2)}.room-action.big{min-height:48px;font-size:15px}.invite-qr{display:grid;justify-items:center;gap:8px}.invite-qr small{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.qr-svg{border-radius:12px;border:1px solid var(--line);padding:8px;background:#fff;box-shadow:var(--shadow)}.arena{flex:1;min-height:0;display:grid;grid-template-columns:280px minmax(520px,1fr) 320px;gap:14px;padding:16px 20px}.immersive-match .arena{grid-template-columns:minmax(520px,1fr) 300px;padding:18px 22px}.immersive-match .board-frame{max-width:min(100%,820px)}.board-column{min-height:0;height:100%;display:grid;place-items:center;min-width:0}.board-frame{min-height:0;height:100%;width:100%;max-width:min(100%,780px);display:grid;grid-template-rows:minmax(0,1fr);place-items:stretch}.board-wrap{min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.emote-bubble{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:9;padding:8px 15px;border-radius:999px;background:#fffffff5;border:1px solid var(--line);box-shadow:var(--shadow-lg);color:var(--ink);font-size:14px;white-space:nowrap;pointer-events:none;animation:emote-pop .28s ease-out,emote-fade .4s ease 2.8s forwards}.emote-bubble b{color:var(--jade-deep)}.emote-bubble.red b{color:var(--red)}.emote-bubble.black b{color:#3c4a57}@keyframes emote-pop{0%{transform:translate(-50%) translateY(-8px) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes emote-fade{to{opacity:0}}.emote-bar{display:flex;flex-wrap:wrap;gap:6px}.emote-bar button{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:13px}.emote-bar button:hover{background:#e9eef3}.emote-bar button span{font-size:11.5px;color:var(--muted)}.rail{min-height:0;height:100%;display:flex;flex-direction:column;gap:10px;overflow:auto}.rail>*{flex-shrink:0}.assist-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.assist-toggle>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:600}.mini-switch{width:40px;height:23px;border-radius:999px;background:#162a3e29;position:relative;transition:background .18s;flex:0 0 auto}.mini-switch>span{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.mini-switch.on{background:var(--jade)}.mini-switch.on>span{transform:translate(17px)}.room-info-card{gap:10px}.ri-players{display:grid;gap:6px}.ri-players span{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px}.ri-players b{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border-radius:5px;font-family:Songti SC,serif;font-size:11px;font-weight:800}.ri-players b.red{background:var(--red-soft);color:var(--red)}.ri-players b.black{background:#e7edf2;color:#3c4a57}.ri-spec{color:var(--muted)!important;font-size:12px}.ri-events{display:grid;gap:5px}.ri-event{display:flex;align-items:center;gap:8px;font-size:12px}.ri-event span{color:var(--muted);flex:0 0 auto;font-variant-numeric:tabular-nums}.ri-event em{font-style:normal;color:#44525f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.card-head>strong{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}.card-head>strong.red{color:var(--red)}.card-head>strong.black{color:#44525f}.eval-graph-card{gap:6px}.eval-graph{width:100%;height:86px;display:block}.eg-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.eg-axis{display:flex;flex-direction:column;justify-content:space-between;padding:1px 0;color:var(--muted);font-size:10px;line-height:1}.eg-axis span:first-child{color:var(--red)}.eg-axis span:last-child{color:#44525f}.eg-mid{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 3}.eg-line{stroke:var(--jade-deep);stroke-width:2;vector-effect:non-scaling-stroke}.eg-cursor{stroke:var(--gold);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.8}.eval-graph.seekable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.eval-graph.seekable:active{cursor:grabbing}.eg-mark{stroke:var(--surface);stroke-width:1.4;cursor:pointer;transition:stroke-width .12s ease}.eg-mark.inaccuracy{fill:#b8821f}.eg-mark.mistake{fill:#d2700f}.eg-mark.blunder{fill:var(--red);animation:eg-pulse 1.7s ease-in-out infinite}.eg-mark:hover{stroke-width:2.4}@keyframes eg-pulse{0%,to{opacity:1}50%{opacity:.5}}.info-card{gap:12px}.ic-main{display:flex;align-items:center;gap:12px}.ic-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--jade-soft);color:var(--jade-deep)}.ic-main small{color:var(--muted);font-size:11px;display:block}.ic-main strong{color:var(--ink);font-size:16px}.ic-chips{display:flex;flex-wrap:wrap;gap:6px}.ic-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11.5px}.ic-chip.phase{font-weight:600}.ic-chip.phase.开局{background:var(--jade-soft);color:var(--jade-deep)}.ic-chip.phase.中局{background:#fdf0d9;color:#9a6a1e}.ic-chip.phase.残局{background:#fbe6e3;color:var(--red)}.material-card{gap:10px}.balance-bar{height:8px;border-radius:999px;overflow:hidden;background:linear-gradient(#3a4859,#2d3a48)}.bal-red{height:100%;background:linear-gradient(90deg,#e0594a,#c83a2d);transition:width .4s ease}.mat-line{display:flex;align-items:flex-start;gap:8px;min-height:24px}.mat-tag{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;font-family:Songti SC,serif;font-size:12px;font-weight:800}.mat-tag.red{background:var(--red-soft);color:var(--red)}.mat-tag.black{background:#e7edf2;color:#3c4a57}.mat-chips{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.mat-empty{color:#6a7b8c80;font-size:12px}.board-stage{position:relative;height:100%;aspect-ratio:9 / 10;max-width:100%;container-type:inline-size;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.theme-wood{background:linear-gradient(135deg,#ffffff0f,#0000000d),repeating-linear-gradient(92deg,#7846190d 0 7px,#78461900 7px 16px),radial-gradient(circle at 50% 34%,#f4dca9,#e7be80 58%,#d2a25c);--board-line: rgba(74, 40, 15, .5);--board-edge: rgba(74, 40, 15, .85);--river-fill: rgba(90, 55, 25, .5) }.theme-jade{background:linear-gradient(135deg,#ffffff1a,#0000000d),radial-gradient(circle at 50% 34%,#d2ecdd,#a9d6bf 58%,#84bd9f);--board-line: rgba(15, 60, 45, .5);--board-edge: rgba(12, 48, 36, .85);--river-fill: rgba(18, 60, 46, .5) }.theme-rosewood{background:linear-gradient(135deg,#ffffff0a,#00000026),repeating-linear-gradient(92deg,#2a140814 0 7px,#2a140800 7px 16px),radial-gradient(circle at 50% 34%,#8a5230,#6e3f22 58%,#522d16);--board-line: rgba(245, 228, 200, .5);--board-edge: rgba(250, 236, 212, .8);--river-fill: rgba(240, 222, 190, .62) }.theme-rosewood .board-bg{fill:#ffffff0a}.theme-dark{background:linear-gradient(135deg,#ffffff0a,#00000026),radial-gradient(circle at 50% 34%,#33455a,#27384a 58%,#1b2735);--board-line: rgba(186, 206, 226, .42);--board-edge: rgba(206, 222, 238, .72);--river-fill: rgba(176, 198, 220, .6) }.theme-dark .board-bg{fill:#ffffff0a}.board-lines{position:absolute;inset:0;width:100%;height:100%}.board-bg{fill:#ffffff0f;stroke:var(--board-edge);stroke-width:3}.grid-line{stroke:var(--board-line);stroke-width:1.4}.xq-marker path{stroke:var(--board-line);stroke-width:1.6;fill:none}.river-text{fill:var(--river-fill);font-family:Songti SC,Georgia,serif;font-size:25px;font-weight:700;letter-spacing:3px;opacity:.85}.cell-mark{position:absolute;transform:translate(-50%,-50%);pointer-events:none;border-radius:7px}.cell-mark.last{width:11cqw;height:11cqw;z-index:2;background:#12a06a2e;box-shadow:inset 0 0 0 2px #12a06a73}.cell-mark.selected{width:11.4cqw;height:11.4cqw;z-index:5;border-radius:9px;border:2px solid rgba(18,160,106,.95);box-shadow:0 0 14px #12a06a73}.cell-mark.check{width:12cqw;height:12cqw;z-index:5;border-radius:50%;border:2.5px solid var(--red);box-shadow:0 0 16px #d8453a99;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.legal-hint{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:5;border-radius:50%}.legal-hint.move{width:3.6cqw;height:3.6cqw;background:#12a06acc;box-shadow:0 0 7px #12a06a80}.legal-hint.capture{width:11.6cqw;height:11.6cqw;border:3px solid rgba(18,160,106,.85)}.xq-piece{position:absolute;transform:translate(-50%,-50%);width:10.6cqw;height:10.6cqw;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff8e8,#f1dcae 52%,#cda864);box-shadow:inset 0 0 0 1.5px #78461973,inset 0 2px 5px #ffffff8c,inset 0 -3px 6px #78461940,0 4px 9px #0000004d;font-family:Songti SC,STKaiti,Georgia,serif;font-weight:800;line-height:1;z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;transition:left .27s cubic-bezier(.22,1,.36,1),top .27s cubic-bezier(.22,1,.36,1),box-shadow .18s,transform .18s}.xq-piece span{font-size:6.4cqw}.xq-piece.red span{color:#c0271b}.xq-piece.black span{color:#1b2a24}.xq-piece.selected{box-shadow:inset 0 0 0 2px #12a06ab3,0 0 0 3px #12a06a99,0 8px 16px #0006;transform:translate(-50%,-54%) scale(1.05)}.hint-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.hint-arrow line{stroke:#12a06ae6;stroke-width:7;stroke-linecap:round}.hint-arrow marker path{fill:#12a06ae6}.suggest-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.suggest-arrow line{stroke:#0c8456;stroke-width:7;stroke-linecap:round;stroke-dasharray:9 7;animation:dashmove .7s linear infinite}.suggest-arrow marker path{fill:#0c8456}@keyframes dashmove{to{stroke-dashoffset:-16}}.hit-layer{position:absolute;inset:0;z-index:8}.hit{position:absolute;transform:translate(-50%,-50%);width:10.6cqw;height:10.6cqw;border-radius:50%;background:transparent;transition:background .12s}.board-stage:not(.locked) .hit:hover{background:radial-gradient(circle,rgba(18,160,106,.14),transparent 68%)}.board-stage.locked .hit{cursor:default}.hit:focus-visible{outline:2px solid rgba(18,160,106,.85);outline-offset:-4px}.player-bar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 12px 8px 10px;border-radius:14px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 3px 12px #1c30440d;transition:background .2s,box-shadow .2s,border-color .2s}.player-bar.active{background:#ffffffeb;border-color:#12a06a59;box-shadow:0 6px 18px #12a06a1f}.player-bar.active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--jade)}.player-meta{min-width:0;display:grid;gap:3px}.player-name-row{display:flex;align-items:center;gap:5px;min-width:0;min-height:20px}.player-name-row strong{color:var(--ink);font-size:15px;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-tag{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:5px;font-family:Songti SC,serif;font-size:11px;font-weight:800}.side-tag.red{background:var(--red-soft);color:var(--red)}.side-tag.black{background:#e7edf2;color:#3c4a57}.thinking-dot{display:none;color:var(--jade);font-size:12px;line-height:1;white-space:nowrap}.thinking-dot.on{display:none}@keyframes blink{50%{opacity:.4}}.player-sub{display:flex;align-items:center;gap:8px;min-height:22px}.player-sub>span{color:var(--muted);font-size:12px;white-space:nowrap}.player-sub .player-subtitle{min-width:0;overflow:hidden;text-overflow:ellipsis}.player-name-row .side-tag,.player-name-row .rank-emblem,.player-sub .elo-chip{flex:0 0 auto}.captured-row{display:flex;flex-wrap:wrap;gap:2px;min-width:0}.captured-chip{display:inline-flex;align-items:center;font-family:Songti SC,Georgia,serif;font-size:14px;font-weight:700;line-height:1}.captured-chip.red{color:#d8453a}.captured-chip.black{color:#3c4a57}.captured-chip em{font-style:normal;font-size:10px;color:var(--muted);margin-left:1px}.captured-empty{color:#6a7b8c66;font-size:12px}.adv-badge{color:var(--jade-deep)!important;font-weight:700;font-size:12px;background:var(--jade-soft);padding:1px 7px;border-radius:999px}.player-clock{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-variant-numeric:tabular-nums;font-size:25px;font-weight:700;letter-spacing:.5px;color:var(--muted);padding:6px 12px;border-radius:12px;background:#1c30440d;min-width:96px;transition:color .2s,background .2s,box-shadow .2s}.player-clock.running{color:var(--ink);background:var(--jade-soft);box-shadow:inset 0 0 0 1px #12a06a4d}.player-clock.running:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--jade);animation:clock-pulse 1.5s ease-out infinite}@keyframes clock-pulse{0%{box-shadow:0 0 #12a06a73}70%{box-shadow:0 0 0 6px #12a06a00}to{box-shadow:0 0 #12a06a00}}.player-clock.low{color:var(--red);background:var(--red-soft);box-shadow:inset 0 0 0 1px #d8453a4d;animation:blink 1s infinite}.player-clock.low:before{background:var(--red);animation:none}.sidebar{min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.sidebar>.clock-stack{order:0}.clock-stack{display:grid;gap:8px}.clock-stack .player-bar{background:var(--surface-2);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.clock-stack .player-bar.active{background:var(--jade-soft);border-color:#12a06a59}.clock-stack .player-clock{min-width:86px;font-size:22px}.elo-chip{flex:0 0 auto;padding:1px 7px;border-radius:999px;background:#1c30440f;color:var(--muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.clock-stack .player-bar.active .elo-chip{background:#12a06a24;color:var(--jade-deep)}.sidebar>.status-banner{order:1}.sidebar>.emote-bar{order:2}.sidebar>.match-controls{order:1}.sidebar>.control-grid,.sidebar>.study-stepbar{order:3}.sidebar>.lobby-link{order:4}.sidebar>.panel-head{order:5}.sidebar>.move-toggle{order:6}.sidebar>.panel-body{order:7}.sidebar>.nav-row{order:8}.sidebar>.back-live{order:9}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--muted);font-size:13px;font-weight:600;padding:0 2px}.panel-head>span{display:inline-flex;align-items:center;gap:6px}.panel-tools{display:inline-flex;gap:2px}.panel-tools button{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--muted);border:1px solid transparent;transition:background .12s,color .12s,border-color .12s}.panel-tools button:hover:not(:disabled){background:var(--surface-2);color:var(--ink);border-color:var(--line)}.panel-tools button:disabled{opacity:.38;cursor:default}.panel-tools button.on{color:var(--jade-deep);background:var(--jade-soft);border-color:#12a06a40}.tool-toast{align-self:flex-start;padding:4px 11px;border-radius:999px;background:var(--jade-soft);color:var(--jade-deep);font-size:12px;font-weight:600;animation:emote-pop .2s ease-out}.fen-bar{display:grid;gap:6px}.fen-bar textarea{width:100%;min-width:0;resize:vertical;min-height:66px;padding:8px 10px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.fen-bar button{min-height:40px;padding:0 16px;border-radius:9px;border:0;color:#fff;font-weight:700;font-size:13px;background:linear-gradient(145deg,var(--jade),var(--jade-deep))}.fen-bar button:disabled{opacity:.45;cursor:default}.sidebar>.tool-toast,.sidebar>.fen-bar{order:5}.status-banner{display:grid;gap:3px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}.status-banner strong{font-size:16px;color:var(--ink)}.status-banner span{font-size:12.5px;color:var(--muted);line-height:1.5}.status-banner.ready{border-color:#12a06a66;background:var(--jade-soft)}.status-banner.ready strong{color:var(--jade-deep)}.status-banner.waiting,.status-banner.thinking{background:#faf1df;border-color:#c4892b4d}.status-banner.thinking strong{color:var(--gold-soft)}.status-banner.alert,.status-banner.end{background:var(--red-soft);border-color:#d8453a66}.status-banner.alert strong,.status-banner.end strong{color:var(--red)}.status-banner.review{background:var(--surface-2)}.status-banner.review strong{color:var(--ink)}.immersive-match .sidebar{align-self:center;height:auto;gap:12px}.immersive-match .sidebar>:not(.clock-stack):not(.match-controls){display:none!important}.match-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-controls button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:800}.match-controls button:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.match-controls button.danger{border-color:#d8453a42;color:var(--red);background:var(--red-soft)}.match-controls button:disabled{opacity:.45;cursor:default}.panel-tabs{display:flex;gap:6px}.panel-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:9px;border:1px solid transparent;color:var(--muted);font-size:13px}.panel-tabs button:hover{background:var(--surface-2)}.panel-tabs button.on{color:var(--jade-deep);background:var(--jade-soft);border-color:#12a06a40}.panel-body{flex:1;min-height:64px;overflow:auto}.move-toggle{display:none;min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--jade-deep);font-size:13px;font-weight:700}.analysis-card{gap:9px}.ana-sub{display:flex;align-items:center;justify-content:space-between;gap:8px}.move-list{display:grid;gap:4px;align-content:start}.empty-note{margin:0;padding:6px 4px;color:var(--muted);font-size:12.5px;line-height:1.45}.move-row{display:grid;grid-template-columns:30px 1fr 1fr;gap:6px;align-items:center}.move-no{color:var(--muted);font-size:12px;text-align:center}.move-cell{padding:7px 10px;border-radius:7px;background:var(--surface-2);color:var(--ink);font-size:14px;text-align:left;font-family:Songti SC,Georgia,serif}.move-cell:hover:not(.empty){background:#e9eef3}.move-cell.current{background:var(--jade-soft);color:var(--jade-deep);box-shadow:inset 0 0 0 1px #12a06a66}.move-cell.empty{background:transparent;cursor:default}.q-mark{font-style:normal;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:800;line-height:1;margin-left:1px;vertical-align:2px}.q-mark.q-great{color:var(--jade-deep)}.q-mark.q-inaccuracy{color:#b8821f}.q-mark.q-mistake{color:#d2700f}.q-mark.q-blunder{color:var(--red)}.move-cell.reviewing{box-shadow:inset 0 0 0 2px var(--jade)}.move-cell.qc-great:not(.current){background:var(--jade-soft)}.move-cell.qc-inaccuracy:not(.current){background:#fbf2df}.move-cell.qc-mistake:not(.current){background:#fbeede}.move-cell.qc-blunder:not(.current){background:var(--red-soft)}.review-card{gap:9px}.review-verdict{margin:0;padding:8px 11px;border-radius:9px;background:var(--surface-2);border-left:3px solid var(--jade);color:var(--ink);font-size:12.5px;line-height:1.55;font-weight:600}.rev-acc{color:var(--jade-deep)!important;font-size:17px!important;font-weight:800}.rev-acc small{font-size:11px;color:var(--muted);font-weight:600;margin-left:1px}.review-run{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border:0;border-radius:9px;background:var(--jade);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:filter .15s ease}.review-run:hover{filter:brightness(1.06)}.review-progress{display:grid;gap:6px}.rp-bar{height:7px;border-radius:4px;background:var(--surface-2);overflow:hidden}.rp-bar span{display:block;height:100%;background:var(--jade);transition:width .25s ease}.review-progress small{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.review-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rs-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:var(--surface-2);font-size:12px;color:var(--muted)}.rs-chip b{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.rs-chip.q-great{color:var(--jade-deep);background:var(--jade-soft)}.rs-chip.q-inaccuracy{color:#b8821f;background:#fbf2df}.rs-chip.q-mistake{color:#d2700f;background:#fbeede}.rs-chip.q-blunder{color:var(--red);background:var(--red-soft)}.review-hint{margin:0;font-size:11px;color:var(--muted);line-height:1.5}.review-mistakes{display:grid;gap:5px}.rm-head{color:var(--muted);font-size:11.5px;font-weight:700}.rm-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);text-align:left;transition:background .12s,border-color .12s}.rm-row:hover{background:#e9eef3;border-color:var(--line-strong)}.rm-no{color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}.rm-actual{font-family:Songti SC,Georgia,serif;font-size:14px;color:var(--ink)}.rm-actual em{font-style:normal;font-size:10px;font-weight:800;margin-left:2px}.rm-row.q-blunder .rm-actual em{color:var(--red)}.rm-row.q-mistake .rm-actual em{color:#d2700f}.rm-row.q-inaccuracy .rm-actual em{color:#b8821f}.rm-better{display:inline-flex;align-items:center;gap:4px;font-family:Songti SC,Georgia,serif;font-size:14px;font-weight:700;color:var(--jade-deep)}.suggest-caption{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--jade-soft);border:1px solid rgba(18,160,106,.28);color:var(--jade-deep);font-size:13px}.suggest-caption b{font-family:Songti SC,Georgia,serif;font-size:14px}.suggest-caption i{font-style:normal;color:var(--muted);font-size:12px;margin-left:auto}.analysis-panel{display:grid;gap:14px;align-content:start}.ana-eval{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ana-eval>div{display:grid;gap:3px}.ana-eval span{color:var(--muted);font-size:12px}.ana-eval strong{color:var(--ink);font-size:18px}.ana-eval strong.red{color:var(--red)}.ana-eval strong.black{color:#44525f}.ana-depth{flex:0 0 auto;color:var(--muted);font-size:12px;padding:4px 9px;border-radius:999px;background:var(--surface-2)}.ana-best{display:grid;gap:8px}.ana-best-head{display:flex;align-items:center;justify-content:space-between}.ana-best-head>span{color:var(--muted);font-size:12px}.ana-mark{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(18,160,106,.35);background:var(--jade-soft);color:var(--jade-deep);font-size:12px}.ana-mark:hover{background:#12a06a29}.pv-line{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;padding:2px 0;min-height:64px}.pv-line span{padding:5px 9px;border-radius:7px;background:var(--surface-2);color:var(--ink);font-size:13.5px;font-family:Songti SC,Georgia,serif;border:2px solid transparent;background-clip:padding-box}.pv-line .pv-best{background:var(--jade-soft);color:var(--jade-deep);font-weight:700;border-color:#12a06a59}.fen-row{display:grid;gap:5px}.fen-row span{color:var(--muted);font-size:11px}.fen-row code{display:block;padding:8px 10px;border-radius:8px;background:var(--surface-2);color:#4a5a6a;font-size:11px;line-height:1.5;word-break:break-all}.nav-row{display:flex;align-items:center;gap:6px;justify-content:center}.nav-label{flex:1;text-align:center;color:var(--muted);font-size:13px}.back-live{padding:9px;border-radius:10px;border:1px solid rgba(18,160,106,.4);background:var(--jade-soft);color:var(--jade-deep);font-size:13px}.study-stepbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.study-stepbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.study-stepbar button:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-1px)}.study-stepbar button:nth-child(2){border-color:#12a06a59;background:var(--jade-soft);color:var(--jade-deep)}.study-stepbar button:disabled{opacity:.45;cursor:default}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.control-grid.replay{grid-template-columns:1fr 1fr}.control-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:13px;transition:background .15s,border-color .15s}.control-grid button:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.control-grid button.primary{border-color:transparent;background:linear-gradient(145deg,var(--jade),var(--jade-deep));color:#fff}.control-grid button:disabled{opacity:.4;cursor:default}.lobby-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:10px;color:var(--muted);font-size:13px;border:1px solid transparent}.lobby-link:hover{color:var(--ink);border-color:var(--line)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#14233252;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-backdrop.right{place-items:stretch;justify-content:flex-end;padding:0}.result-modal{width:min(420px,100%);display:grid;gap:12px;justify-items:center;text-align:center;padding:28px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg)}.result-trophy{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#e9b65c,#c4892b)}.result-modal.win .result-trophy{background:linear-gradient(145deg,var(--jade),var(--jade-deep))}.result-modal.loss .result-trophy{background:linear-gradient(145deg,#97a3ad,#5d6b78)}.result-modal strong{font-size:26px;color:var(--ink)}.result-modal.win strong{color:var(--jade-deep)}.result-modal p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.result-actions button{min-height:44px;padding:0 18px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:14px}.result-actions button:hover{background:var(--surface-2)}.result-actions button.primary{display:inline-flex;align-items:center;gap:7px;border-color:transparent;color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep))}.confirm-dialog{width:min(380px,100%);display:grid;gap:12px;padding:24px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg)}.confirm-dialog strong{font-size:19px;color:var(--ink)}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-actions button{min-height:44px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.confirm-actions button:hover{background:var(--surface-2)}.confirm-actions button.primary{border-color:transparent;color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep))}.confirm-actions button.danger{border-color:transparent;background:linear-gradient(145deg,#e0594a,#b5392c);color:#fff}.time-dialog{width:min(560px,100%);display:grid;gap:16px;padding:18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff7,#f6fbf8f5);box-shadow:var(--shadow-lg)}.time-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.time-dialog-head>div{display:grid;gap:4px}.time-dialog-head span{display:inline-flex;align-items:center;gap:6px;color:var(--jade-deep);font-size:12px;font-weight:700}.time-dialog-head strong{color:var(--ink);font-size:22px}.time-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-summary>div{min-width:0;display:grid;gap:3px;padding:12px;border-radius:12px;border:1px solid rgba(18,160,106,.18);background:var(--jade-soft)}.time-summary span{color:var(--muted);font-size:12px}.time-summary strong{color:var(--jade-deep);font-size:18px;font-variant-numeric:tabular-nums}.time-section{display:grid;gap:9px}.time-section-label{color:var(--ink);font-size:13px;font-weight:800}.time-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.time-preset{min-height:58px;display:grid;place-items:center;gap:2px;padding:8px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.time-preset b{font-size:15px;font-variant-numeric:tabular-nums}.time-preset span{color:var(--muted);font-size:11px}.time-preset:hover{background:var(--surface-2)}.time-preset.on{border-color:#12a06a66;background:var(--jade-soft);color:var(--jade-deep)}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-fields label{display:grid;gap:9px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.time-fields label>span{display:flex;justify-content:space-between;gap:10px;color:var(--ink);font-size:13px;font-weight:700}.time-fields label>span b{color:var(--muted);font-size:12px;font-weight:600}.time-input-row{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:10px;align-items:center}.time-input-row input[type=range]{width:100%;accent-color:var(--jade)}.time-input-row input[type=number]{width:68px;height:40px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.time-side-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-side-group button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700}.time-side-group button.on{border-color:#12a06a66;background:var(--jade-soft);color:var(--jade-deep)}.competition-switch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-align:left;color:var(--ink)}.competition-switch:hover{background:var(--surface-2)}.competition-switch.on{border-color:#12a06a66;background:linear-gradient(135deg,var(--jade-soft),#fff)}.competition-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#9a6a1e;background:#faf1df;border:1px solid #c4892b40}.competition-switch.on .competition-mark{color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep));border-color:transparent}.competition-switch span:nth-child(2){min-width:0;display:grid;gap:2px}.competition-switch strong{font-size:14px;color:var(--ink)}.competition-switch small{color:var(--muted);font-size:12px;line-height:1.45}.competition-switch b{padding:5px 9px;border-radius:999px;color:var(--muted);background:var(--surface-2);font-size:12px;white-space:nowrap}.competition-switch.on b{color:var(--jade-deep);background:var(--jade-soft)}.time-dialog-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.time-dialog-actions button{min-height:46px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:800}.time-dialog-actions button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:transparent;color:#fff;background:linear-gradient(145deg,var(--jade),var(--jade-deep));box-shadow:0 10px 22px #12a06a3d}.settings-drawer{width:min(400px,100vw);height:100%;display:grid;grid-template-rows:auto 1fr;gap:18px;padding:22px;border-left:1px solid var(--line);background:var(--surface);box-shadow:-18px 0 50px #1c30442e}.settings-drawer header{display:flex;align-items:center;justify-content:space-between}.settings-drawer header strong{display:block;font-size:20px;color:var(--ink)}.settings-drawer header span{color:var(--muted);font-size:13px}.pref-section{display:grid;gap:10px;align-content:start}.pref-select{display:grid;gap:8px;color:var(--muted);font-size:13px}.pref-select select{min-height:44px;padding:0 12px;border-radius:11px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.pref-toggle{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:14px}.pref-toggle.on{border-color:#12a06a66}.pref-switch{width:42px;height:24px;border-radius:999px;background:#162a3e2e;position:relative;transition:background .18s}.pref-switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.pref-toggle.on .pref-switch{background:var(--jade)}.pref-toggle.on .pref-switch span{transform:translate(18px)}select{color-scheme:light}@media (max-width:1180px){.public-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-engine-layout{grid-template-columns:1fr}.ops-engine-layout .ops-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-levels-head,.ops-levels article{grid-template-columns:64px minmax(110px,1fr) minmax(120px,1fr) 80px minmax(140px,1fr) 92px}.ops-levels .ops-engine-level-card{grid-template-columns:160px minmax(0,1fr)}.engine-level-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.arena{grid-template-columns:minmax(176px,208px) minmax(0,1fr) 288px;gap:12px;padding:14px 16px}.eval-graph{height:74px}}@media (max-width:900px){.ops-shell{grid-template-columns:1fr}.ops-nav{position:sticky;z-index:8;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.ops-nav nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.ops-nav nav button{justify-content:center;min-height:48px;padding:8px}.ops-nav nav button span{display:none}.ops-back{display:none}.ops-main{padding:14px 14px 92px}.ops-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-dashboard .ops-section{grid-column:1 / -1}.ops-two-col{grid-template-columns:1fr}.ops-create-user,.ops-form-grid.top{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-table.users article,.ops-table.rooms article,.ops-table.games article,.ops-levels-head,.ops-presets article,.ops-levels article,.ops-audit article,.ops-history article,.ops-diff article{grid-template-columns:1fr;align-items:stretch}.ops-levels .ops-engine-level-card{grid-template-columns:1fr}.engine-level-title{flex-direction:row;align-items:center}.ops-levels-head{display:none}.preset-actions{grid-template-columns:1fr 1fr 44px}.ops-savebar{left:14px;right:14px;bottom:12px}.admin-shell{grid-template-columns:1fr}.admin-nav{min-height:auto;position:sticky;top:0;z-index:5;border-right:0;border-bottom:1px solid var(--line)}.admin-nav nav{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-nav nav button{justify-content:center;padding:0 8px}.admin-nav nav button span{display:none}.admin-back{display:none}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-create-user,.admin-form-grid{grid-template-columns:1fr}.users-table article,.room-table article,.games-table article,.engine-settings article,.admin-list p,.admin-list.compact p{grid-template-columns:1fr;align-items:stretch}.admin-table button{width:100%}.app{height:auto;min-height:100vh}.arena{grid-template-columns:1fr;grid-template-rows:none;padding:14px}.immersive-match .arena{grid-template-columns:1fr;grid-template-rows:none;align-content:start;gap:12px;padding:12px}.sidebar{order:2;grid-column:1;grid-row:auto;grid-template-rows:none}.immersive-match .sidebar{width:min(100%,430px);justify-self:center;align-self:stretch}.board-column{order:1;grid-column:1;height:auto}.rail{order:3;grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap;overflow:visible}.rail .card{flex:1 1 220px}.board-frame{height:auto;grid-template-rows:auto auto auto;width:100%;max-width:620px;margin:0 auto}.board-wrap{height:auto}.board-stage{height:auto;width:min(92vw,62vh);aspect-ratio:9 / 10}.panel-body{max-height:260px}.move-toggle{display:inline-flex;align-items:center;justify-content:center}.panel-body:not(.open){display:none}.tables-grid,.puzzle-grid{grid-template-columns:repeat(2,1fr)}.study-card,.study-entry-grid{grid-template-columns:1fr}.study-action{width:100%}}@media (max-width:640px){.ops-top,.ops-top-status,.ops-toolbar,.ops-section header,.ops-savebar,.ops-modal footer{align-items:stretch;flex-direction:column}.ops-top-status{width:100%}.ops-account{justify-content:space-between}.ops-dashboard,.ops-create-user,.ops-card-grid,.ops-form-grid,.ops-form-grid.top,.engine-level-fields{grid-template-columns:1fr}.ops-section header p{max-width:none;text-align:left}.ops-nav nav{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-nav nav button{min-height:42px}.ops-nav nav button svg{width:17px;height:17px}.ops-main{padding:12px 12px 150px}.ops-savebar{gap:8px}.ops-savebar button,.ops-modal footer button{width:100%}.ops-metric{min-height:104px}.admin-main{padding:12px}.admin-top,.admin-account,.admin-toolbar{align-items:stretch;flex-direction:column}.admin-grid{grid-template-columns:1fr}.admin-search{min-width:0;width:100%}.auth-shell{padding:14px}.auth-card{padding:18px;border-radius:16px}.auth-brand strong{font-size:23px}.admin-dialog{padding:14px;border-radius:14px}.admin-dialog header,.admin-dialog footer{align-items:flex-start;flex-direction:column}.user-row{grid-template-columns:1fr;align-items:stretch}.user-row .icon-btn{width:100%;justify-content:center}.modal-backdrop{padding:12px}.time-dialog{max-height:calc(100vh - 24px);overflow:auto;padding:14px;border-radius:14px}.time-dialog-head strong{font-size:20px}.time-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.time-summary>div{padding:9px 8px}.time-summary span{font-size:11px}.time-summary strong{font-size:14px}.time-presets{grid-template-columns:repeat(2,1fr)}.time-fields{grid-template-columns:1fr}.time-side-group{grid-template-columns:repeat(3,minmax(0,1fr))}.time-side-group button{min-height:44px;gap:5px;padding:0 6px;font-size:12px}.competition-switch{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px}.competition-switch b{grid-column:1 / -1;justify-self:start}.time-dialog-actions{grid-template-columns:1fr}.topbar{grid-template-columns:auto 1fr auto}.topbar .brand small,.topbar-center{display:none}.arena{padding:12px}.board-stage{width:min(calc(100vw - 28px),62dvh)}.control-grid{grid-template-columns:repeat(2,1fr)}.player-clock{font-size:20px;min-width:64px}.rail .card{flex:1 1 100%}.hall-header{grid-template-columns:1fr auto}.hall-title{display:none}.mode-switch button{min-height:50px;font-size:14px;gap:6px}.hall-controls{gap:10px}.ctrl-group{width:100%;justify-content:center}.start-dock{grid-template-columns:1fr;gap:12px}.start-primary{width:100%}.tables-grid,.tables-grid.online{grid-template-columns:1fr}.public-lobby-toolbar{align-items:stretch;flex-direction:column}.public-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.public-actions .room-action.go{display:none}.public-actions .room-action{width:100%}.room-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}.room-filters button{padding:0 6px;font-size:12px}.public-room-grid{grid-template-columns:1fr;padding-bottom:74px}.public-room-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.public-room-actions.split{grid-template-columns:1fr}.xiangqi-table{width:78%;border-width:9px}.table-side-label{max-width:76px;min-width:52px;height:32px;font-size:11px;padding:0 8px}.table-side-label.red{left:-22px}.table-side-label.black{right:-22px}.online-tabs{width:100%}.join-body{grid-template-columns:1fr}.mobile-quick-seat{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:block}.mobile-quick-seat .room-action{width:100%;box-shadow:0 14px 34px #0d8e603f}.table-card.single{max-width:none}.invite-panel{grid-template-columns:1fr;justify-items:center}.invite-text{width:100%}.history-list,.puzzle-grid{grid-template-columns:1fr}.study-board-preview{min-height:112px}}.mode-switch.quad{grid-template-columns:repeat(4,1fr)}.mode-switch.quad button{flex-direction:row;justify-content:flex-start;gap:11px;min-height:62px;padding:10px 14px;text-align:left}.mode-switch.quad button>svg{flex:0 0 auto}.mode-switch .ms-text{display:grid;gap:1px;min-width:0}.mode-switch .ms-label{font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap}.mode-switch .ms-sub{font-size:11.5px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-switch.quad button.on .ms-sub{color:#fffc}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.section-head>span{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:14px;font-weight:700}.section-head>span svg{color:var(--jade)}.section-head small{color:var(--muted);font-size:12px;text-align:right}.ctrl-note{align-self:center;color:var(--muted);font-size:12px;line-height:1.5}.empty-card{display:grid;justify-items:center;gap:8px;padding:26px 22px;border-radius:16px;border:1px dashed var(--line-strong);background:var(--surface);color:var(--muted);text-align:center}.empty-card svg{color:var(--jade)}.empty-card p{margin:0;font-size:13px;line-height:1.7;max-width:46ch}.puzzle-tile.solved{border-color:#12a06a59}.puzzle-tile.solved .pz-go{color:var(--jade-deep)}@media (max-width:560px){.mode-switch.quad{grid-template-columns:repeat(2,1fr)}.mode-switch.quad button{min-height:52px}.mode-switch .ms-sub{display:none}}.analysis-card{min-height:150px}.analysis-card .pv-line{min-height:64px;align-content:flex-start}.analysis-card .empty-note{display:flex;align-items:center;min-height:64px}.coin-badge{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border-radius:999px;border:1px solid rgba(196,137,43,.28);background:#fff8e8;color:#8a5a16;font-size:12px;font-weight:850}.coin-badge.claimable{color:#fff;background:linear-gradient(145deg,#d99b34,#b66d15);box-shadow:0 8px 18px #c4892b2e}.arena-lobby{display:grid;gap:14px}.arena-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:stretch;padding:18px;border-radius:18px;border:1px solid rgba(196,137,43,.24);background:linear-gradient(135deg,#fffdf8,#f3fbf6);box-shadow:var(--shadow)}.arena-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#fff3d7;color:#925f13;font-size:12px;font-weight:900}.arena-hero strong{display:block;color:var(--ink);font-size:24px;line-height:1.2}.arena-hero p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.arena-wallet{display:grid;justify-items:center;align-content:center;gap:5px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(196,137,43,.22);box-shadow:0 14px 28px #5f482014}.arena-wallet svg{color:var(--gold)}.arena-wallet span{color:#6f4610;font-size:28px;font-weight:950}.arena-wallet small{color:var(--muted);font-size:12px;font-weight:800}.arena-wallet button{min-height:32px;padding:0 12px;border-radius:999px;background:var(--jade-soft);color:var(--jade-deep);font-size:12px;font-weight:900}.arena-wallet button:disabled{opacity:.55}.arena-stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.arena-stats-strip .ass-item{display:grid;gap:3px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.arena-stats-strip .ass-item small{color:var(--muted);font-size:11.5px;font-weight:600}.arena-stats-strip .ass-item strong{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700;color:var(--ink)}.arena-stats-strip .ass-item strong b{color:var(--jade-deep);font-weight:800}.arena-stats-strip .ass-item strong svg{color:var(--gold)}@media (max-width: 620px){.arena-stats-strip{grid-template-columns:1fr}}.arena-notice{display:flex;align-items:center;gap:7px;margin:0 0 10px;padding:9px 13px;border-radius:10px;font-size:13px;font-weight:650}.arena-notice.ok{border:1px solid rgba(18,160,106,.26);background:var(--jade-soft);color:var(--jade-deep)}.arena-notice.busy{border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.arena-band-tabs{margin-top:2px}.arena-mode-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:14px;align-items:stretch}.arena-card{display:grid;gap:12px;min-width:0;padding:16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbfa);box-shadow:var(--shadow)}.arena-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.arena-card-head span{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:16px;font-weight:950}.arena-card-head small{color:var(--muted);font-size:12px;font-weight:850}.king-stage{display:grid;gap:10px;padding:14px;border-radius:16px;background:radial-gradient(circle at 50% 25%,rgba(18,160,106,.16),transparent 58%),linear-gradient(180deg,#f5fbf8,#fff);border:1px solid rgba(18,160,106,.17)}.champion-plate{display:grid;gap:5px;justify-items:center;padding:16px 12px;border-radius:18px;border:8px solid #8a5529;background:radial-gradient(circle at 40% 20%,#36bf88,#0d875d 76%);color:#fff;box-shadow:inset 0 -18px 30px #0000002e,0 16px 26px #433b2b29}.champion-plate span,.champion-plate small{color:#fffc;font-size:12px;font-weight:850}.champion-plate strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:950}.challenge-rules{display:flex;flex-wrap:wrap;gap:7px}.challenge-rules span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f2f5f7;color:#526376;font-size:11px;font-weight:850}.queue-list{display:grid;gap:6px;align-content:start;padding:10px;border-radius:14px;background:#f7fafc;border:1px solid rgba(203,213,225,.72);color:var(--muted);font-size:12px;font-weight:800}.queue-list strong{color:var(--ink);font-size:13px}.queue-list .muted{color:#8291a1}.arena-actions{display:grid;gap:8px;align-self:end}.arena-actions.split{grid-template-columns:1fr 1fr}.arena-table-strip{display:grid;gap:8px}.arena-mini-table{min-width:0;display:grid;gap:3px;padding:10px 12px;border-radius:13px;border:1px solid rgba(203,213,225,.9);background:#fff;color:var(--muted);text-align:left}.arena-mini-table.mine{border-color:#12a06a6b;background:var(--jade-soft)}.arena-mini-table span{color:var(--jade-deep);font-size:11px;font-weight:900}.arena-mini-table strong{color:var(--ink);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.arena-mini-table small{color:var(--muted);font-size:11px;font-weight:800}.tournament-clock{display:grid;gap:5px;justify-items:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff8e8,#fff);border:1px solid rgba(196,137,43,.2)}.tournament-clock span,.tournament-clock small{color:var(--muted);font-size:12px;font-weight:850}.tournament-clock strong{color:#7a4f14;font-size:22px}@media (max-width:980px){.arena-hero,.arena-mode-grid{grid-template-columns:1fr}}@media (max-width:560px){.arena-card,.arena-hero{padding:12px;border-radius:14px}.arena-actions.split{grid-template-columns:1fr}}.pv-line .pv-step{cursor:default;outline:none;min-height:32px;display:inline-flex;align-items:center;transition:background .12s,color .12s,box-shadow .12s}.pv-line .pv-step.clickable{cursor:pointer}.pv-line .pv-step:hover,.pv-line .pv-step:focus-visible{background:#faf1df;color:#9a6a1e;border-color:#c4892b80;box-shadow:none}.pv-line .pv-step.pv-best:hover,.pv-line .pv-step.pv-best:focus-visible{background:#fbeaca}.suggest-caption.pv{background:#faf1df;border-color:#c4892b59;color:#9a6a1e}.suggest-caption.pv b{color:#8a5e1a;font-family:Songti SC,Georgia,serif}.pv-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.pv-arrow line{stroke:#c4892b;stroke-width:7;stroke-linecap:round;stroke-dasharray:10 7;animation:dashmove .7s linear infinite}.pv-arrow marker path{fill:#c4892b}.cell-mark.pv-target{width:11.6cqw;height:11.6cqw;z-index:5;border-radius:50%;border:2.5px solid #c4892b;box-shadow:0 0 14px #c4892b80;animation:pulse 1.1s ease-in-out infinite}.board-caption{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:9;display:inline-flex;align-items:center;gap:7px;max-width:92%;padding:7px 14px;border-radius:999px;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;background:#fffffff2;border:1px solid var(--line);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:emote-pop .2s ease-out}.board-caption svg{flex:0 0 auto}.board-caption b{font-family:Songti SC,Georgia,serif;font-weight:700}.board-caption.pv{color:#9a6a1e;border-color:#c4892b66}.board-caption.pv svg,.board-caption.pv b{color:#9a6a1e}.board-caption.review{color:var(--jade-deep);border-color:#12a06a45}.board-caption.review svg,.board-caption.review b{color:var(--jade-deep)}.cloud-card{gap:9px}.card-head>strong.jade{color:var(--jade-deep)}.card-head>strong.muted{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-weight:600;font-size:12px}.card-head>strong.loading:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #12a06a40;border-top-color:var(--jade);animation:spin .8s linear infinite}.cloud-moves{display:flex;flex-wrap:wrap;gap:5px;min-height:62px;align-content:flex-start}.cloud-move{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px 10px;border-radius:8px;background:var(--surface-2);color:var(--ink);font-size:13px;cursor:default;border:1px solid transparent;transition:background .12s,box-shadow .12s,border-color .12s}.cloud-move b{font-family:Songti SC,Georgia,serif;font-weight:700}.cloud-move em{font-style:normal;font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--muted)}.cloud-move.clickable{cursor:pointer}.cloud-move:hover,.cloud-move:focus-visible{background:#e9eef3;border-color:var(--line-strong);outline:none}.cloud-move.r2{background:var(--jade-soft)}.cloud-move.r2 b,.cloud-move.r2 em{color:var(--jade-deep)}.cloud-move.r2:hover,.cloud-move.r2:focus-visible{box-shadow:inset 0 0 0 1px #12a06a59}.cloud-move.r0{background:#fbf2df}.cloud-move.r0 b,.cloud-move.r0 em{color:#9a6a1e}.cloud-card .cloud-empty{display:flex;align-items:center;min-height:62px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:560px){.public-actions{grid-template-columns:1fr 1fr .72fr;gap:7px}.public-actions .room-action.go{display:inline-flex}.public-actions .room-action{min-height:40px;padding:0 8px;font-size:13px}.mobile-quick-seat{display:none!important;position:static}.public-room-grid{padding-bottom:0}}.public-room-grid{align-items:start}.public-empty-board{display:grid;gap:12px;min-width:0;padding:14px;border-radius:18px;border:1px solid rgba(203,213,225,.86);background:linear-gradient(180deg,#fff,#f8fbfa);box-shadow:0 14px 32px #1b2c3a13}.public-empty-board.blocked{opacity:.78;background:linear-gradient(180deg,#fff,#f6f8fb)}.public-empty-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.public-empty-board-head>div{display:grid;gap:4px;min-width:0}.public-empty-board-head strong{color:var(--ink);font-size:16px;font-weight:950;line-height:1.25}.public-empty-board-head small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.empty-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.empty-slot{display:grid;gap:7px;min-width:0;padding:9px;border:1px dashed rgba(151,166,183,.58);border-radius:13px;background:#ffffffb8}.empty-slot>span{color:#64748b;font-size:12px;font-weight:900}.empty-slot>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.empty-slot button{min-height:32px;border-radius:10px;border:1px solid rgba(203,213,225,.95);background:#fff;color:var(--ink);font-size:12px;font-weight:900}.empty-slot button:first-child{border-color:#b82f423d;background:#fff6f6;color:#a73041}.empty-slot button:disabled{opacity:.45;cursor:not-allowed}.public-room-card.compact-table{min-height:auto;align-self:start}.public-room-card.compact-table .public-room-actions,.public-room-card.compact-table .empty-table-actions{display:grid;gap:8px}.public-room-card.compact-table .room-action{width:100%}.room-blocked-tip{line-height:1.35}.result-summary{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 2px}.result-summary span{display:grid;gap:2px;min-width:0;padding:9px 10px;border:1px solid rgba(203,213,225,.78);border-radius:12px;background:#f8fafc;text-align:left}.result-summary small{color:#64748b;font-size:11px;font-weight:850}.result-summary b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:13px}.arena-wallet button:not(:disabled),.coin-badge.claimable{cursor:pointer}.arena-lobby .room-err.lobby{margin:0;color:#8b5e13;border-color:#c4892b42;background:#fff7e6}.arena-play-tabs button{cursor:pointer}.arena-play-tabs button:disabled,.arena-mini-table:disabled{cursor:not-allowed}@media (min-width:981px){.public-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-empty-board{grid-column:span 2}}@media (max-width:760px){.hall-title{display:none}.profile-card{flex:1 1 auto}.hall-header-actions{flex:0 0 auto}}@media (max-width:560px){.hall-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.profile-card,.profile-meta{min-width:0}.profile-name-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.profile-name{width:100%;min-width:0}.rating-badge,.coin-badge{width:max-content;max-width:100%}.mode-switch.quad{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-switch.quad button{justify-content:flex-start}.online-lobby .public-band-tabs,.arena-lobby .public-band-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:7px;padding-bottom:0}.online-lobby .public-band-tabs button,.arena-lobby .public-band-tabs button{flex:initial;min-width:0;min-height:50px;padding:8px 9px}.online-lobby .public-band-tabs button small,.arena-lobby .public-band-tabs button small{font-size:10.5px;white-space:normal}.public-room-notice{display:grid;gap:3px}.public-room-grid{gap:9px}.public-empty-board{gap:9px;padding:10px;border-radius:14px}.public-empty-board-head{align-items:center}.public-empty-board-head strong{font-size:14px}.public-empty-board-head small{display:none}.empty-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.empty-slot{padding:7px;gap:5px}.empty-slot>span{font-size:11px}.empty-slot button{min-height:29px;font-size:11px;border-radius:8px}.arena-stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arena-stats-strip .ass-item{padding:8px 7px;border-radius:11px}.arena-stats-strip .ass-item small{font-size:10px}.arena-stats-strip .ass-item strong{display:block;font-size:11px;line-height:1.25}.arena-stats-strip .ass-item strong svg{width:12px;height:12px;vertical-align:-2px}.challenge-rules{gap:5px}.challenge-rules span{font-size:10.5px}.board-caption,.card p{overflow-wrap:anywhere}.result-summary{grid-template-columns:1fr}}@media (min-width: 901px){.mode-switch.quad .ms-text{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-align:center!important}.mode-switch.quad .ms-label{display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mode-switch.quad .ms-sub{display:none!important}}:root{--sidebar-w: 236px;--paper-0: #f4f0e7;--paper-1: #efe9dc;--shell-card: #ffffff}.app.stage-lobby,.hall{background:radial-gradient(1100px 520px at 8% -10%,rgba(18,160,106,.06),transparent 60%),radial-gradient(820px 460px at 102% -4%,rgba(196,137,43,.07),transparent 55%),linear-gradient(180deg,var(--paper-0),var(--paper-1))}.hall-sidebar{min-height:0;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:20px 14px 18px;background:#ffffff9e;backdrop-filter:saturate(1.15) blur(8px);border-right:1px solid var(--line)}.hall-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px}.hall-brand .brand-mark.big{width:42px;height:42px;font-size:23px}.hall-brand-text strong{display:block;font-size:16px;color:var(--ink);font-weight:850;letter-spacing:.6px}.hall-brand-text small{color:var(--muted);font-size:11.5px}.hall-nav{display:flex;flex-direction:column;gap:3px}.hall-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:11px;color:var(--muted);font-size:14.5px;font-weight:650;transition:background .14s,color .14s}.hall-nav button svg{flex:0 0 auto;opacity:.8}.hall-nav button:hover{background:var(--surface-2);color:var(--ink)}.hall-nav button.on{background:var(--jade-soft);color:var(--jade-deep);font-weight:750}.hall-nav button.on svg{opacity:1}.hall-help{margin-top:auto;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;color:var(--muted);font-size:13.5px;font-weight:600}.hall-help:hover{background:var(--surface-2);color:var(--ink)}.hall-main{min-height:0;height:100%;overflow-y:auto;display:grid;align-content:start;gap:22px;padding:clamp(16px,2.2vw,30px) clamp(18px,3vw,44px) 44px}.hall-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px}.hall-profile{display:flex;align-items:center;gap:11px}.hall-profile-meta{display:grid;gap:1px}.hall-profile-top{display:flex;align-items:center;gap:8px}.hall-topbar .profile-name{width:auto;max-width:9em;min-height:0;font-size:15px;font-weight:750;padding:2px 4px}.hall-profile-sub{color:var(--muted);font-size:12px}.hall-topbar-actions{display:flex;gap:8px}.home-grid{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(330px,.82fr);gap:22px;align-items:start}.home-col-main,.home-col-side{display:grid;gap:22px;align-content:start}.home-hero,.home-review,.home-research,.home-board{background:var(--shell-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--elev-1)}.home-hero{padding:28px 28px 26px}.home-hero-head h1{margin:0;font-size:28px;line-height:1.12;color:var(--ink);font-weight:850;letter-spacing:1px}.home-hero-head p{margin:8px 0 22px;color:var(--muted);font-size:14px}.home-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-mode{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:24px 14px 18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}.home-mode:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--elev-2);border-color:#12a06a52}.home-mode:disabled{cursor:not-allowed;opacity:.5}.home-mode.primary{border-color:#12a06a59;box-shadow:0 0 0 1px #12a06a2e inset,var(--elev-1)}.home-mode-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--jade-soft);color:var(--jade-deep);margin-bottom:3px}.home-mode-icon.online{background:linear-gradient(150deg,#0d9a64,#06734c);color:#fff}.home-mode-icon.piece{background:radial-gradient(circle at 38% 30%,#f6e2bb,#d8ab64);color:#7d3a30;font-size:30px;font-weight:800;font-family:KaiTi,STKaiti,Songti SC,serif;border:2px solid #c79a55}.home-mode strong{font-size:16px;color:var(--ink)}.home-mode small{font-size:12px;color:var(--muted);line-height:1.4}.home-mode-go{margin-top:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--jade-soft);color:var(--jade-deep);transition:background .14s,color .14s}.home-mode:hover:not(:disabled) .home-mode-go{background:var(--jade);color:#fff}.home-review{padding:22px 24px 18px}.home-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.home-card-head strong{font-size:16px;color:var(--ink);font-weight:800}.home-card-head small{color:var(--muted);font-size:12px}.home-review-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.home-review-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border-radius:13px;background:var(--surface-2);border:1px solid transparent;cursor:pointer;text-align:left;transition:background .14s,border-color .14s,box-shadow .14s}.home-review-row:hover{background:#fff;border-color:var(--line);box-shadow:var(--elev-1)}.home-review-no{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--jade-deep);color:#fff;font-size:13px;font-weight:800}.home-review-body{display:grid;gap:3px;min-width:0}.home-review-line{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}.home-review-line b{font-weight:750}.home-tag{font-style:normal;font-size:11px;font-weight:750;padding:2px 9px;border-radius:999px}.home-tag.t0{background:var(--jade-soft);color:var(--jade-deep)}.home-tag.t1{background:#fbeecd;color:#a9742a}.home-tag.t2{background:var(--red-soft);color:var(--red)}.home-review-body small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-review-cta{font-size:12.5px;font-weight:750;color:var(--jade-deep);white-space:nowrap;padding:6px 15px;border-radius:999px;background:var(--jade-soft);transition:background .14s,color .14s}.home-review-row:hover .home-review-cta{background:var(--jade);color:#fff}.home-review-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:4px;width:100%;color:var(--jade-deep);font-size:13px;font-weight:700}.home-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 20px;color:var(--muted);text-align:center;font-size:13px}.home-empty svg{color:var(--muted);opacity:.7}.home-board{padding:16px;pointer-events:none;display:flex;justify-content:center}.home-board .board-stage{width:100%;height:auto;max-width:336px;box-shadow:var(--shadow)}.home-research{padding:22px 24px}.home-research-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-research-grid button{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon sub";column-gap:12px;row-gap:2px;align-items:center;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}.home-research-grid button:hover{transform:translateY(-2px);box-shadow:var(--elev-1);border-color:#12a06a4d}.home-research-grid button>svg{grid-area:icon;color:var(--jade-deep)}.home-research-grid button>strong{grid-area:title;font-size:14px;color:var(--ink);font-weight:750}.home-research-grid button>small{grid-area:sub;font-size:11.5px;color:var(--muted)}.hall-main .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:2px}.hall-main .section-head span{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:800;font-size:16px}.hall-main .section-head span svg{color:var(--jade-deep)}.hall-main .section-head small{color:var(--muted);font-size:12px}.records-page{background:var(--shell-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:22px 24px;display:grid;gap:16px}.empty-card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.start-dock{border:1px solid var(--line);border-radius:16px;box-shadow:var(--elev-1);background:var(--shell-card)}@media (max-width: 1120px){.home-grid{grid-template-columns:1fr}.home-board .board-stage{max-width:320px}}@media (max-width: 960px){.hall{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);overflow:auto}.hall-sidebar{position:sticky;top:0;z-index:6;flex-direction:row;align-items:center;gap:6px;height:auto;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.hall-brand{padding:0 6px 0 2px;flex:0 0 auto}.hall-brand-text{display:none}.hall-nav{flex-direction:row;flex:1;gap:4px}.hall-nav button{flex-direction:column;gap:2px;padding:7px 10px;font-size:11px}.hall-nav button svg{width:18px;height:18px}.hall-help{display:none}.hall-main{height:auto;overflow:visible;padding:16px}}@media (max-width: 560px){.home-modes,.home-research-grid{grid-template-columns:1fr}.home-hero-head h1{font-size:24px}}.online{display:grid;gap:20px}.page-head h1{margin:0;font-size:26px;font-weight:850;letter-spacing:1px;color:#15543b}.page-head p{margin:7px 0 0;color:var(--muted);font-size:13.5px;max-width:760px;line-height:1.6}.lobby-tabs{display:inline-flex;gap:6px;padding:5px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);width:max-content}.lobby-tabs button{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;color:var(--muted);font-weight:700;font-size:14px}.lobby-tabs button:hover{color:var(--ink)}.lobby-tabs button.on{background:linear-gradient(150deg,var(--jade),var(--jade-deep));color:#fff;box-shadow:0 6px 14px #12a06a47}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap}.lobby-filters{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.lobby-filters button{padding:7px 14px;border-radius:9px;color:var(--muted);font-weight:650;font-size:13px}.lobby-filters button:hover{color:var(--ink)}.lobby-filters button.on{background:var(--jade-soft);color:var(--jade-deep)}.lobby-bands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lobby-band{position:relative;display:grid;gap:3px;padding:15px 17px;border-radius:16px;border:1px solid var(--line);background:var(--shell-card);text-align:left;cursor:pointer;box-shadow:var(--elev-1);transition:border-color .14s,box-shadow .14s,transform .14s}.lobby-band:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}.lobby-band strong{font-size:16px;color:var(--ink);font-weight:800}.lobby-band-range{font-size:13px;color:var(--muted);font-weight:600}.lobby-band small{font-size:11px;color:var(--muted);margin-top:4px}.lobby-band.on{border-color:var(--jade);box-shadow:0 0 0 2px #12a06a38,var(--elev-1)}.lobby-band.locked{opacity:.85}.lobby-band-mine{position:absolute;top:11px;right:11px;font-style:normal;font-size:10px;font-weight:750;color:var(--jade-deep);background:var(--jade-soft);padding:2px 7px;border-radius:999px}.lobby-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 16px;border-radius:14px;background:var(--jade-soft);border:1px solid rgba(18,160,106,.2)}.lobby-bar-title{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--jade-deep);font-size:14px}.lobby-bar-band{color:var(--muted);font-size:12.5px}.lobby-legend{display:inline-flex;gap:14px;margin-left:auto;flex-wrap:wrap}.lobby-legend .lg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.lobby-legend .lg:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.lobby-legend .lg-watch:before{display:none}.lg-empty{color:#16a06a}.lg-wait{color:#cf9526}.lg-play{color:#2f7bd0}.lg-mine{color:#d8453a}.lg-watch{color:#566879}.lobby-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.lobby-grid-wrap{background:var(--shell-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:18px 20px}.lobby-grid-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.lobby-grid-head strong{font-size:15px;color:var(--ink);font-weight:800}.lobby-locked-note{font-size:12px;color:#bf8a2c}.lobby-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lobby-table{--accent:#16a06a;display:grid;gap:7px;padding:10px;cursor:pointer;text-align:left;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .14s,box-shadow .14s,transform .14s}.lobby-table:hover{transform:translateY(-2px);box-shadow:var(--elev-1)}.lobby-table.sel{border-color:var(--accent);box-shadow:var(--elev-2)}.lobby-table.waiting{--accent:#cf9526}.lobby-table.playing{--accent:#2f7bd0}.lobby-table.mine{--accent:#d8453a}.lt-head{display:flex;align-items:center;gap:6px}.lt-no{display:grid;place-items:center;width:22px;height:20px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);font-size:11px;font-weight:800;color:var(--ink);flex:0 0 auto}.lobby-table.mine .lt-no{background:#fde9e7;color:var(--red);border-color:transparent}.lobby-table.playing .lt-no{background:#e7f0fb;color:#2f7bd0;border-color:transparent}.lt-tag{font-size:10.5px;font-weight:750;padding:2px 7px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);background:var(--surface-2)}.lt-tag.empty{color:#16a06a;background:#e7f6ee}.lt-tag.waiting{color:#bf8a2c;background:#fbeecd}.lt-tag.playing{color:#2f7bd0;background:#e7f0fb}.lt-tag.mine{color:#d8453a;background:#fde9e7}.lt-tag.ended{color:var(--muted);background:var(--surface-2)}.lt-felt{height:44px;border-radius:24px;background:radial-gradient(ellipse 72% 84% at 50% 42%,#62bd8d,#429b71 66%,#357f5b);border:3px solid #c0883f;box-shadow:inset 0 3px 7px #00000038,inset 0 -2px 4px #ffffff1f;position:relative}.lt-felt:after{content:"";position:absolute;left:50%;top:5px;transform:translate(-50%);width:16px;height:4px;border-radius:3px;background:#ffffff80}.lt-felt.empty{filter:saturate(.55) brightness(1.02);opacity:.72}.lt-seats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lt-seat{display:flex;align-items:center;gap:5px;min-width:0;font-size:11.5px}.lt-seat b{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lt-seat.empty b{color:var(--muted);font-weight:600}.lt-ghost{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--muted);flex:0 0 auto}.lt-side{font-style:normal;font-size:9px;font-weight:800;padding:1px 4px;border-radius:4px;flex:0 0 auto}.lt-side.red{background:#fde9e7;color:var(--red)}.lt-side.black{background:#e7edf2;color:#384654}.lt-foot{display:flex;gap:6px;align-items:center}.lt-stat{font-size:10.5px;color:var(--muted);flex:1}.seat-btn{flex:1;padding:6px 4px;border-radius:8px;font-size:12px;font-weight:750;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:4px}.seat-btn:hover:not(:disabled){background:#fff}.seat-btn:disabled{opacity:.45;cursor:not-allowed}.seat-btn.red{color:var(--red);border-color:#d8453a4d;background:#fde9e7}.seat-btn.black{color:#384654;border-color:#38465440;background:#eef2f5}.seat-btn.go{color:#fff;background:linear-gradient(150deg,var(--jade),var(--jade-deep));border-color:transparent}.seat-btn.watch{flex:0 0 auto;color:#2f7bd0;background:#e7f0fb;border-color:transparent}.lobby-tip{margin:14px 0 0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.lobby-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px;color:var(--muted);text-align:center}.lobby-empty-state strong{color:var(--ink)}.lobby-detail{background:var(--shell-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:18px;display:grid;gap:14px;align-content:start;position:sticky;top:0}.ld-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ld-head strong{font-size:15px;color:var(--ink);font-weight:800}.ld-seats{display:grid;gap:8px}.ld-seat{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;background:var(--surface-2);font-size:13px}.ld-seat b{font-weight:750;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-side{font-size:11px;font-weight:750;padding:2px 8px;border-radius:6px;flex:0 0 auto}.ld-side.red{background:#fde9e7;color:var(--red)}.ld-side.black{background:#e7edf2;color:#384654}.ld-you{font-style:normal;font-size:10.5px;font-weight:800;color:var(--jade-deep);background:var(--jade-soft);padding:2px 7px;border-radius:999px}.ld-wait{font-style:normal;font-size:11px;color:var(--muted)}.ld-stats{list-style:none;margin:0;padding:0;display:grid;gap:1px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.ld-stats li{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--surface);font-size:12.5px;color:var(--muted)}.ld-stats li svg{color:var(--muted);flex:0 0 auto}.ld-stats li span{flex:1}.ld-stats li b{color:var(--ink);font-weight:750}.ld-actions{display:grid;gap:8px}.ld-actions .room-action{width:100%;justify-content:center}.ld-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;text-align:center;color:var(--muted);font-size:12.5px}.ld-empty svg{opacity:.6}@media (max-width: 1180px){.lobby-bands{grid-template-columns:repeat(3,1fr)}.lobby-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.lobby-split{grid-template-columns:1fr}.lobby-detail{position:static}}@media (max-width: 760px){.lobby-bands,.lobby-grid{grid-template-columns:repeat(2,1fr)}.lobby-legend{margin-left:0;width:100%}}