:root{color:#ebe8d9;font-synthesis:none;background:#111b18;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer;color:inherit;background:#25382c;border:1px solid #4a574b;border-radius:4px;padding:10px 16px}button:hover{background:#3b5137}button:focus-visible{outline-offset:3px;outline:2px solid #f1c77b}[hidden]{display:none!important}header{border-bottom:1px solid #354239;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 38px;display:flex}.brand{color:#e5c18c;align-items:center;gap:14px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.brand span{letter-spacing:2px;color:#efecdd;font-size:15px}.build,.eyebrow{letter-spacing:2px;color:#a9b89e;font-size:10px;font-weight:700}main{justify-content:center;gap:38px;padding:24px 30px;display:flex}.brief,.controls{flex-shrink:0;width:250px;padding-top:34px}h1,h2,h3{text-transform:uppercase;margin:22px 0;font-family:Arial Narrow,Impact,sans-serif;font-weight:700;line-height:.96}h1{letter-spacing:-1px;font-size:52px}h3{font-size:32px}.brief p,.controls p{color:#adb8aa;font-size:13px;line-height:1.8}.rule{background:#354439;height:1px;margin:28px 0}ol{counter-reset:intel;padding:0;list-style:none}li{color:#cad0bd;counter-increment:intel;border-bottom:1px solid #29372f;padding:12px 0;font-size:12px}li:before{content:"0"counter(intel);color:#98a485;margin-right:12px;font-size:10px}small{letter-spacing:1px;color:#869480;margin-top:28px;font-size:10px;display:block}.center{flex-shrink:0;width:min(66vh,660px)}.hud{letter-spacing:1px;background:#263529;border:1px solid #526049;border-bottom:0;justify-content:space-between;gap:14px;padding:16px 14px;font-size:10px;font-weight:700;display:flex}#viewport{aspect-ratio:3/4;background:#27352a;border:1px solid #526049;width:100%;position:relative;overflow:hidden}canvas{display:block}.bottom{letter-spacing:1px;color:#bac5b0;background:#1d2b22;justify-content:space-between;padding:12px;font-size:9px;display:flex}.overlay{z-index:2;text-align:center;background:linear-gradient(#111b18dd,#1b2b26dd);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}h2{margin:24px 0;font-size:clamp(42px,5vw,68px)}.overlay p{color:#b8c2ae;margin-bottom:30px;font-size:13px}.primary{color:#18221b;text-align:left;background:#d9b880;border:0;width:230px;padding:16px 20px;font-weight:700}.primary span{float:right}.primary:hover{background:#edcb95}.keyrow{flex-direction:column;align-items:start;gap:10px;margin:22px 0;display:flex}.keyrow span{color:#b2bbaa;font-size:11px}kbd{color:#e5e6d4;border:1px solid #52614d;border-radius:3px;padding:5px 8px;font-family:inherit;font-size:10px}#pause kbd{margin-left:8px}#diagnostics{line-height:1.7}@media (max-width:1150px){main{gap:20px}.brief,.controls{width:190px}h1{font-size:42px}.center{width:min(67vh,55vw)}}@media (max-width:850px){.brief{display:none}.controls{width:180px}.center{width:min(66vh,65vw)}header{padding:0 20px}.build{display:none}}@media (max-width:600px){.controls{display:none}header{height:58px;padding:0 12px}.brand span{font-size:11px}main{padding:12px 8px}.center{width:min(69vh,100%)}.hud{padding:12px 8px;font-size:8px}h2{font-size:52px}}.assist{color:#c2cbb8;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.debug{flex-wrap:wrap;gap:5px;margin-top:20px;font-size:10px;display:flex}.debug button{padding:5px;font-size:10px}h1{overflow-wrap:anywhere;font-size:clamp(32px,3vw,48px)}button:disabled{opacity:.55;cursor:wait}@media (min-width:851px) and (max-width:1000px){.brief{display:none}}dialog{color:#eee9d6;background:#1a2b22;border:1px solid #728165;border-radius:6px;width:min(420px,90vw);max-height:80vh;overflow-y:auto}dialog::backdrop{background:#07130cbb}dialog form{flex-direction:column;gap:16px;display:flex}dialog h3{margin:10px 0}dialog label{justify-content:space-between;align-items:center;gap:18px;display:flex}dialog select{color:#f0e5c9;background:#283e2d;padding:8px}dialog p{color:#becbb6;font-size:12px}.boss-status{letter-spacing:1px;background:#4a4f32;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:9px;display:flex}.boss-status progress{accent-color:#e0b775;width:42%;height:8px}.best{letter-spacing:1px;font-size:10px!important}#bindings{flex-direction:column;gap:8px;margin-top:12px;display:flex}details summary{cursor:pointer}@media (max-width:600px){header{gap:8px}.brand span{display:none}header button{padding:8px 10px;font-size:11px}#pause kbd{margin-left:4px}}.center{width:min(75vh - 174px,660px,100vw - 676px);width:min(75dvh - 174px,660px,100vw - 676px)}.hud{flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px}.hud #stats{letter-spacing:.4px;white-space:nowrap;font-size:clamp(8px,.8vw,10px)}@media (max-width:1150px){.center{width:min(75vh - 174px,100vw - 480px);width:min(75dvh - 174px,100vw - 480px)}}@media (min-width:851px) and (max-width:1000px){.center{width:min(75vh - 174px,100vw - 270px);width:min(75dvh - 174px,100vw - 270px)}}@media (max-width:850px){.center{width:min(75vh - 174px,100vw - 260px);width:min(75dvh - 174px,100vw - 260px)}}@media (max-width:600px){.center{width:min(75vh - 150px,100vw - 16px);width:min(75dvh - 150px,100vw - 16px)}.hud{padding:10px 8px}}.boss-status span{letter-spacing:.2px;white-space:nowrap;font-size:8px}.boss-status progress{flex:1;width:auto;min-width:0}.overlay .primary{max-width:100%}@media (max-height:650px){.overlay{padding:8px}.overlay h2{margin:8px 0;font-size:32px}.overlay p{margin:8px 0 10px;font-size:10px}.overlay .primary{padding:10px 12px}.overlay .assist{margin-top:10px;font-size:9px}.overlay small{margin-top:12px;font-size:8px}.overlay .best{margin:5px 0}}h1{overflow-wrap:normal;word-break:normal;font-size:clamp(30px,2.6vw,42px)}