:root{--bg:#f8f4ec;--surface:#fffdfa;--text-strong:#303653;--text-muted:#667085;--accent:#6d5bd0;--danger:#bd4f5b;--clay-purple:#7868d8;--clay-purple-dark:#5746b4;--clay-mint:#a9e5d1;--clay-yellow:#f6d979;--clay-peach:#f5b8a4;--clay-blue:#acd5f3;--clay-pink:#efb7d1;--clay-green:#b9dfa3;--clay-cream:#fff8e8;--shadow-soft:0 16px 30px #423d5c21, inset 0 2px 2px #ffffffe0, inset 0 -5px 10px #5042690f;--shadow-elevated:0 23px 38px #423d5c33, inset 0 2px 2px #ffffffe6, inset 0 -6px 12px #50426914;color:var(--text-strong);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 6% 4%,#f6d9796b,#0000 23%),radial-gradient(circle at 94% 8%,#a9e5d175,#0000 25%),radial-gradient(circle at 76% 88%,#efb7d147,#0000 27%),linear-gradient(155deg,#fffaf0 0%,#f8f2ef 48%,#eef8f2 100%);font:18px/1.5 Nunito,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:4px solid #5746b45c}h1,h2{letter-spacing:-.03em;margin:0;font-family:Fredoka,sans-serif;line-height:1.04}h1{font-size:clamp(3rem,6vw,5.2rem)}h2{font-size:clamp(1.65rem,3vw,2.3rem)}p{margin:0}#root{min-height:100vh}.shell{width:min(1200px,100%);margin:0 auto;padding:28px 24px 56px}.shell__content{gap:26px;display:grid}.shell--ready{animation:.36s both shell-enter}@keyframes shell-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-panel{background:radial-gradient(circle at 9% 16%,#ffffffb8 0 4px,#0000 5px),radial-gradient(circle at 16% 28%,#ffffff85 0 7px,#0000 8px),radial-gradient(circle at 88% 12%,#fff08ad6,#0000 24%),linear-gradient(135deg,#b9f1e1 0%,#d9f7ee 42%,#fff0a7 100%);border:3px solid #ffffffeb;border-radius:36px;padding:30px;position:relative;overflow:hidden;box-shadow:0 24px 55px #3b5b5b2e}.hero-panel:before,.hero-panel:after{pointer-events:none;color:#5b49bd24;font-size:6rem;line-height:1;position:absolute}.hero-panel:before{content:"♪";top:72px;left:47%;transform:rotate(-12deg)}.hero-panel:after{content:"♫";bottom:-8px;right:2%;transform:rotate(9deg)}.hero-panel__top,.game-header__top{z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.hero-panel__layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:center;gap:30px;margin-top:20px;display:grid;position:relative}.hero-panel__copy{gap:18px;display:grid}.hero-panel h1{color:#263b47;text-wrap:balance;max-width:12ch}.hero-copy{color:#405866;max-width:58ch;font-size:1.04rem;font-weight:600}.eyebrow,.question-kicker,.mode-name,.dino-card__kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.eyebrow{color:#376b66;background:#ffffffc2;border:2px solid #48757124;border-radius:999px;width:fit-content;padding:9px 14px;box-shadow:0 5px #427f761a}.eyebrow--link{text-decoration:none}.language-switcher{z-index:2;background:#ffffffd1;border:2px solid #4948931f;border-radius:999px;align-items:center;gap:9px;padding:7px 9px;display:inline-flex;position:relative;box-shadow:0 6px #564ca414}.language-switcher__label{color:var(--text-muted);font-size:.78rem;font-weight:700}.language-switcher__options{gap:4px;display:inline-flex}.language-switcher__button{min-width:42px;color:var(--text-strong);font:inherit;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:800}.language-switcher__button--active{background:var(--accent);color:#fff;box-shadow:0 4px 9px #5b49bd38}.hero-stats{flex-wrap:wrap;gap:10px;display:flex}.hero-stats span,.stats-card span{color:#38515d;background:#ffffffc2;border:2px solid #3e65631a;border-radius:999px;padding:10px 13px;font-size:.88rem;font-weight:800}.dino-card{isolation:isolate;background:radial-gradient(circle at 92% 8%,#ffd5563d,#0000 28%),radial-gradient(circle at 10% 86%,#6bd3b224,#0000 31%),linear-gradient(155deg,#fffffdfa,#fff7e7f5);border:2px solid #efb75d94;border-radius:28px;gap:12px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #46504526,inset 0 0 0 1px #ffffffc7}.dino-card:after{content:"★";color:#ffb82d21;pointer-events:none;z-index:-1;font-size:7rem;line-height:1;position:absolute;bottom:-24px;right:-12px}.dino-card__header,.dino-progress__label{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.dino-card__intro{gap:3px;min-width:0;display:grid}.dino-card__subtitle,.dino-card__copy p,.dino-card__hint{color:var(--text-muted);font-size:.86rem}.dino-card__subtitle{max-width:30ch;line-height:1.35}.dino-card__status{flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.dino-hunger-badge{color:#8a451e;background:#fff0dc;border:2px solid #f29a55;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900;animation:1.8s ease-in-out infinite hunger-badge-pulse}@keyframes hunger-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dino-points{z-index:1;color:#6c5210;background:linear-gradient(#fff9d9,#fff0aa);border:2px solid #e8c153;border-radius:15px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:48px;padding:7px 12px;display:flex;position:relative;box-shadow:0 4px #c28f1a21}.dino-card__actions{z-index:2;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:9px;display:grid;position:relative}.dino-points__label{color:#8a6c1e;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;font-size:.62rem;font-weight:900;line-height:1.1;overflow:hidden}.dino-points__value{flex:none;font-family:Fredoka,sans-serif;font-size:1.03rem;line-height:1}.pet-shop-open{z-index:1;color:#5847a5;min-width:0;min-height:48px;font:inherit;text-align:left;background:linear-gradient(#f5f1ff,#e9e2ff);border:2px solid #a995ec;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 11px;font-size:.75rem;font-weight:900;line-height:1.15;transition:transform .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 4px #5645a624}.pet-shop-open__icon{font-size:1rem}.pet-shop-open__label{min-width:0}.pet-shop-open__arrow{background:#6d56c81f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.82rem;display:grid}.pet-shop-open:hover{transform:translateY(-1px)}.dino-card__body{background:radial-gradient(circle at 22%,#82e2c44d,#0000 33%),linear-gradient(135deg,#eefff9cc,#ffffff94);border:2px solid #66ae992b;border-radius:22px;grid-template-columns:minmax(126px,.92fr) minmax(0,1.08fr);align-items:center;gap:12px;min-height:166px;padding:12px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffffe6}.dino-card__body:after{color:#5e48b917;content:"♪";pointer-events:none;font-size:3.6rem;line-height:1;position:absolute;top:5px;right:12px;transform:rotate(8deg)}.dino-sprite-button{width:140px;max-width:100%;min-height:140px;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;justify-self:center;place-items:center;padding:0;display:grid;position:relative}.dino-sprite-button:before{content:"";background:radial-gradient(circle at 50% 42%,#fffffff2,#cbf2e5b8);border:2px solid #ffffffb8;border-radius:50%;width:122px;height:122px;position:absolute;box-shadow:0 10px 24px #3c846c1f,inset 0 -10px 18px #5dc1a314}.dino-sprite-button:focus-visible{outline-offset:4px;outline:4px solid #6453cc4d}.dino-sprite{z-index:1;aspect-ratio:1;filter:drop-shadow(0 9px 7px #2b5a412b);transform-origin:50% 84%;will-change:transform;contain:layout;justify-self:center;width:136px;display:block;position:relative;overflow:visible}.dino-sprite__frame{object-fit:contain;opacity:0;will-change:opacity;pointer-events:none;width:100%;max-width:none;height:auto;transform:translate(-50%, -50%) scale(var(--dino-frame-scale,1)) translate(var(--dino-frame-offset-x,0%), var(--dino-frame-offset-y,0%)) scale(var(--dino-frame-normalize-scale,1));transform-origin:50%;-webkit-user-select:none;user-select:none;transition:opacity .16s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}.dino-sprite__frame--active{opacity:1;z-index:1}.dino-sprite--egg{--dino-frame-scale:1.2}.dino-sprite--baby{--dino-frame-scale:1.22}.dino-sprite--young{--dino-frame-scale:1.08}.dino-sprite--adult{--dino-frame-scale:1.12}.dino-sprite--super{--dino-frame-scale:1.02}.pet-emoji-avatar{background:radial-gradient(circle at 50% 38%, white 0 7%, transparent 8%), radial-gradient(circle at 50% 50%, var(--pet-accent-soft) 0 39%, transparent 40%);border-radius:44% 44% 36% 36%;place-items:center;display:grid;overflow:visible}.pet-emoji-avatar__character{transform-origin:50% 70%;place-items:center;width:100%;height:100%;animation:2.3s ease-in-out infinite pet-emoji-idle;display:grid;position:relative}.pet-emoji-avatar__body{filter:drop-shadow(0 9px 5px #34424521);font-size:5.25rem;line-height:1;display:block;transform:translateY(6px)}.pet-emoji-avatar--baby .pet-emoji-avatar__character{transform:scale(.72)}.pet-emoji-avatar--young .pet-emoji-avatar__character{transform:scale(.86)}.pet-emoji-avatar--adult .pet-emoji-avatar__character{transform:scale(.96)}.pet-emoji-avatar--super .pet-emoji-avatar__character{transform:scale(1.05)}.pet-emoji-avatar__collar{background:var(--pet-accent);border:3px solid #fff;border-radius:50%;width:45px;height:12px;position:absolute;top:57%;left:50%;transform:translate(-50%)rotate(-2deg)}.pet-emoji-avatar__crown{color:#f1b928;text-shadow:0 2px #fff;font-family:Fredoka,sans-serif;font-size:2.5rem;line-height:1;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.pet-egg-shell{background:radial-gradient(circle at 35% 25%, #ffffffd6 0 8%, transparent 9%), linear-gradient(145deg, var(--pet-accent-soft), var(--pet-accent));border:5px solid #fff;border-radius:52% 52% 47% 47%/61% 61% 39% 39%;width:76px;height:98px;animation:2.4s ease-in-out infinite pet-egg-wobble;display:block;position:relative;overflow:hidden;box-shadow:0 12px 13px #3f4c4626,inset -8px -8px 13px #5c477014}.pet-egg-shell__spot{background:#ffffff8c;border-radius:50%;position:absolute}.pet-egg-shell__spot--one{width:17px;height:12px;top:46px;left:12px;transform:rotate(21deg)}.pet-egg-shell__spot--two{width:12px;height:17px;top:25px;right:11px;transform:rotate(-18deg)}.pet-egg-shell__crack{clip-path:polygon(40% 0,100% 28%,48% 48%,100% 74%,35% 100%,0 87%,49% 70%,0 46%,52% 26%,0 12%);border-left:4px solid #5540547a;width:24px;height:30px;position:absolute;top:-2px;left:50%;transform:translate(-3px)rotate(6deg)}@keyframes pet-emoji-idle{0%,to{translate:0;rotate:0deg}50%{translate:0 -4px;rotate:1.5deg}}@keyframes pet-egg-wobble{0%,70%,to{transform:rotate(0)translateY(0)}78%{transform:rotate(-4deg)translateY(-2px)}86%{transform:rotate(4deg)translateY(-2px)}}.dino-sprite--hungry{filter:saturate(.88)drop-shadow(0 10px 8px #74462c2e);animation:1.7s ease-in-out infinite dino-hungry-idle}@keyframes dino-hungry-idle{0%,to{transform:translate(0)rotate(0)}42%{transform:translate(-2px)rotate(-1deg)}52%{transform:translate(2px)rotate(1deg)}62%{transform:translate(-1px)rotate(-.5deg)}}.dino-feeling{z-index:10;color:#374e57;pointer-events:none;background:#fffffff5;border:2px solid #5945b02e;border-radius:11px;align-items:center;gap:7px;width:min(172px,100% - 24px);min-height:32px;margin:0;padding:6px 8px;font-size:.7rem;font-weight:900;line-height:1.15;animation:.26s cubic-bezier(.22,.84,.36,1.1) both dino-feeling-in;display:flex;position:absolute;top:-18px;left:12px;box-shadow:0 5px 12px #2a43431c}.dino-feeling:after{content:"";background:#fffffffa;border-bottom:2px solid #5945b02e;border-right:2px solid #5945b02e;border-radius:0 0 3px;width:12px;height:12px;position:absolute;bottom:-7px;left:49px;transform:rotate(45deg)}.dino-feeling__emoji{flex:none;font-size:1rem}@keyframes dino-feeling-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dino-card__copy{align-content:center;gap:6px;min-width:0;display:grid}.dino-stage-chip{color:#5945b0;background:#e6ddff;border-radius:999px;width:fit-content;padding:6px 9px;font-size:.75rem;font-weight:900}.dino-stage-name{color:#244b43;text-wrap:balance;font-family:Fredoka,sans-serif;font-size:1.22rem;line-height:1.1}.dino-growth-panel{z-index:1;background:#ffffffa3;border:2px solid #5e7b721a;border-radius:18px;gap:12px;padding:12px 13px 13px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6}.dino-progress{z-index:1;gap:6px;display:grid;position:relative}.dino-progress__label{color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:1.2}.dino-progress__label strong{color:#3c7467}.dino-progress__track{background:#dcece8;border-radius:999px;height:12px;padding:2px;overflow:hidden;box-shadow:inset 0 2px 4px #2d5f521f}.dino-progress__track span{border-radius:inherit;background:linear-gradient(90deg,#52c89c,#f2c840);min-width:8px;height:100%;transition:width .4s;display:block}.evolution-track{z-index:1;grid-template-columns:repeat(5,1fr);gap:6px;display:grid;position:relative}.evolution-track:before{content:"";background:#dbe9e5;height:3px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.evolution-track__step{color:#79928c;background:#f7fbf9;border:2px solid #cdded9;border-radius:50%;justify-self:center;place-items:center;width:24px;height:24px;font-size:.68rem;font-weight:900;display:grid;position:relative}.evolution-track__step--complete{color:#fff;background:#45b78b;border-color:#45b78b}.evolution-track__step--current{color:#74580d;background:#fff0a6;border-color:#f1bd31;transform:scale(1.08);box-shadow:0 0 0 5px #f2c1352b}.dino-card__hint,.dino-card__tap-hint,.dino-card__sound-error{z-index:1;color:var(--text-muted);font-size:.78rem;font-weight:700;position:relative}.dino-card__footer{z-index:1;gap:8px;display:grid;position:relative}.dino-card__tap-hint{color:#5c5193;background:#e9e1ff85;border:1px solid #6e57c114;border-radius:11px;padding:8px 10px}.dino-card__sound-error{color:var(--danger)}.dino-card__hint{border-top:2px dashed #397d6c1f;padding:8px 10px 0}.dino-card--compact{position:sticky;top:18px}.dino-card--compact .dino-points{flex-direction:column;justify-content:center;gap:2px;padding:5px 7px}.dino-card--compact .dino-points__label{letter-spacing:.02em;text-overflow:clip;white-space:nowrap;flex:none;font-size:.58rem;line-height:1;overflow:visible}.dino-card--compact .dino-points__value{font-size:.95rem}.dino-card--compact .dino-card__body{grid-template-columns:96px minmax(0,1fr);gap:10px;min-height:124px;padding:10px}.dino-card--compact .dino-sprite-button{width:96px;min-height:96px}.dino-card--compact .dino-sprite-button:before{width:86px;height:86px}.dino-card--compact .dino-sprite{width:94px}.dino-card--compact .dino-stage-name{font-size:1.08rem}.dino-card--compact .dino-card__copy p{font-size:.78rem}.dino-card--celebrate .dino-sprite{animation:.65s cubic-bezier(.22,.8,.38,1.15) both dino-celebrate}.dino-sprite-button--reacting .dino-sprite{animation:.52s cubic-bezier(.22,.8,.38,1.15) both dino-tap-react}.pet-shop-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#27313a8a;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.pet-shop-dialog{background:radial-gradient(circle at 92% 5%,#ffe37266,#0000 24%),linear-gradient(145deg,#fffdfa,#f1f9f6);border:4px solid #ffffffeb;border-radius:32px;gap:20px;width:min(980px,100%);max-height:calc(100vh - 48px);padding:25px;display:grid;overflow-y:auto;box-shadow:0 28px 80px #15272a47}.pet-shop-dialog__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.pet-shop-dialog__header>div:first-child{gap:6px;max-width:62ch;display:grid}.pet-shop-dialog__header h2{color:#2c4f49;font-size:clamp(1.75rem,4vw,2.55rem)}.pet-shop-dialog__header p:last-child{color:var(--text-muted);font-weight:650}.pet-shop-dialog__actions{align-items:flex-start;gap:10px;display:flex}.pet-shop-wallet{color:#6b530f;background:#fff3b5;border:2px solid #e4b638;border-radius:15px;grid-template-columns:auto auto;column-gap:6px;padding:9px 12px;display:grid;box-shadow:0 5px #ac7e141f}.pet-shop-wallet>span:last-child{grid-column:1/-1;font-size:.67rem;font-weight:800}.pet-shop-close{color:#5a4ca0;width:44px;height:44px;font:inherit;background:#fff;border:2px solid #ded8f5;border-radius:14px;place-items:center;padding:0;font-size:1.7rem;font-weight:800;display:grid}.pet-shop-notice{color:#296b58;background:#e5f8ef;border:2px solid #86d2b5;border-radius:14px;padding:12px 14px;font-weight:850}.pet-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pet-shop-card{background:radial-gradient(circle at 50% 31%, var(--pet-accent-soft), transparent 32%), #ffffffd6;border:3px solid #fff;border-radius:23px;gap:12px;min-width:0;padding:14px;display:grid;box-shadow:0 11px 24px #3346431c}.pet-shop-card--current{border-color:var(--pet-accent);box-shadow:0 11px 24px #3346431c, 0 0 0 4px color-mix(in srgb, var(--pet-accent) 20%, transparent)}.pet-shop-card__topline{justify-content:space-between;align-items:center;gap:7px;min-height:25px;display:flex}.pet-shop-card__badges{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.pet-shop-card__badge,.pet-shop-card__legendary,.pet-shop-card__monster,.pet-shop-card__current{border-radius:999px;padding:5px 7px;font-size:.66rem;font-weight:900}.pet-shop-card__badge{background:var(--pet-accent-soft);color:#4f485e}.pet-shop-card__current{color:#27705b;background:#dff6e9}.pet-shop-card__legendary{color:#fff;background:linear-gradient(135deg,#5b4bb7,#c05fd6);box-shadow:0 3px 8px #5b4bb73d}.pet-shop-card__monster{color:#fff4fb;background:linear-gradient(135deg,#302143,#d4459b);box-shadow:0 3px 8px #30214347,inset 0 0 0 1px #ffffff47}.pet-shop-card__preview{place-items:center;min-height:120px;display:grid}.pet-shop-card__preview-image{object-fit:contain;filter:drop-shadow(0 9px 6px #3143401f);width:116px;height:116px;display:block}.pet-shop-card__emoji{filter:drop-shadow(0 9px 6px #3143401f);font-size:5.6rem;line-height:1}.pet-shop-card__egg{background:linear-gradient(145deg, var(--pet-accent-soft), var(--pet-accent));border:5px solid #fff;border-radius:52% 52% 47% 47%/61% 61% 39% 39%;width:72px;height:92px;display:block;position:relative;transform:rotate(-3deg);box-shadow:0 11px 12px #36484224}.pet-shop-card__egg span{background:#ffffff9e;border-radius:50%;width:18px;height:13px;position:absolute;top:28px;left:15px;box-shadow:28px 20px 0 -2px #ffffff7a}.pet-shop-card__copy{align-content:start;gap:6px;display:grid}.pet-shop-card__copy h3{color:#2c4c47;font-family:Fredoka,sans-serif;font-size:1.16rem}.pet-shop-card__copy p{color:var(--text-muted);font-size:.78rem;font-weight:650}.pet-shop-card__copy small{color:#6c5cac;font-size:.7rem;font-weight:850}.pet-shop-card__button{background:var(--pet-accent);color:#fff;min-height:45px;font:inherit;box-shadow:0 5px 0 color-mix(in srgb, var(--pet-accent) 65%, #463f57);border:0;border-radius:13px;margin-top:auto;padding:9px 10px;font-size:.78rem;font-weight:900}.pet-shop-card__button:disabled{color:#6f7d79;cursor:not-allowed;background:#d9dfdc;box-shadow:0 4px #c5ceca}.pet-purchase-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#27313a9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pet-purchase-dialog{box-sizing:border-box;background:radial-gradient(circle at 17% 24%, var(--pet-accent-soft), transparent 29%), linear-gradient(145deg, #fffdfa, #f1f9f6);border:4px solid #fffffff0;border-radius:27px;grid-template-columns:112px minmax(0,1fr);gap:18px;width:min(460px,100%);padding:24px;display:grid;box-shadow:0 28px 80px #15272a52}.pet-purchase-dialog__pet{background:#ffffffad;border-radius:22px;place-items:center;min-height:112px;display:grid}.pet-purchase-dialog__pet img{object-fit:contain;filter:drop-shadow(0 9px 7px #31434024);width:104px;height:104px;display:block}.pet-purchase-dialog__copy{align-content:center;gap:7px;display:grid}.pet-purchase-dialog__copy h2{color:#2c4f49;font-size:clamp(1.55rem,6vw,2rem)}.pet-purchase-dialog__copy p:not(.question-kicker){color:var(--text-muted);font-weight:700}#pet-purchase-balance{color:#6b530f}.pet-purchase-dialog__actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pet-purchase-dialog__actions button{min-height:46px;font:inherit;border-radius:14px;padding:10px 14px;font-weight:900}.pet-purchase-dialog__cancel{color:#5a4ca0;background:#fff;border:2px solid #d8d3e8}.pet-purchase-dialog__confirm{border:2px solid var(--pet-accent);background:var(--pet-accent);color:#fff;box-shadow:0 5px 0 color-mix(in srgb, var(--pet-accent) 65%, #463f57)}@keyframes dino-celebrate{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-13px)rotate(-3deg)}68%{transform:translateY(-5px)rotate(3deg)}}@keyframes dino-tap-react{0%,to{transform:translateY(0)scale(1)rotate(0)}36%{transform:translateY(-11px)scale(1.04,.96)rotate(-2deg)}68%{transform:translateY(-3px)scale(.98,1.03)rotate(2deg)}}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.mode-card,.choice-card,.ghost-button,.play-button,.next-button{font:inherit}.mode-card{min-height:208px;color:var(--text-strong);text-align:left;box-shadow:var(--shadow-soft);border:3px solid #ffffffe6;border-radius:28px;gap:11px;padding:21px;transition:transform .17s,box-shadow .17s;display:grid;position:relative;overflow:hidden}.mode-card:after{content:"♪";color:#ffffff8c;font-size:7rem;font-weight:800;line-height:1;position:absolute;bottom:-24px;right:-15px;transform:rotate(-9deg)}.mode-card--single{background:linear-gradient(145deg,#fff0ab,#ffdc6f)}.mode-card--double{background:linear-gradient(145deg,#c9f2e5,#91dec7)}.mode-card--melody{background:linear-gradient(145deg,#ffd7c9,#ffad91)}.mode-card--interval{background:linear-gradient(145deg,#dcd5ff,#b9abf7)}.mode-card--arpeggio{background:linear-gradient(145deg,#d7edff,#a8d4f5)}.mode-card--chord{background:linear-gradient(145deg,#ffd9ea,#f6aacf)}.mode-card--scale{background:linear-gradient(145deg,#d8f5c5,#a7df87)}.mode-card--seventh{background:linear-gradient(145deg,#ffe2bc,#f5bd78)}.mode-card__header,.mode-badges{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.mode-card__icon{background:#ffffff85;border:2px solid #ffffffc7;border-radius:19px;place-items:center;width:58px;height:58px;font-size:1.7rem;display:grid;box-shadow:0 6px #344b4814}.mode-card__rainbow{width:42px;height:35px;overflow:visible}.mode-card__rainbow-band{stroke-linecap:butt}.mode-card strong{z-index:1;gap:2px;font-family:Fredoka,sans-serif;font-size:1.4rem;line-height:1.05;display:grid;position:relative}.mode-card>span:last-child{z-index:1;color:#3f5059;font-size:.9rem;font-weight:700;position:relative}.mode-card__tag{color:#2b434c9e;letter-spacing:.12em;text-transform:uppercase;font-family:Nunito,sans-serif;font-size:.68rem;font-weight:900}.mode-card:hover,.mode-card:focus-visible,.choice-card:hover:not(:disabled),.choice-card:focus-visible:not(:disabled),.play-button:hover:not(:disabled),.play-button:focus-visible:not(:disabled),.ghost-button:hover,.ghost-button:focus-visible,.next-button:hover,.next-button:focus-visible{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.difficulty-pill{color:#51469a;background:#ffffffa8;border:2px solid #50489221;border-radius:999px;align-items:center;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.difficulty-pill--muted{color:var(--text-muted)}.game-layout{gap:21px;animation:.32s both shell-enter;display:grid}.game-header{box-shadow:var(--shadow-soft);background:#ffffffbd;border:3px solid #fff;border-radius:26px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.mode-header{gap:10px;display:grid}.mode-name,.question-kicker{color:#52746e}.stats-card{justify-items:end;gap:9px;display:grid}.stats-card__values{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.game-board{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.question-panel{isolation:isolate;background:radial-gradient(circle at 98% 1%,#ffda522e,#0000 23%),linear-gradient(155deg,#fffffff7,#fbfdf8f0);border:3px solid #fffffff0;border-radius:32px;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 45px #314b4c21,inset 0 0 0 1px #ffffffb8}.question-panel:after{z-index:-1;content:"♫";color:#614ec50e;pointer-events:none;font-size:9rem;line-height:1;position:absolute;bottom:88px;right:-23px;transform:rotate(8deg)}.question-hero{background:radial-gradient(circle at 10% 8%,#ffe0732e,#0000 29%),linear-gradient(135deg,#fffdf6,#f5fbf8);border:2px solid #e9ede7;border-radius:25px;grid-template-columns:minmax(0,1fr) minmax(205px,225px);align-items:stretch;gap:18px;padding:20px;display:grid}.question-heading{align-content:center;gap:9px;min-width:0;display:grid}.question-heading h2{color:#283f4a;text-wrap:balance;max-width:24ch}.question-heading>p:last-child{max-width:59ch;color:var(--text-muted);font-weight:600}.listen-card{background:radial-gradient(circle at 85% 11%,#ffe87747,#0000 28%),linear-gradient(145deg,#7466dd,#5442b7);border:2px solid #4f40b0bd;border-radius:21px;align-content:end;gap:10px;min-height:190px;padding:15px;display:grid;overflow:hidden;box-shadow:0 7px #403291,0 15px 26px #4c3da933}.listen-card.listen-card--replay{grid-template-columns:60px minmax(0,1fr);align-content:center;align-self:center;align-items:center;gap:10px;min-height:0;padding:12px}.listen-card__visual{justify-content:center;align-items:center;gap:6px;height:52px;padding-inline:8px;display:flex}.listen-card--replay .listen-card__visual{background:#2a1e7d33;border:1px solid #ffffff29;border-radius:17px;grid-row:1;height:60px;padding-inline:5px;box-shadow:inset 0 0 18px #ffffff14}.listen-card--replay .listen-card__visual span{width:4px}.listen-card--replay .listen-card__visual span:nth-child(2),.listen-card--replay .listen-card__visual span:nth-child(6){height:23px}.listen-card--replay .listen-card__visual span:nth-child(3),.listen-card--replay .listen-card__visual span:nth-child(5){height:31px}.listen-card--replay .listen-card__visual span:nth-child(4){height:40px}.listen-card--replay .control-row{min-width:0}.listen-card--replay .status-message{grid-column:1/-1}.listen-card__visual span{transform-origin:50%;background:#ffffffb8;border-radius:999px;width:6px;height:16px;box-shadow:0 0 0 1px #ffffff14}.listen-card__visual span:nth-child(2),.listen-card__visual span:nth-child(6){height:29px}.listen-card__visual span:nth-child(3),.listen-card__visual span:nth-child(5){height:40px}.listen-card__visual span:nth-child(4){background:#ffe47e;height:51px}.listen-card--playing .listen-card__visual span{animation:.68s ease-in-out infinite alternate question-wave}.listen-card--playing .listen-card__visual span:nth-child(2),.listen-card--playing .listen-card__visual span:nth-child(6){animation-delay:-240ms}.listen-card--playing .listen-card__visual span:nth-child(3),.listen-card--playing .listen-card__visual span:nth-child(5){animation-delay:-430ms}@keyframes question-wave{0%{transform:scaleY(.48)}to{transform:scaleY(1.08)}}.progress-banner{color:#6c5418;background:#fff4bd;border:2px solid #f0c351;border-radius:17px;padding:13px 15px;font-weight:800}.control-row{flex-wrap:wrap;gap:12px;display:flex}.play-button,.next-button,.ghost-button{border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:12px 17px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.play-button,.next-button{color:#fff;background:linear-gradient(#7668de,#5f4cc9);border:2px solid #4e3dae;box-shadow:0 7px #45369f,0 14px 24px #4c3da933}.listen-card .play-button{color:#5242b1;background:#fff;border-color:#ffffffe6;width:100%;min-height:52px;padding:10px 12px;line-height:1.15;box-shadow:0 5px #2e2374b8,0 10px 20px #271d693d}.listen-card--replay .play-button{border-radius:15px;min-height:54px;padding-inline:9px}.play-button:before{content:"▶";margin-right:9px;font-size:.78rem}.next-button:after{content:"→";margin-left:8px}.ghost-button{color:#4d4978;background:#fff;border:2px solid #4c4d8b21;box-shadow:0 5px #40427b1a}.play-button:disabled,.ghost-button:disabled,.choice-card:disabled{cursor:not-allowed;opacity:.64;transform:none}.status-message{color:var(--text-muted);font-size:.9rem;font-weight:600}.listen-card .status-message{color:#ffffffc7;text-align:center;font-size:.69rem;line-height:1.28}.status-message.error{color:var(--danger)}.listen-card .status-message.error{color:#fff0ed}.answer-panel{background:#f7f8fcd1;border:2px solid #e9e8f0;border-radius:25px;gap:12px;padding:15px;display:grid}.answer-panel__header{justify-content:space-between;align-items:center;gap:14px;padding-inline:3px;display:flex}.answer-panel__header h3{color:#354d57;margin:0;font-family:Fredoka,sans-serif;font-size:1.03rem;line-height:1.2}.answer-panel__header>span{color:#77788b;white-space:nowrap;background:#eeedf5;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.choices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.choice-card{min-height:124px;color:var(--text-strong);text-align:left;background:#fffffff0;border:2px solid #e1e2eb;border-radius:19px;grid-template-rows:auto auto 1fr;gap:5px;padding:14px 15px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s,opacity .15s;display:grid;box-shadow:0 4px #dcdde7,0 9px 18px #3a44520d}.choice-card.muted{opacity:.46}.choice-card.correct:disabled,.choice-card.wrong:disabled{opacity:1}.choice-card.muted:disabled{opacity:.46}.choice-card__topline{justify-content:space-between;align-items:center;gap:9px;min-height:29px;display:flex}.choice-index,.choice-state{border-radius:9px;place-items:center;width:28px;height:28px;font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:700;display:inline-grid}.choice-index{color:#6b6b83;background:#f4f4f9;border:1px solid #dcdeea}.choice-state{color:#fff;background:#4caf79;border-radius:999px;font-size:1rem}.choice-card.wrong .choice-state{background:#df6961}.choice-card.correct .choice-index{color:#287451;background:#ffffffbd;border-color:#b7e2c9}.choice-card.wrong .choice-index{color:#a24741;background:#ffffffb3;border-color:#f0c0ba}.choice-label{font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.18}.choice-meta{color:var(--text-muted);align-self:end;font-size:.78rem;font-weight:600}.feedback-panel{border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid;box-shadow:0 9px 18px #3a594a14}.feedback-panel.success{background:linear-gradient(135deg,#e9faef,#daf5e6);border:2px solid #66c28f}.feedback-panel.danger{background:linear-gradient(135deg,#fff3f0,#ffe6e2);border:2px solid #e88d83}.feedback-panel__icon{color:#fff;background:#43a873;border-radius:15px;place-items:center;width:45px;height:45px;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:700;display:grid;box-shadow:0 4px #2d8055}.feedback-panel.danger .feedback-panel__icon{background:#d96860;box-shadow:0 4px #aa4640}.feedback-panel__copy{min-width:0}.feedback-title{margin-bottom:4px;font-family:Fredoka,sans-serif;font-size:1.18rem;font-weight:700}.reward-message{color:#267856;margin-bottom:4px;font-weight:900}.app-footer{color:#687a79;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-top:2px;font-size:.82rem;font-weight:800}.app-footer__link{color:#514a91;align-items:center;gap:7px;margin-top:8px;text-decoration:none;display:inline-flex}.app-footer__icon{width:.95rem;height:.95rem}.seo-panel,.seo-page__body,.seo-page__faq{min-width:0;box-shadow:var(--shadow-soft);background:#ffffffc7;border:3px solid #fff;border-radius:28px}.seo-panel{gap:20px;padding:27px;display:grid}.seo-panel__header{gap:9px;max-width:760px;display:grid}.seo-panel__header p,.seo-page__body p,.seo-page__faq p{color:var(--text-muted)}.seo-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.seo-panel article,.seo-page__body section{gap:7px;display:grid}.seo-panel h3{margin:0;font-size:1.05rem}.seo-links{flex-wrap:wrap;gap:9px;display:flex}.seo-links a{color:#584bab;background:#faf8ff;border:2px solid #e5e0fa;border-radius:999px;padding:9px 12px;font-size:.87rem;font-weight:800;text-decoration:none}.seo-page{gap:22px;min-width:0;display:grid}.seo-page__hero{min-width:0;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#c8f3e6,#fff1a9);border:3px solid #fff;border-radius:34px;gap:17px;padding:30px;display:grid}.seo-page__hero h1{color:#293e48;overflow-wrap:anywhere;text-wrap:balance;max-width:13ch}.seo-page__actions,.seo-breadcrumbs{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.seo-page__actions{justify-content:flex-end;min-width:0;max-width:100%}.seo-page__actions .ghost-button{overflow-wrap:anywhere;text-align:center;white-space:normal;min-width:0;max-width:100%}.seo-breadcrumbs{color:#536e68;font-size:.86rem;font-weight:800}.seo-breadcrumbs a{color:#4f5aa0}.seo-page__body ul{color:var(--text-muted);gap:7px;margin:3px 0 0;padding-left:1.3rem;display:grid}.seo-page__not-found{align-content:center;min-height:360px}.seo-page__not-found .primary-button{width:fit-content}.pet-shop-loading{z-index:1000;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#30365357;place-items:center;padding:24px;font-weight:900;display:grid;position:fixed;inset:0}.seo-page__body,.seo-page__faq{gap:17px;padding:27px;display:grid}.seo-page__faq details{border-top:2px dashed #4b66621f;padding:15px 0}.seo-page__faq summary{cursor:pointer;font-weight:900}.seo-page__faq details p{margin-top:7px}@media (width<=980px){.hero-panel__layout,.game-board{grid-template-columns:1fr}.hero-panel__layout>.dino-card{max-width:650px}.dino-card--compact{position:static}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-page__hero .hero-panel__top{flex-wrap:wrap;align-items:flex-start;gap:14px}.seo-page__actions{justify-content:flex-start}.pet-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.shell{padding:16px 13px 36px}.shell__content{gap:18px}.hero-panel{border-radius:28px;padding:20px}.hero-panel__layout{gap:20px}.hero-panel h1{font-size:clamp(2.55rem,13vw,4rem)}.seo-page__hero{border-radius:28px;padding:20px}.seo-page__hero h1{max-width:100%;font-size:clamp(2.35rem,12vw,3.4rem)}.seo-page__actions{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.seo-page__actions .ghost-button{width:100%}.seo-panel,.seo-page__body,.seo-page__faq{padding:20px}.language-switcher__label{display:none}.mode-grid,.choices-grid,.seo-panel__grid{grid-template-columns:1fr}.pet-shop-backdrop{place-items:start center;padding:12px}.pet-shop-dialog{border-radius:26px;max-height:calc(100vh - 24px);padding:18px}.pet-shop-dialog__header{display:grid}.pet-shop-dialog__actions{justify-content:space-between}.mode-card{min-height:180px}.game-header,.feedback-panel{display:grid}.game-header{gap:13px}.stats-card{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.stats-card__values{display:contents}.stats-card .ghost-button{min-height:40px;padding:8px 12px}.question-panel{border-radius:26px;padding:14px}.question-hero{grid-template-columns:1fr;padding:17px}.listen-card{grid-template-columns:minmax(92px,.65fr) minmax(0,1.35fr);align-content:center;align-items:center;min-height:132px}.listen-card__visual{grid-row:1/span 2}.listen-card .status-message{align-self:start}.answer-panel{padding:12px}.answer-panel__header{align-items:flex-start}.choice-card{min-height:108px}.dino-card__body{grid-template-columns:116px minmax(0,1fr);min-height:144px}.dino-sprite-button{width:116px;min-height:116px}.dino-sprite-button:before{width:104px;height:104px}.dino-sprite{width:112px}.dino-card--compact .dino-card__body{grid-template-columns:92px minmax(0,1fr);min-height:120px}.dino-card--compact .dino-sprite-button{width:92px;min-height:92px}.dino-card--compact .dino-sprite-button:before{width:82px;height:82px}.dino-card--compact .dino-sprite{width:90px}.dino-card__copy p{font-size:.78rem}.feedback-panel{grid-template-columns:auto minmax(0,1fr)}.feedback-panel .next-button{grid-column:1/-1;width:100%}}@media (width<=430px){.hero-panel__top,.game-header__top{gap:8px}.eyebrow{padding-inline:10px;font-size:.67rem}.language-switcher{gap:3px;padding:5px}.language-switcher__button{min-width:36px;padding:6px 7px}.dino-card{border-radius:24px;gap:10px;padding:14px}.dino-card__header{align-items:center}.dino-card__status{gap:5px}.dino-card__actions{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:7px}.dino-points,.pet-shop-open{min-height:44px;padding:6px 8px}.pet-shop-open{font-size:.68rem}.pet-shop-open__arrow{width:19px;height:19px}.dino-points__label{letter-spacing:0;text-transform:none;font-size:.61rem;line-height:1.05}.dino-points__value{font-size:.94rem}.dino-card__subtitle{display:none}.dino-stage-name{font-size:1rem}.dino-card__copy p{display:none}.dino-card__body{grid-template-columns:96px minmax(0,1fr);min-height:116px;padding:9px}.dino-feeling{width:min(172px,100% - 16px);top:-16px;left:8px}.dino-sprite-button{width:96px;min-height:96px}.dino-sprite-button:before{width:88px;height:88px}.dino-sprite{width:94px}.dino-card--compact .dino-card__body{grid-template-columns:82px minmax(0,1fr);min-height:104px}.dino-card--compact .dino-sprite-button{width:82px;min-height:82px}.dino-card--compact .dino-sprite-button:before{width:74px;height:74px}.dino-card--compact .dino-sprite{width:80px}.dino-card__tap-hint{font-size:.72rem}.pet-shop-grid{grid-template-columns:1fr}.pet-shop-card{grid-template-columns:92px minmax(0,1fr)}.pet-shop-card__topline,.pet-shop-card__button{grid-column:1/-1}.pet-shop-card__preview{min-height:100px}.pet-shop-card__preview-image{width:92px;height:92px}.pet-shop-card__emoji{font-size:4.7rem}.game-header{padding:14px}.question-hero{padding:15px}.listen-card{grid-template-columns:1fr;min-height:174px;display:grid}.listen-card__visual{grid-row:auto;height:45px}.answer-panel__header{justify-items:start;display:grid}.answer-panel__header>span{white-space:normal}.play-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--clay-ink:#303653;--clay-copy:#59667b;--clay-line:#4a416f1a;--clay-highlight:#ffffffdb;--clay-shadow-color:#433b5c26;--clay-inset-shade:#45396214;--clay-surface:#fffdfa;--clay-surface-cool:#f8f6ff;--clay-radius-xl:38px;--clay-radius-lg:30px;--clay-radius-md:22px;--clay-radius-sm:16px;--clay-raised:0 8px 0 #4c426914, 0 20px 36px var(--clay-shadow-color), inset 0 3px 2px var(--clay-highlight), inset 0 -7px 12px var(--clay-inset-shade);--clay-raised-small:0 5px 0 #4c42691a, 0 11px 22px #433b5c1a, inset 0 2px 2px #ffffffd6, inset 0 -4px 8px #45396212;--clay-pressed:inset 0 4px 9px #41375b1c, inset 0 -2px 2px #ffffffbd, 0 2px 0 #ffffffb8;--clay-button-purple:0 7px 0 #4e3da3, 0 14px 23px #5140a93d, inset 0 2px 1px #ffffff61, inset 0 -5px 8px #3b2b8633}body{color:var(--clay-ink)}#root{isolation:isolate;position:relative}#root:before,#root:after{z-index:-1;content:"";filter:blur(1px);opacity:.72;pointer-events:none;border-radius:43% 57% 60% 40%/44% 40% 60% 56%;width:280px;height:280px;position:fixed}#root:before{background:#acd5f357;top:28%;left:-190px;transform:rotate(24deg)}#root:after{background:#f6d97952;bottom:10%;right:-205px;transform:rotate(-18deg)}.shell{width:min(1320px,100%);padding:32px 28px 64px}.shell__content{gap:30px}.hero-panel,.game-header,.question-panel,.seo-panel,.seo-page__body,.seo-page__faq,.seo-page__hero{box-shadow:var(--clay-raised);border:2px solid #ffffffd1}.hero-panel{border-radius:var(--clay-radius-xl);background:radial-gradient(circle at 12% 12%,#ffffffc2 0 5px,#0000 6px),radial-gradient(circle at 18% 21%,#ffffff7a 0 9px,#0000 10px),radial-gradient(circle at 88% 5%,#f6d979c2,#0000 30%),linear-gradient(138deg,#b7ead9 0%,#cef1e6 46%,#fae7a4 100%);padding:34px;overflow:visible;box-shadow:0 10px #57817417,0 25px 44px #3e53532e,inset 0 4px 3px #ffffffb8,inset 0 -10px 18px #437e6d17}.hero-panel:before{color:#5947b126;text-shadow:22px 64px #5947b114;top:84px;left:48%}.hero-panel:after{color:#664ea91f;bottom:-12px;right:1%}.hero-panel__layout{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:36px;margin-top:24px}.hero-panel__copy{gap:20px;padding:18px 8px 18px 4px}.hero-panel h1,.seo-page__hero h1{color:#303653;text-shadow:0 2px #ffffff80}.hero-copy{color:#4c5e6b;font-weight:700;line-height:1.58}.eyebrow,.language-switcher,.hero-stats span,.stats-card span,.difficulty-pill,.seo-links a{box-shadow:var(--clay-raised-small);border:1px solid #ffffffd1}.eyebrow{color:#346d63;background:#eefaf5;padding:10px 16px}.language-switcher{background:#fffdfae6;gap:10px;padding:7px 9px 9px 13px}.language-switcher__button{min-height:38px;transition:color .15s,background .15s,box-shadow .15s,transform .15s}.language-switcher__button--active{background:linear-gradient(145deg,#8374df,#6856c8);box-shadow:0 4px #5342aa,0 8px 13px #5141ab33,inset 0 2px 1px #ffffff52}.language-switcher__button:active{transform:translateY(2px)}.hero-stats{gap:12px}.hero-stats span,.stats-card span{color:#405363;background:#fffdfad1}.dino-card{background:radial-gradient(circle at 92% 9%,#f6d97959,#0000 29%),radial-gradient(circle at 7% 87%,#a9e5d140,#0000 33%),linear-gradient(150deg,#fffdf9,#fff4e6);border:2px solid #ffffffdb;border-radius:32px;gap:14px;padding:18px;overflow:visible;box-shadow:0 8px #8b683717,0 20px 34px #4c454929,inset 0 3px 2px #ffffffe6,inset 0 -8px 14px #7f583912}.dino-card:after{color:#ecab381f;bottom:-24px;right:-6px}.dino-card--hungry{background:radial-gradient(circle at 90% 8%,#f7ad5b75,#0000 30%),linear-gradient(150deg,#fffdf9,#ffe8ce);border-color:#ffffffe6;box-shadow:0 8px #aa642d1f,0 20px 34px #774a332e,inset 0 3px 2px #ffffffe6,inset 0 -8px 14px #9d522b14}.dino-card__kicker{color:#378171}.dino-hunger-badge,.dino-stage-chip,.dino-card__tap-hint{box-shadow:0 3px #4d3f6514,inset 0 2px 1px #ffffffb8,inset 0 -3px 6px #4a3a5c0f}.dino-points,.pet-shop-open{min-height:52px;box-shadow:var(--clay-raised-small);border:1px solid #ffffffd6;border-radius:17px}.dino-points{color:#695112;background:linear-gradient(145deg,#fff9cf,#f7dfa0)}.pet-shop-open{color:#57449e;background:linear-gradient(145deg,#eee9ff,#dcd2ff)}.pet-shop-open__arrow{background:#6852bc24;box-shadow:inset 0 2px 4px #4534871a}.pet-shop-open:hover{transform:translateY(-3px);box-shadow:0 8px #4c426917,0 17px 27px #433b5c26,inset 0 2px 2px #ffffffd6,inset 0 -4px 8px #45396212}.pet-shop-open:active{transform:translateY(3px);box-shadow:0 2px #4c42691a,inset 0 3px 6px #45396217}.dino-card__body{min-height:174px;box-shadow:var(--clay-pressed);background:radial-gradient(circle at 24%,#a9e5d173,#0000 36%),linear-gradient(145deg,#eaf9f3,#f7fffb);border:1px solid #59877b14;border-radius:25px;padding:14px}.dino-sprite-button:before{background:linear-gradient(145deg,#fffefb,#ccecdf);border:2px solid #ffffffdb;box-shadow:0 8px #4f8a7717,0 16px 25px #45756624,inset 0 3px 2px #ffffffeb,inset 0 -8px 13px #4489721a}.dino-sprite-button:hover:before{filter:brightness(1.025)}.dino-feeling{box-shadow:var(--clay-raised-small);background:#fffdfa;border:2px solid #ffffffe6;border-radius:16px}.dino-feeling:after{background:#fffdfa;border-color:#6454a224}.dino-stage-chip{color:#5543a4;background:#e4dcff;border:1px solid #ffffffbf}.dino-stage-name{color:#2f5c51}.dino-growth-panel{box-shadow:var(--clay-pressed);background:#fffdfac7;border:1px solid #52537712;border-radius:21px;padding:14px}.dino-progress__track{background:#dce9e5;height:14px;padding:3px;box-shadow:inset 0 3px 6px #2a524824}.dino-progress__track span{background:linear-gradient(90deg,#59c7a1,#f5cf58);box-shadow:inset 0 2px 1px #fff6,0 1px 4px #45977a33}.evolution-track__step{background:#edf3f1;border:2px solid #ffffffe6;width:27px;height:27px;box-shadow:0 3px #445b561f,inset 0 2px 2px #ffffffd9}.evolution-track__step--complete{color:#fff;background:#50b88f}.evolution-track__step--current{color:#6d5311;background:#f8db71;box-shadow:0 4px #a1771126,0 0 0 5px #f2c1352b,inset 0 2px 1px #ffffffb3}.dino-card__tap-hint{color:#574c8d;background:#eee9ff;border:1px solid #ffffffb8;border-radius:13px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mode-card{--mode-surface-start:#fff0ab;--mode-surface-end:#f3cf62;--mode-depth:#9b6f1d38;isolation:isolate;background:linear-gradient(145deg, var(--mode-surface-start), var(--mode-surface-end));min-height:224px;box-shadow:0 8px 0 var(--mode-depth), 0 19px 29px #413d4f26, inset 0 3px 2px #ffffffad, inset 0 -9px 15px #4f415617;border:2px solid #ffffffd6;border-radius:31px;padding:23px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .18s}.mode-card:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#ffffff40,#0000);border-radius:25px 25px 46% 46%;height:42%;position:absolute;top:10px;left:12px;right:12px}.mode-card:after{color:#ffffff80;text-shadow:-62px -116px #ffffff2e;bottom:-25px;right:-11px}.mode-card--single{--mode-surface-start:#fff0aa;--mode-surface-end:#f4d064;--mode-depth:#a97d1c38}.mode-card--double{--mode-surface-start:#c9f3e4;--mode-surface-end:#91d8c2;--mode-depth:#32806833}.mode-card--melody{--mode-surface-start:#ffd8ca;--mode-surface-end:#f4ab92;--mode-depth:#a4553c30}.mode-card--interval{--mode-surface-start:#dfd8ff;--mode-surface-end:#b9acf1;--mode-depth:#52429e33}.mode-card--arpeggio{--mode-surface-start:#d8edff;--mode-surface-end:#a7cfee;--mode-depth:#34699230}.mode-card--chord{--mode-surface-start:#ffdbea;--mode-surface-end:#eeb0ce;--mode-depth:#97436c2e}.mode-card--scale{--mode-surface-start:#dcf3ca;--mode-surface-end:#acd78e;--mode-depth:#46802b30}.mode-card--seventh{--mode-surface-start:#ffe5c0;--mode-surface-end:#efbc7d;--mode-depth:#995a2330}.mode-card__icon{background:#ffffff7a;border:2px solid #ffffffc7;border-radius:21px;width:62px;height:62px;box-shadow:0 6px #413d4f17,inset 0 3px 2px #ffffff9e,inset 0 -5px 9px #42375112}.difficulty-pill{color:#51469a;background:#fffdfaba}.mode-card strong{font-size:1.48rem}.mode-card>span:last-child{color:#3f4d5c;line-height:1.48}.mode-card:hover,.mode-card:focus-visible{filter:saturate(1.04)brightness(1.01);box-shadow:0 12px 0 var(--mode-depth), 0 28px 38px #413d4f33, inset 0 3px 2px #ffffffb8, inset 0 -9px 15px #4f415617;transform:translateY(-7px)rotate(-.3deg)}.mode-card:active{box-shadow:0 3px 0 var(--mode-depth), 0 8px 13px #413d4f1f, inset 0 3px 8px #4c3d5514;transform:translateY(4px)}.game-layout{gap:24px}.game-header{background:radial-gradient(circle at 4% 12%,#a9e5d136,#0000 25%),linear-gradient(145deg,#fffdfaf2,#f6f4ffed);border-radius:30px;padding:21px 23px}.stats-card span{padding:10px 14px}.game-board{grid-template-columns:minmax(280px,334px) minmax(0,1fr);gap:24px}.question-panel{background:radial-gradient(circle at 97% 3%,#f6d97938,#0000 25%),linear-gradient(150deg,#fffdfa,#f6f6fb);border-radius:36px;gap:19px;padding:23px}.question-panel:after{color:#6452bc0f}.question-hero{box-shadow:var(--clay-pressed);background:radial-gradient(circle at 9% 8%,#f6d97933,#0000 29%),linear-gradient(140deg,#fffaf0,#eff8f4);border:1px solid #4a416f14;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(220px,250px);gap:21px;padding:22px}.question-heading h2{color:#303653}.listen-card{background:radial-gradient(circle at 86% 9%,#ffe77d47,#0000 28%),linear-gradient(145deg,#8273df,#5c49bd);border:2px solid #fff6;border-radius:25px;min-height:198px;box-shadow:0 9px #49389b,0 20px 30px #4a399d42,inset 0 3px 2px #ffffff4d,inset 0 -9px 14px #37277f38}.listen-card--replay .listen-card__visual{background:#2b1f753d;border:1px solid #ffffff2e;box-shadow:inset 0 5px 10px #2b1f753d,inset 0 -2px 2px #ffffff1a}.listen-card .play-button{color:#5543ad;background:linear-gradient(145deg,#fffefb,#eeeaff);border:2px solid #ffffffe6;border-radius:17px;box-shadow:0 6px #32247abf,0 12px 20px #271d6945,inset 0 3px 2px #ffffffe6,inset 0 -5px 8px #543f9314}.listen-card .play-button:hover:not(:disabled),.listen-card .play-button:focus-visible:not(:disabled){box-shadow:0 9px #32247abd,0 17px 25px #271d694d,inset 0 3px 2px #ffffffeb,inset 0 -5px 8px #543f9314}.listen-card .play-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #32247ac2,inset 0 3px 7px #4635811c}.progress-banner{box-shadow:var(--clay-raised-small);background:linear-gradient(145deg,#fff6c5,#f5dda0);border:1px solid #ffffffd1;border-radius:18px}.answer-panel{box-shadow:var(--clay-pressed);background:linear-gradient(145deg,#f0edf9,#f8f7fc);border:1px solid #55488414;border-radius:28px;gap:15px;padding:18px}.answer-panel__header>span{background:#e6e3ed;border:1px solid #ffffffc7;box-shadow:inset 0 2px 4px #4c426914,0 2px #ffffffd1}.answer-panel__header>span.is-ready{color:#267052;background:#dff4e9}.choices-grid{gap:14px}.choice-card{background:linear-gradient(145deg,#fffefa,#f1eff6);border:2px solid #ffffffdb;border-radius:23px;min-height:132px;padding:16px 17px;box-shadow:0 7px #d7d3df,0 14px 23px #413d4f1c,inset 0 3px 2px #ffffffeb,inset 0 -6px 10px #4b41630f}.choice-card:hover:not(:disabled),.choice-card:focus-visible:not(:disabled){transform:translateY(-5px);box-shadow:0 11px #d2cedb,0 22px 30px #413d4f29,inset 0 3px 2px #fffffff0,inset 0 -6px 10px #4b41630f}.choice-card:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #d2cedb,inset 0 4px 8px #4b41631a}.choice-card.correct{background:linear-gradient(145deg,#e9faef,#ccefdc);border-color:#ffffffe6;box-shadow:0 7px #86c9a5,0 15px 24px #348d5b26,inset 0 3px 2px #ffffffd6,inset 0 -6px 10px #30845614}.choice-card.wrong{background:linear-gradient(145deg,#fff1ef,#f7d4d0);border-color:#ffffffe6;box-shadow:0 7px #dba19b,0 15px 24px #b24c4821,inset 0 3px 2px #ffffffd6,inset 0 -6px 10px #a03d3a12}.choice-index,.choice-state{border:1px solid #ffffffdb;border-radius:11px;width:31px;height:31px;box-shadow:0 3px #49425d1a,inset 0 2px 2px #ffffffc7,inset 0 -3px 5px #49425d0f}.choice-state{background:#49a976;border-radius:50%}.feedback-panel{box-shadow:var(--clay-raised-small);border:2px solid #ffffffdb;border-radius:26px;padding:18px}.feedback-panel.success{background:linear-gradient(145deg,#e8f8ee,#caecd9)}.feedback-panel.danger{background:linear-gradient(145deg,#fff0ed,#f6d3cf)}.feedback-panel__icon{border:2px solid #ffffff80;border-radius:17px;width:49px;height:49px;box-shadow:0 5px #2d8055,0 9px 14px #2d80552e,inset 0 2px 1px #ffffff52}.feedback-panel.danger .feedback-panel__icon{box-shadow:0 5px #aa4640,0 9px 14px #aa46402e,inset 0 2px 1px #ffffff4d}.play-button,.next-button{box-shadow:var(--clay-button-purple);background:linear-gradient(145deg,#8171df,#6250c5);border:2px solid #ffffff4d}.ghost-button{color:#4e496f;box-shadow:var(--clay-raised-small);background:linear-gradient(145deg,#fffefa,#eeecf5);border:2px solid #ffffffdb}.play-button:hover:not(:disabled),.next-button:hover,.ghost-button:hover,.play-button:focus-visible:not(:disabled),.next-button:focus-visible,.ghost-button:focus-visible{transform:translateY(-4px)}.play-button:active:not(:disabled),.next-button:active,.ghost-button:active{transform:translateY(3px);box-shadow:0 2px #4c42691a,inset 0 3px 7px #4539621a}.pet-shop-backdrop,.pet-purchase-backdrop{-webkit-backdrop-filter:blur(11px)saturate(.82);backdrop-filter:blur(11px)saturate(.82);background:#2f2e448c}.pet-shop-dialog{background:radial-gradient(circle at 94% 4%,#f6d9796b,#0000 25%),linear-gradient(145deg,#fffdfa,#eff7f4);border:3px solid #ffffffe0;border-radius:38px;gap:23px;padding:28px;box-shadow:0 12px #2d2b3d21,0 35px 85px #1a1c2a59,inset 0 4px 3px #ffffffe6,inset 0 -10px 18px #463d5914}.pet-shop-wallet,.pet-shop-close,.pet-shop-notice{box-shadow:var(--clay-raised-small);border:2px solid #ffffffdb}.pet-shop-wallet{background:linear-gradient(145deg,#fff4b8,#efd47f)}.pet-shop-close{background:linear-gradient(145deg,#fffefa,#ece9f5);border-radius:16px}.pet-shop-close:hover{transform:translateY(-2px)}.pet-shop-close:active{box-shadow:var(--clay-pressed);transform:translateY(2px)}.pet-shop-notice{background:linear-gradient(145deg,#e4f7ec,#caebdc)}.pet-shop-grid{gap:18px}.pet-shop-card{background:radial-gradient(circle at 50% 32%, var(--pet-accent-soft), transparent 35%), linear-gradient(145deg, #fffefa, #f3eff6);box-shadow:0 7px 0 color-mix(in srgb, var(--pet-accent) 17%, #d9d4df), 0 17px 27px #36384321, inset 0 3px 2px #ffffffeb, inset 0 -7px 12px #4b41630f;border:2px solid #ffffffe6;border-radius:27px;gap:13px;padding:16px;transition:transform .17s,box-shadow .17s}.pet-shop-card:hover{box-shadow:0 10px 0 color-mix(in srgb, var(--pet-accent) 19%, #d9d4df), 0 23px 34px #3638432b, inset 0 3px 2px #fffffff0, inset 0 -7px 12px #4b41630f;transform:translateY(-4px)}.pet-shop-card--current{box-shadow:0 8px 0 color-mix(in srgb, var(--pet-accent) 47%, #b9b1c9), 0 19px 29px #36384326, 0 0 0 5px color-mix(in srgb, var(--pet-accent) 19%, transparent), inset 0 3px 2px #fffffff0, inset 0 -7px 12px #4b41630f;border-color:#ffffffeb}.pet-shop-card__badge,.pet-shop-card__legendary,.pet-shop-card__monster,.pet-shop-card__current{border:1px solid #fff9;box-shadow:0 3px #413a5217,inset 0 2px 1px #ffffff47}.pet-shop-card__preview{box-shadow:inset 0 5px 12px color-mix(in srgb, var(--pet-accent) 12%, transparent), inset 0 -2px 2px #ffffffa6;background:#ffffff40;border-radius:22px}.pet-shop-card__button{min-height:48px;box-shadow:0 6px 0 color-mix(in srgb, var(--pet-accent) 66%, #463f57), 0 12px 19px color-mix(in srgb, var(--pet-accent) 22%, transparent), inset 0 2px 1px #ffffff57, inset 0 -4px 7px #362a4b1c;border:2px solid #ffffff6b;border-radius:15px}.pet-shop-card__button:hover:not(:disabled){transform:translateY(-3px)}.pet-shop-card__button:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--pet-accent) 66%, #463f57), inset 0 3px 7px #362a4b21;transform:translateY(3px)}.pet-shop-card__button:disabled{background:#dadddf;border-color:#ffffff80;box-shadow:0 4px #c2c7c8,inset 0 2px 1px #fff9}.pet-purchase-dialog{background:radial-gradient(circle at 17% 24%, var(--pet-accent-soft), transparent 31%), linear-gradient(145deg, #fffdfa, #f0f5f4);border:3px solid #ffffffe6;border-radius:31px;padding:26px;box-shadow:0 10px #27263729,0 30px 75px #181a275c,inset 0 3px 2px #ffffffeb,inset 0 -8px 14px #443a5814}.pet-purchase-dialog__pet{box-shadow:var(--clay-pressed);background:#ffffff8a;border:2px solid #ffffffc7}.pet-purchase-dialog__actions button{box-shadow:var(--clay-raised-small);border:2px solid #fffc;border-radius:16px}.pet-purchase-dialog__cancel{background:linear-gradient(145deg,#fffefa,#ebe8f2)}.pet-purchase-dialog__confirm{background:var(--pet-accent);box-shadow:0 6px 0 color-mix(in srgb, var(--pet-accent) 66%, #463f57), 0 12px 19px color-mix(in srgb, var(--pet-accent) 22%, transparent), inset 0 2px 1px #ffffff57}.seo-panel,.seo-page__body,.seo-page__faq{background:linear-gradient(145deg,#fffdfaf0,#f6f4fbe6);border-radius:32px}.seo-panel article,.seo-page__body section,.seo-page__faq details{border-radius:21px}.seo-panel article,.seo-page__body section{box-shadow:var(--clay-pressed);background:#ffffff8f;padding:17px}.seo-links a{color:#5546a3;background:linear-gradient(145deg,#fbf9ff,#e9e3fb);transition:transform .15s,box-shadow .15s}.seo-links a:hover,.seo-links a:focus-visible{transform:translateY(-3px)}.seo-page__hero{background:radial-gradient(circle at 90% 8%,#f6d9799e,#0000 28%),linear-gradient(135deg,#bce9da,#fae9ad);border-radius:38px}.seo-page__faq details{box-shadow:var(--clay-pressed);background:#ffffff85;border:0;padding:17px}.app-footer__link{border-radius:999px;padding:6px 10px;transition:background .15s,transform .15s}.app-footer__link:hover,.app-footer__link:focus-visible{background:#ffffff94;transform:translateY(-2px)}@media (width<=1120px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel__layout,.game-board{grid-template-columns:1fr}.hero-panel__layout>.dino-card{max-width:720px}.dino-card--compact{position:static}}@media (width<=720px){.shell{padding:18px 14px 40px}.shell__content{gap:21px}.hero-panel{border-radius:31px;padding:22px}.hero-panel__copy{padding-inline:0}.mode-grid,.choices-grid,.seo-panel__grid{grid-template-columns:1fr}.mode-card{min-height:188px}.question-panel{border-radius:29px;padding:16px}.question-hero{grid-template-columns:1fr;padding:18px}.choice-card{min-height:112px}.pet-shop-dialog{border-radius:30px;padding:20px}.pet-shop-card:hover{transform:none}}@media (width<=430px){.hero-panel{padding:18px}.hero-panel__layout{margin-top:18px}.hero-stats{gap:9px}.hero-stats span{padding:8px 10px;font-size:.77rem}.mode-card{border-radius:27px;min-height:178px;padding:19px}.mode-card__icon{width:55px;height:55px}.dino-card{border-radius:27px;padding:14px}.dino-card__body{min-height:118px}.pet-shop-card{grid-template-columns:88px minmax(0,1fr)}.pet-purchase-dialog{grid-template-columns:88px minmax(0,1fr);padding:19px}.pet-purchase-dialog__pet{min-height:92px}.pet-purchase-dialog__pet img{width:86px;height:86px}}@media (hover:none){.mode-card:hover,.choice-card:hover:not(:disabled),.pet-shop-card:hover,.pet-shop-open:hover,.play-button:hover:not(:disabled),.next-button:hover,.ghost-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.mode-card,.choice-card,.pet-shop-card,.pet-shop-open,.play-button,.next-button,.ghost-button{transform:none!important}}