:root{--bg:#0e0c12;--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:#16141c;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:.14em;text-shadow:0 1px #000;font-size:14px;font-weight:700;position:absolute;top:4px;left:0;right:0}#meters,#reason{color:var(--paper);text-shadow:0 1px 3px #000;font-size:11px;position:absolute}#meters{text-align:center;top:22px;left:12px;right:12px}#reason{text-align:center;color:#ffb4a0;top:38px;left:12px;right:12px}#hint{text-align:center;color:var(--paper);text-shadow:0 1px 4px #000;font-size:12px;position:absolute;bottom:102px;left:12px;right:12px}#stage[data-art=official] #title,#stage[data-art=official] #meters,#stage[data-art=official] #hint{color:#2a1c12;text-shadow:0 1px #fff6e4d9,0 0 8px #f6e4c4b3}#stage[data-art=official] #reason{color:#8a2010;text-shadow:0 1px #fff6e4e6}#palette,#dock{pointer-events:auto;align-items:center;gap:6px;max-width:620px;display:flex;position:absolute;left:8px;right:auto}#palette{height:44px;bottom:54px}#dock{height:44px;bottom:6px}.dock-btn,.pal-btn{min-width:44px;height:44px;color:var(--paper);background:#2a241c;border:1px solid #6a5638;border-radius:4px;padding:0 10px;font-size:12px}.dock-btn[data-on="1"],.pal-btn[data-on="1"]{border-color:var(--brass);background:#5a4630}.dock-btn:disabled,.pal-btn:disabled{opacity:.4}#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}