:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--touch:44px;--bg:#1d2320;--fg:#f2eee4;--panel:#0c0e0dd1;--line:#f2eee42e;--accent:#e7c35a;--on-accent:#1b1a17}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--fg);-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.4 -apple-system,Noto Sans TC,sans-serif;overflow:hidden}#stage,#stage canvas{touch-action:none;position:fixed;inset:0}button{font:inherit;min-width:var(--touch);min-height:var(--touch);background:var(--accent);color:var(--on-accent);touch-action:manipulation;border:0;border-radius:10px;padding:0 18px;font-weight:600}a{color:var(--accent)}.screen{top:var(--safe-t);right:var(--safe-r);bottom:var(--safe-b);left:var(--safe-l);justify-content:center;align-items:center;display:flex;position:fixed}.card{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;width:min(420px,100%);max-height:100%;padding:6px 22px;overflow-y:auto}.card h1{margin:0;font-size:22px}.card .mode{margin:0 0 3px;font-size:17px}.difficulty{justify-content:center;align-items:center;gap:8px;margin:0 0 3px;display:flex}.difficulty span{font-weight:700}.difficulty button{min-width:88px}.map-mode{margin-bottom:2px}.card .note.map-note{margin:0 0 3px}.start-buttons{justify-content:center;gap:10px;display:flex}.start-buttons[hidden]{display:none}#start-game,#restart-game{min-width:150px;min-height:52px;font-size:19px}#continue-last{min-height:52px;font-size:17px}#continue-last:disabled{opacity:.45}.continue-progress{align-items:center;gap:10px;min-height:52px;font-weight:600;display:flex}#start.continuing{background:#0009}.continue-progress[hidden]{display:none}.continue-progress progress{height:12px;accent-color:var(--accent);flex:1}.card .note.continue-note{color:#f0c27a;opacity:1}.update{background:#7af0ff24;border-radius:10px;align-items:center;gap:12px;margin-top:14px;padding:6px 6px 6px 14px;font-weight:600;display:flex}.update[hidden]{display:none}.card .note{opacity:.85;margin:6px 0 2px;font-size:13px}.card .small{opacity:.75;margin:0;font-size:12px}.card .small a{min-height:var(--touch);line-height:var(--touch);display:inline-block}#error{left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);top:calc(var(--safe-t) + 12px);white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#5a1c18;border-radius:10px;margin:0;padding:10px 14px;position:fixed}#proto-label{top:calc(var(--safe-t) + 42px);left:calc(var(--safe-l) + 8px);opacity:.8;pointer-events:none;text-shadow:0 1px 2px #000;font-size:11px;position:fixed}#rotate{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:none;position:fixed;inset:0}#rotate .phone{border:3px solid var(--fg);border-radius:8px;width:34px;height:60px;animation:2s ease-in-out infinite turn}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){#rotate{display:flex}}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}.secondary{background:#cfd6d2}.press-cue{box-sizing:border-box;border:3px solid #fff3b0e6;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute}.press-cue.run{animation:.27s linear forwards cue}@keyframes cue{0%{opacity:.4;transform:scale(1)}to{opacity:1;transform:scale(.35)}}.marquee{background:#fff3b024;border:2px solid #fff3b0;position:absolute}.wheel-backdrop{pointer-events:auto;z-index:25;position:absolute;inset:0}.wheel{z-index:26;position:absolute;inset:0}.wheel-item{border-radius:50%;width:60px;min-width:0;height:60px;padding:0 4px;font-size:12px;line-height:1.15;position:absolute;box-shadow:0 2px 8px #00000080}.prompt{top:calc(var(--safe-t) + 90px);max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 24px);background:var(--panel);border:1px solid var(--line);pointer-events:auto;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.prompt-buttons{gap:6px;display:flex}.prompt-body{flex-direction:column;display:flex}.prompt-warn{color:#ffa089;font-weight:700}.prompt .primary{min-width:110px}.place-confirm{gap:8px;display:flex;position:absolute}.place-confirm button{width:52px;height:52px;padding:0;font-size:24px}.place-confirm .place-ok{background:#4fd06a}.place-confirm .place-ok:disabled{color:#2a302c;background:#6d7a70}.place-confirm .place-cancel{color:#fff;background:#e0473d}.toast{z-index:40;left:50%;bottom:max(calc(var(--safe-b) + 110px), var(--toast-above,0px));background:#5a1c18eb;border-radius:10px;padding:8px 14px;font-weight:600;position:absolute;transform:translate(-50%)}.toast.toast-ok,.toast.toast-info{color:#f2f6ec;background:#161e18f0}.toast-check{display:none}.toast.toast-ok .toast-check{vertical-align:-3px;width:16px;height:16px;margin-right:6px;display:inline-block}.toast-check svg{fill:none;stroke:#7fdc78;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.top-right{top:calc(var(--safe-t) + 4px);right:calc(var(--safe-r) + 4px);gap:6px;display:flex;position:absolute}.top-right button{padding:0 12px;font-size:14px}.paused-banner{top:calc(var(--safe-t) + 50px);color:var(--on-accent);white-space:nowrap;background:#e7c35aeb;border-radius:10px;padding:6px 14px;font-size:14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.paused-banner .pend{text-align:center;margin-top:2px;font-size:12px;font-weight:400;display:block}.lab{z-index:20;top:calc(var(--safe-t) + 4px);right:calc(var(--safe-r) + 4px);bottom:calc(var(--safe-b) + 4px);width:min(430px, calc(100vw - var(--safe-l) - var(--safe-r) - 8px));box-sizing:border-box;border:1px solid var(--line);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#0c0e0ded;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;font-size:13px;display:flex;position:absolute;overflow-y:auto}.lab-head{justify-content:space-between;align-items:center;display:flex}.lab p{margin:0}.lab-buttons{flex-wrap:wrap;gap:6px;display:flex}.lab-buttons button:disabled{opacity:.45}.lab-art{align-items:center}.lab-art-label{font-weight:700}.lab-art-note{opacity:.85;font-size:13px}.lab-status{color:#f0c27a;min-height:1em}.lab-result{border:2px solid var(--accent);border-radius:10px;padding:6px 10px}.lab-result h3{margin:0 0 4px}.lab-result .bad{color:#ff9c8f}.lab-result .small{opacity:.8;word-break:break-all;font-size:11px}.lab-log-wrap{flex:1 0 96px;min-height:96px;position:relative}.lab-log{word-break:break-all;-webkit-overflow-scrolling:touch;background:#00000059;border-radius:6px;padding:4px 6px;font:11px/1.35 ui-monospace,Menlo,monospace;position:absolute;inset:0;overflow-y:auto}.lab-more{position:absolute;bottom:6px;right:6px}#hud section,#hud .side-left,#hud .side-right,#hud .minimap,#hud .res-bar,#hud .dialog{pointer-events:auto}.res-bar{top:calc(var(--safe-t) + 4px);left:calc(var(--safe-l) + 4px);background:var(--panel);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700;position:absolute}.side-left{left:calc(var(--safe-l) + 4px);bottom:calc(var(--safe-b) + 124px);flex-direction:column;gap:6px;display:flex;position:absolute}.retreat-all-btn{top:calc(var(--safe-t) + 44px);left:calc(var(--safe-l) + 136px);padding:0 12px;font-size:13px;position:absolute}.side-left button,.side-right button{min-width:64px;padding:0 8px;font-size:13px}.reset-btn{color:#201a18;background:#fff3b0;margin-bottom:8px}.idle-btn{background:#cfd6d2}.idle-btn.has-idle{background:var(--accent)}button.active{outline:3px solid #fff3b0}button.pending{outline-offset:2px;outline:2px dashed #ffe9a8f2}button.pending .label{opacity:.7}button.pending .sub{opacity:1}.sel-info button.pending:disabled{opacity:.8}.sel-pend{color:#ffe9a8;margin:4px 0 0;font-size:12px;line-height:16px}button.order-advance{color:#fff;background:#d93a30}button.order-retreat{color:#fff;background:#2f6fd6}.side-right{right:calc(var(--safe-r) + 4px);top:calc(var(--safe-t) + 54px);flex-direction:column;gap:6px;display:flex;position:absolute}.groups{grid-template-columns:repeat(2,48px);gap:6px;display:grid}.groups button{flex-direction:column;justify-content:center;align-items:center;width:48px;min-width:48px;padding:0;line-height:1.1;display:flex}.groups .group-dot{display:none}.groups .group-count{font-size:12px}.groups button{position:relative}.groups .group-away{text-align:center;color:#fff;pointer-events:none;background:#2f5d8a;border-radius:8px;min-width:18px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-5px;right:1px;box-shadow:0 0 0 1px #fff9}.groups .group-hide{background:#5b4a7a;left:1px;right:auto}.groups button.alarm{color:#fff;background:#d93a30;animation:.7s ease-in-out infinite alternate group-alarm}@keyframes group-alarm{0%{box-shadow:0 0 #ff5a50f2}to{background:#a8231b;box-shadow:0 0 0 6px #ff5a5026}}@media (prefers-reduced-motion:reduce){.groups button.alarm{animation:none}}.groups{position:relative}.groups .group-retreat{width:44px;min-width:44px;height:44px;padding:0;font-size:13px;position:absolute}.groups .group-retreat.near{right:calc(100% + 6px)}.groups .group-retreat.far{right:calc(100% + 56px)}.groups .group-retreat[hidden]{display:none}.minimap{left:calc(var(--safe-l) + 4px);bottom:calc(var(--safe-b) + 4px);width:112px;height:112px;box-shadow:0 0 0 2px var(--line);image-rendering:pixelated;touch-action:none;background:#000;border-radius:4px;position:absolute}.sel-info{left:calc(var(--safe-l) + 124px);right:calc(var(--safe-r) + 249px);bottom:calc(var(--safe-b) + 4px);background:var(--panel);border-radius:10px;max-width:300px;margin:0 auto;padding:6px 56px 6px 10px;font-size:12px;position:absolute}.sel-close{width:44px;min-width:44px;padding:0;font-size:18px;position:absolute;top:4px;right:4px}.sel-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sel-status{opacity:.85}.bar{background:#201a18;border-radius:3px;height:5px;margin:4px 0 2px;overflow:hidden}.bar .fill{background:#7fcf6a;width:0;height:100%}.bar.shield .fill{background:#5fe3f0}.bar.queue .fill{background:var(--accent)}.sel-chips,.sel-queue,.sel-choice{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.sel-garrison{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.garrison-count{flex-basis:100%}.sel-info button:disabled{opacity:.45}.sel-chips button,.sel-queue button{padding:0 8px;font-size:12px}.group-row .step,.keep .step,.sel-keep .step{width:44px;min-width:44px;padding:0;font-size:18px}.group-row{align-items:center;gap:6px;margin:4px -46px 0 0;font-size:13px;display:flex}.group-row .group-type{width:3.5em;font-weight:700}.group-row .group-has{opacity:.85;width:4.5em}.group-row .group-want{text-align:center;min-width:1.6em;font-size:16px}.group-actions{margin-right:-46px}.group-station{align-items:center;margin-right:-46px;font-size:13px}.keep-groups{align-items:center}.keep-group{align-items:center;gap:4px;font-size:13px;display:inline-flex}.group-grid{grid-template-columns:1fr 1fr;gap:2px 8px;margin:4px -46px 0 0;display:grid}.group-grid .group-row{flex-wrap:wrap;gap:0 6px;margin:0}.group-grid .group-label{flex:1 0 100%;gap:6px;display:flex}.group-grid .group-type,.group-grid .group-has{width:auto}.depot{margin:4px -46px 0 0;font-size:13px}.depot-cell{align-items:center;gap:6px;display:flex}.depot-count{flex:1}.depot-steps{gap:4px;display:flex}.depot .step{width:44px;min-width:44px;padding:0;font-size:18px}.market{margin:4px -46px 0 0}.market-row{align-items:center;gap:6px;margin-top:4px;display:flex}.market-word{width:1.4em;font-size:14px;font-weight:700}.market-row button{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 6px;font-size:13px;line-height:1.15;display:flex}.market-row button .sub{font-size:11px}.market-note{opacity:.85;margin:4px 0 0;font-size:11px}.sel-fold{margin-left:auto;padding:0 10px;font-size:12px}.sel-info.collapsed>:not(.sel-head):not(.sel-close){display:none}.keep-row{gap:10px;margin-top:6px;display:flex}.keep,.sel-keep{flex:1;align-items:center;gap:4px;font-size:13px;display:flex}.sel-keep{margin-top:4px}.keep output,.sel-keep output{text-align:center;min-width:22px;font-size:16px;font-weight:700}.sel-info .nowrap{white-space:nowrap}.sel-note,.sel-counters{margin:4px -46px 0 0;font-size:11px;line-height:15px}.sel-note span,.sel-counters span{display:block}.sel-note .order-meaning,.sel-note .formation-more{opacity:.8}.dispatch-whom{margin-top:4px;font-size:13px;display:block}.sel-note .order-meaning.order-hint{opacity:1;color:var(--accent)}.queue-item{flex-direction:column;justify-content:center;min-width:52px;display:flex;position:relative}.cmds{right:calc(var(--safe-r) + 4px);bottom:calc(var(--safe-b) + 4px);grid-template-columns:repeat(4,56px);grid-auto-flow:dense;gap:5px;display:grid;position:absolute}.cmds button{flex-direction:column;justify-content:center;align-items:center;width:56px;min-width:56px;min-height:48px;padding:2px;font-size:12px;line-height:1.15;display:flex}.cmds .cmd-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;flex:none;width:14px;height:14px}.cmds button.wide{grid-column:span 2;justify-self:stretch;width:auto}button .sub{opacity:.85;font-size:10px;font-weight:500}.cmds .counter-sub{white-space:nowrap;letter-spacing:-.2px;font-size:9px}.alert-arrows .alert-arrow{color:#fff;pointer-events:auto;background:#e0473deb;border-radius:50%;width:52px;min-width:0;height:52px;padding:0;font-size:22px;animation:.8s ease-in-out infinite alternate alert;position:absolute;top:0;left:0}.alert-arrow span{display:inline-block}@keyframes alert{to{box-shadow:0 0 0 8px #e0473d40}}.dialog{z-index:30;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog-card{width:min(460px, calc(100vw - var(--safe-l) - var(--safe-r) - 24px));max-height:calc(100% - var(--safe-t) - var(--safe-b) - 16px);box-sizing:border-box;border:1px solid var(--line);background:#151917;border-radius:14px;padding:12px 16px;overflow-y:auto}.dialog-card h2{margin:0 0 8px;font-size:19px}.dialog-card p{margin:4px 0}.town-hint .dialog-card p{margin:6px 0;line-height:1.5}.town-hint .dialog-card p:last-of-type{color:#7af0ff}.dialog-card .small{opacity:.8;font-size:12px}.dialog-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dialog-buttons.column{flex-direction:column}.menu .dialog-buttons.column{grid-template-columns:1fr 1fr;display:grid}.counter-row{border-top:1px solid var(--line);grid-template-columns:3.5em 1fr;column-gap:8px;padding:4px 0;font-size:13px;line-height:1.35;display:grid}.counter-row .counter-name{grid-row:span 2}button.danger{color:#fff;background:#e0473d}.ratio-row{align-items:center;gap:10px;margin:6px 0;display:flex}.economy .ratio-row{margin:3px 0}.ratio-name{width:1.5em;font-weight:700}.ratio-value{text-align:center;width:3.5em;font-weight:700}.group-type{width:3.5em;font-weight:700}.group-has{opacity:.8}.group-setup .dialog-buttons button{padding:0 12px}.choice-row{gap:10px;display:flex}.choice-row button{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-height:110px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.choice-row b{font-size:24px}.choice-plunder{background:#e0a13d}.choice-govern{background:#6fb3e8}.choice-short{color:#a3160c;font-weight:700}.sel-info .choice-short{font-size:11px;line-height:14px;display:block}.reserve-raised{color:#ffe9a8;font-weight:700}.later{margin-top:8px}.stats{border-collapse:collapse;width:100%;margin:6px 0;font-size:12px}.stats th,.stats td{border-bottom:1px solid var(--line);text-align:left;padding:3px 4px}.result.won h2{color:var(--accent)}.lab-note{opacity:.8;font-size:11px}.lab-load,.load-times{white-space:pre-wrap;margin:0;font:11px/1.35 ui-monospace,Menlo,monospace}.load-times{top:calc(var(--safe-t) + 4px);z-index:90;max-width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px);color:#fff;background:#000000c7;border-radius:8px;padding:6px 10px;position:fixed;left:50%;transform:translate(-50%)}.load-times[hidden]{display:none}:root[data-ui=r6] body{font-family:PingFang TC,Noto Sans CJK TC,Noto Sans TC,-apple-system,sans-serif;font-weight:400}:root[data-ui=r6] button{font-weight:700}:root[data-ui=r6] .ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}:root[data-ui=r6] .b{min-width:44px;min-height:44px;font:inherit;border:0;flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:13px;font-weight:700;transition:transform .12s ease-out;display:inline-flex;position:relative}:root[data-ui=r6] .b .lb{font-weight:700}:root[data-ui=r6] .b .sub{font-size:10px;font-weight:400}:root[data-ui=r6] .b .cnt{font-variant-numeric:tabular-nums;font-weight:700}@media (prefers-reduced-motion:reduce){:root[data-ui=r6] .b,:root[data-ui=r6] .b.is-pressed{transition:none;transform:none!important}}:root[data-ui=r6] #hud .res-bar{box-sizing:border-box;align-items:center;gap:11px;height:36px;padding:0 12px;font-size:14px;font-weight:700;display:flex}:root[data-ui=r6] .res-bar .r{align-items:center;gap:4px;display:flex}:root[data-ui=r6] .res-bar .r small{opacity:.8;font-size:12px;font-weight:400}:root[data-ui=r6] .res-bar .sep{align-self:stretch;width:1px;margin:8px 0}:root[data-ui=r6] .res-bar .ic{width:17px;height:17px}:root[data-ui=r6] .res-bar.no-training .tr,:root[data-ui=r6] .res-bar.no-clock-icon .ic.time{display:none}:root[data-ui=r6] .top-right .b{flex-direction:column;gap:0;min-width:52px;padding:0 9px;font-size:13px}:root[data-ui=r6] .top-right .b .ic{width:15px;height:15px}:root[data-ui=r6] .top-right .b .lb{font-size:12px;line-height:1.1}:root[data-ui=r6] #hud .paused-banner.panel{padding:6px 14px;font-size:13px}:root[data-ui=r6] .retreat-all-btn.b,:root[data-ui=r6] .groups .group-retreat.b{position:absolute}:root[data-ui=r6] .retreat-all-btn.b{top:calc(var(--safe-t) + 46px);padding:0 12px}:root[data-ui=r6] #hud .side-left{display:contents}:root[data-ui=r6] #hud .side-left .b{left:calc(var(--safe-l) + 4px);flex-direction:column;gap:0;min-width:0;padding:0;position:absolute}:root[data-ui=r6] #hud .side-left .b .lb{line-height:1.1}:root[data-ui=r6] #hud .side-left .recall-btn{bottom:calc(var(--safe-b) + 224px);width:100px;min-height:50px;padding:3px 0 4px;transition:transform .2s ease-out,opacity .2s ease-out,visibility}:root[data-ui=r6] #hud .side-left .recall-btn:not(.shown){visibility:hidden;opacity:0;pointer-events:none;transition:transform .2s ease-in,opacity .2s ease-in,visibility 0s linear .2s;transform:translate(-112px)}:root[data-ui=r6] #hud .side-left .recall-btn .lb{font-size:13px}:root[data-ui=r6] #hud .side-left .idle-btn{bottom:calc(var(--safe-b) + 172px);gap:1px;width:68px}:root[data-ui=r6] #hud .side-left .idle-btn .lb{font-size:12px}:root[data-ui=r6] #hud .side-left .map-btn{bottom:calc(var(--safe-b) + 4px);width:60px}:root[data-ui=r6] #hud .side-left .map-btn .lb{font-size:11px}:root[data-ui=r6] #hud .side-left .badge{z-index:2;text-align:center;color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 1.5px var(--rim-hi);background:#c23a2c;border-radius:9px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-5px}:root[data-ui=r6][data-theme=b] #hud .side-left .badge{box-shadow:0 0 0 1.5px var(--gold);background:#c63a2e}:root[data-ui=r6] #hud .minimap{bottom:calc(var(--safe-b) + 52px);transform-origin:0 100%;transition:transform .15s ease-out,opacity .15s ease-out,visibility}:root[data-ui=r6] #hud .minimap.closed{visibility:hidden;opacity:0;pointer-events:none;transition:transform .15s ease-in,opacity .15s ease-in,visibility 0s linear .15s;transform:scale(.6)}@media (prefers-reduced-motion:reduce){:root[data-ui=r6] #hud .side-left .recall-btn,:root[data-ui=r6] #hud .side-left .recall-btn:not(.shown),:root[data-ui=r6] #hud .minimap,:root[data-ui=r6] #hud .minimap.closed{transition:none}}:root[data-ui=r6] .groups .b.grp{flex-direction:column;gap:0;width:48px;min-width:48px;padding:0}:root[data-ui=r6] .grp .n{font-size:17px;line-height:1}:root[data-ui=r6] .grp .sub{margin-top:2px}:root[data-ui=r6] .side-right .b.army{width:102px}:root[data-ui=r6] .b.army .ic{width:15px;height:15px}:root[data-ui=r6]:not([data-theme=b]){--ink:#f4e7c9;--ink2:#d8c49c;--rim:#b98d4c;--rim-hi:#f0cf8a;--wood1:#4a3220;--wood2:#2f2015;--red1:#a6382b;--red2:#7a221a;--blue1:#3a63a8;--blue2:#253f73;--gold1:#c9963a;--gold2:#8d6421}:root[data-ui=r6]:not([data-theme=b]) .panel{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--rim), inset 0 0 0 3px #1e120ae6, inset 0 4px 6px #ffd29614, 0 3px 8px #00000073;background:repeating-linear-gradient(176deg,#ffdcaa09 0 2px,#0000000d 2px 5px),linear-gradient(#4e3622f0,#2c1e13f0);border-radius:9px}:root[data-ui=r6]:not([data-theme=b]) .res-bar .sep{background:#b98d4c8c}:root[data-ui=r6]:not([data-theme=b]) .res-bar .ic.food{color:#e7c86a}:root[data-ui=r6]:not([data-theme=b]) .res-bar .ic.wood{color:#cf9a62}:root[data-ui=r6]:not([data-theme=b]) .res-bar .ic.gold{color:#f2cf57}:root[data-ui=r6]:not([data-theme=b]) .res-bar .ic.crys{color:#7fe6f0}:root[data-ui=r6]:not([data-theme=b]) .b{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--rim), inset 0 2px 0 #ffe1aa59, inset 0 -3px 0 #00000040, 0 3px 0 #1f140c, 0 4px 6px #0006;text-shadow:0 1px #0009;background:linear-gradient(#6e4d30,#4b3321);border-radius:8px}:root[data-ui=r6]:not([data-theme=b]) .b.red,:root[data-ui=r6]:not([data-theme=b]) .b.alarm{background:linear-gradient(180deg, var(--red1), var(--red2))}:root[data-ui=r6]:not([data-theme=b]) .b.blue{background:linear-gradient(180deg, var(--blue1), var(--blue2))}:root[data-ui=r6]:not([data-theme=b]) .b.gold,:root[data-ui=r6]:not([data-theme=b]) .b.pri{background:linear-gradient(180deg, var(--gold1), var(--gold2));color:#fff6dc}:root[data-ui=r6]:not([data-theme=b]) .grp.empty{color:var(--ink2);background:linear-gradient(#4a3523,#33241a)}:root[data-ui=r6]:not([data-theme=b]) .b.is-active,:root[data-ui=r6]:not([data-theme=b]) .b.active{box-shadow:inset 0 0 0 2px var(--rim-hi), inset 0 2px 0 #ffe1aa59, 0 3px 0 #1f140c, 0 0 0 2px #f0cf8a8c, 0 0 12px #f0cf8a8c;outline:0}:root[data-ui=r6]:not([data-theme=b]) .b.is-pressed{filter:brightness(.88);box-shadow:inset 0 0 0 1.5px var(--rim), inset 0 3px 6px #0000008c, 0 0 0 #1f140c;transform:translateY(3px)}:root[data-ui=r6]:not([data-theme=b]) .b:disabled{filter:grayscale(.85)brightness(.75);opacity:.7;color:#b9a98a;text-shadow:0 -1px #000000b3;box-shadow:inset 0 0 0 1.5px #6f604a,0 2px #1f140c}:root[data-ui=r6][data-theme=b]{--ink:#f1ead9;--ink2:#b8ad94;--gold:#d8b65e;--gold-dim:#d8b65e80;--cut:polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);--cut-s:polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M7 .6H23L29.4 7V23L23 29.4H7L.6 23V7Z' fill='none' stroke='%23d8b65e' stroke-opacity='.8' stroke-width='1.2'/%3E%3Cpath d='M3.8 1.6L6 3.8 3.8 6 1.6 3.8ZM26.2 1.6L28.4 3.8 26.2 6 24 3.8ZM26.2 24L28.4 26.2 26.2 28.4 24 26.2ZM3.8 24L6 26.2 3.8 28.4 1.6 26.2Z' fill='%23d8b65e'/%3E%3C/svg%3E");--frame-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M7 .6H23L29.4 7V23L23 29.4H7L.6 23V7Z' fill='none' stroke='%23ffab92' stroke-opacity='.85' stroke-width='1.2'/%3E%3Cpath d='M3.8 1.6L6 3.8 3.8 6 1.6 3.8ZM26.2 1.6L28.4 3.8 26.2 6 24 3.8ZM26.2 24L28.4 26.2 26.2 28.4 24 26.2ZM3.8 24L6 26.2 3.8 28.4 1.6 26.2Z' fill='%23ffab92'/%3E%3C/svg%3E");--frame-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M7 .6H23L29.4 7V23L23 29.4H7L.6 23V7Z' fill='none' stroke='%23a9c8ff' stroke-opacity='.85' stroke-width='1.2'/%3E%3Cpath d='M3.8 1.6L6 3.8 3.8 6 1.6 3.8ZM26.2 1.6L28.4 3.8 26.2 6 24 3.8ZM26.2 24L28.4 26.2 26.2 28.4 24 26.2ZM3.8 24L6 26.2 3.8 28.4 1.6 26.2Z' fill='%23a9c8ff'/%3E%3C/svg%3E");--frame-bright:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M7 1H23L29 7V23L23 29H7L1 23V7Z' fill='none' stroke='%23ffe7a6' stroke-width='2'/%3E%3Cpath d='M3.8 1.6L6 3.8 3.8 6 1.6 3.8ZM26.2 1.6L28.4 3.8 26.2 6 24 3.8ZM26.2 24L28.4 26.2 26.2 28.4 24 26.2ZM3.8 24L6 26.2 3.8 28.4 1.6 26.2Z' fill='%23ffe7a6'/%3E%3C/svg%3E");--frame-grey:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M7 .6H23L29.4 7V23L23 29.4H7L.6 23V7Z' fill='none' stroke='%238a857a' stroke-opacity='.7' stroke-width='1.2'/%3E%3Cpath d='M3.8 1.6L6 3.8 3.8 6 1.6 3.8ZM26.2 1.6L28.4 3.8 26.2 6 24 3.8ZM26.2 24L28.4 26.2 26.2 28.4 24 26.2ZM3.8 24L6 26.2 3.8 28.4 1.6 26.2Z' fill='%238a857a'/%3E%3C/svg%3E");--lac:linear-gradient(180deg, #161b26e6, #0a0c12e6)}:root[data-ui=r6][data-theme=b] .panel,:root[data-ui=r6][data-theme=b] .b{isolation:isolate;color:var(--ink);background:0 0}:root[data-ui=r6][data-theme=b] .panel:before,:root[data-ui=r6][data-theme=b] .b:before{content:"";z-index:-1;clip-path:var(--cut);background:var(--lac);position:absolute;inset:0}:root[data-ui=r6][data-theme=b] .panel:after,:root[data-ui=r6][data-theme=b] .b:after{content:"";z-index:-1;pointer-events:none;border:10px solid #0000;border-image:var(--frame) 10 / 10px stretch;position:absolute;inset:0}:root[data-ui=r6][data-theme=b] .b:before{clip-path:var(--cut-s);background:linear-gradient(#262c3cf5,#12161ff5)}:root[data-ui=r6][data-theme=b] .b:after{border-image-width:7px}:root[data-ui=r6][data-theme=b] .res-bar .sep{background:var(--gold-dim)}:root[data-ui=r6][data-theme=b] .res-bar .ic{color:var(--gold)}:root[data-ui=r6][data-theme=b] .res-bar .ic.crys{color:#7fe6f0}:root[data-ui=r6][data-theme=b] .b .ic{color:var(--gold)}:root[data-ui=r6][data-theme=b] .b.red:before,:root[data-ui=r6][data-theme=b] .b.alarm:before{background:linear-gradient(#942d24,#5c1813)}:root[data-ui=r6][data-theme=b] .b.red:after,:root[data-ui=r6][data-theme=b] .b.alarm:after{border-image-source:var(--frame-red)}:root[data-ui=r6][data-theme=b] .b.blue:before{background:linear-gradient(#2c5394,#182f59)}:root[data-ui=r6][data-theme=b] .b.blue:after{border-image-source:var(--frame-blue)}:root[data-ui=r6][data-theme=b] .b.gold:before,:root[data-ui=r6][data-theme=b] .b.pri:before{background:linear-gradient(#e8c972,#b08933)}:root[data-ui=r6][data-theme=b] .b.gold,:root[data-ui=r6][data-theme=b] .b.pri{color:#1d1608}:root[data-ui=r6][data-theme=b] .b.red .ic,:root[data-ui=r6][data-theme=b] .b.blue .ic{color:#fff1e0}:root[data-ui=r6][data-theme=b] .b.gold .ic,:root[data-ui=r6][data-theme=b] .b.pri .ic{color:#3a2a08}:root[data-ui=r6][data-theme=b] .grp.empty{color:var(--ink2)}:root[data-ui=r6][data-theme=b] .grp.empty:before{background:#0c0f15b8}:root[data-ui=r6][data-theme=b] .grp.empty:after{border-image-source:var(--frame-grey)}:root[data-ui=r6][data-theme=b] .b.is-active,:root[data-ui=r6][data-theme=b] .b.active{filter:drop-shadow(0 0 4px #f0cd78d9);outline:0}:root[data-ui=r6][data-theme=b] .b.is-active:after,:root[data-ui=r6][data-theme=b] .b.active:after{border-image-source:var(--frame-bright);border-image-width:8px}:root[data-ui=r6][data-theme=b] .b.is-pressed{transform:scale(.95)}:root[data-ui=r6][data-theme=b] .b.is-pressed:before{filter:brightness(1.45);box-shadow:inset 0 0 14px #ffdc8c99}:root[data-ui=r6][data-theme=b] .b:disabled{color:#6f6a60}:root[data-ui=r6][data-theme=b] .b:disabled:before{background:repeating-linear-gradient(135deg,#ffffff0d 0 3px,#0000 3px 7px),#121418b3}:root[data-ui=r6][data-theme=b] .b:disabled:after{border-image-source:var(--frame-grey)}:root[data-ui=r6][data-theme=b] .b:disabled .ic{color:#6f6a60}:root[data-ui=r6] #proto-label{display:none}