:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090a0f;color:#f4f0e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #090a0f;--surface: rgba(18, 20, 29, .86);--surface-strong: #1a1d29;--ink: #f4f0e8;--muted: #a8a4b3;--dim: #696575;--violet: #8b5cf6;--violet-2: #a78bfa;--blue: #35a7ff;--gold: #f6c85f;--green: #6ee7a8;--danger: #ff5f6d;--line: rgba(255,255,255,.09);--shadow: 0 24px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 16% 10%,rgba(139,92,246,.24),transparent 28rem),radial-gradient(circle at 88% 80%,rgba(53,167,255,.16),transparent 24rem),#090a0f}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}.app-shell,.onboarding{position:relative;width:min(100vw,480px);min-height:100dvh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px calc(124px + env(safe-area-inset-bottom));isolation:isolate}.onboarding{display:grid;place-items:center;padding-bottom:max(18px,env(safe-area-inset-bottom))}.ambient{position:fixed;width:260px;height:260px;border-radius:999px;filter:blur(50px);opacity:.22;z-index:-1}.ambient-a{top:-70px;left:calc(50% - 260px);background:var(--violet)}.ambient-b{bottom:80px;right:calc(50% - 280px);background:var(--blue)}.top-hud{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:10;display:grid;grid-template-columns:64px 1fr auto 16px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:28px;background:#090a0fb8;backdrop-filter:blur(18px);box-shadow:var(--shadow)}.level-ring,.coin-pill{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff06);border-radius:18px;padding:8px;display:grid;gap:1px}.level-ring span,.coin-pill span,.screen-title span,.game-card span,.feature-card span,.wallet-card span,.evolution-card span,.profile-stats span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.level-ring strong,.coin-pill strong{font-size:18px;line-height:1}.level-ring small{color:var(--dim);font-size:10px}.hud-title{display:grid;min-width:0}.hud-title strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-title span{color:var(--muted);font-size:12px;text-transform:capitalize}.wallet-dot{width:10px;height:10px;border-radius:999px;background:var(--dim);box-shadow:0 0 0 4px #ffffff0a}.wallet-dot.connected{background:var(--green);box-shadow:0 0 22px #6ee7a8b3}.screen{padding:18px 0 0;display:grid;gap:14px}.screen-title{display:grid;gap:3px;padding:4px 2px}.screen-title h2{margin:0;font-size:24px;letter-spacing:-.04em}.pet-stage{position:relative;min-height:330px;border:1px solid var(--line);border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(167,139,250,.28),transparent 8rem),linear-gradient(180deg,#1a1d29f2,#0b0c12eb);box-shadow:var(--shadow);display:grid;place-items:center}.habitat-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(58deg) translateY(90px)}.pet-sprite{position:relative;width:172px;height:210px;display:grid;place-items:center;animation:breathe 3.2s ease-in-out infinite}.hood{position:absolute;width:172px;height:188px;border-radius:48% 48% 42% 42%;background:linear-gradient(180deg,#f4f0e8,#bfb7d6);box-shadow:inset 0 -24px 42px #090a0f2e,0 22px 70px #8b5cf642}.face{position:relative;z-index:2;color:#090a0f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900;font-size:30px;margin-top:-6px}.scythe{position:absolute;right:-14px;top:10px;width:10px;height:188px;border-radius:999px;background:var(--green);transform:rotate(38deg);box-shadow:0 0 20px #6ee7a859}.scythe:after{content:"";position:absolute;top:-10px;right:-38px;width:70px;height:42px;border-top:10px solid var(--green);border-right:10px solid var(--green);border-radius:0 48px 0 0}.speech{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:4px;padding:14px;border-radius:22px;background:#090a0f9e;border:1px solid var(--line);backdrop-filter:blur(12px)}.speech span{color:var(--muted);font-size:13px}.mood-hungry .pet-sprite{animation-duration:1.4s}.mood-happy .hood,.mood-celebrating .hood{box-shadow:0 0 70px #f6c85f42}.mood-tired .pet-sprite,.mood-sleeping .pet-sprite{transform:scale(.94);opacity:.8}.mood-dirty .hood{filter:saturate(.7) brightness(.82)}.need-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.need-bar{display:grid;grid-template-columns:1fr;gap:6px;padding:12px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.need-bar>div{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.need-bar i{display:block;height:100%;border-radius:inherit;transition:width .28s ease}.need-bar span{color:var(--muted);font-size:12px}.need-bar strong{font-size:12px;justify-self:end;color:var(--ink)}.need-bar.green i{background:var(--green)}.need-bar.violet i{background:var(--violet-2)}.need-bar.blue i{background:var(--blue)}.need-bar.gold i{background:var(--gold)}.action-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.action-dock button,.bottom-tabs button,.primary-btn,.game-card button,.ghost-btn,.feature-card,.shop-card,.quest-card,.starter-card{min-height:48px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff06);color:var(--ink);transition:transform .16s ease,border-color .16s ease,background .16s ease}button:active{transform:translateY(1px) scale(.99)}.action-dock button:hover,.game-card button:hover,.primary-btn:hover,.shop-card:hover,.quest-card:hover{border-color:#a78bfa8c}.primary-btn{width:100%;min-height:56px;background:linear-gradient(135deg,var(--violet),#6d5dfc);font-weight:800;box-shadow:0 16px 50px #8b5cf657}.ghost-btn{width:100%;background:transparent;color:var(--muted)}.two-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card{text-align:left;padding:14px;display:grid;gap:5px}.feature-card strong{font-size:18px}.feature-card small,.shop-card small,.quest-card small,.game-card p,.memory-item span,.evolution-card p,.wallet-card p{color:var(--muted)}.feature-card.accent{background:linear-gradient(135deg,#8b5cf647,#35a7ff1f)}.game-list,.quest-stack,.memory-list{display:grid;gap:10px}.game-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.game-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent),transparent 78%);color:var(--accent);font-size:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 55%)}.game-card h3{margin:0 0 3px;font-size:17px}.game-card p{margin:0 0 8px;font-size:13px}.game-meta{display:flex;flex-wrap:wrap;gap:6px}.game-meta span{border:1px solid var(--line);padding:4px 8px;border-radius:999px;font-size:10px}.game-meta .featured{color:var(--gold);border-color:#f6c85f61}.game-card button{padding:0 16px;background:color-mix(in srgb,var(--accent),transparent 70%)}.result-card,.evolution-card,.wallet-card,.profile-card{border:1px solid var(--line);background:var(--surface);border-radius:26px;padding:16px}.result-card{display:grid;gap:4px;border-color:#ff5f6d38}.result-card.won{border-color:#6ee7a859;background:linear-gradient(135deg,#6ee7a824,#12141ddb)}.evolution-card{display:grid;grid-template-columns:1fr 84px;gap:12px;align-items:center}.evolution-card strong{display:block;font-size:24px;text-transform:capitalize;margin:4px 0}.evo-orb{width:84px;height:84px;border-radius:28px;display:grid;place-items:center;font-size:34px;background:#ffffff0d;color:var(--dim)}.evo-orb.ready{color:var(--gold);background:#f6c85f24;box-shadow:0 0 48px #f6c85f38}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-card,.quest-card{text-align:left;padding:14px;display:grid;gap:5px}.shop-card span{color:var(--gold);font-weight:800}.quest-card{grid-template-columns:1fr auto;align-items:center}.quest-card small{grid-column:1 / -1}.profile-card{display:grid;gap:14px}.profile-card .pet-stage{min-height:220px}.profile-card .speech{display:none}.profile-stats{display:grid;grid-template-columns:1fr auto;gap:8px}.wallet-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.memory-item{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:#ffffff09}.memory-item p{margin:4px 0 0;color:var(--ink)}.bottom-tabs{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100vw - 24px),456px);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border-radius:26px;background:#090a0fc7;border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:20}.bottom-tabs button{min-height:54px;display:grid;gap:2px;place-items:center;color:var(--muted);font-size:11px;background:transparent}.bottom-tabs button span{font-size:17px}.bottom-tabs button.active{color:var(--ink);background:linear-gradient(180deg,#8b5cf652,#ffffff0a);border-color:#a78bfa5c}.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100vw - 36px),420px);z-index:50;border-radius:18px;background:#f4f0e8f0;color:#090a0f;padding:13px 16px;font-weight:800;box-shadow:var(--shadow)}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#000000ad;backdrop-filter:blur(12px);display:grid;place-items:end center;padding:16px}.mini-game-modal{width:min(100%,448px);min-height:62dvh;border-radius:30px;border:1px solid var(--line);background:#10121b;box-shadow:var(--shadow);padding:14px;display:grid;gap:16px}.mini-game-modal header{display:flex;justify-content:space-between;align-items:center}.mini-game-modal header span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mini-game-modal header strong{display:block;font-size:20px}.mini-game-modal header button{width:42px;height:42px;border-radius:14px;background:#ffffff14;font-size:24px}.game-timer{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:12px;border-radius:18px;background:#ffffff0d}.game-timer strong{text-align:center;font-size:28px}.game-timer span,.game-timer small{color:var(--muted)}.grave-grid,.sigil-grid,.catch-lanes{display:grid;gap:10px}.grave-grid{grid-template-columns:repeat(3,1fr)}.grave-grid button,.sigil-grid button,.catch-lanes button{min-height:72px;border-radius:24px;background:#ffffff0f;border:1px solid var(--line);font-size:28px}.grave-grid button.active{color:var(--green);background:#6ee7a82e;box-shadow:0 0 34px #6ee7a838}.sequence{min-height:62px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;background:#8b5cf61f;transition:transform .2s ease}.sequence.flash{transform:scale(1.03)}.sequence span{font-size:24px;color:var(--violet-2)}.sigil-grid{grid-template-columns:repeat(4,1fr)}.catch-lanes{grid-template-columns:repeat(3,1fr)}.catch-lanes .soul{color:var(--blue);background:#35a7ff21}.catch-lanes .curse{color:var(--danger);background:#ff5f6d1f}.memory-game small,.catch-game small{color:var(--muted);text-align:center}.tap-game,.memory-game,.catch-game{display:grid;gap:16px}.onboarding-card{width:100%;border:1px solid var(--line);border-radius:34px;padding:20px;background:#12141dd1;backdrop-filter:blur(20px);box-shadow:var(--shadow);display:grid;gap:16px}.onboarding-card h1{margin:0;font-size:clamp(36px,11vw,54px);line-height:.95;letter-spacing:-.07em}.onboarding-card p{color:var(--muted);margin:0}.eyebrow{color:var(--violet-2)!important;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.egg-orbit{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--violet-2)}.egg{width:108px;height:132px;border-radius:54% 54% 48% 48%;display:grid;place-items:center;font-size:54px;background:linear-gradient(180deg,#f4f0e8,#a78bfa);color:#090a0f;box-shadow:0 24px 80px #8b5cf657;animation:breathe 2.2s ease-in-out infinite}.starter-grid{display:grid;gap:10px}.starter-card{text-align:left;padding:14px;display:grid;gap:5px;background:#ffffff09}.starter-card.selected{border-color:#a78bfab3;background:#8b5cf62e}.starter-card span{color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.starter-card small{color:var(--muted)}.name-field{display:grid;gap:8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.name-field input{min-height:54px;border-radius:18px;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);padding:0 14px;outline:none}.name-field input:focus{border-color:#a78bfab3}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:370px){.top-hud{grid-template-columns:56px 1fr auto 12px;gap:6px}.action-dock{grid-template-columns:repeat(3,1fr)}.game-card{grid-template-columns:46px 1fr}.game-card button{grid-column:1 / -1;min-height:44px}.shop-grid,.two-card-grid{grid-template-columns:1fr}}