*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#1b0f1e;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{position:fixed;inset:0;color:#fbeff5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}#game{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#ui>*{pointer-events:auto}img,canvas{-webkit-user-drag:none;user-select:none}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}:root{--icon-video: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='2' y='5' width='13' height='14' rx='2'/%3E%3Cpath d='M16 10l6-3.5v11L16 14z'/%3E%3C/svg%3E");--bg: #1b0f1e;--panel: rgba(38, 20, 44, .92);--panel-edge: rgba(255, 255, 255, .1);--text: #fbeff5;--muted: rgba(251, 239, 245, .6);--accent: #ff8fb1;--accent-dark: #c2185b;--ok: #8de08a;--radius: 18px}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:#0f0612b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .18s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen.is-transparent{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.panel{width:min(92vw,380px);background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:22px 20px;display:flex;flex-direction:column;gap:12px;align-items:stretch;box-shadow:0 20px 60px #00000073}.title{font-size:clamp(28px,7vw,44px);font-weight:800;letter-spacing:.01em;margin:0;text-align:center;color:var(--accent);text-shadow:0 4px 24px rgba(255,143,177,.35)}.subtitle{margin:0;text-align:center;color:var(--muted);font-size:14px}.h2{margin:0;font-size:22px;font-weight:700;text-align:center}.tip-text{margin:0;text-align:center;font-size:16px;line-height:1.4}.btn{border:0;border-radius:14px;padding:14px 18px;font-size:17px;font-weight:700;background:var(--accent);color:#2a0d1a;min-height:48px;transition:transform .08s ease,filter .12s ease}.btn:active{transform:scale(.97);filter:brightness(.92)}.btn.is-secondary{background:#ffffff1a;color:var(--text)}.btn.is-ghost{background:transparent;color:var(--muted)}.btn.is-ad{background:#ffd166;color:#3a2a00}.btn.is-ad:before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-3px;background:currentColor;-webkit-mask:var(--icon-video) center / contain no-repeat;mask:var(--icon-video) center / contain no-repeat}.hud .consumable.is-ad:after,.hud .consumable.is-empty:after{content:"";position:absolute;right:-3px;top:-3px;width:14px;height:14px;border-radius:50%;background:#ffd166;-webkit-mask:var(--icon-video) center / 10px no-repeat;mask:var(--icon-video) center / 10px no-repeat}.btn:disabled{opacity:.45;pointer-events:none}.btn .sub{display:block;font-size:12px;font-weight:500;opacity:.75}.btn svg{width:20px;height:20px;vertical-align:-4px;margin-right:6px}#ui [hidden]{display:none!important}.hud{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:center;gap:8px;padding:8px 12px;pointer-events:none}.hud>*{pointer-events:auto}.hud .chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:12px;background:#ffffff14;border:1px solid var(--panel-edge);font-weight:700;font-size:14px;white-space:nowrap}.hud .chip.is-moves{font-size:18px;min-width:52px;justify-content:center}@media (max-width: 480px){.hud{gap:5px;padding:8px 6px}.hud .chip.is-level{display:none}.hud .icon-btn{width:36px}}.hud .chip.is-moves.is-low{color:#ffb4b4;border-color:#ff787880}.hud .spacer{flex:1}.hud .icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--panel-edge);background:#ffffff14;color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0}.hud .icon-btn svg{width:22px;height:22px}.hud .consumable{position:relative;height:40px;padding:0 8px 0 6px;border-radius:12px;border:1px solid var(--panel-edge);background:#ffffff14;color:var(--text);display:inline-flex;align-items:center;gap:6px;font-weight:700}.hud .consumable svg{width:22px;height:22px}.hud .consumable.is-armed{background:#8de08a40;border-color:var(--ok);box-shadow:0 0 0 2px #8de08a59}.hud .consumable.is-empty{border-color:#ffd16699}.hud .consumable.is-empty .count{color:#ffd166}.hud .consumable.is-ad{background:#ffd1662e;border-color:#ffd16699}.hud .consumable .count{min-width:14px;text-align:center}.hint{position:absolute;left:50%;transform:translate(-50%);top:60px;width:max-content;max-width:92vw;padding:8px 14px;border-radius:12px;background:#00000073;color:var(--text);font-size:14px;text-align:center;pointer-events:none;line-height:1.25;font-size:13px;animation:fade .3s ease-out}.toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:#000000b3;color:var(--text);font-size:14px;pointer-events:none;animation:fade .2s ease-out;max-width:90vw;text-align:center}.stars{display:flex;justify-content:center;gap:8px;font-size:34px;line-height:1}.stars .star{color:#ffffff2e}.stars .star.is-on{color:#ffd166;text-shadow:0 0 14px rgba(255,209,102,.6)}.coins{text-align:center;font-size:16px;color:var(--muted)}.levels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-cell{aspect-ratio:1;border-radius:12px;border:1px solid var(--panel-edge);background:#ffffff14;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:16px;padding:0}.level-cell .s{font-size:10px;color:#ffd166;letter-spacing:1px}.level-cell:disabled{opacity:.35}.row{display:flex;gap:8px}.row>.btn{flex:1}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:6px 4px}.shop-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--panel-edge)}.shop-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff14;flex:none}.shop-icon svg{width:24px;height:24px}.shop-text{flex:1;min-width:0}.shop-name{font-weight:700}.shop-why{font-size:12px;color:var(--muted)}.shop-have{font-size:12px;color:#ffd166}.btn.is-small{padding:10px 12px;font-size:14px;min-height:40px;white-space:nowrap}.hud .chip.is-coins{color:#ffd166}.levels-scroll{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;touch-action:pan-y}