:root{--bg:#0e1116;--paper:#f6e4c4;--brass:#e3b23c;--ink:#2a2236;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);--vw:844px;--vh:390px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;height:100%;font-family:PingFang SC,Hiragino Sans GB,system-ui,sans-serif;overflow:hidden}#stage{width:var(--vw);height:var(--vh);transform-origin:50%;background:#12151c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#c{width:100%;height:100%;display:block;position:absolute;inset:0}#hits,#hud{pointer-events:none;position:absolute;inset:0}#title{text-align:center;color:var(--paper);letter-spacing:.16em;text-shadow:0 1px #000;font-size:15px;font-weight:700;position:absolute;top:4px;left:0;right:0}#objective,#status{color:var(--paper);text-shadow:0 1px 3px #000;position:absolute;left:12px;right:248px}#objective{font-size:13px;font-weight:650;top:24px}#status{font-size:12px;top:44px}#meters,#pose{color:#cbb89a;text-align:right;text-shadow:0 1px 3px #000;width:228px;font-size:11px;position:absolute;left:auto;right:12px}#meters{top:24px}#pose{top:40px}#hint{text-align:center;color:var(--paper);text-shadow:0 1px 4px #000;font-size:12px;position:absolute;bottom:58px;left:12px;right:12px}#result{border:1px solid var(--brass);width:210px;color:var(--paper);pointer-events:auto;text-shadow:none;background:#0c0a08e0;padding:10px 12px 12px;position:absolute;top:78px;right:14px}#result[hidden]{display:none}#result-title{letter-spacing:.08em;margin-bottom:6px;font-size:14px;font-weight:700}#result-costs{color:#f0e0c0;margin-bottom:10px;font-size:12px}#btn-retry{border:1px solid var(--brass);width:100%;height:32px;color:var(--paper);background:#5a4630;border-radius:3px;font-size:13px;font-weight:700;display:block}#rotate{z-index:30;color:var(--paper);text-align:center;background:#0e1116;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:fixed;inset:0}#rotate[hidden]{display:none!important}body.portrait #stage{visibility:hidden;pointer-events:none}.rotate-title{letter-spacing:.12em;font-size:22px;font-weight:700}.rotate-body{color:#d8c7a4;max-width:280px;font-size:15px;line-height:1.5}#dock{pointer-events:auto;flex-wrap:nowrap;align-items:center;gap:3px;height:48px;display:flex;position:absolute;bottom:4px;left:8px;right:8px}.dock-btn{min-width:0;height:44px;color:var(--paper);white-space:nowrap;background:#2a241c;border:1px solid #6a5638;border-radius:3px;flex:1 1 0;padding:0 2px;font-size:12px}.dock-btn[data-on="1"]{border-color:var(--brass);background:#5a4630}#cta{color:#fff6e4;letter-spacing:.08em;text-shadow:0 2px #5a2a10,0 0 24px #ffb43cb3;pointer-events:none;background:linear-gradient(#0000 30%,#0c080e26 54%,#0c080ed1 100%);justify-content:center;align-items:flex-end;padding-bottom:88px;font-size:42px;font-weight:800;display:flex;position:fixed;inset:0}#cta[hidden]{display:none}