:root{--bg:#16110c;--paper:#f6e4c4;--brass:#e3b23c;--ink:#2a2236;--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}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#chrome{pointer-events:none;position:fixed;inset:0}#topbar,#palette,#dock,#plan-summary{pointer-events:auto}#topbar{background:linear-gradient(#0c0806f0,#0c08069e);height:68px;padding:4px 10px 6px;position:absolute;top:0;left:0;right:0}#title{color:var(--paper);letter-spacing:.12em;white-space:nowrap;font-size:15px;font-weight:700;position:absolute;top:4px;left:10px}#phase{color:var(--brass);white-space:nowrap;font-size:12px;position:absolute;top:5px;right:10px}#objective,#howto,#cost{color:var(--paper);white-space:nowrap;text-overflow:ellipsis;position:absolute;left:10px;right:88px;overflow:hidden}#objective{font-size:13px;font-weight:650;top:20px}#howto{color:#d8c4a0;font-size:11px;top:5px;left:118px;right:88px}#cost{color:var(--brass);font-variant-numeric:tabular-nums;font-size:12px;top:36px}#plan-summary{color:#f0d9a8;text-shadow:0 1px 4px #000;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;top:50px;left:10px;right:10px;overflow:hidden}#palette,#dock{align-items:stretch;gap:4px;padding:0 8px;display:flex;position:absolute;left:0;right:0}#palette{background:#0c0806b8;height:44px;bottom:44px}#dock{height:44px;padding-bottom:var(--sa-b);background:#080604eb;bottom:0}button{min-width:44px;height:44px;color:var(--paper);background:#2a1c10;border:1px solid #6a4a22;border-radius:4px;flex:1;padding:0 8px;font-size:13px}button.on{border-color:var(--brass);color:#fff6e4;background:#6a4a18}button.diag{color:#d8c4a0;background:#1c140e;font-size:12px}#hint{width:min(220px,24vw);left:12px;right:auto;bottom:calc(96px + var(--sa-b));text-align:left;color:var(--paper);text-shadow:0 1px 4px #000;pointer-events:none;font-size:12px;line-height:1.35;position:fixed}#hint.end-hidden{visibility:hidden}#result{border:1px solid var(--brass);width:min(236px,28vw);color:var(--paper);z-index:5;background:#0c0a08eb;padding:10px 12px 12px;position:fixed;top:92px;right:12px}#result[hidden]{display:none}#result-title{margin-bottom:6px;font-size:14px;font-weight:700}#result-cause,#result-costs{color:#f0e0c0;margin-bottom:8px;font-size:12px;line-height:1.4}#result-actions{flex-direction:column;gap:6px;display:flex}#result-actions button{flex:none;width:100%;height:36px;min-height:36px}#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}#rotate{z-index:40;color:var(--paper);text-align:center;background:#16110c;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:none;position:fixed;inset:0}#rotate .rotate-title{font-size:22px;font-weight:700}#rotate .rotate-body{color:#d8c4a0;font-size:15px}body.portrait #rotate{display:flex}body.portrait #c,body.portrait #chrome,body.portrait #hint,body.portrait #result{visibility:hidden}@media (width>=1100px){#howto{text-align:right;width:300px;font-size:12px;left:auto;right:96px}}