:root{--paper:#f4ebd8;--ink:#1f2340;--accent:#c2432f;--shadow:#2d3a64;--gold:#f3b636;--font:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#111;height:100%;margin:0;overflow:hidden}#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;font-family:var(--font);color:var(--ink);position:fixed;inset:0}.panel{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);border-radius:6px}.gold-tag{left:max(16px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));font-variant-numeric:tabular-nums;letter-spacing:.02em;align-items:center;gap:10px;padding:6px 14px 6px 8px;font-size:22px;font-weight:800;display:flex;position:absolute}.gold-tag .coin{background:var(--gold);border:2px solid var(--ink);border-radius:50%;width:22px;height:22px;box-shadow:inset -3px -3px #0000002e}.gold-tag .rate{opacity:.7;margin-left:2px;font-size:13px;font-weight:600}.pop{white-space:nowrap;color:var(--gold);font-variant-numeric:tabular-nums;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;will-change:transform, opacity;font-size:22px;font-weight:900;position:absolute;top:0;left:0}.pop.shadow{color:#d9def5;font-size:18px}.pop.crit{color:#fff2c8;font-size:30px}.hint{left:max(16px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));opacity:.92;padding:5px 10px;font-size:13px;position:absolute}.hint b{font-weight:800}.dev{right:max(14px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));pointer-events:auto;width:214px;padding:8px 10px;font-size:12.5px;position:absolute}.dev .row{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.dev .lbl{opacity:.75;width:34px;font-weight:700}.dev button{font:inherit;color:var(--ink);cursor:pointer;border:1.5px solid var(--ink);background:0 0;border-radius:4px;padding:2px 7px;font-weight:700}.dev button.on{background:var(--ink);color:var(--paper)}.dev .stats{font-variant-numeric:tabular-nums;opacity:.7;margin-top:6px;font-size:11.5px}.dev .fold{font-size:14px;position:absolute;top:4px;right:6px;border:none!important;padding:0 4px!important}.dev.min{width:auto}.dev.min .body{display:none}.dev.min .fold{position:static}.touch{pointer-events:auto;position:absolute;inset:0}.joy-base{border:2px solid var(--ink);background:color-mix(in srgb, var(--paper) 55%, transparent);border-radius:50%;width:132px;height:132px;display:none;position:absolute;transform:translate(-50%,-50%)}.joy-knob{background:var(--paper);border:2px solid var(--ink);width:56px;height:56px;box-shadow:2px 2px 0 var(--shadow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tbtn{color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex;position:absolute}.tbtn.atk{width:92px;height:92px;right:max(34px, env(safe-area-inset-right));bottom:max(34px, env(safe-area-inset-bottom));background:var(--accent);color:var(--paper)}.tbtn.dash{width:64px;height:64px;right:max(140px, calc(env(safe-area-inset-right) + 106px));bottom:max(26px, env(safe-area-inset-bottom));font-size:15px}.tbtn.down{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}
