:root{--ink: #1b1b28;--yellow: #ffd83d;--paper: #fffbe8;--green: #58c351;--green-dark: #3d9439}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#6ec1e4;font-family:Trebuchet MS,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#scene{display:block;width:100%;height:100%}.layer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.layer.hidden{display:none}.layer button{pointer-events:auto}.pixel{font-family:Courier New,ui-monospace,monospace;font-weight:700;letter-spacing:.06em;color:var(--yellow);-webkit-text-stroke:0;text-shadow:-3px 0 var(--ink),3px 0 var(--ink),0 -3px var(--ink),0 3px var(--ink),-3px -3px var(--ink),3px -3px var(--ink),-3px 3px var(--ink),3px 3px var(--ink),0 7px rgba(0,0,0,.35)}#hud{justify-content:flex-start;align-items:flex-start}#score{position:absolute;top:calc(18px + env(safe-area-inset-top));left:24px;font-size:clamp(40px,9vw,76px);line-height:1}#coins{position:absolute;top:calc(24px + env(safe-area-inset-top));right:24px;font-size:clamp(20px,4.5vw,34px)}.coin-badge{display:inline-flex;align-items:center;gap:8px}.coin-dot{width:.72em;height:.72em;background:var(--yellow);border:.16em solid var(--ink);border-radius:2px;box-shadow:inset -.14em -.14em #0000002e;display:inline-block}#title-screen{justify-content:space-between;padding-top:12vh;padding-bottom:8vh}.logo{transform:rotate(-2deg);text-align:center}.logo-line{font-family:Courier New,ui-monospace,monospace;font-weight:900;font-size:clamp(48px,15vw,132px);line-height:.92;letter-spacing:.04em;color:#fff;background:var(--ink);padding:.06em .18em;display:inline-block;box-shadow:10px 10px #00000047;border-radius:4px}.logo-line+.logo-line{margin-top:6px}.title-bottom{display:flex;flex-direction:column;align-items:center;gap:16px}.title-row{display:flex;align-items:center;gap:18px}.best{font-size:20px}.hint{color:#fff;font-size:13px;text-shadow:0 2px 4px rgba(0,0,0,.45);opacity:.95}.layer-coin{position:absolute;top:calc(20px + env(safe-area-inset-top));right:22px;font-size:26px}.btn{font-family:inherit;font-weight:800;border:0;border-radius:10px;cursor:pointer;color:#fff;letter-spacing:.08em;transition:transform .08s ease,box-shadow .08s ease}.btn-primary{font-size:clamp(20px,5vw,28px);padding:16px 46px;background:var(--green);box-shadow:0 7px 0 var(--green-dark),0 12px 18px #00000047}.btn-small{font-size:17px;padding:11px 24px;background:#f0a33c;box-shadow:0 5px #c47b1e,0 8px 14px #00000040}.btn:active{transform:translateY(5px);box-shadow:0 2px #00000059}.btn:disabled{background:#9aa0aa;box-shadow:0 5px #6f747c;cursor:default}.panel{pointer-events:auto;background:var(--paper);border:6px solid var(--ink);border-radius:16px;padding:26px 30px 24px;text-align:center;min-width:min(340px,86vw);box-shadow:0 16px #00000038;animation:pop .22s cubic-bezier(.2,1.4,.5,1)}.panel-wide{min-width:min(560px,92vw)}@keyframes pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.panel-title{font-size:22px;font-weight:800;color:var(--ink)}.over-score{font-size:68px;margin:10px 0 2px;line-height:1}.over-sub{font-size:18px;font-weight:700;color:#6a6a7a;margin-top:4px}.panel-btns{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px}.shop-coins{font-size:22px;margin-top:8px;justify-content:center;display:flex}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:12px;margin-top:18px;max-height:52vh;overflow-y:auto;padding:4px}.char-card{pointer-events:auto;background:#fff;border:4px solid var(--ink);border-radius:12px;padding:10px 6px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .1s ease}.char-card:active{transform:scale(.95)}.char-card.selected{border-color:var(--green);background:#eafbe8}.char-card.locked{opacity:.78}.char-card canvas{width:72px;height:72px;display:block}.char-name{font-size:11px;font-weight:800;color:var(--ink);letter-spacing:.04em}.char-cost{font-size:12px;font-weight:800;color:#b8860b;display:flex;align-items:center;gap:4px}.char-cost.owned{color:var(--green-dark)}