:root{color:#f5efcf;background:#09130f;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game{position:relative;background:radial-gradient(circle at 50% 35%,#486979 0,#15251f 72%);-webkit-user-select:none;user-select:none}#viewport{width:100%;height:100%;display:block}.hud{position:absolute;z-index:3;pointer-events:none}.hud-top{inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;background:linear-gradient(180deg,rgba(3,8,6,.82),transparent)}.eyebrow{margin:0 0 3px;color:#e9bd46;font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.18em}h1{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(25px,3vw,39px);font-weight:500;letter-spacing:.06em;text-shadow:0 2px 8px #000}.status{display:flex;gap:9px;align-items:center;padding:9px 13px;border:1px solid rgba(238,220,150,.28);border-radius:999px;background:#040c08a6;font-size:14px}#status-dot{width:7px;height:7px;border-radius:50%;background:#c78f34;box-shadow:0 0 12px currentColor}#status-dot.ready{background:#7cd183}.controls{left:24px;bottom:22px;padding:15px 16px;border:1px solid rgba(239,220,159,.2);border-radius:10px;background:#040b07c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 36px #00000047}.controls p{display:inline-flex;align-items:center;gap:7px;margin:0 13px 0 0;color:#d7d8c5;font-size:14px}kbd{min-width:27px;padding:4px 7px;border:1px solid #87784b;border-bottom-width:2px;border-radius:5px;color:#fff6cd;background:#1a241c;font:700 12px/1 ui-monospace,monospace;text-align:center}#camera-button{pointer-events:auto;margin-left:3px;padding:8px 11px;border:1px solid #ba9e4c;border-radius:6px;color:#171307;background:#e9bd46;font-weight:700;cursor:pointer}.loading{position:absolute;z-index:8;inset:0;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at center,#183026,#07100c 68%);transition:opacity .55s ease,visibility .55s}.loading.done{display:none}.loading p{margin:25px 0 12px;font-size:15px;letter-spacing:.08em}.progress{width:min(280px,70vw);height:3px;overflow:hidden;background:#263b2f}.progress span{display:block;width:8%;height:100%;background:#e9bd46;transition:width .25s ease}.triforce{position:relative;width:76px;height:68px;filter:drop-shadow(0 0 18px rgba(233,189,70,.38))}.triforce i{position:absolute;width:0;height:0;border-left:21px solid transparent;border-right:21px solid transparent;border-bottom:37px solid #e9bd46}.triforce i:first-child{left:17px;top:0}.triforce i:nth-child(2){left:0;bottom:0}.triforce i:nth-child(3){right:0;bottom:0}.reticle{position:absolute;z-index:2;left:50%;top:50%;width:5px;height:5px;border:1px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%);opacity:0}:fullscreen .reticle,#game:has(canvas:focus) .reticle{opacity:.65}.error{position:absolute;z-index:10;inset:auto 20px 20px;padding:14px 16px;border:1px solid #bd5d4c;border-radius:8px;color:#fff;background:#3b110cf0}.touch-controls{display:none;position:absolute;z-index:4;left:20px;bottom:20px;width:150px;height:150px}.touch-controls button{position:absolute;width:50px;height:50px;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;background:#050e0aad;font-size:20px;touch-action:none}.touch-controls button:nth-child(1){left:50px;top:0}.touch-controls button:nth-child(2){left:0;top:50px}.touch-controls button:nth-child(3){left:50px;top:100px}.touch-controls button:nth-child(4){left:100px;top:50px}@media(pointer:coarse),(max-width:720px){.hud-top{padding:16px}.controls{left:auto;right:14px;bottom:14px;max-width:155px;padding:11px}.controls p{display:none}#camera-button{margin:0;font-size:14px}.touch-controls{display:block}.status{font-size:12px}}