*{box-sizing:border-box}html,body{color:#2a2420;background:#f3ece1;height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{display:block}#hud{pointer-events:none;font-family:JetBrains Mono,ui-monospace,monospace;position:fixed;inset:0}#hud i{font-style:normal}#hud header{align-items:stretch;gap:0;height:104px;display:flex;position:absolute;top:0;left:0;right:0}#hud .brand{color:#f3ece1;background:#2a2420;align-items:center;gap:14px;width:190px;padding:0 26px;display:flex}#hud .brand svg{fill:none;stroke:#e8821e;stroke-width:2.4px;width:44px;height:44px}#hud .brand b{letter-spacing:.2em;font:700 20px JetBrains Mono,monospace}#hud .title{width:520px;padding:22px 26px 0}#hud .title i{letter-spacing:.32em;color:#8a7d6c;font-size:11px;display:block}#hud .title h1{letter-spacing:-.02em;color:#1d1915;margin:4px 0 6px;font:700 40px/1 Inter,sans-serif}#hud .title h1 em{color:#e8821e;font-style:normal;font-weight:400}#hud .load{flex:1;max-width:460px;padding:26px 30px 0}#hud .load>i,#hud .stat i{letter-spacing:.26em;color:#8a7d6c;font-size:10px}#hud .bars{gap:3px;margin:8px 0 4px;display:flex}#hud .bars i{background:#e3d9ca;border-radius:1px;flex:1;height:16px}#hud .bars i.on{background:#e8821e}#hud .ticks{letter-spacing:.2em;color:#a89a87;justify-content:space-between;font-size:9px;display:flex}#hud .stat{border-left:1px solid #e0d5c5;height:60px;margin-top:18px;padding:28px 22px 0}#hud .stat b{letter-spacing:.08em;color:#2a2420;margin-top:8px;font:600 15px JetBrains Mono,monospace;display:block}#hud .dot{vertical-align:1px;background:#e8821e;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #e8821e2e}#hud aside{flex-direction:column;gap:16px;width:340px;display:flex;position:absolute;top:128px}#hud aside.left{left:30px}#hud aside.right{right:30px}#hud section{background:#faf6efdb;border:1px solid #e3d9ca;border-radius:10px;padding:16px 18px;box-shadow:inset 0 1px #ffffffb3}#hud h3{letter-spacing:.24em;color:#2a2420;border-left:3px solid #e8821e;justify-content:space-between;margin:0 0 10px;padding-left:10px;font:600 13px JetBrains Mono,monospace;display:flex}#hud h3 em{color:#a89a87;font-style:normal;font-weight:500}#hud .big{align-items:baseline;gap:8px;display:flex}#hud .big b{letter-spacing:-.03em;color:#1d1915;font:700 44px/1 Inter,sans-serif}#hud .big small{letter-spacing:.2em;color:#8a7d6c;font-size:11px}#hud .dial{width:100%;height:92px;margin-top:4px}#hud .dial .arc{fill:none;stroke:#e3d9ca;stroke-width:6px}#hud .dial line{stroke:#e8821e;stroke-width:3px;stroke-linecap:round}#hud .dial text{fill:#a89a87;font:500 10px JetBrains Mono,monospace}#hud .aperture{width:74px;height:74px;margin:-60px 0 0 228px;position:absolute}#hud .aperture .ring{fill:#2a2420}#hud .aperture .hole{fill:#e8821e}#hud .row{letter-spacing:.18em;color:#8a7d6c;align-items:baseline;gap:10px;margin-top:10px;font-size:10px;display:flex}#hud .row b{color:#2a2420;margin-right:12px;font-weight:600}#hud .ears>div{grid-template-columns:16px 1fr 46px;align-items:center;gap:10px;margin:6px 0;font-size:12px;display:grid}#hud .meter{background:#e3d9ca;border-radius:4px;height:8px;overflow:hidden}#hud .meter span{background:#2a2420;height:100%;display:block}#hud #wave{width:100%;height:44px;margin-top:6px}#hud .kv{letter-spacing:.14em;color:#8a7d6c;border-bottom:1px dashed #e3d9ca;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}#hud .kv b{color:#2a2420;font-weight:600}#hud .chips{flex-wrap:wrap;gap:8px;display:flex}#hud .chips span{letter-spacing:.16em;color:#2a2420;background:#faf6ef;border:1px solid #d9cdbb;border-radius:4px;padding:7px 10px;font-size:11px}#hud .chips span.on{color:#fff;background:#e8821e;border-color:#e8821e}#hud ol{margin:0;padding:0;list-style:none}#hud li{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}#hud li>span{color:#a89a87;font-size:11px}#hud li b{letter-spacing:.12em;font-size:12px;display:block}#hud li i{letter-spacing:.14em;color:#8a7d6c;margin-top:2px;font-size:9px;display:block}#hud li em{letter-spacing:.14em;color:#8a7d6c;background:#ece4d6;border-radius:3px;padding:4px 7px;font-size:9px;font-style:normal}#hud li em.on{color:#fff;background:#2f8a5f}#hud .mode{position:absolute;bottom:150px;left:420px}#hud .mode i{letter-spacing:.3em;color:#8a7d6c;font-size:11px}#hud .mode b{letter-spacing:.01em;color:#e8821e;margin:6px 0 4px;font:800 52px/1 Inter,sans-serif;display:block}#hud .mode small{letter-spacing:.24em;color:#6a5d4c;font-size:12px}#hud .log{pointer-events:auto;background:#faf6efe6;border:1px solid #e3d9ca;border-radius:10px;align-items:center;gap:20px;height:96px;padding:0 24px;display:flex;position:absolute;bottom:30px;left:400px;right:400px}#hud .log button{color:#fff;cursor:pointer;background:#e8821e;border:0;border-radius:50%;width:52px;height:52px;font-size:16px}#hud .log .track{flex:1}#hud .log .labels{letter-spacing:.2em;color:#8a7d6c;justify-content:space-between;font-size:10px;display:flex}#hud .log #op{color:#e8821e}#hud .log .bar{background:#e3d9ca;border-radius:2px;height:4px;margin:14px 0;position:relative}#hud .log .bar #fill{background:#e8821e;border-radius:2px;position:absolute;top:0;bottom:0;left:0}#hud .log .bar i{background:#b8aa96;width:1px;height:16px;position:absolute;top:-6px}#hud .log .bar b{background:#fff;border:3px solid #e8821e;border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:-9px}#hud .log>em{color:#a89a87;align-self:flex-start;margin-top:14px;font-size:11px;font-style:normal}#hud footer{letter-spacing:.26em;color:#a89a87;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:8px;left:30px;right:30px}#hud #callouts{position:absolute;inset:0}#hud .co{opacity:0;align-items:center;gap:0;display:flex;position:absolute;top:0;left:0}#hud .co i{background:#ffffffd9;border:2px solid #e8821e;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px}#hud .co i:after{content:"";background:#e8821e;width:60px;height:2px;position:absolute;top:0;left:6px;transform:translateY(-1px)}#hud .co span{color:#f3ece1;letter-spacing:.16em;white-space:nowrap;background:#2a2420;border-radius:3px;margin-top:-6px;margin-left:66px;padding:6px 10px;font-size:12px}body:not(.film) #hud aside,body:not(.film) #hud .mode{transform-origin:0 0}@media (width<=1100px){#hud aside,#hud .load,#hud .stat,#hud footer{display:none}#hud .mode{bottom:130px;left:20px}#hud .mode b{font-size:34px}#hud .log{left:12px;right:12px}}#hud .co.red i{border-color:#ff2a1a}#hud .co.red i:after{background:#ff2a1a}#hud .co.red span{background:#c41a10}body.hostile #hud h3{border-left-color:#e0241a}body.hostile #hud .mode b,body.hostile #hud .title h1 em{color:#e0241a}body.hostile #hud .dot{background:#e0241a;box-shadow:0 0 0 4px #e0241a33}body.hostile #hud .aperture .hole,body.hostile #hud .chips span.on,body.hostile #hud .log button,body.hostile #hud .log .bar #fill,body.hostile #hud .bars i.on{fill:#e0241a;background:#e0241a;border-color:#e0241a}body.hostile #hud .log .bar b{border-color:#e0241a}body.hostile #hud li em.on{background:#c41a10}body.hostile #hud .brand{background:#3a0c08}