@charset "UTF-8";
:root{--paper:#f5f1e6;--card:#fffdf5;--ink:#283e34;--muted:#7b8271;--line:#d3d5c5;--green:#355f4a;--pale:#e7edde;--orange:#c75b3d;--orange-light:#f7e4d6;--gold:#dca34f;--mono:Consolas,"Courier New",monospace;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6;background-image:radial-gradient(#3e554310 .7px,transparent .7px);background-size:7px 7px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}button,a{touch-action:manipulation}button{transition:background .15s,transform .15s,box-shadow .15s}button:active:not(:disabled){transform:translate(1px,2px)}
.site-header{height:98px;border-bottom:1px solid #c9cebe;display:flex;align-items:center;padding:0 4.2%;gap:40px;background:#f5f1e6ed}.brand{display:flex;gap:15px;align-items:center;margin-right:auto}.brand-mark{display:grid;place-items:center;font-size:30px;font-weight:900;width:48px;height:48px;background:var(--ink);color:#f8edcb;box-shadow:4px 4px 0 #a9b4a0;line-height:1}.brand strong{font-size:19px;letter-spacing:3px}.brand strong i{font-style:normal;color:#9aab94;font-weight:400;margin:0 4px}.brand small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:4px}.main-nav{height:100%;display:flex;align-items:stretch;gap:34px}.nav-button{position:relative;font-weight:600;font-size:14px;padding:0 2px;color:var(--muted)}.nav-button.active{color:var(--ink)}.nav-button.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--orange)}.connection{font-size:11px;display:flex;align-items:center;gap:8px;min-width:92px}.status-light{width:7px;height:7px;background:#a4ad99;box-shadow:2px 2px 0 #355f4a19}.connection.online .status-light{background:#56865b}.connection.offline{color:#b54e39}.connection.offline .status-light{background:#b54e39}
.page-shell{max-width:1500px;margin:0 auto;padding:36px 4.2% 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{font:10px var(--mono);letter-spacing:2px;color:#68816a;display:flex;gap:10px;align-items:center;margin-bottom:10px}.tiny-cross{width:9px;height:9px;display:block;background:var(--orange);clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%)}h1{font-size:30px;letter-spacing:1.8px;font-weight:800;line-height:1.45}h1>span{color:var(--orange)}.subtitle{color:var(--muted);font-size:12px;margin-top:9px;letter-spacing:.5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 19px;font-weight:700;font-size:13px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;min-height:43px}.button.primary{background:var(--orange);color:#fff9e9;border-color:#813b2a;box-shadow:3px 3px 0 #813b2a}.button.primary:hover:not(:disabled){background:#b84d32;box-shadow:4px 4px 0 #813b2a;transform:translate(-1px,-1px)}.button.secondary{background:var(--card)}.button.secondary:hover{background:var(--pale)}.button:disabled{background:#e1e3d7;color:#929888;border-color:#c3c9b9;box-shadow:3px 3px 0 #c3c9b9}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px;align-items:start}.battle-main{min-width:0}.paper-panel{background:var(--card);border:1px solid var(--line);box-shadow:3px 3px 0 #d9ddcd78}.arena-frame{border:2px solid var(--ink);box-shadow:5px 5px 0 #c6cbb8;margin-bottom:25px;background:var(--card)}.arena-topline{height:44px;padding:0 19px;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--ink);background:#e9ecd9}.round-label{font:10px var(--mono);display:flex;align-items:center;gap:8px}.round-label strong{font-size:23px;font-weight:700;letter-spacing:-1px}.round-label>span{font-family:var(--font);font-size:10px;border-left:1px solid #bbc4ac;padding-left:10px;margin-left:2px}.stage-title{margin:auto;font-size:10px;letter-spacing:2px;color:#67745e}.mode-label{font-size:10px;letter-spacing:1px}
.scene{height:294px;background:#b4c49a url('/assets/arena.svg') center center/cover no-repeat;position:relative;overflow:hidden;isolation:isolate}.scene-grain{position:absolute;inset:0;opacity:.18;z-index:8;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#27432e0a 3px,#27432e0a 4px)}.scene-corner{position:absolute;top:17px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;z-index:5}.scene-corner.left{left:19px}.scene-corner.right{right:19px}.player-tag{display:inline-grid;place-items:center;font:700 10px var(--mono);padding:3px 7px;border:1px solid #293d33;background:var(--card)}.player-tag.ember{background:#d76844;color:#fff5db;border-color:#8b432f}.player-tag.jade{background:#3e7267;color:#f4f6d4;border-color:#284e48}.ready-label{font-size:9px;color:#51644b;font-weight:400}.ready-label.is-ready{color:#f9edcc;background:#35533d;padding:2px 6px}.scene-caption{position:absolute;left:50%;top:70px;transform:translateX(-50%);text-align:center;z-index:2}.scene-caption>span{font-size:17px;font-weight:700;letter-spacing:9px;padding-left:9px;color:#486849}.scene-caption small{display:block;margin-top:8px;font-size:9px;color:#6c845d;letter-spacing:6px;padding-left:6px}.fighter{position:absolute;bottom:47px;z-index:4;width:112px;height:140px}.fighter-0{left:22%}.fighter-1{right:22%}.fighter img{image-rendering:pixelated;position:relative;z-index:2;animation:idle 3.2s steps(2,end) infinite;filter:drop-shadow(3px 2px 0 #1e35251b)}.fighter-1 img{animation-delay:-1.5s}.fighter-shadow{position:absolute;bottom:-3px;left:7px;width:98px;height:9px;background:#2940323b;clip-path:polygon(10% 0,90% 0,90% 25%,100% 25%,100% 75%,90% 75%,90% 100%,10% 100%,10% 75%,0 75%,0 25%,10% 25%)}.scene-footer{position:absolute;bottom:0;height:34px;background:#294334;left:0;right:0;color:#ebecd1;display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;letter-spacing:1px;z-index:7}.mini-cross{color:#d3a75e;font-size:14px}.scene.resolved .fighter-0{animation:lunge .65s steps(4,end)}.scene.resolved .fighter-1{animation:lunge-right .65s steps(4,end)}.scene.resolved .scene-caption{animation:reveal .65s ease-out}.scene.finished .scene-caption>span{color:#813c2c}.player-stats{display:grid;grid-template-columns:1fr 1fr}.stat-card{padding:18px 22px;display:flex;align-items:center;gap:18px}.stat-card+ .stat-card{border-left:1px dashed #cbd2bf}.stat-identity{min-width:55px}.stat-identity strong{display:block;font-size:13px}.stat-identity small{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.stat-values{display:flex;align-items:center;gap:25px;flex:1}.stat-value>span{font-size:9px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:4px}.stat-value>div{display:flex;align-items:center;gap:5px;min-height:20px}.stat-value b{font:700 22px var(--mono);line-height:1}.hearts{display:flex;gap:4px}.pixel-icon{width:22px;height:22px;flex-shrink:0;image-rendering:pixelated}.pixel-icon.heart{width:16px;height:16px;color:#bd5b45}.pixel-icon.energy{color:#c58e34;width:18px;height:18px}.stat-ban{font-size:9px;color:#8a8d7e;margin-left:auto;text-align:right}.stat-ban strong{display:block;font-size:10px;color:#737d69;margin-top:3px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;gap:12px}.panel-heading>div{display:flex;align-items:center;gap:10px;min-width:0}.section-index{font:10px var(--mono);color:#8f9b82}.panel-heading h2{font-size:14px;letter-spacing:.6px;font-weight:700;white-space:nowrap}.count-label{font-size:10px;color:var(--muted);white-space:nowrap}.seat-switch{display:flex;border:1px solid var(--line);padding:2px;background:#eeefe5}.seat-switch button{font-size:10px;padding:5px 9px;color:#7d8972}.seat-switch button.selected{background:var(--ink);color:#fff6de}.hand-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 19px 13px;gap:10px}.filter-tabs{display:flex;gap:17px}.filter-tabs button{font-size:11px;padding:4px 0;color:#87917b;border-bottom:2px solid transparent}.filter-tabs .selected{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}.keyboard-tip{font:9px var(--mono);color:#a3a68f}.move-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 19px 20px}.move-card{position:relative;background:#f8f7ed;border:1px solid #cdd2be;min-height:112px;text-align:left;padding:12px 12px 10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:32px auto auto;column-gap:7px;box-shadow:2px 2px 0 #dfe2d1}.move-card:hover:not(:disabled){background:#eef2e2;border-color:#77916e;transform:translateY(-2px);box-shadow:2px 4px 0 #d1d8c3}.move-card.selected{background:var(--orange-light);border:2px solid var(--orange);padding:11px 11px 9px;box-shadow:2px 2px 0 #d6a289}.move-card:disabled{opacity:.58}.move-symbol{color:#44674d;grid-column:1}.move-symbol .pixel-icon{width:27px;height:27px}.move-card[data-category=attack] .move-symbol{color:#ba633f}.move-card[data-category=creature] .move-symbol{color:#927449}.move-cost{font:700 15px var(--mono);display:flex;align-items:flex-start;gap:4px;color:#887348}.move-cost small{font:9px var(--font);margin-top:2px}.move-card strong{font-size:13px;grid-column:1/3;letter-spacing:.4px;white-space:nowrap}.move-card .move-caption{grid-column:1/3;font-size:9px;color:#8b927c;line-height:1.5;margin-top:3px}.move-shortcut{position:absolute;right:7px;bottom:7px;font:8px var(--mono);color:#a9af99}.commit-row{padding:17px 19px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5f5e9}.commit-row strong{font-size:11px;display:block;margin-bottom:3px}.commit-row #selection-detail span{font-size:10px;color:#8a927d;display:block;max-width:410px}.commit-button{min-width:164px;justify-content:space-between}.locked-notice{padding:12px 19px;background:#e4ecdb;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.locked-notice button{color:var(--green);font-weight:700}.empty-small{padding:28px;color:var(--muted);font-size:12px;text-align:center}.battle-sidebar{display:grid;gap:18px}.intel-panel .panel-heading,.log-panel .panel-heading{border-bottom:1px solid var(--line)}.ink-stamp{font-size:9px;color:#78916d;border:1px solid #aaba9c;padding:1px 5px;transform:rotate(-5deg)}.intel-player{padding:16px 19px 13px}.intel-player+.intel-player{border-top:1px dashed #d7ddcb}.intel-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.intel-label strong{font-size:11px;font-weight:700}.intel-label small{font:9px var(--mono);color:#98a08c}.unit-strip{display:flex;gap:18px;font-size:10px;color:#7e8974}.unit-strip span{display:flex;gap:5px;align-items:center}.unit-strip svg{width:15px;height:15px;color:#617653}.unit-strip b{font:13px var(--mono);color:var(--ink)}.status-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;min-height:17px}.status-chip{font-size:9px;background:#edf1e4;border:1px solid #d8dfca;padding:1px 5px;color:#6c7c5c}.status-chip.warn{background:#f5e6d6;border-color:#e2c4a5;color:#a56841}.status-none{font-size:9px;color:#a2aa94}.room-line{margin:0 19px;padding:11px 0 7px;border-top:1px dashed #d4dbc7;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c9680}.room-line code{font:9px var(--mono)}.text-link{padding:0;font-size:10px;color:#72845e;cursor:pointer}.text-link:hover{color:var(--orange)}.intel-panel>a{display:block;margin:0 19px 16px;font-size:9px}.live-log{max-height:290px;overflow:auto}.quiet-state{padding:25px 22px 23px;text-align:center}.quiet-icon{display:block;font-size:28px;color:#a5b18e;margin-bottom:8px}.quiet-state strong{font-size:11px;font-weight:500}.quiet-state p{font-size:10px;line-height:1.9;color:#9aa28e;margin-top:7px}.log-round{padding:12px 16px;border-bottom:1px dashed #e0e4d4}.log-round:last-child{border:0}.log-round-heading{display:flex;gap:7px;align-items:center;font-size:10px;margin-bottom:5px}.log-round-heading b{font:10px var(--mono);color:#b4844b}.log-round-heading span{font-weight:600}.log-round p{font-size:10px;color:#89917c;line-height:1.8}.export-link{padding:13px;width:100%;border-top:1px solid var(--line);font-size:10px;color:#7d8c6c;background:#f6f7ed}.export-link:hover{background:#edf2e2}.field-note{padding:5px 13px 0 19px;position:relative}.field-note>span{font-size:9px;color:#9b7e4d;border-bottom:1px solid #cfbb90;letter-spacing:3px}.field-note p{font-size:11px;line-height:1.9;color:#7c8770;margin:10px 0}.field-note i{font-size:9px;color:#a2a98f;letter-spacing:1px;font-style:normal}.site-footer{display:flex;justify-content:space-between;margin-top:37px;padding:19px 0 24px;border-top:1px solid #d3d8c7;font-size:9px;color:#919b85;letter-spacing:.6px}.site-footer i{font-style:normal;padding:0 9px;color:#b2baa4}
.heading-actions{display:flex;gap:14px}.archive-empty{text-align:center;padding:49px 20px 50px;min-height:490px;background:linear-gradient(#fffdf5ee,#fffdf5ee),url('/assets/arena.svg') center/cover}.archive-empty>.eyebrow{justify-content:center;font-size:9px;margin:24px 0 12px}.archive-empty h2{font-size:23px;letter-spacing:2px}.archive-empty>p:not(.eyebrow){font-size:12px;color:#88917c;line-height:1.9;margin:16px 0 24px}.archive-empty>small{display:block;font-size:10px;color:#9fa68e;margin-top:20px}.archive-art{position:relative;width:110px;height:98px;margin:0 auto}.archive-art>span{position:absolute;background:#ccd8bd;inset:10px 8px 0 24px;border:2px solid #70816a;transform:rotate(8deg)}.archive-art>i{position:absolute;inset:0 23px 10px 7px;border:2px solid #5f7254;background:#faf0d3;box-shadow:4px 4px 0 #a6b499}.archive-art>b{position:absolute;font-size:40px;left:22px;top:14px;color:var(--orange);font-weight:900}.replay-summary{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.replay-summary>div:first-child{display:flex;gap:15px;align-items:center}.report-seal{font:24px var(--mono);color:#4f754b;background:#e0e9d2;border:1px solid #b6c79e;width:45px;height:45px;display:grid;place-items:center}.report-seal.warn{background:#fae5d5;color:#b15b3b;border-color:#e3b69a}.replay-summary h2{font-size:16px;margin-bottom:4px}.replay-summary p{font-size:10px;color:var(--muted)}.summary-metrics{display:flex;gap:30px;margin-left:auto}.summary-metrics div b{font:23px var(--mono);display:block;line-height:1.3}.summary-metrics div span{font-size:9px;color:var(--muted)}.replay-summary>.button{font-size:10px;min-height:36px;padding:8px 12px}.report-error{background:#f8e6d9;border:1px solid #daae93;color:#9b5438;padding:15px 18px;margin-bottom:18px;font-size:12px;line-height:1.8}.playback-bar{display:flex;align-items:center;padding:12px 15px;gap:12px;margin-bottom:22px}.square-button{width:32px;height:32px;border:1px solid #becbb0;background:#f1f4e7;font-size:18px}.square-button:disabled{opacity:.3}.playback-bar>.button{padding:5px 12px;font-size:10px;min-height:32px;box-shadow:2px 2px 0 var(--ink)}input[type=range]{accent-color:var(--orange);flex:1;min-width:60px}#replay-position{font-size:11px;min-width:115px;text-align:right}.replay-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.replay-state-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.replay-state{padding:18px;background:var(--card);border:1px solid var(--line);border-top:3px solid #c36545}.replay-state.jade-state{border-top-color:#558278}.replay-state h3{display:flex;gap:9px;align-items:center;font-size:13px;margin-bottom:14px}.replay-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.replay-numbers div span{font-size:9px;color:var(--muted);display:block;margin-bottom:3px}.replay-numbers div strong{font:23px var(--mono)}.replay-state .status-chips{min-height:22px;margin-top:17px}.table-scroll{overflow:auto;max-height:520px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{background:#eef1e4;color:#8a957a;font-size:9px;letter-spacing:.5px;text-align:left;font-weight:500;padding:11px 15px;position:sticky;top:0}td{padding:13px 15px;border-top:1px solid #e3e7d8}tbody tr{cursor:pointer}tbody tr:hover{background:#f2f5e8}tbody tr.selected{background:#e9efdc;box-shadow:inset 3px 0 var(--orange)}.table-round{font:12px var(--mono);color:#8d9a7d}.metric-cell{font-family:var(--mono)}.metric-cell .hp-text{color:#b45c43}.metric-cell .energy-text{color:#b18c43}.check-badge{font-size:9px;color:#7d8f66}.check-badge.mismatch{color:#be5b3d}.check-badge.unchecked{color:#adb29e}.replay-detail .panel-heading{border-bottom:1px solid var(--line)}.event-list{padding:13px 17px;max-height:420px;overflow:auto}.event-row{display:flex;align-items:flex-start;gap:9px;padding:8px 0;font-size:10px;color:#7b866e;border-bottom:1px dashed #e3e6d8}.event-row:last-child{border:0}.event-row .event-dot{height:5px;width:5px;background:#a2b78f;flex-shrink:0;margin-top:5px}.event-row.damage .event-dot{background:#cb7150}.event-row p{flex:1}.event-priority{font:8px var(--mono);color:#b2b7a4;white-space:nowrap;margin-top:2px}.detail-empty{padding:25px 18px;color:#98a187;font-size:11px;line-height:1.8}.difference{margin:0 16px 12px;padding:10px;background:#fae8dc;border-left:2px solid var(--orange);font-size:10px;overflow-wrap:anywhere}.difference strong{display:block;color:#a96141;font-family:var(--mono);margin-bottom:4px}.raw-details{border-top:1px solid var(--line);padding:13px 17px}.raw-details summary{font-size:10px;color:#8e987f;cursor:pointer}.raw-details pre{font:10px/1.7 var(--mono);max-height:350px;overflow:auto;margin:12px 0 0;white-space:pre-wrap;word-break:break-word;color:#6f7d60}
dialog{border:2px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:7px 7px 0 #20372ccc;padding:27px;width:min(620px,calc(100% - 36px));max-height:90vh;overflow:auto}dialog::backdrop{background:#1c302cb5;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-header h2{font-size:23px;letter-spacing:1px}.dialog-header .eyebrow{font-size:9px}.close-dialog{font:25px var(--mono);line-height:1;color:#92a084;padding:3px}.dialog-copy{font-size:12px;color:var(--muted);margin:12px 0 22px}.setup-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:1px solid var(--line);padding:15px}legend{font-size:11px;padding:0 6px}fieldset label{display:block;font-size:10px;color:var(--muted);margin-top:10px}input:not([type=range],[type=file]),select,textarea{width:100%;border:1px solid #c9d0b9;background:#f5f6e9;color:var(--ink);padding:10px;outline-offset:2px;border-radius:0}input:not([type=range],[type=file]),select{margin-top:6px;font-size:12px}.full-button{width:100%;margin-top:8px}.form-error{color:#b75238;font-size:11px;line-height:1.6;margin:12px 0;min-height:16px}.form-footnote{font-size:10px;text-align:center;color:#9ba58b;margin-top:16px}.dropzone{display:flex;align-items:center;flex-direction:column;border:1px dashed #9cae88;background:#edf2e2;padding:18px 15px;cursor:pointer}.dropzone.dragover{background:#e0e9cd;border-color:var(--green)}.upload-symbol{font:28px var(--mono);color:#74905d}.dropzone strong{font-size:13px}.dropzone>span:last-of-type{font-size:10px;color:#96a184;margin-top:6px}.dropzone input{width:100%;margin-top:12px;font-size:10px;color:#859371}.dropzone input::file-selector-button{border:1px solid #a6b993;background:#f7faef;color:var(--green);font:10px var(--font);padding:5px 9px;margin-right:9px}.paste-label{font-size:11px;color:var(--muted);display:block;margin:19px 0 7px}textarea{height:175px;resize:vertical;font:11px/1.7 var(--mono)}.import-note{font-size:10px;color:#98a187;line-height:1.8;margin-top:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#f9f0d5;border:1px solid #10261a;box-shadow:3px 3px 0 #15251c55;padding:12px 20px;z-index:100;font-size:12px;max-width:calc(100% - 40px)}
@keyframes idle{50%{transform:translateY(-3px)}}@keyframes lunge{50%{transform:translateX(18px)}}@keyframes lunge-right{50%{transform:translateX(-18px)}}@keyframes reveal{50%{opacity:.3;filter:brightness(1.4)}}
@media(min-width:1400px){.scene{height:330px}.fighter{bottom:52px}.fighter-0{left:24%}.fighter-1{right:24%}.move-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.scene-caption{top:79px}.battle-layout{grid-template-columns:minmax(0,1fr) 300px}.stat-card{padding-top:21px;padding-bottom:21px}}
@media(max-width:1100px){.battle-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.page-shell{padding-left:3%;padding-right:3%}.site-header{padding:0 3%;gap:25px}.stat-card{padding:15px 13px;gap:10px}.stat-values{gap:15px}.stat-ban{display:none}.move-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.keyboard-tip{display:none}.fighter-0{left:17%}.fighter-1{right:17%}.panel-heading{padding:15px}.panel-heading h2{font-size:13px}.seat-switch button{font-size:9px;padding:4px 6px}.command-panel .panel-heading .count-label{display:none}.commit-row #selection-detail span{max-width:260px}.replay-layout{grid-template-columns:minmax(0,1fr) 285px}.replay-summary{gap:15px}.summary-metrics{gap:18px}}
@media(max-width:850px){.site-header{height:80px;gap:20px}.brand small{display:none}.brand strong{font-size:16px}.brand-mark{width:39px;height:39px;font-size:26px}.main-nav{gap:20px}.connection{font-size:10px;min-width:auto}.battle-layout{grid-template-columns:1fr}.battle-sidebar{grid-template-columns:1fr 1fr}.field-note{display:none}.page-shell{padding-top:27px}.page-heading{margin-bottom:22px}h1{font-size:26px}.move-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scene{height:305px}.fighter-0{left:23%}.fighter-1{right:23%}.replay-layout{grid-template-columns:1fr}.replay-summary{flex-wrap:wrap}.summary-metrics{margin-left:0}.replay-layout>aside{order:-1}.event-list{max-height:180px}.raw-details{display:none}.site-footer{gap:20px}.replay-numbers div strong{font-size:22px}}
@media(max-width:560px){.site-header{padding:0 5%;height:73px;gap:15px;flex-wrap:wrap}.brand{gap:10px}.brand strong{font-size:14px;letter-spacing:1px}.brand-mark{width:34px;height:34px;font-size:23px;box-shadow:3px 3px 0 #a9b4a0}.main-nav{gap:15px}.nav-button{font-size:12px}.connection{display:none}.page-shell{padding:24px 5% 0}.page-heading{align-items:flex-start;gap:12px}.page-heading .button{font-size:10px;padding:8px 11px;min-height:36px;margin-top:23px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:9px}h1{font-size:22px;letter-spacing:.2px}.subtitle{font-size:10px;line-height:1.8;max-width:235px}.scene{height:259px}.arena-topline{padding:0 12px;height:39px;gap:8px}.round-label{font-size:8px;gap:5px}.round-label strong{font-size:20px}.round-label>span{font-size:8px}.stage-title{font-size:8px;letter-spacing:1px}.mode-label{display:none}.scene-corner{top:13px;font-size:11px;gap:7px}.scene-corner.left{left:12px}.scene-corner.right{right:12px}.ready-label{font-size:8px}.fighter{width:88px;height:110px;bottom:47px}.fighter img{width:88px;height:110px}.fighter-0{left:14%}.fighter-1{right:14%}.fighter-shadow{width:80px;left:2px}.scene-caption{top:64px}.scene-caption>span{font-size:13px;letter-spacing:6px}.scene-caption small{font-size:8px;letter-spacing:3px}.scene-footer{font-size:9px;letter-spacing:0;gap:10px;height:32px}.stat-card{display:block;padding:12px 14px}.stat-identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-identity strong{font-size:11px}.stat-identity small{font-size:8px}.stat-values{gap:20px}.stat-value b{font-size:20px}.hearts{gap:3px}.pixel-icon.heart{width:13px;height:13px}.stat-value>span{font-size:8px}.panel-heading{padding:14px 13px}.panel-heading>div{gap:7px}.panel-heading h2{font-size:12px}.section-index{font-size:8px}.seat-switch button{font-size:9px;padding:4px 6px}.hand-toolbar{padding:0 13px 12px}.filter-tabs{gap:19px}.filter-tabs button{font-size:10px}.move-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 13px 15px;gap:8px}.move-card{padding:10px 9px;min-height:104px;grid-template-rows:31px auto auto}.move-card.selected{padding:9px 8px}.move-card strong{font-size:12px}.move-card .move-caption{font-size:8px}.move-symbol .pixel-icon{width:23px;height:23px}.move-cost{font-size:13px}.move-cost small{font-size:8px}.move-shortcut{display:none}.commit-row{padding:13px;gap:12px}.commit-row strong{font-size:10px}.commit-row #selection-detail span{font-size:9px;max-width:190px}.commit-button{min-width:115px;font-size:11px;padding:10px 12px}.locked-notice{font-size:10px;flex-wrap:wrap;padding:10px 13px}.battle-sidebar{gap:14px;grid-template-columns:1fr}.intel-panel #battle-intel{display:grid;grid-template-columns:1fr 1fr}.intel-player{padding:15px 13px}.intel-player+.intel-player{border-top:0;border-left:1px dashed var(--line)}.unit-strip{gap:12px;font-size:9px}.room-line{margin:0 13px}.intel-panel>a{margin-left:13px}.live-log{max-height:220px}.log-panel .panel-heading h2{font-size:12px}.site-footer{font-size:8px;flex-direction:column;gap:8px;margin-top:27px}.heading-actions{gap:9px;flex-direction:column}.page-heading .heading-actions .button{margin:0}.replay-summary{padding:15px;gap:20px}.replay-summary h2{font-size:14px}.summary-metrics{flex:1;gap:20px}.summary-metrics div b{font-size:20px}.replay-summary>.button{font-size:9px;padding:7px 9px}.playback-bar{gap:8px;padding:10px}#replay-position{font-size:9px;min-width:72px}.playback-bar .button{font-size:9px;padding:4px 8px}.square-button{width:28px;height:28px}.replay-state-pair{gap:9px}.replay-state{padding:13px 11px}.replay-state h3{font-size:12px;gap:7px}.replay-numbers{grid-template-columns:1fr 1fr;gap:10px}.replay-numbers div strong{font-size:21px}.replay-state .status-chips{margin-top:12px}.timeline-panel .count-label{font-size:8px}td,th{padding:10px}.archive-empty{padding:35px 15px;min-height:450px}.archive-empty h2{font-size:19px}.archive-empty>small{font-size:9px}.archive-empty>p:not(.eyebrow){font-size:11px}dialog{padding:20px}.dialog-header h2{font-size:21px}.setup-pair{gap:10px}fieldset{padding:10px}fieldset label{font-size:9px}.dropzone strong{font-size:12px}.dropzone>span:last-of-type{font-size:9px}}
.empty-heart{opacity:.18}.hearts>b{margin-left:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep names and replay totals readable at compact widths. */
.scene-corner>span:not(.player-tag):not(.ready-label){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat-identity strong,.intel-label strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seat-switch{max-width:52%}.seat-switch button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.summary-metrics span{white-space:nowrap}
.raw-details pre{overflow:auto;max-width:100%;max-height:450px}
@media(max-width:850px){.raw-details{display:block}}
@media(max-width:560px){.replay-summary>div:first-child{width:100%}.summary-metrics{flex:1 1 auto;justify-content:space-between}.summary-metrics div{min-width:50px}.replay-summary>.button{margin-left:auto}.scene-corner>span:not(.player-tag):not(.ready-label){max-width:60px}.scene-caption>span{white-space:nowrap;max-width:270px;display:block;overflow:hidden;text-overflow:ellipsis}.stat-identity strong{max-width:72px}.intel-label strong{max-width:55px}.replay-state h3{overflow-wrap:anywhere}}
/* Online rooms */
body{padding-bottom:32px}.rules-link{display:flex;align-items:center;font-weight:600}.room-heading h1{font-size:23px;letter-spacing:.5px;margin-top:6px}.room-heading .heading-actions{flex-direction:row}.danger{color:#a44430}.lobby-panel{padding:32px}.lobby-panel h1{font-size:26px;margin-bottom:24px}.lobby-panel label{display:block;font-size:12px;color:var(--muted)}.lobby-panel input,.ready-controls select,.copy-field{display:block;width:100%;border:1px solid var(--line);padding:11px 12px;background:#fffef8;border-radius:0;color:var(--ink);margin:7px 0 16px}.lobby-panel .full-button{margin-top:4px}.join-line{display:flex;gap:10px;align-items:center;margin-top:22px}.join-line input{min-width:0;margin:0}.join-line .button{padding:9px 17px}.lobby-art{background:#b4c49a url('/assets/arena.svg') center/cover;min-height:440px;border:2px solid var(--ink);position:relative;box-shadow:5px 5px 0 #bdc9b1}.lobby-art img{position:absolute;width:112px;height:140px;image-rendering:pixelated;bottom:75px;left:19%}.lobby-art img+img{left:auto;right:19%}#lobby{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:26px;align-items:stretch;margin:30px 0 0}#recent-rooms{margin-top:24px}#recent-rooms:empty{display:none}#recent-rooms button{display:flex;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding:12px 0;gap:10px;font-size:11px;text-align:left}#recent-rooms small{white-space:nowrap;color:var(--muted)}#recent-rooms span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-players{display:grid;grid-template-columns:1fr 1fr;padding:40px 24px;gap:24px}.waiting-player{display:flex;flex-direction:column;align-items:center;gap:12px}.waiting-player img{width:80px;height:100px;image-rendering:pixelated}.waiting-player strong{font-size:17px;overflow-wrap:anywhere}.waiting-player span{font-size:12px;color:var(--muted)}.ready-controls{border-top:1px solid var(--line);padding:25px;display:flex;align-items:end;justify-content:center;gap:22px;background:#f1f3e7}.ready-controls label{font-size:11px;color:var(--muted);min-width:200px}.ready-controls select{margin-bottom:0}.round-timer{margin-left:auto;font:700 22px var(--mono);color:var(--green)}.round-timer.urgent{color:var(--orange)}.scene-caption>span{white-space:nowrap}.scene-footer{height:30px;letter-spacing:0}.commit-row{min-height:78px}.commit-row:has(#selection-detail:empty){justify-content:flex-end}.request-pending{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:18px;padding:12px 20px;background:#f6e8cf;border:1px solid #c8ac74;box-shadow:3px 3px 0 #d3bf96;z-index:90;font-size:12px}.copy-field{margin:18px;width:calc(100% - 36px);resize:none}.intel-panel .panel-heading h2,.log-panel .panel-heading h2{font-size:14px}.archive-empty{min-height:330px;padding:28px}.archive-empty h2{margin-top:20px}.archive-empty>p:empty{display:none}.stat-ban{display:block!important}.stat-card{flex-wrap:wrap}.stat-ban{font-size:9px}.scene .ready-label{white-space:nowrap}.brand strong{white-space:nowrap}
@media(max-width:850px){#lobby{grid-template-columns:1fr;margin-top:0;gap:20px}.lobby-art{min-height:260px}.lobby-art img{width:88px;height:110px;bottom:39px}.lobby-panel{padding:25px}.site-header{gap:18px}.site-header .connection{display:none}.main-nav{gap:24px}.stat-card{display:block}.stat-identity{margin-bottom:8px}.stat-ban{text-align:left;margin-top:8px}.stat-ban strong{display:inline;margin-left:5px}.room-heading .button{margin:0}.page-heading h1{font-size:24px}}
@media(max-width:560px){.site-header{gap:12px}.brand{gap:8px}.brand strong{font-size:13px}.main-nav{gap:14px}.nav-button{font-size:11px}.brand-mark{width:30px;height:30px}.room-heading h1{font-size:17px}.room-heading .button{padding:7px 9px;font-size:10px}.waiting-players{padding:30px 18px}.ready-controls{padding:18px;gap:16px}.ready-controls label{min-width:150px}.waiting-player strong{font-size:14px}.lobby-art img{left:15%}.lobby-art img+img{right:15%}.lobby-panel h1{font-size:23px}.stat-ban{font-size:8px}.round-timer{font-size:20px}}
/* Round announcements and clear feedback */
body{font-size:15px}.sound-toggle{font-size:12px;white-space:nowrap;padding:8px;border:1px solid var(--line);background:var(--card)}
.request-pending{width:min(360px,calc(100vw - 32px));display:block;background:var(--card);border:2px solid var(--ink);padding:14px 18px;z-index:140}
.request-heading{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:9px}.request-track{height:7px;background:#e4e8da;overflow:hidden}.request-track span{display:block;height:100%;width:3%;background:var(--green);transition:width .1s linear}.network-wait .request-track span{background:var(--gold)}
.ready-controls{display:block;padding:24px}.ban-heading{display:flex;align-items:center;gap:24px;margin-bottom:22px}.ban-heading h2{font-size:16px}.ban-heading>.button{margin-left:auto}.ban-preview{display:flex;align-items:center;gap:12px;min-width:0}.ban-preview strong{font-size:20px;display:block}.ban-preview span:not(.ban-symbol){font-size:12px;color:#586956;display:block}.ban-symbol{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--ink);background:#e2ead7;animation:ban-in .22s ease-out}.ban-symbol svg{width:30px;height:30px}.ban-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;max-height:360px;overflow:auto;padding:3px 5px 7px 3px}.ban-card{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px;background:var(--card);border:1px solid #acb79f;box-shadow:2px 2px 0 #c5ceb8;text-align:left}.ban-card svg{width:24px;height:24px;flex-shrink:0}.ban-card strong{font-size:14px}.ban-card.selected{background:#284635;color:#fff8df;border-color:#142b1f;box-shadow:3px 3px 0 #97a981}.ban-card:hover:not(:disabled){transform:translateY(-2px)}.ban-card:disabled{cursor:default}.ban-card:disabled:not(.selected){opacity:.58}.join-roles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-card{display:flex;flex-direction:column;align-items:center;gap:14px;border:2px solid var(--ink);background:var(--pale);padding:35px 45px;box-shadow:4px 4px 0 #bac6ac}.role-card span{font:700 28px var(--mono)}.role-card strong{font-size:22px}.role-card:disabled{opacity:.4}.role-card:hover:not(:disabled){background:#d4e0c7}
.round-reveal{position:fixed;inset:0;z-index:120;display:grid;align-items:center;justify-items:center;padding:24px;background:#14261cd9;backdrop-filter:blur(3px)}.reveal-panel{width:min(920px,100%);max-height:90dvh;overflow:auto;background:var(--card);border:3px solid #f1d298;box-shadow:8px 8px 0 #0f1b14;animation:reveal-in .22s ease-out}.reveal-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;background:#263f30;color:#fff4d3}.reveal-heading strong{font-size:18px;letter-spacing:2px}.reveal-heading span{font:700 26px var(--mono)}.reveal-moves{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;padding:26px 24px;gap:12px}.reveal-seat{min-width:0}.reveal-seat>small{display:block;color:#5d604e;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-move{display:flex;align-items:center;gap:18px;padding:18px 0;color:#a84228}.reveal-move .pixel-icon{width:56px;height:56px;flex-shrink:0}.reveal-move strong{font-size:clamp(25px,4.5vw,46px);letter-spacing:2px;line-height:1.25;overflow-wrap:anywhere}.jade-reveal .reveal-move{color:#235f54}.reveal-versus{text-align:center;font-size:34px;color:#8b9b7c}.reveal-stats{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:14px}.reveal-stats>span{display:flex;align-items:center;gap:6px}.reveal-stats b{font:700 17px var(--mono)}.reveal-stats em{font-size:12px;font-style:normal;font-weight:700;padding:0 5px}.loss{color:#b24229;background:#f5d8ca}.gain{color:#2d6848;background:#d9e9c9}.reveal-verdict{max-height:25dvh;overflow:auto;border-top:1px solid var(--line);padding:17px 24px;background:#eff2e5;display:grid;gap:8px;font-size:15px;line-height:1.65}.reveal-verdict p{padding-left:13px;border-left:3px solid #a6b894}.reveal-track{height:7px;background:#d8dfca}.reveal-track span{display:block;height:100%;background:#c65b3a;width:100%;transition:width .2s linear}
body.time-urgent:after{content:"";position:fixed;inset:0;z-index:110;pointer-events:none;border:5px solid #dd362c;box-shadow:inset 0 0 38px 10px #db332e75;animation:edge-alert 1s ease-in-out infinite}
.move-card strong{font-size:16px}.move-card .move-caption{font-size:12px;color:#53644e}.move-cost{font-size:19px}.scene-corner{font-size:14px}.scene .ready-label{font-size:12px}.scene-footer{font-size:13px}.stat-identity strong{font-size:15px}.stat-value>span,.stat-ban{font-size:12px}.stat-ban strong{font-size:12px}.commit-row #selection-detail span{font-size:12px}.commit-row strong{font-size:14px}.status-chip{font-size:12px}.live-log p{font-size:13px;line-height:1.7}
@keyframes reveal-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes ban-in{from{transform:scale(.85)}to{transform:scale(1)}}@keyframes edge-alert{0%,100%{opacity:.3}50%{opacity:.9}}
@media(max-width:850px){.site-header{gap:14px;padding-left:4%;padding-right:4%}.main-nav{gap:16px}.battle-sidebar{grid-template-columns:1fr 1fr}.scene{height:220px}.fighter{bottom:32px}.reveal-moves{gap:7px}.ban-heading{flex-wrap:wrap;gap:15px}.ban-heading h2{width:100%;font-size:15px}.ban-preview{flex:1}.ban-heading>.button{margin-left:0}.ban-grid{max-height:42dvh}.room-heading .heading-actions{gap:9px;flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:560px){.site-header{height:72px;gap:9px}.brand strong{display:none}.main-nav{gap:16px}.nav-button{font-size:12px}.sound-toggle{font-size:11px;padding:6px;margin-left:auto}.page-shell{padding:18px 4% 0}.room-heading{margin-bottom:16px;gap:10px}.room-heading h1{font-size:15px}.room-heading .button{font-size:11px;min-height:34px;padding:6px 8px}.scene{height:174px}.fighter{width:70px;height:88px;bottom:32px}.fighter img{width:70px;height:88px}.fighter-shadow{width:68px}.scene-corner{top:12px;font-size:12px;gap:5px}.scene .ready-label{font-size:10px}.scene-footer{font-size:12px}.scene-caption{top:60px}.scene-caption>span{font-size:18px}.round-label>span{font-size:11px}.stat-card{padding:12px}.stat-identity strong{font-size:13px;max-width:105px}.stat-value>span{font-size:11px}.stat-values{gap:15px}.stat-ban{font-size:11px}.hearts{display:none}.stat-value b{font-size:24px}.command-panel .panel-heading h2{font-size:16px}.filter-tabs{justify-content:space-between;gap:8px}.filter-tabs button{font-size:13px}.move-grid{gap:9px;padding:0 12px 14px}.move-card{min-height:113px;padding:11px 9px}.move-card strong{font-size:15px}.move-card .move-caption{font-size:11px;line-height:1.4}.move-card .move-cost{font-size:16px}.move-card .move-cost small{font-size:10px}.commit-row{position:sticky;bottom:0;background:var(--card);z-index:10;border-top:1px solid var(--line)}.commit-row strong{font-size:13px}.commit-row #selection-detail span{font-size:11px}.commit-button{font-size:13px;min-width:112px}.battle-sidebar{grid-template-columns:1fr}.ready-controls{padding:18px 14px}.ban-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ban-card{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;min-height:76px}.ban-card strong{font-size:13px}.ban-preview strong{font-size:18px}.ban-preview span:not(.ban-symbol){font-size:11px}.waiting-players{padding:22px 16px}.waiting-player img{width:56px;height:70px}.round-reveal{padding:14px}.reveal-panel{border-width:2px;max-height:88dvh;box-shadow:5px 5px 0 #0f1b14}.reveal-heading{padding:13px 15px}.reveal-heading strong{font-size:15px;letter-spacing:1px}.reveal-heading span{font-size:23px}.reveal-moves{padding:19px 14px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:5px;align-items:stretch}.reveal-seat>small{font-size:12px}.reveal-move{flex-direction:column;align-items:flex-start;gap:12px;min-height:124px;padding:14px 0}.reveal-move .pixel-icon{width:39px;height:39px}.reveal-move strong{font-size:28px;letter-spacing:0}.reveal-versus{align-self:center;font-size:24px}.reveal-stats{flex-direction:column;gap:6px;font-size:12px}.reveal-stats b{font-size:15px}.reveal-verdict{font-size:13px;padding:14px;max-height:29dvh;gap:7px}.reveal-verdict p{padding-left:8px}.role-card{padding:24px 28px}.role-card strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){body.time-urgent:after{animation:none;opacity:.6}.reveal-panel,.ban-symbol{animation:none}.request-track span{transition:none}}

.join-name{display:block;font-size:13px;margin-bottom:22px}.join-name input{display:block;width:100%;padding:11px 12px;margin-top:7px;border:1px solid var(--line);background:#fffef8;border-radius:0;color:var(--ink)}
/* Compact, readable controls */
.access-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-bottom:20px;border:1px solid #be6a48;background:#fff0da;color:#843c27;font-size:14px}.access-notice .button{flex-shrink:0}
#open-bot{margin-top:13px}.bot-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bot-option{display:flex;flex-direction:column;gap:7px;padding:22px 30px;border:2px solid var(--line);background:var(--paper)}.bot-option strong{font-size:23px}.bot-option span{font-size:13px;color:#586956}.bot-option.selected{border-color:var(--green);background:#e1ead5;box-shadow:3px 3px 0 #a5b498}.rematch-panel{margin:0 0 22px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.rematch-panel strong{display:block;font-size:20px}.rematch-panel span{display:block;font-size:13px;color:#627357;margin-top:4px}.room-heading .heading-actions{flex-wrap:wrap;justify-content:flex-end}.past-game{display:flex;width:100%;align-items:center;gap:20px;padding:17px 4px;text-align:left;border-bottom:1px solid var(--line)}.past-game span:last-child{margin-left:auto;font-size:13px}.past-game:disabled{opacity:.55}#games-list{max-height:60dvh;overflow:auto}
.move-grid{gap:10px}.move-card{position:relative;min-height:108px;padding:12px 12px 26px;overflow:hidden;isolation:isolate}.move-card.selected{padding:11px 11px 25px}.move-card:after{content:"";position:absolute;inset:auto 0 0;height:29px;background:var(--move-tint);border-top:1px solid var(--move-line);z-index:-1}.move-card[data-category=attack]{--move-tint:#dc684c2c;--move-line:#b84c354d}.move-card[data-category=defense]{--move-tint:#4f91b32d;--move-line:#4f91b34d}.move-card[data-category=support]{--move-tint:#c4a54535;--move-line:#ad8c304d}.move-card[data-category=creature]{--move-tint:#6d986934;--move-line:#628d5e4d}.move-card strong{font-size:19px;letter-spacing:.5px;line-height:1.3}.move-card .move-caption{font-size:12px;line-height:1.4;margin-top:4px}.move-type{position:absolute;bottom:4px;left:12px;font-size:11px;font-weight:700;color:#344e3d}.move-shortcut{bottom:4px;right:9px}.move-card.selected{background:#fffdf4;border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),3px 3px 0 #d9b08d}.move-card.selected:before{content:"✓";position:absolute;top:0;left:0;background:var(--orange);color:white;font:700 11px var(--font);padding:1px 5px}.commit-row #selection-detail span{font-size:13px;line-height:1.7;max-width:510px}.next-trigger-strip{flex-basis:100%;display:flex;align-items:flex-start;gap:6px;border-top:1px dashed #c5ceb8;margin-top:9px;padding-top:8px;font-size:12px;line-height:1.6}.next-trigger-strip:empty{display:none}.trigger-time{white-space:nowrap;background:#e6eccc;color:#365837;padding:1px 5px;font-weight:700}.stat-card{align-items:flex-start}.stat-ban{margin-top:8px}.intel-player .status-chip{line-height:1.6}
@media(max-width:560px){.access-notice{font-size:13px;flex-wrap:wrap;padding:12px}.room-heading{align-items:flex-start;flex-direction:column}.room-heading .heading-actions{justify-content:flex-start}.room-heading h1{font-size:16px}.rematch-panel{padding:14px;gap:12px;margin-bottom:16px}.rematch-panel strong{font-size:17px}.rematch-panel span{font-size:12px}.rematch-panel .button{font-size:13px;padding:9px 12px}.move-grid{gap:7px;padding:0 10px 12px}.move-card{min-height:104px;padding:9px 8px 24px;grid-template-rows:26px auto auto}.move-card.selected{padding:8px 7px 23px}.move-card strong{font-size:17px}.move-card .move-caption{font-size:10px;line-height:1.3}.move-symbol .pixel-icon{width:23px;height:23px}.move-card .move-cost{font-size:16px}.move-card:after{height:24px}.move-type{font-size:10px;bottom:3px;left:8px}.commit-row{padding:11px 12px;align-items:center;gap:10px}.commit-row #selection-detail span{font-size:11px;line-height:1.55}.commit-row strong{font-size:13px}.next-trigger-strip{font-size:10px;display:block}.next-trigger-strip>span+span{display:block;margin-top:3px}.bot-option{padding:18px 25px}.bot-option strong{font-size:21px}.past-game{gap:12px;font-size:12px}.stat-identity strong{font-size:14px}}

.commit-row #selection-detail .priority-line{color:#2f624c;font-weight:700;font-size:12px;background:#e7edde;padding:3px 6px;margin-top:5px;display:inline-block}

.bot-option[data-bot=classic]{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}