*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #7a4a56;--ink-strong: #b5573f;--pink: #ffd9e8;--pink-soft: #ffeff6;--accent: #e8659a;--card: rgba(255, 255, 255, .88);--radius: 20px}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--pink-soft);color:var(--ink);overscroll-behavior-y:none}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#game-stage{position:relative;height:100dvh;min-height:480px;overflow:hidden}#game{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}#hud{position:absolute;inset:0;pointer-events:none;padding:calc(8px + env(safe-area-inset-top)) 12px 0}#score-box{position:absolute;top:calc(10px + env(safe-area-inset-top));left:14px;background:var(--card);border-radius:14px;padding:6px 14px;box-shadow:0 2px 10px #b5573f1f}#score{font-size:26px;font-weight:800;color:var(--ink-strong);line-height:1.05}#best{font-size:12px;font-weight:600;opacity:.75}#next-box{position:absolute;top:calc(10px + env(safe-area-inset-top));right:60px;background:var(--card);border-radius:14px;padding:4px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px #b5573f1f;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.95}#next-preview{width:48px;height:48px}#hud button,#screen-over button,#screen-start button{pointer-events:auto}#btn-mute,#btn-music,#btn-restart{position:absolute;right:12px;width:40px;height:40px;border-radius:50%;background:var(--card);box-shadow:0 2px 10px #b5573f1f;font-size:18px}#btn-mute{top:calc(10px + env(safe-area-inset-top))}#btn-music{top:calc(58px + env(safe-area-inset-top))}#btn-restart{top:calc(106px + env(safe-area-inset-top))}#btn-music.off{opacity:.45;text-decoration:line-through}#combo-badge{position:absolute;top:calc(78px + env(safe-area-inset-top));left:16px;font-size:22px;font-weight:800;color:var(--accent);opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}#combo-badge.show{opacity:1;transform:scale(1)}.pop{display:inline-block;animation:hud-pop .14s ease-out}@keyframes hud-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}#fever-bar{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(60%,260px);height:10px;background:#ffffffb3;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px #b5573f26}#fever-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#ffb3c9,#e8659a);transition:width .2s}#fever-bar.active #fever-fill{background:linear-gradient(90deg,#ff6ec7,#ffd93d,#6ee7b7,#60a5fa);background-size:300% 100%;animation:fever-slide 1.2s linear infinite}@keyframes fever-slide{to{background-position:300% 0}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffeff6b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center;padding:24px}.hidden{display:none!important}.logo{font-size:clamp(40px,10vw,64px);font-weight:800;color:var(--ink-strong);letter-spacing:-.02em;text-shadow:0 3px 0 rgba(255,255,255,.8)}.tagline{font-size:15px;font-weight:600;opacity:.85;max-width:300px}.btn{background:var(--accent);color:#fff;font-size:19px;font-weight:800;padding:14px 38px;border-radius:999px;box-shadow:0 4px #c94f80,0 8px 20px #e8659a59;transition:transform .08s;min-width:230px}.btn:active{transform:translateY(3px);box-shadow:0 1px #c94f80}.btn.secondary{background:#fff;color:#be3a6c;box-shadow:0 4px #eecddb,0 6px 16px #b5573f1f}.btn.secondary:active{box-shadow:0 1px #eecddb}.btn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn.small{min-width:0;font-size:15px;padding:10px 20px}.meta-line{font-size:13px;font-weight:600;opacity:.75}#evo-strip{width:min(92vw,380px);height:46px}.logo{animation:logo-wobble 5s ease-in-out infinite}@keyframes logo-wobble{0%,to{transform:rotate(-1.2deg) scale(1)}50%{transform:rotate(1.2deg) scale(1.02)}}#challenge-banner{background:#fff;border:2px solid var(--accent);border-radius:var(--radius);padding:12px 18px;max-width:320px;box-shadow:0 6px 24px #e8659a40;display:flex;flex-direction:column;gap:10px;animation:pop .5s}#challenge-text{font-size:14px;font-weight:600}#challenge-text b{color:var(--accent)}#missions-panel{background:var(--card);border-radius:14px;padding:8px 16px;font-size:13px;font-weight:600;text-align:left;min-width:250px;box-shadow:0 2px 10px #b5573f1a}.missions-title{font-weight:800;margin-bottom:4px;color:var(--ink-strong)}.mission{padding:2px 0}.mission.done{opacity:.6;text-decoration:line-through}.mission-prog{opacity:.6;font-size:11px}.stars-chip{font-size:12px;opacity:.85}.scroll-hint{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));font-size:12px;font-weight:700;opacity:.55;color:inherit;text-decoration:none}#over-score{font-size:52px;font-weight:800;color:var(--ink-strong);line-height:1}#over-badge{font-size:15px;font-weight:700;opacity:.85}#over-badge.newbest{color:var(--accent);animation:pop .5s}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}#over-pet{width:120px;height:124px}#over-pet-label{font-size:14px;font-weight:700}#over-daily{font-size:13px;font-weight:600;opacity:.8}#over-bonus{font-size:13px;font-weight:700;color:#c98a5a}#over-challenge{font-size:15px;font-weight:700;background:#fff;border-radius:14px;padding:8px 16px;box-shadow:0 2px 10px #b5573f1f}#over-challenge.won{color:var(--accent);animation:pop .5s}#over-challenge b{color:var(--ink-strong)}#email-card{background:var(--card);border-radius:var(--radius);padding:12px 18px;max-width:320px;box-shadow:0 4px 18px #b5573f24;display:flex;flex-direction:column;gap:8px;font-size:13.5px;font-weight:600}#over-leaderboard{width:min(86vw,340px);background:#ffffffbf;border-radius:14px;padding:8px 10px;box-shadow:0 2px 10px #b5573f1a}.lb-title{font-size:14px;font-weight:800;margin:2px 0 4px}.lb-row{display:flex;gap:8px;align-items:baseline;padding:2px 8px;border-radius:8px;font-size:13.5px;font-weight:600}.lb-row.you{background:#e8659a24;font-weight:800}.lb-rank{flex:none;width:30px;text-align:right}.lb-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:800;font-variant-numeric:tabular-nums}.lb-foot{font-size:12px;font-weight:600;opacity:.75;margin:4px 0 2px}.lb-name-form{display:flex;gap:6px;justify-content:center;margin:6px 0}.lb-name-input{min-width:0;width:150px;font:inherit;font-size:14px;border:2px solid #eecddb;border-radius:999px;padding:6px 12px;background:#fff;color:var(--ink)}.lb-name-input:focus{outline:none;border-color:var(--accent)}#whale-line{margin-top:2px}#email-form{display:flex;gap:6px}#email-input{flex:1;min-width:0;font:inherit;border:2px solid #eecddb;border-radius:999px;padding:8px 14px;background:#fff;color:var(--ink)}#email-input:focus{outline:none;border-color:var(--accent)}#email-dismiss{background:none;font-size:12px;font-weight:600;opacity:.6;color:inherit}.modal{position:fixed;inset:0;z-index:30;background:#7a4a5659;display:flex;align-items:center;justify-content:center;padding:18px}.modal-panel{background:var(--pink-soft);border-radius:var(--radius);max-width:440px;width:100%;max-height:84dvh;overflow-y:auto;padding:22px;box-shadow:0 16px 50px #7a4a564d}.modal-panel h2{color:var(--ink-strong);margin-bottom:12px;font-size:22px}.modal-panel h3{color:var(--ink-strong);margin:18px 0 8px;font-size:16px}#dex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dex-cell{background:#fff;border-radius:14px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:700}.dex-cell canvas{width:48px;height:48px}.dex-cell.locked{opacity:.55}#stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-cell{background:#fff;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600}.stat-cell b{font-size:17px;color:var(--ink-strong)}.stat-icon{font-size:16px}#theme-grid,#acc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-cell{background:#fff;border:2px solid transparent;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--ink)}.style-cell span:last-child{font-size:10.5px;font-weight:600;opacity:.65}.style-cell.active{border-color:var(--accent)}.style-cell.locked{opacity:.75}.style-cell canvas{width:38px;height:38px}.theme-swatch{width:38px;height:38px;border-radius:10px;border:2px solid;display:block}#ach-grid{display:flex;flex-direction:column;gap:6px}.ach-cell{background:#fff;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.35}.ach-cell.locked{opacity:.55}.ach-icon{font-size:22px}.modal-close{margin-top:16px;width:100%;background:var(--accent);color:#fff;font-weight:800;font-size:16px;padding:12px;border-radius:999px}.how-list{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.45}.how-list b{color:var(--ink-strong)}#toasts{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.toast{background:var(--card);color:var(--ink);font-size:14px;font-weight:600;padding:10px 18px;border-radius:999px;box-shadow:0 6px 20px #7a4a5640;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:translateY(0)}.toast.gold{background:#fff7dc;color:#8a6d1a}.toast.clickable{pointer-events:auto;cursor:pointer}.content{max-width:720px;margin:0 auto;padding:40px 20px 60px;line-height:1.65}.content section{margin-bottom:36px}.content h1{font-size:28px;color:var(--ink-strong);margin-bottom:10px}.content h2{font-size:21px;color:var(--ink-strong);margin-bottom:10px}.content h3{font-size:16px;margin:14px 0 4px}.content p,.content li{font-size:15.5px}.content ul,.content ol{padding-left:22px;margin:8px 0}.content table{border-collapse:collapse;width:100%;margin:12px 0}.content th,.content td{border:1px solid #f0c9d9;padding:8px 10px;font-size:14px;text-align:left}.content th{background:var(--pink)}footer.site-footer{text-align:center;font-size:13px;color:#86545f;padding:20px 0 calc(28px + env(safe-area-inset-bottom))}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}