:root{--bg:#1a2430;--paper:#efe6d4;--brass:#e3b23c;--ink:#1a2430;--panel:#243040;--line:#8b95a3;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px)}*{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}button{font:inherit;color:var(--paper);pointer-events:auto;touch-action:manipulation;background:#3a4654;border:2px solid #c9a227;min-width:44px;min-height:44px}button:active{background:#4a5868}#c{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:2;color:var(--paper);position:fixed;inset:0}#title{text-align:center;letter-spacing:.12em;text-shadow:0 1px #000;font-family:Songti SC,Noto Serif SC,serif;font-size:22px;font-weight:700;position:absolute;top:6px;left:0;right:48px}#badge{border:1px solid var(--brass);color:var(--brass);letter-spacing:.2em;padding:2px 6px;font-size:11px;position:absolute;top:8px;right:10px}#meters{background:#141c26b8;border:1px solid #4a5564;align-items:center;gap:10px;width:366px;height:50px;padding:6px 10px;display:flex;position:absolute;top:36px;left:12px}#weight{font-variant-numeric:tabular-nums;width:118px;font-size:14px}#cog-wrap{flex:1;font-size:12px}#cog-track{background:#2c3542;border:1px solid #6b7380;height:10px;margin-top:4px;position:relative}#cog-mark{background:var(--brass);width:8px;height:16px;margin-left:-4px;position:absolute;top:-3px}#cog-mid{background:#efe6d4;width:2px;height:14px;position:absolute;top:-2px;left:50%}#rules{white-space:pre-wrap;color:#d9cbb0;background:#141c26c7;border:1px solid #5a4630;width:370px;height:78px;padding:6px 8px;font:11px/1.35 PingFang SC,sans-serif;position:absolute;top:90px;left:10px;overflow:hidden}#hint{text-align:center;text-shadow:0 1px 4px #000;pointer-events:none;width:370px;font-size:13px;position:absolute;top:500px;left:10px}#reason{color:#fff3ea;pointer-events:auto;background:#6b2a24;border:2px solid #e25b4a;width:370px;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.35;position:absolute;top:168px;left:10px}#reason[hidden],#select-bar[hidden],#cta[hidden]{display:none}#select-bar{pointer-events:auto;gap:10px;width:366px;height:48px;display:flex;position:absolute;top:548px;left:12px}#select-bar button{flex:1;height:48px}#tray{pointer-events:auto;background:#2a2018e0;border:1px solid #8a623c;gap:6px;width:374px;height:88px;padding:4px;display:flex;position:absolute;top:604px;left:8px}.tray-item{color:#1a2430;background:#c4a06b;border:2px solid #c9a227;flex:0 0 68px;width:68px;height:80px;padding:4px;font-size:12px;line-height:1.15}.tray-item[data-gone="1"]{visibility:hidden;pointer-events:none}.tray-item[data-id=H]{color:#efe6d4;background:#4a5260}.tray-item[data-id=F]{background:#d2b07a;box-shadow:inset 0 0 0 3px #8c2f28}#actions{pointer-events:auto;gap:8px;width:366px;height:52px;display:flex;position:absolute;top:772px;left:12px}#actions button{flex:1;height:52px;font-size:16px}#btn-haul{background:#8a5a16;border-color:#e3b23c}#cta{color:#fff6e4;letter-spacing:.08em;text-shadow:0 2px #5a2a10,0 0 24px #ffb43cb3;pointer-events:none;z-index:4;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}