:root{color-scheme:dark;--gold:#b18c4d;--ink:#eee2c3;--muted:#969486;--panel:#111510;--hex-w:86.6px;--hex-h:100px;--unit-scale:1.25;--motion-scale:1;--offset-x:0px;--offset-y:0px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:#090c09;color:var(--ink);font-family:Inter,system-ui,sans-serif}button,a,select,input{font:inherit}
.lab-header{position:relative;z-index:30;height:70px;display:flex;align-items:center;gap:26px;padding:0 24px;border-bottom:2px solid #34352b;background:#0f130f}.lab-header a{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 23px Georgia,serif}.lab-header a i{width:24px;height:29px;background:#b84636;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.lab-header>div{border-left:1px solid #494536;padding-left:25px}.lab-header small,.controls small{color:#a68a55;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.lab-header h1{margin:2px 0 0;font:700 18px Georgia,serif}.lab-header>button{margin-left:auto;min-width:110px;height:40px;border:2px solid #66583d;background:#20251d;color:var(--ink);cursor:pointer}.lab-header>button.running{border-color:#63c5ce;color:#9ce9ee}
main{position:relative;height:calc(100% - 70px)}.stage{position:absolute;inset:0;overflow:hidden;background:#10130f center/cover no-repeat}.stage[data-scene="bone-court"]{background-image:url('assets/backgrounds/scenes/bone-court.jpg')}.stage[data-scene="fire-chasm"]{background-image:url('assets/backgrounds/scenes/fire-chasm.jpg')}.stage[data-scene="glass-wastes"]{background-image:url('assets/backgrounds/scenes/glass-wastes.jpg')}.stage[data-scene="burnt-roots"]{background-image:url('assets/backgrounds/scenes/burnt-roots.jpg')}.stage[data-scene="azure-bastion"]{background-image:url('assets/backgrounds/scenes/azure-bastion.jpg')}.stage[data-scene="ashen-crown"]{background-image:url('assets/backgrounds/scenes/ashen-crown.png')}.stage::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(10,14,10,.22);pointer-events:none}
.grid{position:absolute;inset:0;z-index:2}.hex{position:absolute;width:var(--hex-w);height:var(--hex-h);padding:0;border:0;background:transparent;overflow:visible;cursor:pointer}.hex::before{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 116' preserveAspectRatio='none'%3E%3Cpolygon points='50,1 99,29 99,87 50,115 1,87 1,29' fill='none' stroke='%23bfb26b' stroke-opacity='.58' stroke-width='1.35'/%3E%3C/svg%3E") center/100% 100% no-repeat,rgba(43,57,39,.28)}.hex:hover::before{filter:brightness(1.35)}.hex.selected::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 116' preserveAspectRatio='none'%3E%3Cpolygon points='50,1 99,29 99,87 50,115 1,87 1,29' fill='none' stroke='%237fe0df' stroke-opacity='.9' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat,rgba(45,113,104,.38)}
.runner{position:absolute;z-index:12;width:138px;height:154px;transform:translate(-50%,-58%);pointer-events:none;--unit-scale:1.45}.runner.size-s{--unit-scale:1.25}.runner.size-m{--unit-scale:1.45}.runner.size-l{--unit-scale:1.65}.runner.size-xl{--unit-scale:1.9}.runner .unit-art{position:absolute;left:calc(5px + var(--offset-x));top:var(--offset-y);width:128px;height:128px;background-repeat:no-repeat;background-size:640px 256px;object-fit:contain;transform:scale(var(--unit-scale)) scale(var(--motion-scale));transform-origin:50% 88%;filter:drop-shadow(0 10px 6px rgba(0,0,0,.9))}.runner.flipped .unit-art{transform:scaleX(-1) scale(var(--unit-scale)) scale(var(--motion-scale))}.runner .anchor{display:none;position:absolute;z-index:20;left:50%;top:58%;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#e84b3b;transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(232,75,59,.25)}.runner.show-anchor .anchor{display:block}
.runner.edge-top .unit-art{translate:0 18px}.runner.edge-top.skeleton .unit-art{translate:0 42px}
.unit-health{position:absolute;z-index:15;width:96px;height:18px;transform:translateX(-50%);overflow:hidden;border:2px solid #0a0b09;background:#35130f;box-shadow:0 3px 0 #000;pointer-events:none}.unit-health>i{position:absolute;inset:0;display:block;background:linear-gradient(#d24e39,#9e281e)}.unit-health>b{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:#fff1d5;font:700 9px Georgia,serif;text-shadow:0 1px 2px #000}.unit-health.hidden{display:none}
.stage-caption{position:absolute;z-index:20;left:25px;bottom:22px;padding:11px 14px;border-left:3px solid var(--gold);background:rgba(8,11,8,.82)}.stage-caption strong,.stage-caption span{display:block}.stage-caption strong{font:700 14px Georgia,serif}.stage-caption span{margin-top:3px;color:var(--muted);font-size:10px}
.controls{position:absolute;z-index:25;right:16px;top:16px;bottom:16px;width:356px;padding:22px 22px 18px;border:2px solid #4a4635;background:rgba(17,21,16,.97);box-shadow:8px 8px 18px rgba(0,0,0,.7);overflow:auto}.controls h2{margin:4px 0 6px;font:700 27px Georgia,serif}.controls header p{margin:0 0 20px;color:var(--muted);font-size:11px;line-height:1.45}.controls label{display:block;margin-bottom:15px}.controls label>span{display:flex;justify-content:space-between;margin-bottom:7px;font:700 11px Georgia,serif}.controls output{color:#65cad8}.controls input[type=range]{width:100%;accent-color:#b18c4d}.controls select{width:100%;height:34px;padding:0 8px;border:1px solid #554d39;background:#20241d;color:var(--ink);font:700 11px Georgia,serif}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.toggle{height:54px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin:0!important;border:1px solid #3e3c30;background:#171b16}.toggle>span{margin:0!important;font-size:9px!important}.toggle input{position:absolute;opacity:0}.toggle i{position:relative;width:39px;height:20px;border:2px solid #554b35;background:#20231d}.toggle i::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#756b4e;transition:left .15s,background .15s}.toggle input:checked+i::after{left:21px;background:#5dc3d1}.actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:18px}.actions button{height:42px;border:1px solid #554d39;background:#24271f;color:var(--ink);cursor:pointer}.actions .primary{border-color:#9b7743;background:#60452a}.saved{height:16px;margin:8px 0;color:#6fd2d5;font-size:10px;text-align:center}pre{margin:8px 0 0;padding:9px;border:1px solid #34362d;background:#090c09;color:#9e9b89;font:9px/1.4 ui-monospace,monospace;white-space:pre-wrap}
@media(min-height:900px){:root{--hex-w:107.4px;--hex-h:124px}}@media(max-width:760px){.controls{right:8px;width:330px}.stage-caption{display:none}}