:root{--ink: #1b2024;--sub: #6b757c;--line: #e3e7ea;--chip: #f1f3f4}html,body{margin:0;height:100%;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,PingFang TC,Hiragino Sans,Noto Sans TC,Noto Sans JP,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#stage{position:relative;touch-action:none;container-type:size}#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.topbar{position:absolute;top:1.4%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:2}.tabs{display:flex;gap:4px;background:var(--chip);border-radius:999px;padding:4px}.tabs button,.lang{font-family:inherit;font-weight:700;font-size:clamp(12px,2.1cqh,16px);line-height:1;border:0;background:transparent;color:var(--sub);padding:.62em .95em;border-radius:999px;cursor:pointer}.tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001f}.lang{background:var(--chip);color:var(--ink);min-width:3.2em}.bottombar{position:absolute;left:3%;right:3%;bottom:2.4%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:2}.btn{font-family:inherit;font-weight:800;font-size:clamp(14px,2.3cqh,18px);line-height:1;border:0;border-radius:999px;padding:.95em 1.4em;background:var(--ink);color:#fff;cursor:pointer}.btn.alt{background:var(--chip);color:var(--ink)}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.chip{display:flex;align-items:center;gap:.45em;font-family:inherit;font-weight:700;font-size:clamp(11px,1.85cqh,14px);line-height:1;padding:.65em .8em;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.chip i{width:.95em;height:.95em;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.chip.on{border-color:var(--ink)}.toast{position:absolute;left:50%;bottom:13%;transform:translate(-50%);background:var(--ink);color:#fff;padding:.75em 1.2em;border-radius:999px;font-weight:700;font-size:clamp(12px,2cqh,15px);opacity:0;transition:opacity .2s;pointer-events:none;z-index:3;white-space:nowrap}.toast.show{opacity:1}.hidden{display:none!important}