:root{--bg:#15130f;--panel:#181510e0;--panel-solid:#221e17;--line:#5a4a32;--ink:#efe6d2;--muted:#a89a80;--gold:#d8b25a;--side0:#c0392b;--side0-text:#ff7a6a;--side0-light:#ff8a7a;--side1:#2e6fd8;--side1-text:#7aa8ff;--side1-light:#8ab4ff;--ok:#6cbf6c;--warn:#e0a040;--bad:#e05050;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button,select,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:#3a3024;border-radius:4px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--gold);background:#4a3d2c}button:disabled{opacity:.45;cursor:default}button.primary{background:#7a2a1e;border-color:#b5503c}button.primary:hover:not(:disabled){background:#93362a}button.on{border-color:var(--gold);color:#fff;background:#6a5424}button.primary.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#93362a}button.entry-kind{padding:12px 8px;font-size:16px;font-weight:700}.entry-sub{margin-top:10px}select,input,textarea{border:1px solid var(--line);background:#0f0d0a;border-radius:4px;padding:5px 8px}.hidden{display:none!important}.screen{position:absolute;inset:0}.muted{color:var(--muted)}.small{font-size:12px}.side0{color:var(--side0-text)}.side1{color:var(--side1-text)}.alert{color:#ff7a6a}.stage-list{gap:8px;display:grid}.stage-item{text-align:left;align-items:center;gap:10px;min-height:48px;display:flex}.stage-item .stage-no{text-align:center;width:28px;color:var(--gold);font-weight:700}.stage-item .stage-name{flex:1}.stage-item.cleared{border-color:var(--gold)}.stage-result{color:var(--gold);margin:0 0 10px;font-weight:700}[data-ruby]{line-height:2}[data-ruby] ruby{ruby-position:over;ruby-align:center}[data-ruby] rt{letter-spacing:0;opacity:.8;font-size:max(.5em,9px);font-weight:400;line-height:1}.slot-char{font-size:14px}#lobby{background:radial-gradient(at top,#2c2419,#110f0c 70%);overflow:auto}.lobby-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 60px}.title{text-align:center;letter-spacing:.3em;color:var(--gold);text-shadow:0 2px 12px #000;margin:8px 0 4px;font-size:40px}.subtitle{text-align:center;color:var(--muted);margin-bottom:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:16px}.card h2{color:var(--gold);margin:0 0 10px;font-size:18px}.peek{cursor:pointer;max-width:720px;margin:0 auto 16px}.peek-frame{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:8px;position:relative;overflow:hidden}.peek-frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.peek-frame img.on{opacity:1}.peek figcaption{text-align:center;color:var(--muted);margin-top:6px;font-size:13px;display:grid}.peek figcaption span{opacity:0;grid-area:1/1;transition:opacity .8s}.peek figcaption span.on{opacity:1}.peek figcaption b{color:var(--gold);margin-right:.6em}@media (prefers-reduced-motion:reduce){.peek-frame img,.peek figcaption span{transition:none}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sides{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=860px){.sides{grid-template-columns:1fr}}.slot{border:1px solid var(--line);background:#00000040;border-radius:6px;margin-bottom:8px;padding:10px}.slot.mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.slot .role{color:var(--muted);font-size:12px}.slot .who{font-weight:700}.stats{color:var(--muted);margin-top:4px;font-size:12px}.map-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.map-tab{min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;padding:4px 14px}.map-tab.on{color:var(--gold);border-color:var(--gold);background:#785a1e40}.map-tab.has-sel:after{content:"●";color:var(--gold);vertical-align:middle;margin-left:6px;font-size:9px}.maps{flex-wrap:wrap;gap:8px;display:flex}.map-card{background:#00000040;min-height:40px;padding:6px 16px;font-size:16px}.map-card.sel{border-color:var(--gold);color:var(--gold);background:#785a1e59;font-weight:700}.maps.readonly .map-card{cursor:default}.stage-next{width:100%;min-height:56px;margin-top:10px;font-size:18px}.stage-all{margin-top:10px}.stage-all>summary{cursor:pointer;color:var(--muted);align-items:center;min-height:44px;list-style:none;display:flex}.stage-all>summary::-webkit-details-marker{display:none}.stage-all>summary:before{content:"▸";margin-right:8px}.stage-all[open]>summary:before{content:"▾"}.stage-all .stage-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:4px}.stage-sec{color:var(--gold);grid-column:1/-1;margin-top:6px;font-size:13px}.map-detail{margin-top:12px;font-size:14px;line-height:1.7}.map-pick{grid-template-columns:1fr minmax(240px,360px);align-items:start;gap:16px;display:grid}@media (width<=760px){.map-pick{grid-template-columns:1fr}}.map-preview{aspect-ratio:1;border:1px solid var(--line);background:#00000040;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.map-preview canvas{width:100%;height:100%;display:block}.map-detail ul{color:var(--muted);margin:6px 0 0;padding-left:20px;font-size:12px}.howto{font-size:14px;line-height:1.8}.howto b{color:var(--gold)}.qa-item{border-top:1px solid var(--line)}.qa-item summary{cursor:pointer;padding:8px 2px;font-weight:700;list-style-position:inside}.qa-item summary:hover{color:var(--gold)}.qa-body{padding:0 4px 10px 18px}.qa-body p{margin:4px 0}.qa-body ul{margin:4px 0;padding-left:20px}.qa-matchup{width:100%;max-width:320px;color:var(--ink);margin:6px auto;display:block}.era-map{border:1px solid var(--line);background:#141d25;border-radius:6px;height:360px;position:relative;overflow:hidden}.era-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.era-canvas.grab{cursor:grabbing}.era-reset{background:#181510d9;min-width:36px;min-height:36px;padding:0;font-size:18px;position:absolute;bottom:8px;right:8px}.era-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:2px 0 6px;display:flex}.era-head b{color:var(--gold);font-size:16px}.era-bar{align-items:flex-start;gap:8px;margin-top:8px;display:flex}.era-step{min-width:40px;min-height:36px;padding:0 8px}.era-track{flex:1;min-width:0}.era-slider{width:100%;accent-color:var(--gold);cursor:pointer;background:0 0;border:none;margin:8px 0 4px;padding:0}.era-marks{height:18px;color:var(--muted);font-size:12px;position:relative}.era-marks span{white-space:nowrap;cursor:pointer;position:absolute;transform:translate(-50%)}.era-marks span.on{color:var(--gold);font-weight:700}.era-battle-wrap{margin-top:12px}.era-battle-wrap[hidden]{display:none}.era-battle .era-map{height:260px}.era-legend{background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;display:flex;position:absolute;bottom:8px;left:8px}.era-side i{vertical-align:-1px;border:1px solid #fff9;width:10px;height:10px;margin-right:4px;display:inline-block}.era-arrow{color:var(--gold)}.era-you{background:var(--panel);border:1px solid var(--gold);pointer-events:none;border-radius:4px;padding:4px 10px;font-size:15px;position:absolute;top:8px;left:8px}#view3d{position:absolute;inset:0}#view3d canvas{display:block}#bigmap{cursor:crosshair;background:#0c0b09;width:100%;height:100%;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.topbar{white-space:nowrap;align-items:center;gap:16px;min-height:44px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.topbar .clock{color:var(--gold);font-size:20px}.role-tag{border:1px solid var(--gold);color:var(--gold);cursor:help;border-radius:3px;padding:0 6px;font-size:12px;line-height:18px;display:inline-block}.battle-role{cursor:default;vertical-align:middle;font-weight:400}.bar{border:1px solid var(--line);vertical-align:middle;background:#000;border-radius:4px;width:120px;height:8px;display:inline-block;overflow:hidden}.bar>i{background:var(--ok);height:100%;display:block}.minimap{width:260px;height:260px;padding:4px;position:absolute;bottom:8px;right:8px}@media (width<=1200px){.minimap{width:200px;height:200px}.side-left{width:250px}.orders{left:266px;right:216px}.orders .row{flex-wrap:wrap}}.minimap canvas{cursor:crosshair;width:100%;height:100%;display:block}.orders{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:316px;right:276px}.orders .row{justify-content:center}.orders .hint{color:var(--muted);font-size:12px}.side-left{flex-direction:column;gap:8px;width:300px;display:flex;position:absolute;top:64px;bottom:140px;left:8px}.stick{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:radial-gradient(circle,#0f0c0859,#0f0c0899);border:2px solid #e8d8a073;border-radius:50%;width:120px;height:120px;position:absolute;bottom:12px;left:20px}.stick.on{border-color:var(--gold)}.stick.dragging{cursor:grabbing}.stick-dead{pointer-events:none;border:1px dashed #e8d8a080;border-radius:50%;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-knob{background:radial-gradient(circle at 35% 35%, #f0d890, var(--gold) 60%, #8a6a28);pointer-events:none;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #0009}.stick.dragging .stick-knob{transition:none}.inbox{flex:1;font-size:13px;overflow:auto}.msg{border-bottom:1px dashed var(--line);white-space:pre-wrap;padding:6px 0;line-height:1.5}.msg .from{color:var(--gold);font-weight:700}.msg.intercept .from{color:#ff9a6a}.msg.report .from{color:#9ad08a}.msg .t{color:var(--muted);margin-left:6px;font-size:12px}.inbox.advice{font-size:15px}.inbox.advice .msg .from{font-size:16px}.events{color:#d8cdb5;max-height:180px;font-size:12px;overflow:auto}.events div{padding:1px 0}.label3d{pointer-events:none;text-shadow:0 0 3px #000,0 0 3px #000;white-space:nowrap;background:#0c0a0773;border-radius:4px;padding:0 5px;font-size:12px;line-height:1.4;position:absolute;transform:translate(-50%,-100%)}.label3d.hq{background:#00000073;border:1px solid;border-radius:4px;padding:1px 6px}.label3d.hq.side0{border-color:var(--side0-light);box-shadow:0 0 6px var(--side0)}.label3d.hq.side1{border-color:var(--side1-light);box-shadow:0 0 6px var(--side1)}.label3d .hq-tag{color:#fff;border-radius:3px;margin-left:4px;padding:0 3px;font-weight:700}.label3d.side0 .hq-tag{background:var(--side0)}.label3d.side1 .hq-tag{background:var(--side1)}.cmd-left{flex-direction:column;gap:8px;width:290px;display:flex;position:absolute;top:64px;bottom:8px;left:8px}.gen-item{border:1px solid var(--line);cursor:pointer;border-radius:5px;margin-bottom:6px;padding:6px 8px;font-size:13px}.gen-item.dead{opacity:.45}.dead-tag{border:1px solid var(--bad);color:var(--bad);border-radius:3px;padding:0 5px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.gen-item.sel{border-color:var(--gold);background:#785a1e40}.gen-item .age{float:right;color:var(--muted);font-size:12px}.reply{vertical-align:1px;border:1px solid;border-radius:3px;margin-left:6px;padding:0 5px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.reply.ok{color:#7aa8ff;border-color:#7aa8ff}.reply.no{color:var(--bad);border-color:var(--bad)}.so{border-left:2px solid var(--line);align-items:center;gap:6px;margin:3px 0;padding:2px 0 2px 6px;line-height:1.4;display:flex}.so>span:first-child{flex:1}.so.active{border-left-color:var(--gold)}.so.done{opacity:.5}.so button{padding:0 6px;font-size:12px;line-height:1.6}.so-tag{border:1px solid var(--muted);color:var(--muted);border-radius:3px;margin-left:4px;padding:0 5px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.so-tag.on{color:var(--gold);border-color:var(--gold)}.composer textarea{resize:vertical;width:100%;height:54px}.cmd-right{flex-direction:column;gap:8px;width:280px;display:flex;position:absolute;top:64px;bottom:8px;right:8px}.cmd-left,.cmd-right{transition:opacity .2s}@media (width<=1200px){.cmd-left{width:270px}.cmd-right{width:250px}}body:not(.phone) .cmd-left,body:not(.phone) .cmd-right{pointer-events:none}body:not(.phone) .cmd-left>*,body:not(.phone) .cmd-right>*{pointer-events:auto}.news-tab{align-self:flex-end;padding:2px 10px;font-size:13px}body:not(.phone) .cmd-right.folded{width:auto;bottom:auto}body:not(.phone) .cmd-right.folded>:not(.news-tab){display:none}.cmd-right.folded .news-tab{flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:15px;line-height:1.25;display:flex}.news-badge{color:#fff;text-align:center;background:#c0392b;border-radius:9px;min-width:1.5em;margin-top:4px;padding:1px 3px;font-size:12px;font-weight:700;display:inline-block}.news-tab.unread{border-color:var(--gold);animation:1.2s ease-in-out 3 news-pulse}@keyframes news-pulse{50%{background:#6a5424}}#toast{z-index:50;pointer-events:none;position:fixed;top:70px;left:50%;transform:translate(-50%)}#toast div{background:#501e14eb;border:1px solid #b5503c;border-radius:6px;margin-bottom:6px;padding:8px 16px;animation:5s forwards fade}#toast .undo-order{pointer-events:auto;color:#f0e2c0;cursor:pointer;background:#2a2018;border:1px solid #d8b56a;border-radius:6px;min-width:120px;min-height:44px;margin:0 auto 6px;padding:8px 20px;font-size:15px;display:block;position:relative;overflow:hidden}#toast .undo-order:after{content:"";transform-origin:0;width:100%;height:3px;animation:undo-left var(--undo-left,3s) linear forwards;background:#d8b56a;position:absolute;bottom:0;left:0}@keyframes undo-left{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}#pause-banner{z-index:45;border:1px solid var(--gold);text-align:center;background:#14100ae6;border-radius:8px;padding:12px 28px;position:fixed;top:22%;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000080}#pause-banner .pause-title{color:var(--gold);letter-spacing:.2em;margin-bottom:8px;font-size:26px}#pause-banner .pause-resume{min-width:120px;min-height:44px;font-size:16px}.stage-brief{margin-top:6px}.stage-brief b{color:var(--gold)}.field-trait{margin-top:6px}.field-trait b{color:var(--gold)}#stage-brief-card{z-index:44;border:1px solid var(--gold);cursor:pointer;background:#14100ae6;border-radius:8px;max-width:min(560px,90vw);padding:10px 18px;animation:10s forwards fade;position:fixed;top:128px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000080}#stage-brief-card .brief-title{color:var(--gold);letter-spacing:.2em;margin-bottom:4px;font-size:13px}.brief-tag{cursor:pointer}#end{background:#0a0907f5;overflow:auto}.end-wrap{grid-template-columns:minmax(0,660px) 1fr;gap:16px;max-width:1240px;margin:0 auto;padding:24px 16px;display:grid}@media (width<=900px){.end-wrap{grid-template-columns:1fr}}.end-wrap canvas{aspect-ratio:1;border:1px solid var(--line);width:100%;max-width:560px}.endlog{max-height:420px;font-size:12px;line-height:1.6;overflow:auto}#replay-field-host{grid-column:1/-1}.replay-field-bar{flex-wrap:wrap;margin-top:4px}.replay-field-hint{margin-top:4px}.replay-sync{align-items:center;gap:8px;min-height:0;margin-bottom:4px;display:flex}#replay-3d{aspect-ratio:16/9;border:1px solid var(--line);background:#0c0b09;width:100%;max-height:56vh;margin-top:8px;position:relative;overflow:hidden}#replay-3d.hidden{display:none}.end-wrap #replay-3d canvas{aspect-ratio:auto;border:0;max-width:none;display:block}#replay-3d .compass-bar{top:8px}.replay-field-note{z-index:3;border:1px solid var(--line);color:var(--gold);white-space:nowrap;pointer-events:none;background:#0f0c08cc;border-radius:4px;padding:4px 12px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.replay-field-note.hidden{display:none}.replay-field-letters{z-index:3;background:#0f0c08d1;width:300px;max-width:calc(50% - 20px);max-height:calc(100% - 20px);position:absolute;top:10px;left:10px;overflow:auto}#help,#settings{z-index:60;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-card{background:var(--panel-solid);border:1px solid var(--gold);border-radius:10px;width:calc(100% - 32px);max-width:640px;max-height:90vh;padding:18px 22px;overflow:auto}.help-card h2{color:var(--gold);margin:0 0 8px}.help-card p{margin:0 0 10px;line-height:1.7}.help-card table{border-collapse:collapse;width:100%;font-size:14px}.help-card th{text-align:left;white-space:nowrap;color:var(--gold);vertical-align:top;padding:5px 12px 5px 0}.help-card td{border-bottom:1px dashed var(--line);padding:5px 0;line-height:1.5}.cursor-tip{z-index:40;pointer-events:none;border:1px solid var(--line);white-space:nowrap;background:#14100ae6;border-radius:4px;padding:3px 8px;font-size:13px;position:fixed;transform:translate(14px,14px)}.cursor-tip.enemy{color:#ffb0a0;border-color:#e05050}.cursor-tip.ally{color:#a8c8ff}kbd{border:1px solid var(--line);text-align:center;min-width:1.3em;color:var(--muted);background:#15120d;border-radius:3px;margin-right:4px;padding:0 4px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;display:inline-block}.help-btn{font-size:15px;position:absolute;top:8px;right:8px}.step{text-align:center;color:#fff;background:#6a5424;border-radius:50%;width:1.5em;height:1.5em;margin-right:4px;font-size:12px;line-height:1.5em;display:inline-block}.compass-bar{pointer-events:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0000,#0f0c08cc 18% 82%,#0000);width:440px;max-width:calc(100% - 32px);height:46px;position:absolute;top:62px;left:50%;overflow:hidden;transform:translate(-50%)}.compass-strip{will-change:transform;height:28px;position:absolute;top:0;left:0}.compass-strip .tick{background:#fff0c873;width:1px;height:8px;position:absolute;top:4px}.compass-strip .mark{color:#d8cdb5;white-space:nowrap;font-size:13px;position:absolute;top:3px;transform:translate(-50%)}.compass-strip .mark.major{color:#fff4d8;font-size:16px;font-weight:700}.compass-strip .mark.north{color:#ff7a6a;font-size:18px;font-weight:700}.compass-needle{border-left:7px solid #0000;border-right:7px solid #0000;border-top:9px solid var(--gold);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.compass-label{text-align:center;color:var(--gold);font-size:12px;position:absolute;bottom:2px;left:0;right:0}img.piece{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle}.legend-table td:first-child{white-space:nowrap;width:84px}.slot .stats:after{content:"";clear:both;display:block}.minimap{position:absolute}.grps{flex-wrap:wrap;align-items:stretch;gap:6px;margin:4px 0;display:flex}.grp{border:1px solid var(--line);border-radius:5px;flex-direction:column;gap:2px;padding:2px 5px 4px;display:flex}.grp .cap{color:var(--muted);letter-spacing:.05em;font-size:12px}.grp .btns{gap:3px;display:flex}.grp button{white-space:nowrap}#hq-panel .grp button{padding:3px 7px;font-size:12px}.orders .grps{flex-wrap:wrap;justify-content:center}.cmd-left{overflow-y:auto}.watching #composer,.watching #hq-panel,.watching #scout-panel,.watching .gen-item{pointer-events:none}.watching #composer,.watching #hq-panel,.watching #scout-panel,.watching .orders,.watching .stick{display:none}.spectate-switch button.side0{color:var(--side0-light)}.spectate-switch button.side1{color:var(--side1-light)}.cmd-left>*{flex-shrink:0}.map-zoom{align-items:center;gap:4px;display:inline-flex}.map-zoom button{min-width:30px;padding:4px 8px}.map-zoom span{color:var(--gold);text-align:center;min-width:30px;font-size:12px}.mini-zoom{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:10px;left:10px}.mini-zoom button{background:#221e17e6;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.mini-zoom span{color:var(--gold);background:#0f0c08bf;border-radius:3px;padding:0 4px;font-size:12px}.replay canvas{aspect-ratio:1;border:1px solid var(--line);width:100%;max-width:640px;display:block}.replay-bar{align-items:center;gap:6px;max-width:640px;margin-top:6px;display:flex}.replay-bar input[type=range]{flex:1}.endlog .logline{cursor:pointer;border-radius:3px;padding:1px 4px}.endlog .logline:hover{background:#785a1e4d}.endlog .logline.now{color:#fff;background:#d8b25a40}.clash-ico{vertical-align:middle;margin:0 2px 0 0;line-height:0;display:inline-block;position:relative}.side-legend{float:right;color:var(--muted);font-size:12px;font-weight:400}.side-legend i{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin:0 3px 0 6px;display:inline-block}.side-legend i.side0{background:var(--side0)}.side-legend i.side1{background:var(--side1)}.clash-ico .x{justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex;position:absolute;inset:0}.clash-ico.lost img{opacity:.55}.vs{vertical-align:middle;margin:0 2px;line-height:0;display:inline-block}.vs svg{display:block}.battlelog{align-items:stretch;gap:6px 8px;display:grid}.bl-time{color:var(--muted);text-align:right;white-space:nowrap;padding-top:2px;font-size:12px}.bl-eng,.bl-one{border-left:2px solid var(--gold);flex-direction:column;min-width:0;padding-left:6px;display:flex}.bl-one{border-left-color:#b05a4a}.bl-eng .bl-fill{flex:1;min-height:14px}.bl-eng .logline,.bl-one .logline{padding-left:0}.logline.final{color:var(--gold);border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-weight:700}.spectate-switch{align-items:center;gap:4px;display:inline-flex}.spectate-float{z-index:5;width:max-content;max-width:min(100vw - 32px,max(480px,100vw - 760px));position:absolute;top:64px;left:50%;transform:translate(-50%)}.spectate-switch button{white-space:nowrap;flex-shrink:0}.speed-slider{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:inline-flex}.speed-track{width:120px;height:26px;display:inline-block;position:relative}.speed-range{appearance:none;cursor:pointer;z-index:1;background:0 0;border:none;width:100%;height:14px;margin:0;padding:0;position:absolute;top:4px;left:0;right:0}.speed-range::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}.speed-range::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);border:2px solid #3a3024;border-radius:50%;width:14px;height:14px;margin-top:-5px}.speed-range::-moz-range-thumb{background:var(--gold);border:2px solid #3a3024;border-radius:50%;width:10px;height:10px}.speed-range:focus-visible{outline:none}.speed-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff}.speed-ticks{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:17px;left:7px;right:7px}.speed-ticks i{background:var(--muted,#8a7a60);width:1px;height:4px}.speed-ticks i.major{background:var(--gold);height:8px}.speed-val{min-width:3.2em;color:var(--gold);font-variant-numeric:tabular-nums}.spectate-switch button.on{border-color:var(--gold);color:var(--gold)}.spectate-switch .body{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.spectate-switch.folded .body{display:none}.spectate-switch .fold{padding:0 6px}.spectate-switch .fold-name{margin-right:4px;display:none}.spectate-switch.folded .fold-name{display:inline}.spectate-all{flex-direction:column;gap:8px;display:flex;position:absolute;inset:8px}.spectate-head{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px 16px;display:flex}.spectate-head .clock{color:var(--gold);font-size:20px}.spectate-wrap{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;gap:8px;min-height:0;display:grid;overflow:auto}.spectate-wrap #sp-map{min-height:0;container-type:size}.spectate-wrap .replay canvas{max-width:min(100cqw,100cqh);margin:0 auto}.spectate-tip{z-index:20;pointer-events:none;max-width:320px;line-height:1.5;position:fixed}.spectate-tip .small{margin-top:3px}.spectate-wrap .events{font-size:12px;overflow:auto;max-height:calc(100vh - 110px)!important}@media (width<=860px){.spectate-wrap{grid-template-rows:none;grid-template-columns:1fr}.spectate-wrap #sp-map{container-type:normal}.spectate-wrap .replay canvas{max-width:100%}}.planning-banner{z-index:6;border-color:var(--gold);max-width:min(640px,100vw - 32px);position:absolute;top:118px;left:50%;transform:translate(-50%)}.planning-banner .plan-chat{border-top:1px dashed var(--line);margin-top:8px;padding-top:6px}.planning-banner .plan-log{max-height:96px;margin:4px 0;overflow:auto}.note-tag{border:1px solid var(--line);color:var(--muted,#aaa);border-radius:3px;padding:0 4px;font-size:12px;display:inline-block}.note-tag.keep{border-color:var(--gold);color:var(--gold)}.note-kind{min-width:52px;padding:2px 6px;font-size:12px}.note-kind.keep{border-color:var(--gold);color:var(--gold)}.notes-box{z-index:5;max-width:min(560px,100vw - 32px);padding:4px 10px;position:absolute;top:118px;left:50%;transform:translate(-50%)}.notes-box .notes-head{cursor:pointer;color:var(--gold)}.notes-box .notes-list{gap:3px;max-height:160px;margin-top:4px;display:grid;overflow:auto}.ctx-menu{z-index:40;border-color:var(--gold);min-width:240px;max-width:280px;position:fixed}.ctx-menu.dragging{opacity:.55}.ctx-menu [data-amt]{touch-action:none}.ctx-menu .row{align-items:center;gap:4px;margin-top:3px}.ctx-menu .ctx-ally span{flex:1}.phone-only{display:none!important}.rotate-cover{display:none}body.phone .phone-only{display:revert!important}body.phone .pc-only{display:none!important}body.phone{--safe-l:max(8px, env(safe-area-inset-left));--safe-r:max(8px, env(safe-area-inset-right));--safe-t:max(4px, env(safe-area-inset-top));--safe-b:max(6px, env(safe-area-inset-bottom))}html,body{overscroll-behavior:none}#view3d canvas,#bigmap,.minimap canvas,.replay canvas{touch-action:none}@media (orientation:portrait){body.phone .rotate-cover{z-index:9999;text-align:center;background:var(--bg);color:var(--ink);justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;inset:0}}body.phone .rotate-icon{color:var(--gold);margin-bottom:8px;font-size:56px}body.touch button{min-width:44px;min-height:44px}body.touch select{min-height:44px}body.touch .brief-tag{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;display:inline-flex}body.touch .brief-tag+.brief-tag{margin-left:6px}body.touch .grp .btns,body.touch .map-zoom,body.touch .spectate-switch,body.touch .spectate-switch .body,body.touch .ctx-menu .row,body.touch .so,body.touch .replay-bar,body.touch .speed-slider,body.touch .mini-zoom{gap:8px}body.touch .planning-banner .row{gap:8px!important}.touch-tip{z-index:70;border:1px solid var(--gold);max-width:min(340px,100vw - 16px);color:var(--ink);white-space:pre-wrap;pointer-events:none;background:#14100af2;border-radius:6px;padding:6px 10px;font-size:14px;line-height:1.5;position:fixed;box-shadow:0 2px 8px #0009}body.phone kbd{display:none}body.phone .ph-fold.on{border-color:var(--gold);background:#6a5424}body.phone .lobby-wrap{padding:var(--safe-t) var(--safe-r) 24px var(--safe-l)}body.phone .title{margin:4px 0 0;font-size:26px}body.phone .subtitle{margin-bottom:8px;font-size:12px}body.phone .guide{display:none}body.phone .guide.open{display:block}body.phone .card{margin-bottom:10px;padding:10px}body.phone .peek{max-width:min(100%,71.1111vh);margin-bottom:10px}body.phone .peek figcaption{font-size:12px}body.phone .era-map{height:220px}body.phone .era-battle .era-map{height:190px}body.phone .map-tab{flex:auto;padding:4px 8px}body.phone .era-step,body.phone .era-reset{min-width:44px;min-height:44px}body.phone .era-slider{height:44px;margin:0}body.phone .era-legend{font-size:12px}body.phone .era-you{font-size:14px}body.phone .topbar{top:var(--safe-t);gap:8px;min-height:0;padding:2px 8px;font-size:13px}body.phone .topbar .clock{font-size:16px}body.phone .topbar .small,body.phone #dir{display:none}body.phone .bar{width:56px}body.phone .help-btn{top:var(--safe-t);right:var(--safe-r);padding:0 12px}body.phone .compass-bar{width:260px;height:34px;top:44px}body.phone .compass-strip .mark{font-size:13px}body.phone .minimap{top:52px;bottom:auto;right:var(--safe-r);width:128px;height:128px;padding:2px}body.phone .mini-zoom{display:none}body.phone .stick{left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 6px);width:112px;height:112px}body.phone .ph-quick{right:var(--safe-r);bottom:var(--safe-b);flex-direction:column;gap:8px;position:absolute;display:flex!important}body.phone .ph-quick button{min-width:64px;min-height:52px;font-size:15px}body.phone .ph-letters{top:52px;left:var(--safe-l);position:absolute}body.phone .orders{display:none}body.phone .orders.open{left:calc(var(--safe-l) + 130px);right:calc(var(--safe-r) + 80px);bottom:var(--safe-b);z-index:20;max-height:calc(100% - 60px);display:flex;overflow:auto}body.phone .orders .hint{display:none}body.phone .orders .grps{padding:6px}body.phone .orders .btns button{min-width:56px}body.phone .side-left{display:none}body.phone .side-left.open{left:var(--safe-l);top:100px;bottom:var(--safe-b);z-index:20;width:min(300px,46vw);display:flex}body.phone .cmd-left,body.phone .cmd-right{display:none}body.phone .cmd-left.open{left:var(--safe-l);top:52px;bottom:var(--safe-b);z-index:20;width:min(340px,48vw);display:flex;overflow:auto}body.phone .cmd-right.open{right:var(--safe-r);top:52px;bottom:var(--safe-b);z-index:20;width:min(320px,46vw);display:flex;overflow:auto}body.phone .cmd-left .composer .muted{display:none}body.phone .small,body.phone .role-tag,body.phone .stats,body.phone .slot .role,body.phone .events,body.phone .endlog,body.phone .msg .t,body.phone .dead-tag,body.phone .gen-item .age,body.phone .reply,body.phone .so button,body.phone .so-tag,body.phone .grp .cap,body.phone .note-tag,body.phone .side-legend,body.phone .bl-time,body.phone .map-zoom span,body.phone .compass-label,body.phone .label3d,body.phone .orders .hint,body.phone .map-detail ul,body.phone .note-kind{font-size:13px}body.phone #replay-following{display:none!important}body.phone #pause-banner{top:calc(var(--safe-t) + 96px);padding:8px 20px}body.phone #stage-brief-card{display:none}body.phone [data-ruby] rt{font-size:10px}body.phone .maps[data-ruby] .map-card,body.phone .stage-item [data-ruby]{line-height:1.8}body.phone #pause-banner .pause-title{margin-bottom:6px;font-size:22px}body.phone #pause-banner .pause-resume{min-width:140px;min-height:56px}.stage-diff{color:var(--gold);letter-spacing:1px;white-space:nowrap;margin:0 6px;font-size:12px}.stage-diff-text{color:var(--muted,#b9ad94);margin:4px 2px 0}.stage-diff-line .stage-diff{margin:0 6px 0 0}