#eraser-root{--ink:#241c14;--paper:#f6f1e7;z-index:1;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#17130f;font-family:PingFang HK,Noto Sans TC,WenQuanYi Zen Hei,Heiti TC,sans-serif;position:fixed;inset:0;overflow:hidden}#eraser-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#eraser-root #wrap{flex-direction:column;height:100%;display:flex}#eraser-root header{padding:calc(8px + env(safe-area-inset-top)) 14px 6px;color:#f7f1e6;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}#eraser-root header h1{letter-spacing:.5px;margin:0;font-size:22px;font-weight:700}#eraser-root header p{opacity:.72;margin:2px 0 0;font-size:12px;line-height:1.4}#eraser-root #score{white-space:nowrap;background:#ffffff14;border-radius:10px;padding:6px 10px;font-size:13px}#eraser-root #stage{flex:1;min-height:0;position:relative}#eraser-root canvas{width:100%;height:100%;display:block}#eraser-root .panel{padding:10px 10px calc(12px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}#eraser-root .card{pointer-events:auto;background:#f6f1e7f7;border-radius:18px;width:min(460px,100%);max-height:min(72vh,560px);padding:14px;overflow:auto;box-shadow:0 12px 32px #00000052}#eraser-root .card h2{margin:0 0 4px;font-size:18px;font-weight:700}#eraser-root .sub{color:#65594c;margin:0 0 10px;font-size:13px;line-height:1.45}#eraser-root .modes,#eraser-root .row{gap:8px;display:flex}#eraser-root .modes{margin-bottom:10px}#eraser-root button{border:0;border-radius:12px;font-family:inherit;font-weight:700}#eraser-root .mode,#eraser-root .go,#eraser-root .ghost{flex:1;min-height:44px;padding:11px 8px;font-size:14px}#eraser-root .mode{color:var(--ink);background:#fff;border:2px solid #0000}#eraser-root .mode.on{background:#e7f6ee;border-color:#1f6b4a}#eraser-root .grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}#eraser-root .pick{text-align:left;min-height:44px;color:var(--ink);background:#fff;border:2px solid #0000;padding:10px}#eraser-root .pick.on{background:#e7f6ee;border-color:#1f6b4a}#eraser-root .pick b{font-size:14px;display:block}#eraser-root .pick span{color:#6d6256;margin-top:2px;font-size:11px;font-weight:500;line-height:1.35;display:block}#eraser-root .swatch{vertical-align:-1px;border:1px solid #00000026;border-radius:3px;width:18px;height:12px;margin-right:6px;display:inline-block}#eraser-root .row{margin-top:10px}#eraser-root .go{color:#fff;background:#1f6b4a}#eraser-root .ghost{color:#3c332b;background:#efe7da}#eraser-root .hud{pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:8px;left:10px;right:10px}#eraser-root .badge{background:#f6f1e7f0;border-radius:12px;min-width:104px;padding:7px 10px;box-shadow:0 4px 12px #0000001f}#eraser-root .badge.turn{outline:3px solid #e7b341}#eraser-root .badge b{font-size:13px;display:block}#eraser-root .badge span{color:#6d6256;font-size:11px}#eraser-root .hint{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));text-align:center;color:#f7f1e6;text-shadow:0 1px 2px #00000080;pointer-events:none;font-size:13px;line-height:1.4;position:absolute}#eraser-root .hidden{display:none!important}