:root{color:#e9edf6;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e9edf6;--muted:#8994a8;--line:#ffffff1a;--panel:#0e182ae0;--blue:#5fa8ff;--red:#ff6c71;--gold:#e0b96f;background:#070d19;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#070d19;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.game-board{aspect-ratio:1;background:radial-gradient(circle,#e0b96f21,#0000 54%),linear-gradient(145deg,#172137,#10182a);border:1px solid #e0b96f47;grid-template-columns:repeat(9,1fr);width:min(66vh,690px);max-width:100%;padding:22px;display:grid;box-shadow:0 28px 80px #00000061,inset 0 0 80px #0000002e}.board-cell{cursor:pointer;color:inherit;background:linear-gradient(#8499b942,#8499b942) 50%/100% 1px no-repeat,linear-gradient(90deg,#8499b942,#8499b942) 50%/1px 100% no-repeat;border:0;min-width:0;padding:0;position:relative}.board-cell:after{content:"";opacity:0;border-radius:14px;transition:all .16s;position:absolute;inset:12%}.board-cell:hover:after{opacity:1;background:#ffffff0d}.board-cell.is-allowed:after{opacity:1;background:#5fa8ff21;border:1px solid #5fa8ff85}.board-cell.is-targeted:after{opacity:1;background:#ff6c7121;border:1px solid #ff6c71b8}.piece{z-index:4;border:2px solid #ffffff6b;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;position:absolute;inset:15%;box-shadow:0 8px 18px #00000073,inset 0 0 16px #ffffff1f}.piece.player-1{background:radial-gradient(circle at 35% 25%,#559ce8,#183c72 70%)}.piece.player-2{background:radial-gradient(circle at 35% 25%,#e65d66,#722a37 70%)}.piece.is-acted{filter:saturate(.35);opacity:.58}.is-selected .piece{border-color:#f2d28f;transform:scale(1.12);box-shadow:0 0 0 4px #e0b96f4d,0 8px 22px #00000080}.piece-icon{font-family:Songti SC,STSong,serif;font-size:clamp(13px,2vw,21px);font-weight:700}.piece-hp{background:#09101e;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid;position:absolute;bottom:-4px;right:-4px}.status-mark{color:#ffd276;font-weight:800;position:absolute;top:-5px;left:-2px}.control-point{opacity:.82;z-index:2;border:2px solid;border-radius:50%;position:absolute;inset:27%}.control-point span{background:currentColor;border-radius:50%;position:absolute;inset:28%}.control-point.owner-1{color:#5fa8ff}.control-point.owner-2{color:#ff6c71}.control-point.owner-neutral{color:#d8c18c}.control-point.center{inset:21%;box-shadow:0 0 20px #e0b96f47}.cell-coordinate{color:#ffffff2e;font-size:7px;position:absolute;bottom:2px;left:3px}.board-shell{width:min(66vh,690px);max-width:100%}.board-legend{color:#6f7a8e;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;padding:7px 4px;font-size:10px;display:flex}.board-legend.bottom{flex-direction:row-reverse}.hand{scrollbar-width:thin;gap:8px;padding:10px 4px 16px;display:flex;overflow-x:auto}.playing-card{color:#131925;cursor:pointer;background:linear-gradient(145deg,#fffdf6,#dfdfdc);border:1px solid #161d2947;border-radius:9px;flex-direction:column;flex:0 0 54px;align-items:flex-start;height:76px;padding:7px;transition:all .15s;display:flex;box-shadow:0 8px 18px #00000047}.playing-card:hover:not(:disabled){transform:translateY(-5px)}.playing-card.selected{border-color:#e0b96f;transform:translateY(-9px);box-shadow:0 0 0 2px #e0b96f4d,0 12px 22px #00000059}.playing-card.red{color:#b12937}.playing-card:disabled{opacity:.52;cursor:not-allowed}.card-rank{font-family:Georgia,serif;font-size:19px;line-height:1}.card-suit{margin-top:3px;font-size:18px;line-height:1}.hero-roster{gap:8px;display:grid}.hero-card{width:100%;color:var(--ink);border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px 10px;transition:all .15s;display:grid}.hero-card:hover:not(:disabled),.hero-card.selected{background:#e0b96f12;border-color:#e0b96f94}.hero-card.selected{box-shadow:inset 3px 0 #e0b96f}.hero-card.defeated{opacity:.35}.hero-card.acted{opacity:.52}.hero-emblem{background:#14213a;border:1px solid #ffffff21;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Noto Serif SC,serif;font-weight:700;display:grid}.hero-copy{flex-direction:column;min-width:0;display:flex}.hero-copy strong{font-family:Songti SC,STSong,serif;font-size:14px}.hero-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.hero-vitals{color:#ff8f94;flex-direction:column;align-items:center;display:flex}.hero-vitals b{font-size:15px}.hero-vitals small{letter-spacing:.1em;font-size:8px}.event-log{gap:1px;margin:0;padding:0;list-style:none;display:grid}.event-log li{border-bottom:1px solid #ffffff0e;grid-template-columns:28px 1fr;gap:8px;padding:8px 0;display:grid}.event-log li>span{color:#4f5d74;padding-top:2px;font-size:9px}.event-log p{color:#aab4c6;margin:0;font-size:11px;line-height:1.45}.event-log .event-victory p,.event-log .event-skill p{color:#e4c686}@media (width<=1080px){.game-board,.board-shell{width:min(76vw,670px)}}@media (width<=720px){.game-board{padding:10px}.piece{inset:12%}.playing-card{flex-basis:48px;height:68px}}.app-shell{background:radial-gradient(circle at 16% 12%,#25497a33,#0000 30%),radial-gradient(circle at 86% 88%,#7e3e411f,#0000 31%),linear-gradient(140deg,#070d19 0%,#0b1324 52%,#070c16 100%);min-height:100vh;padding:22px clamp(18px,3vw,52px) 54px}.topbar{border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;max-width:1480px;min-height:68px;margin:0 auto;display:grid}.brand-mark{color:#e0b96f;border:1px solid #e0b96f8a;place-items:center;width:42px;height:42px;display:grid;transform:rotate(45deg)}.brand-mark span{letter-spacing:.08em;font-family:Georgia,serif;font-size:11px;transform:rotate(-45deg)}.brand-copy p{color:#77849a;letter-spacing:.18em;text-transform:uppercase;margin:0 0 2px;font-size:9px}.brand-copy h1{letter-spacing:.14em;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(19px,2vw,27px);font-weight:600}.brand-copy h1 small{color:#e0b96f;letter-spacing:.12em;margin-left:10px;font-family:Songti SC,STSong,serif;font-size:.54em}.match-meta{grid-template-columns:auto auto;align-items:center;gap:2px 9px;display:grid}.match-meta>span{color:#59657a;letter-spacing:.12em;font-size:8px}.match-meta code{color:#97a4ba;font-size:9px}.match-meta button{color:#e0c58c;cursor:pointer;background:0 0;border:1px solid #e0b96f6b;border-radius:9px;grid-area:1/3/span 2;margin-left:12px;padding:9px 14px}.match-meta button:hover{background:#e0b96f14}.view-switcher{background:#00000029;border:1px solid #ffffff14;border-radius:10px;gap:3px;padding:3px;display:flex}.view-switcher button{color:#748197;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 11px;font-size:10px}.view-switcher button.active{color:#f0d59b;background:#e0b96f1f}.status-ribbon{background:linear-gradient(90deg,#142239d1,#0c1525b3);border:1px solid #ffffff14;border-left:3px solid #d1aa62;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.7fr) auto;align-items:center;gap:24px;max-width:1480px;min-height:76px;margin:18px auto 20px;padding:13px 18px;display:grid;box-shadow:0 12px 30px #00000029}.status-ribbon span,.section-heading span{color:#718097;letter-spacing:.18em;font-size:8px;display:block}.status-ribbon h2{margin:2px 0 0;font-family:Songti SC,STSong,serif;font-size:20px}.status-ribbon>p{color:#9aa6b9;margin:0;font-size:12px;line-height:1.6}.scoreboard{color:#7c889c;align-items:baseline;gap:8px;font-size:11px;display:flex}.scoreboard b{color:#f1f4f9;font-family:Georgia,serif;font-size:24px}.scoreboard i{color:#48556a;font-style:normal}.game-layout{grid-template-columns:minmax(520px,1fr) 360px;align-items:start;gap:24px;max-width:1480px;margin:0 auto;display:grid}.board-column{flex-direction:column;align-items:center;min-width:0;display:flex}.side-panel{gap:12px;display:grid;position:sticky;top:12px}.setup-picker{border-top:2px solid #5fa8ff7a;width:min(76vw,670px);max-width:100%;margin-bottom:12px;display:none}.panel-block,.hand-panel{background:#0c1525d1;border:1px solid #ffffff13;box-shadow:0 16px 38px #0000002e}.panel-block{padding:15px}.hand-panel{width:min(66vh,690px);max-width:100%;margin-top:12px;padding:14px 16px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:5px;display:flex}.section-heading.compact{align-items:center;margin-bottom:12px}.section-heading h3{margin:2px 0 0;font-family:Songti SC,STSong,serif;font-size:15px}.section-heading p{color:#7f8ba0;margin:0;font-size:10px}.opponent-block{border-top:2px solid #ff6c717a}.player-block{border-top:2px solid #5fa8ff7a}.action-block{border-top:2px solid #e0b96f7a}.mode-tabs{background:#0000002e;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.mode-tabs button{color:#7f8ba0;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px;font-size:11px}.mode-tabs button.active{color:#f0d59b;background:#e0b96f1c;box-shadow:inset 0 0 0 1px #e0b96f40}.command-readout{background:#ffffff06;border-left:2px solid #4d607e;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:10px;padding:11px;display:grid}.command-readout span{color:#d6dce7;font-size:11px}.command-readout b{color:#8794a9;font-size:10px;font-weight:500}.command-readout small{color:#6f7b8f;font-size:9px}.command-readout small.ready{color:#83d6ac}.rule-error{color:#f3a0a3;background:#ff6c7112;border:1px solid #ff6c7140;border-radius:8px;margin:9px 0 0;padding:8px 10px;font-size:10px;line-height:1.45}.rule-error.standalone{margin:0}.end-turn{color:#ead29d;cursor:pointer;background:linear-gradient(90deg,#e0b96f1f,#e0b96f0a);border:1px solid #e0b96f66;border-radius:9px;justify-content:space-between;width:100%;margin-top:10px;padding:10px 12px;display:flex}.end-turn:disabled{opacity:.4;cursor:not-allowed}.log-block{max-height:300px;overflow:auto}.arena-shell{max-width:1480px;margin:22px auto 0}.arena-hero{background:radial-gradient(circle at 82% 30%,#e0b96f1f,#0000 28%),linear-gradient(120deg,#142540f0,#09111ff5);border:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;min-height:190px;padding:clamp(28px,5vw,68px);display:grid;overflow:hidden}.arena-hero .kicker{color:#d0aa65;letter-spacing:.23em;font-size:9px}.arena-hero h2{letter-spacing:.08em;margin:9px 0 12px;font-family:Songti SC,STSong,serif;font-size:clamp(28px,4vw,48px);font-weight:500}.arena-hero p{color:#9aa6b9;max-width:720px;margin:0;font-size:12px;line-height:1.8}.arena-total{text-align:right;min-width:150px}.arena-total b{color:#f0d59b;font-family:Georgia,serif;font-size:42px;font-weight:500;display:block}.arena-total span{color:#77849a;letter-spacing:.12em;font-size:10px}.arena-controls{box-shadow:none;flex-wrap:wrap;align-items:end;gap:10px;margin-top:14px;display:flex}.arena-controls label{color:#77849a;letter-spacing:.12em;gap:5px;font-size:9px;display:grid}.arena-controls select,.arena-controls button{color:#aeb8c9;background:#0d182a;border:1px solid #ffffff1c;border-radius:8px;min-height:36px;padding:0 13px;font-size:10px}.arena-controls button{cursor:pointer}.arena-controls button.primary{color:#efd291;background:#e0b96f17;border-color:#e0b96f6b}.arena-controls button:disabled{opacity:.4;cursor:not-allowed}.privacy-note{color:#69778c;align-self:center;margin-left:auto;font-size:9px}.privacy-note i{background:#62c597;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #62c59773}.arena-progress{margin:12px 0}.arena-progress>div{background:#ffffff0f;height:4px;overflow:hidden}.arena-progress>div span{background:linear-gradient(90deg,#4f8dcc,#e0b96f);height:100%;transition:width .12s linear;display:block}.arena-progress p{color:#7f8ba0;margin:6px 0 0;font-size:9px}.arena-error{max-width:none}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.metric-grid article{background:#0c1525d1;border:1px solid #ffffff13;min-height:104px;padding:17px}.metric-grid span,.metric-grid small{color:#718097;font-size:9px;display:block}.metric-grid b{color:#eef2f8;margin:8px 0 5px;font-family:Georgia,serif;font-size:25px;font-weight:500;display:block}.arena-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;display:grid}.arena-chart,.arena-history,.ranking-panel{box-shadow:none}.winbar{background:#172236;border-radius:5px;height:30px;margin:20px 0 10px;display:flex;overflow:hidden}.winbar span{min-width:0;transition:width .3s}.winbar .p1,.legend i.p1{background:#4e91d5}.winbar .draw,.legend i.draw{background:#747f91}.winbar .p2,.legend i.p2{background:#c35f63}.legend{color:#7f8ba0;gap:18px;font-size:9px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.arena-chart h4{color:#7f8ba0;letter-spacing:.13em;margin:25px 0 12px;font-size:9px;font-weight:500}.survival-row{color:#9ca8ba;grid-template-columns:42px 1fr 46px;align-items:center;gap:10px;margin:9px 0;font-size:10px;display:grid}.survival-row>div{background:#ffffff0f;height:5px}.survival-row>div i{background:#ba9a60;height:100%;display:block}.survival-row b{text-align:right;color:#c9d0dc;font-size:9px;font-weight:500}.config-note,.review-gate{color:#69778c;border-top:1px solid #ffffff0f;margin:18px 0 0;padding-top:12px;font-size:9px;line-height:1.6}.history-list{gap:5px;max-height:280px;display:grid;overflow:auto}.history-list button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.history-list button:hover{border-color:#e0b96f33}.history-list span{gap:4px;display:grid}.history-list b{color:#b8c1d0;font-size:10px;font-weight:500}.history-list small{color:#637086;font-size:8px}.history-list strong{color:#e0b96f;font-family:Georgia,serif;font-size:14px}.arena-empty{text-align:center;box-shadow:none;margin-top:14px;padding:58px}.arena-empty span{color:#69778c;letter-spacing:.2em;font-size:8px}.arena-empty h3{margin:8px 0;font-family:Songti SC,serif;font-size:22px}.arena-empty p{color:#7f8ba0;font-size:11px}.ranking-panel{margin-top:14px}.ranking-table{min-width:760px}.ranking-panel{overflow-x:auto}.ranking-table>div{color:#8794a9;border-bottom:1px solid #ffffff0d;grid-template-columns:1.05fr 1.5fr 1fr 60px 70px;align-items:center;gap:14px;min-height:42px;padding:5px 10px;font-size:9px;display:grid}.ranking-table .ranking-head{color:#59677c;letter-spacing:.1em;font-size:8px}.ranking-table>div.best{background:#e0b96f0e;border-left:2px solid #d1aa62}.ranking-table em{color:#d1aa62;min-width:28px;font-style:normal;display:inline-block}.ranking-table b{color:#cbd2dd;font-size:10px;font-weight:500}.ranking-table strong{color:#e6c887;font-family:Georgia,serif;font-size:12px}@media (width<=1080px){.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));width:min(76vw,670px);max-width:100%;position:static}.action-block,.log-block{grid-column:span 2}.hand-panel{width:min(76vw,670px)}.setup-picker{display:block}.setup-side-roster{display:none}.metric-grid{grid-template-columns:repeat(3,1fr)}.arena-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:12px 10px 34px}.topbar{grid-template-columns:auto 1fr}.view-switcher{grid-column:span 2;width:100%}.view-switcher button{flex:1}.match-meta{grid-column:span 2;grid-template-columns:auto 1fr auto;padding:10px 0}.status-ribbon{grid-template-columns:1fr auto;gap:10px}.status-ribbon>p{grid-column:span 2}.game-layout{display:block}.side-panel{grid-template-columns:1fr;width:100%;margin-top:12px;display:grid}.action-block,.log-block{grid-column:auto}.hand-panel{width:100%}.arena-hero{grid-template-columns:1fr;align-items:start;padding:28px 20px}.arena-total{text-align:left}.arena-controls{align-items:stretch}.arena-controls label,.arena-controls button{flex:140px}.privacy-note{width:100%;margin-left:0}.metric-grid{grid-template-columns:repeat(2,1fr)}}