:root{color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f8fbff;--muted:#b9d4ed;--line:#97cfff57;--panel:#072d5be6;--blue:#43baf6;--red:#ff7178;--gold:#ffd36b;background:#1689df;font-family:ui-rounded,Avenir Next,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#1689df;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.board-shell{perspective:1100px;width:min(54vw,720px);max-width:100%}.game-board{aspect-ratio:1;transform-origin:bottom;background:#d9c095;border:10px solid #e7d3aa;border-radius:24px;grid-template-columns:repeat(9,1fr);width:100%;padding:14px;display:grid;overflow:visible;transform:rotateX(7deg);box-shadow:0 12px #8e6f4b,0 28px 38px #1033516b,inset 0 0 0 3px #ffffff9e}.board-cell{min-width:0;color:inherit;cursor:pointer;background:#f8e9cdeb;border:1px solid #c6ad83;padding:0;transition:filter .15s,transform .15s,background .15s;position:relative}.board-cell:nth-child(-n+18){background:#f0aba2ad}.board-cell:nth-child(n+64){background:#68cfe7b8}.board-cell:nth-child(9n+1){border-left-color:#a98c62}.board-cell:nth-child(9n){border-right-color:#a98c62}.board-cell:hover{filter:brightness(1.08);z-index:3}.board-cell.is-allowed{z-index:2;background:#37d2ffd6;box-shadow:inset 0 0 0 3px #ffffffc7,0 0 18px #2ed6ffc7}.board-cell.is-targeted{z-index:2;background:#ff676fdb;box-shadow:inset 0 0 0 3px #ffffffc2,0 0 18px #ff4756b8}.piece{z-index:5;background:#1c70ba;border:4px solid #f7cf68;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;position:absolute;inset:7%;overflow:visible;box-shadow:0 7px #163c68,0 12px 16px #2336496b,inset 0 0 0 2px #ffffffa6}.piece.player-2{background:#b84154;border-color:#ff9a83;box-shadow:0 7px #6d2937,0 12px 16px #2336496b}.piece.is-acted{filter:saturate(.35);opacity:.64}.is-selected .piece{transform:translateY(-7px)scale(1.1);box-shadow:0 8px #9a6a18,0 0 0 6px #ffd7666b,0 18px 24px #12487a80}.piece-portrait{object-fit:cover;border-radius:50%;width:100%;height:100%}.piece-hp{color:#fff;background:#d53e4b;border:2px solid #fff2c8;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-8px;box-shadow:0 3px #76252d}.status-mark{color:#fff1a6;text-shadow:0 2px #7d5519;font-size:20px;font-weight:900;position:absolute;top:-8px;left:-4px}.control-point{z-index:2;background:#ffffffa6;border:4px solid;border-radius:50%;position:absolute;inset:25%;box-shadow:0 4px #57443057,inset 0 0 0 3px #ffffffb8}.control-point span{background:currentColor;border-radius:50%;position:absolute;inset:28%}.control-point.owner-1{color:#159edb}.control-point.owner-2{color:#ed5963}.control-point.owner-neutral{color:#d5a83c}.control-point.center{inset:19%}.cell-coordinate{color:#4348456b;font-size:7px;font-weight:700;position:absolute;bottom:2px;left:4px}.board-legend{color:#e6f5ff;letter-spacing:.12em;text-shadow:0 2px 6px #082e52bf;text-transform:uppercase;justify-content:space-between;padding:7px 12px;font-size:10px;font-weight:800;display:flex}.board-legend.bottom{flex-direction:row-reverse}.hand{scrollbar-width:thin;justify-content:center;align-items:flex-end;min-height:122px;padding:18px 20px 6px;display:flex;overflow:auto hidden}.playing-card{color:#17233b;cursor:pointer;transform-origin:bottom;background:#fffdf6;border:3px solid #f8f1df;border-radius:13px;flex-direction:column;flex:0 0 76px;align-items:flex-start;height:108px;margin-left:-10px;padding:9px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 7px #b9aa91,0 12px 16px #16395952,inset 0 0 0 1px #d3c8b5}.playing-card:first-child{margin-left:0}.playing-card:first-child,.playing-card:nth-child(8){transform:rotate(-6deg)translateY(4px)}.playing-card:nth-child(2),.playing-card:nth-child(7){transform:rotate(-3deg)translateY(1px)}.playing-card:last-child{transform:rotate(6deg)translateY(4px)}.playing-card:nth-last-child(2){transform:rotate(3deg)translateY(1px)}.playing-card:hover:not(:disabled){z-index:4;transform:translateY(-10px)scale(1.04)}.playing-card.selected{z-index:5;border-color:#40bff6;transform:translateY(-15px)scale(1.06);box-shadow:0 0 0 4px #40bff673,0 12px #277db0,0 18px 22px #16395961}.playing-card.red{color:#d5323f}.playing-card:disabled{opacity:.76;cursor:not-allowed}.card-rank{font-family:Georgia,serif;font-size:25px;font-weight:700;line-height:1}.card-suit{margin-top:3px;font-size:24px;line-height:1}.hero-roster{gap:10px;display:grid}.hero-card{width:100%;min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:#09498bc7;border:2px solid #75c5ff7a;border-radius:15px;grid-template-columns:62px 1fr auto;align-items:center;gap:11px;padding:7px 10px 7px 7px;transition:transform .15s,border-color .15s,background .15s;display:grid;overflow:hidden;box-shadow:0 5px #041f48a3,inset 0 0 18px #4bb0ff1f}.hero-card:hover:not(:disabled),.hero-card.selected{background:#0f67b9e6;border-color:#ffd974;transform:translateY(-2px)}.hero-card.selected{box-shadow:0 5px #9b6b18,0 0 0 4px #ffd9744d}.hero-card.defeated{opacity:.38}.hero-card.acted{opacity:.58}.hero-emblem{background:#6bc4f2;border:3px solid #f5d270;border-radius:12px;width:62px;height:62px;overflow:hidden}.hero-emblem img{object-fit:cover;width:100%;height:100%;display:block}.hero-copy{flex-direction:column;min-width:0;display:flex}.hero-copy strong{letter-spacing:.05em;font-size:16px;font-weight:900}.hero-copy small{color:#c7e5fb;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.hero-vitals{color:#ff858c;text-shadow:0 2px #3d151fb3;flex-direction:column;align-items:center;display:flex}.hero-vitals b{font-size:22px;font-weight:900;line-height:1}.hero-vitals small{color:#ffd9da;letter-spacing:.08em;margin-top:2px;font-size:8px;font-weight:800}.event-log{gap:3px;margin:0;padding:0;list-style:none;display:grid}.event-log li{border-bottom:1px solid #8fccf82e;grid-template-columns:25px 1fr;gap:7px;padding:8px 0;display:grid}.event-log li>span{color:#74acd5;padding-top:2px;font-size:9px;font-weight:800}.event-log p{color:#dbeeff;margin:0;font-size:11px;line-height:1.45}.event-log .event-victory p,.event-log .event-skill p{color:#ffe390;font-weight:700}@media (width<=1180px){.board-shell{width:min(62vw,690px)}}@media (width<=820px){.board-shell{width:min(94vw,680px)}.game-board{border-width:7px;border-radius:17px;padding:8px;transform:rotateX(4deg)}.piece{border-width:2px;inset:4%}.piece-hp{width:20px;height:20px;font-size:9px;bottom:-6px;right:-6px}.hand{justify-content:flex-start;min-height:96px;padding-inline:12px}.playing-card{flex-basis:58px;height:84px;margin-left:-7px;padding:7px}.card-rank{font-size:20px}.card-suit{font-size:19px}}.app-shell{background-color:#1689df;background-image:linear-gradient(#013f812e, #08538d0f), var(--arena-art);background-position:top;background-size:cover;background-attachment:fixed;min-height:100vh;padding:14px clamp(12px,2vw,34px) 46px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#053b79db;border:2px solid #68bfff80;border-radius:18px;grid-template-columns:minmax(210px,1fr) auto minmax(270px,1fr);align-items:center;gap:16px;max-width:1540px;min-height:62px;margin:0 auto 10px;padding:8px 14px;display:grid;box-shadow:0 7px #031f4db8,0 15px 28px #0b447142,inset 0 1px #fff3}.brand-copy h1{color:#fff;letter-spacing:-.045em;text-shadow:0 3px #164f8f,0 6px 12px #001c4175;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Avenir Next,sans-serif;font-size:clamp(21px,2.2vw,30px);font-style:italic;font-weight:1000}.brand-copy p{color:#9ed7ff;letter-spacing:.15em;text-transform:uppercase;margin:2px 0 0;font-size:8px;font-weight:800}.view-switcher{background:#03255285;border-radius:14px;gap:7px;padding:4px;display:flex}.view-switcher button{color:#b8dcf8;cursor:pointer;background:0 0;border:0;border-radius:11px;min-width:112px;min-height:39px;padding:8px 16px;font-size:12px;font-weight:800;transition:transform .15s,color .15s,background .15s}.view-switcher button:hover{color:#fff;transform:translateY(-1px)}.view-switcher button.active{color:#fff;background:#197bc6;box-shadow:0 4px #0c4d89,inset 0 1px #ffffff47}.match-meta{grid-template-columns:auto auto auto;justify-self:end;align-items:center;gap:2px 9px;display:grid}.match-meta>span{color:#77aed7;letter-spacing:.1em;font-size:7px;font-weight:900}.match-meta code{color:#d8eeff;text-overflow:ellipsis;max-width:92px;font-size:9px;overflow:hidden}.match-meta button{color:#67420d;cursor:pointer;background:#f7be3c;border:2px solid #ffe39a;border-radius:11px;grid-area:1/3/span 2;margin-left:8px;padding:9px 14px;font-size:10px;font-weight:900;box-shadow:0 4px #a36914}.match-meta button:hover{filter:brightness(1.06);transform:translateY(-1px)}.status-ribbon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#064180d4;border:2px solid #74caff6b;border-radius:16px;grid-template-columns:minmax(170px,auto) 1fr auto;align-items:center;gap:20px;max-width:950px;min-height:72px;margin:0 auto 6px;padding:9px 18px;display:grid;box-shadow:0 6px #02275794,inset 0 1px #ffffff2e}.status-ribbon>div:first-child span{color:#83c9fb;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900}.status-ribbon h2{color:#ffe18f;margin:2px 0 0;font-size:19px;font-weight:1000}.status-ribbon>p{color:#d8edfc;margin:0;font-size:11px;line-height:1.5}.scoreboard{color:#cceaff;white-space:nowrap;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.scoreboard b{color:#fff;background:#1aa7e5;border-radius:11px;place-items:center;min-width:45px;height:38px;font-size:24px;display:inline-grid;box-shadow:0 4px #106697}.scoreboard span:last-child b{background:#ef626c;box-shadow:0 4px #963640}.scoreboard i{color:#ffe69e;font-style:normal;font-weight:900}.online-connection-bar{color:#e2f3ff;text-shadow:0 1px 4px #07528f;align-items:center;gap:7px;max-width:950px;margin:0 auto 8px;font-size:9px;display:flex}.online-connection-bar>span{background:#e95862;border-radius:50%;width:8px;height:8px}.online-connection-bar>span.online{background:#4dea99;box-shadow:0 0 10px #4dea99cc}.online-connection-bar b{color:#ffe0e2;margin-left:auto}.game-layout{grid-template-columns:250px minmax(520px,1fr) 300px;align-items:start;gap:18px;max-width:1540px;margin:0 auto;display:grid}.board-column{flex-direction:column;align-items:center;min-width:0;display:flex}.three-board-shell{width:min(54vw,760px);max-width:100%}.three-board-loading{aspect-ratio:1.42;background:#ead9b880;border-radius:18px;width:min(54vw,760px);max-width:100%;box-shadow:inset 0 0 0 2px #fff4d2a6}.three-board-stage{aspect-ratio:1.42;touch-action:none;filter:drop-shadow(0 24px 28px #14374d5c);width:100%}.three-board-stage canvas{outline:none;display:block;width:100%!important;height:100%!important}.sr-board{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.three-board-stage{aspect-ratio:1}.side-panel{gap:13px;display:grid;position:sticky;top:12px}.setup-picker{width:min(94vw,700px);max-width:100%;margin-bottom:12px;display:none}.panel-block,.hand-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#053771e6;border:2px solid #66bfff7a;border-radius:16px;box-shadow:0 7px #03244dad,0 16px 28px #12486f40,inset 0 1px #ffffff29}.panel-block{padding:13px}.hand-panel{width:min(54vw,720px);max-width:100%;margin-top:9px;padding:12px 14px 4px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:6px;display:flex}.section-heading.compact{align-items:center;margin-bottom:11px}.section-heading span{color:#75bce8;letter-spacing:.15em;font-size:7px;font-weight:900}.section-heading h3{color:#fff;margin:3px 0 0;font-size:15px;font-weight:900}.section-heading p{color:#9ec8e6;margin:0;font-size:9px}.player-block{border-color:#3cbeffb8}.opponent-block{border-color:#ff727c9e}.current-action-block{background:#084c94f0;border-color:#6fcaff}.current-action-block h3{color:#ffe18c;font-size:22px}.current-action-copy{color:#d7edfc;margin:0;font-size:11px;line-height:1.65}.mode-tabs{background:#011f4580;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.mode-tabs button{color:#9dcae8;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;font-size:10px;font-weight:800}.mode-tabs button.active{color:#68440b;background:#ffd05d;box-shadow:0 4px #a26b16}.command-readout{background:#0126527a;border:1px solid #7acaff47;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:5px 9px;margin-top:11px;padding:11px;display:grid}.command-readout span{color:#fff;font-size:12px;font-weight:900}.command-readout b{color:#b9ddf5;font-size:9px;font-weight:600}.command-readout small{color:#8fb9d5;grid-column:span 2;font-size:9px}.command-readout small.ready{color:#78f1b1}.rule-error{color:#ffe5e6;background:#82192ca3;border:2px solid #ff7b8385;border-radius:10px;margin:9px 0 0;padding:9px 11px;font-size:10px;line-height:1.45}.rule-error.standalone{margin:0}.end-turn{color:#68440b;cursor:pointer;background:#f9c648;border:2px solid #ffe29a;border-radius:11px;justify-content:space-between;width:100%;margin-top:11px;padding:11px 13px;font-weight:900;display:flex;box-shadow:0 5px #a56b11}.end-turn:disabled{opacity:.48;cursor:not-allowed}.log-block{max-height:300px;overflow:auto}.online-lobby{background:#053d7ceb;border:3px solid #68c4ff8a;border-radius:24px;max-width:980px;min-height:430px;margin:34px auto 0;padding:clamp(30px,5vw,66px);box-shadow:0 9px #063f80,0 22px 46px #0a416c59}.online-lobby-copy>span,.online-waiting-card>span{color:#74c6fa;letter-spacing:.18em;font-size:9px;font-weight:900}.online-lobby-copy h2{color:#ffe08b;margin:9px 0 12px;font-size:clamp(28px,4vw,44px)}.online-lobby-copy p,.online-auth-card p,.online-waiting-card p{color:#c6e3f7;max-width:650px;margin:0;font-size:12px;line-height:1.8}.online-actions,.online-auth-card,.online-waiting-card{max-width:580px;margin-top:30px}.online-user{border-bottom:1px solid #94cffa3d;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;display:flex}.online-user strong,.online-auth-card strong{color:#fff}.online-primary,.online-secondary{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.online-primary{color:#67420d;background:#f7c345;border:2px solid #ffe198;width:100%;box-shadow:0 5px #9e6814}.online-secondary{color:#e8f7ff;background:#0d6db8;border:2px solid #94d3ff8c;box-shadow:0 4px #074479}.online-primary:disabled,.online-secondary:disabled{opacity:.5;cursor:not-allowed}.online-divider{color:#9cc8e4;align-items:center;gap:12px;margin:22px 0 12px;font-size:9px;display:flex}.online-divider:before,.online-divider:after{content:"";background:#97d3fa40;flex:1;height:1px}.online-actions form{grid-template-columns:1fr auto;gap:8px;display:grid}.online-actions input{color:#fff;text-transform:uppercase;letter-spacing:.15em;background:#032a59a8;border:2px solid #91cffa7a;border-radius:11px;outline:0;min-width:0;min-height:42px;padding:0 14px}.online-actions input:focus{border-color:#ffe18f}.online-waiting-card>strong{color:#ffe08b;letter-spacing:.16em;margin:9px 0 12px;font-size:clamp(40px,8vw,68px);display:block}.online-presence{color:#acd2eb;border:1px solid #9ed8ff47;border-radius:11px;grid-template-columns:1fr auto 1fr;gap:12px;margin:22px 0 16px;padding:14px;font-size:11px;display:grid}.online-presence span:last-child{text-align:right}.online-presence i{color:#ffe08b;font-size:9px;font-style:normal}.online-presence span.online{color:#69f0ac}.online-state{color:#c6e3f7;margin-top:32px}.arena-shell{max-width:1420px;margin:22px auto 0}.arena-hero{background:#053d7ceb;border:2px solid #68c4ff8f;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;min-height:190px;padding:clamp(28px,5vw,58px);display:grid;box-shadow:0 8px #063f80,0 20px 38px #0a416c4d}.arena-hero .kicker{color:#7ed0ff;letter-spacing:.2em;font-size:9px}.arena-hero h2{color:#ffe08b;margin:9px 0 12px;font-size:clamp(28px,4vw,46px)}.arena-hero p{color:#c2e0f5;max-width:720px;margin:0;font-size:12px;line-height:1.8}.arena-total{text-align:right;min-width:150px}.arena-total b{color:#ffe08b;font-size:42px;display:block}.arena-total span{color:#a6d2ee;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:#9dcbe8;gap:5px;font-size:9px;display:grid}.arena-controls select,.arena-controls button{color:#fff;background:#07579e;border:2px solid #89cdfa8c;border-radius:10px;min-height:38px;padding:0 13px}.arena-controls button{cursor:pointer}.arena-controls button.primary{color:#65410b;background:#f7c345;border-color:#ffe198;font-weight:900}.arena-controls button:disabled{opacity:.45}.privacy-note{color:#b5d7ed;align-self:center;margin-left:auto;font-size:9px}.privacy-note i{background:#58e89d;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.arena-progress{margin:12px 0}.arena-progress>div{background:#032a599e;border-radius:8px;height:7px;overflow:hidden}.arena-progress>div span{background:#ffd05d;height:100%;transition:width .12s linear;display:block}.arena-progress p{color:#c0dff2;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,.arena-chart,.arena-history,.ranking-panel,.arena-empty{background:#053d7ce6;border:2px solid #70c4f980;border-radius:14px;padding:17px;box-shadow:0 6px #03265099}.metric-grid span,.metric-grid small{color:#a9d3ed;font-size:9px;display:block}.metric-grid b{color:#fff;margin:8px 0 5px;font-size:25px;display:block}.arena-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;display:grid}.winbar{background:#073f7c;border-radius:8px;height:30px;margin:20px 0 10px;display:flex;overflow:hidden}.winbar span{min-width:0;transition:width .3s}.winbar .p1,.legend i.p1{background:#42baf4}.winbar .draw,.legend i.draw{background:#b7cad8}.winbar .p2,.legend i.p2{background:#ef6570}.legend{color:#b9daee;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:#a6d0eb;margin:25px 0 12px;font-size:9px}.survival-row{color:#cae5f6;grid-template-columns:42px 1fr 46px;align-items:center;gap:10px;margin:9px 0;font-size:10px;display:grid}.survival-row>div{background:#073f7c;height:6px}.survival-row>div i{background:#ffd05d;height:100%;display:block}.survival-row b{text-align:right;color:#fff;font-size:9px}.config-note,.review-gate{color:#a6cde6;border-top:1px solid #97d3fa40;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:#032a5966;border:1px solid #0000;border-radius:8px;justify-content:space-between;gap:12px;padding:10px;display:flex}.history-list button:hover{border-color:#ffd26b}.history-list span{gap:4px;display:grid}.history-list b{color:#e1f2ff;font-size:10px}.history-list small{color:#9bc7e4;font-size:8px}.history-list strong{color:#ffe08b;font-size:14px}.arena-empty{text-align:center;margin-top:14px;padding:58px}.arena-empty span{color:#98c6e3;letter-spacing:.2em;font-size:8px}.arena-empty h3{color:#ffe08b;margin:8px 0;font-size:22px}.arena-empty p{color:#c1e0f3;font-size:11px}.ranking-panel{margin-top:14px;overflow-x:auto}.ranking-table{min-width:760px}.ranking-table>div{color:#beddf1;border-bottom:1px solid #95d0f733;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:#91c2e1;font-size:8px}.ranking-table>div.best{background:#ffd05d17;border-left:3px solid #ffd05d}.ranking-table em{color:#ffe08b;min-width:28px;font-style:normal;display:inline-block}.ranking-table b{color:#eaf7ff;font-size:10px}.ranking-table strong{color:#ffe08b;font-size:12px}@media (width>=821px){.battle-view{height:100dvh;min-height:0;overflow:hidden}}@media (width<=1180px){.game-layout{grid-template-columns:minmax(520px,1fr) 290px}.board-column{grid-area:1/1}.side-panel-right{grid-area:1/2}.side-panel-left{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.hand-panel{width:min(62vw,690px)}.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>=821px) and (height<=800px){.battle-view{padding-block:9px 7px}.topbar{min-height:54px;margin-bottom:7px}.status-ribbon{min-height:62px;margin-bottom:3px;padding-block:6px}.game-layout{grid-template-columns:220px minmax(400px,1fr) 270px;gap:12px}.side-panel{gap:9px}.panel-block{padding:8px}.section-heading.compact{margin-bottom:7px}.hero-roster{gap:5px}.hero-card{border-radius:11px;grid-template-columns:40px 1fr auto;gap:7px;min-height:49px;padding:4px 7px 4px 4px}.hero-emblem{border-width:2px;border-radius:9px;width:40px;height:40px}.hero-copy strong{font-size:13px}.hero-copy small{margin-top:2px;font-size:8px}.hero-vitals b{font-size:19px}.three-board-shell{width:min(42vw,510px)}.board-legend{padding-block:3px;font-size:8px}.hand-panel{width:min(42vw,510px);margin-top:0;padding:6px 9px 1px}.hand{min-height:76px;padding:8px 8px 3px}.playing-card{border-width:2px;border-radius:9px;flex-basis:49px;height:68px;margin-left:-7px;padding:5px;box-shadow:0 4px #b9aa91,0 7px 11px #16395947}.card-rank{font-size:18px}.card-suit{font-size:17px}.current-action-block h3{font-size:19px}.current-action-copy{line-height:1.45}.command-readout{margin-top:8px;padding:8px}.end-turn{margin-top:8px;padding:8px 10px}.log-block{max-height:185px;overflow:auto}}@media (width<=820px){.app-shell{background-position:top;padding:9px 8px 32px}.topbar{border-radius:14px;grid-template-columns:1fr auto;gap:8px;padding:9px}.brand-copy p{display:none}.view-switcher{grid-area:2/1/auto/-1}.view-switcher button{flex:1;min-width:0;padding-inline:7px}.match-meta{grid-area:1/2}.match-meta>span,.match-meta code{display:none}.match-meta button{grid-area:1/1;margin:0}.status-ribbon{grid-template-columns:1fr auto;gap:8px;padding:8px 10px}.status-ribbon>p{grid-area:2/1/auto/-1}.scoreboard b{min-width:38px;height:34px;font-size:20px}.game-layout{flex-direction:column;display:flex}.board-column{order:1;width:100%}.three-board-shell{width:min(96vw,680px)}.side-panel-right{order:2;width:100%;position:static}.side-panel-left{order:3;grid-template-columns:1fr;width:100%}.hand-panel{width:100%}.online-lobby{min-height:390px;margin-top:18px;padding:28px 18px}.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)}}.battle-view{background-color:#122c46;background-image:radial-gradient(at 50% 36%,#385c70 0%,#203e56 47%,#10273f 100%)}@media (width>=821px){.battle-view{flex-direction:column;padding:8px 12px 10px;display:flex}.battle-view>.topbar{border-radius:12px;flex-shrink:0;width:100%;max-width:none;min-height:42px;margin-bottom:6px;padding:4px 12px;box-shadow:0 3px #102942}.battle-view .brand-copy h1{font-size:22px}.battle-view .brand-copy p{display:none}.battle-view .view-switcher{padding:0}.battle-view .view-switcher button{min-height:30px;padding-block:5px}.battle-view .match-meta button{padding-block:6px}.battle-view>.status-ribbon{width:100%;max-width:none;min-height:42px;box-shadow:none;border-radius:10px;flex-shrink:0;gap:12px;margin-bottom:4px;padding:4px 14px}.battle-view .status-ribbon>div:first-child{align-items:center;gap:10px;display:flex}.battle-view .status-ribbon h2{margin:0;font-size:15px}.battle-view .scoreboard b{border-radius:7px;min-width:34px;height:28px;font-size:21px}.battle-view>.online-connection-bar{flex-shrink:0;width:min(100%,950px)}.battle-view .game-layout{flex:1;grid-template-columns:clamp(168px,14vw,214px) minmax(0,1fr) clamp(180px,16vw,230px);align-items:stretch;gap:10px;width:100%;max-width:none;min-height:0}.battle-view .board-column{grid-area:1/2;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.battle-view .three-board-shell{grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid}.battle-view .three-board-stage{aspect-ratio:auto;height:100%;min-height:0}.battle-view .board-legend{opacity:.8;padding:1px 8px;font-size:8px;line-height:12px}.battle-view .hand-panel{width:min(100%,780px);min-width:0;box-shadow:none;border-radius:12px;grid-template-columns:96px minmax(0,1fr);justify-self:center;align-items:center;margin-top:0;padding:0 8px;display:grid}.battle-view .hand-panel .section-heading{margin:0;padding-left:4px;display:block}.battle-view .hand-panel .section-heading span{display:none}.battle-view .hand-panel .section-heading h3{margin:0 0 5px;font-size:12px}.battle-view .hand{justify-content:safe center;align-items:flex-start;min-height:100px;padding:20px 8px 6px}.battle-view .playing-card{border-width:2px;border-radius:9px;flex-basis:54px;height:74px;margin-left:-6px;padding:6px}.battle-view .card-rank{font-size:20px}.battle-view .card-suit{font-size:19px}.battle-view .side-panel{align-content:start;min-height:0;padding-bottom:10px;position:static;overflow-y:auto}.battle-view .panel-block{padding:10px}.battle-view .hero-roster{gap:6px}.battle-view .hero-card{border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;gap:6px;min-height:54px;padding:5px}.battle-view .hero-emblem{border-width:2px;border-radius:8px;width:42px;height:42px}.battle-view .hero-copy strong{font-size:12px}.battle-view .hero-copy small{font-size:8px}.battle-view .hero-vitals b{font-size:19px}.battle-view .section-heading.compact{margin-bottom:8px}.battle-view .log-block{max-height:260px}.battle-view .side-panel-left{grid-area:1/1;grid-template-columns:1fr}.battle-view .side-panel-right{grid-area:1/3}.battle-view .setup-picker{display:none}.battle-view .setup-side-roster{display:block}}@media (width>=821px) and (width<=1050px){.battle-view .topbar{grid-template-columns:minmax(140px,1fr) auto auto;gap:8px}.battle-view .match-meta{display:flex}.battle-view .match-meta>span,.battle-view .match-meta code{display:none}.battle-view .match-meta button{margin-left:0}}