*{box-sizing:border-box;margin:0;padding:0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--wood:#5c3b1e;--wood-dark:#3b2416;--paper:#f3e2c0;--red:#c1272d;--green:#006233;--ui:900 24px/1 system-ui, -apple-system, "Segoe UI", sans-serif}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#8ec5f2;width:100%;height:100%;overflow:hidden}canvas{display:block}#hud{top:calc(12px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));font:var(--ui);color:#fff;text-shadow:0 2px #00000080;pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:fixed}#coins{color:#eef1f4;align-items:center;gap:8px;display:flex}#coins:before{content:"";background:#c4cad1;border:3px solid #7c838c;border-radius:50%;width:20px;height:20px}#hud .right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.buttons{pointer-events:auto;gap:8px;display:flex}.buttons button{cursor:pointer;touch-action:manipulation;background:#0006;border:3px solid #ffffffd9;place-items:center;width:40px;height:40px;display:grid}.buttons button:active{transform:translateY(2px)}.buttons svg{fill:#fff;width:20px;height:20px}#btn-mute .off,#btn-mute.muted .on{display:none}#btn-mute.muted .off{display:block}#boosters{top:calc(48px + var(--safe-top));left:calc(16px + var(--safe-left));pointer-events:none;z-index:2;flex-direction:column;gap:6px;display:flex;position:fixed}.booster{color:#fff;background:#00000073;align-items:center;gap:8px;padding:4px 8px;font:700 14px/1 system-ui,sans-serif;display:flex}.booster i{background:#ffffff40;width:70px;height:8px;display:block}.booster b{background:#f2c14e;height:100%;display:block}#toast{color:#fff;text-shadow:0 3px 0 var(--wood), 0 0 12px #0006;pointer-events:none;opacity:0;white-space:nowrap;font:900 34px/1 system-ui,sans-serif;position:fixed;top:22%;left:50%;transform:translate(-50%)}#toast.on{animation:1.4s ease-out toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.05)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}#flash{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 120px 40px #d62828cc}#flash.on{animation:.5s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}#bubble{color:#1d2b4f;pointer-events:none;opacity:0;white-space:nowrap;background:#fff;border:3px solid #1d2b4f;padding:6px 12px;font:800 18px/1 system-ui,sans-serif;transition:opacity .2s;position:fixed;transform:translate(-50%,-100%)}#bubble:after{content:"";border:7px solid #0000;border-top-color:#1d2b4f;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}#bubble.on{opacity:1}.overlay{opacity:0;pointer-events:none;z-index:3;background:#140c0673;justify-content:center;align-items:center;padding:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}.overlay.on{opacity:1}#title{background:linear-gradient(#140c061a,#140c0680)}.card{background:var(--paper);border:4px solid var(--wood);width:100%;max-width:380px;box-shadow:0 6px 0 var(--wood-dark);text-align:center;color:var(--wood-dark);padding:24px 20px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.card h1{color:var(--red);letter-spacing:1px;font-size:34px}.card .sub{margin-top:6px;font-weight:600}.card .cta{background:var(--red);color:#fff;border:3px solid #7d141a;margin-top:18px;padding:10px 18px;font-size:18px;font-weight:900;animation:1.2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 4px #7d141a}@keyframes pulse{50%{transform:scale(1.06)}}#logo{width:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}#title .byline{letter-spacing:.5px;color:var(--wood);margin-top:6px;font-size:13px;font-weight:700}#title-best{color:var(--green);min-height:1em;margin-top:12px;font-weight:700}.controls{opacity:.75;margin-top:12px;font-size:13px}.controls.touch,body.touch .controls.keys{display:none}body.touch .controls.touch{display:block}#gameover{padding:calc(64px + var(--safe-top)) 16px calc(40px + env(safe-area-inset-bottom,0px));text-align:center;color:#fff;text-shadow:0 3px #0000008c,0 0 14px #00000080;background:linear-gradient(#140c068c,#140c0600 35% 70%,#140c0680);flex-direction:column;justify-content:space-between;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#go-score{font-size:64px;font-weight:900;line-height:1}#go-coins{color:#eef1f4;margin-top:6px;font-size:22px;font-weight:800}#go-best{color:#9be7b0;margin-top:4px;font-size:18px;font-weight:800}.go-bottom{margin-top:12px;font-size:22px;font-weight:900;animation:1.2s ease-in-out infinite pulse}.go-bottom-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;display:flex}#go-unlocked span{color:var(--wood-dark);text-shadow:none;border:3px solid var(--wood);box-shadow:0 4px 0 var(--wood-dark);background:#f2c14e;margin-top:10px;padding:6px 12px;font-size:18px;font-weight:900;animation:1s ease-in-out infinite pulse;display:inline-block}.progress{width:100%;margin-top:10px;font-size:14px;font-weight:800}.progress .p-total{font-size:16px}.p-bar{border:2px solid var(--wood-dark);background:#00000040;height:12px;margin:6px 0}.p-bar b{background:#f2c14e;height:100%;display:block}.p-next{opacity:.9;font-size:13px}.chars-btn{color:#fff;cursor:pointer;text-shadow:none;touch-action:manipulation;background:#1f5fa8;border:3px solid #123a66;margin-top:12px;padding:8px 16px;font:900 16px/1 system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 4px #123a66}.chars-btn:active{transform:translateY(3px);box-shadow:0 1px #123a66}.overlay.on button{pointer-events:auto}#select{z-index:4;background:#140c0699}#select.on{pointer-events:auto}.select-card{-webkit-overflow-scrolling:touch;touch-action:pan-y;max-width:560px;max-height:calc(100% - 16px);overflow-y:auto}.select-card h2{color:var(--wood);margin-top:16px;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:12px;display:grid}.tile{color:var(--wood-dark);text-align:center;background:#fff7e6;border:3px solid #c9a978;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;font:700 12px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative}button.tile{cursor:pointer;touch-action:manipulation}.tile img{aspect-ratio:4/5;object-fit:contain;width:100%;max-width:110px;image-rendering:pixelated}.tile.small img{aspect-ratio:1;max-width:72px}.tile.chosen{border-color:var(--green);background:#e3f6e8;box-shadow:0 0 0 3px #9be7b0}.tile .tag{color:var(--green);font-weight:900}.tile.locked{cursor:not-allowed}.tile .padlock{background:#3b2416d9;width:26px;height:29px;padding:3px;position:absolute;top:4px;right:4px}.tile .padlock svg{fill:#b8bec4;width:100%;height:100%;display:block}.tile .lock{color:#8b2e2e;font-size:12px;font-weight:900}.chars-btn.ok{background:var(--red);border-color:#7d141a;margin-top:18px;box-shadow:0 4px #7d141a}body.over #hud .right #score,body.over #coins,body.over #boosters{opacity:0}@media (width<=420px){#hud{font-size:20px}#toast,.card h1{font-size:28px}}