:root{--color-bg-main: #181926;--color-bg-surface: #24273a;--color-bg-card: rgba(36, 39, 58, .85);--color-bg-overlay: rgba(18, 19, 30, .75);--color-primary: #f5a97f;--color-primary-hover: #ee99a0;--color-primary-rgb: 245, 169, 127;--color-secondary: #c6a0f6;--color-accent: #8aadf4;--color-success: #a6da95;--color-warning: #eed49f;--color-danger: #ed8796;--color-text-main: #cad3f5;--color-text-muted: #8087a2;--color-text-on-primary: #1e2030;--border-subtle: rgba(202, 211, 245, .12);--border-highlight: rgba(245, 169, 127, .4);--font-family-display: "Comfortaa", cursive, sans-serif;--font-family-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(var(--color-primary-rgb), .35);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@keyframes preview-sway-glow{0%{transform:rotate(-3deg);filter:drop-shadow(0 0 3px rgba(255,215,0,.3))}to{transform:rotate(3deg);filter:drop-shadow(0 0 12px rgba(255,215,0,.85))}}@keyframes preview-magic-aura{0%{filter:drop-shadow(0 0 4px rgba(138,43,226,.4))}to{filter:drop-shadow(0 0 18px rgba(64,224,208,.95)) brightness(1.1)}}@keyframes preview-shimmer-radiance{0%{filter:brightness(1) drop-shadow(0 0 3px rgba(251,191,36,.4))}to{filter:brightness(1.22) drop-shadow(0 0 14px rgba(251,191,36,.95))}}@keyframes preview-starlight-twinkle{0%,to{filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 16px rgba(254,240,138,.95)) brightness(1.2)}}@keyframes preview-neon-flicker{0%,to{opacity:1;filter:drop-shadow(0 0 10px rgba(0,255,255,.9))}40%{opacity:.7;filter:drop-shadow(0 0 2px rgba(0,255,255,.3))}45%{opacity:.95;filter:drop-shadow(0 0 12px rgba(0,255,255,1))}75%{opacity:.6;filter:drop-shadow(0 0 3px rgba(0,255,255,.2))}80%{opacity:1;filter:drop-shadow(0 0 14px rgba(0,255,255,.95))}}@keyframes preview-mystic-vortex{0%{filter:drop-shadow(0 0 6px #8b5cf6) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 16px #ec4899) hue-rotate(180deg)}to{filter:drop-shadow(0 0 6px #8b5cf6) hue-rotate(360deg)}}@keyframes preview-divine-halo{0%{filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}to{filter:drop-shadow(0 0 22px rgba(251,191,36,.98)) brightness(1.15)}}@keyframes preview-arcane-runes{0%{filter:drop-shadow(0 0 4px #06b6d4)}to{filter:drop-shadow(0 0 16px #3b82f6) hue-rotate(60deg) brightness(1.1)}}@keyframes preview-float-glow{0%{transform:translateY(-7px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}to{transform:translateY(7px);filter:drop-shadow(0 8px 16px rgba(88,166,255,.6))}}@keyframes preview-gentle-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes preview-pendulum{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes preview-hover-drift{0%{transform:translate(-4px,-6px)}50%{transform:translate(4px)}to{transform:translate(-2px,6px)}}@keyframes preview-spring-bounce{0%,to{transform:translateY(0) scaleY(1)}30%{transform:translateY(-12px) scaleY(1.06)}70%{transform:translateY(2px) scaleY(.95)}}@keyframes preview-bobbing-water{0%{transform:translateY(-6px) rotate(-2deg)}to{transform:translateY(6px) rotate(2deg)}}@keyframes preview-wind-flutter{0%{transform:rotate(-3.5deg) skew(-2deg)}to{transform:rotate(3.5deg) skew(2deg)}}@keyframes preview-elastic-wobble{0%{transform:scale(1)}25%{transform:scale(1.08,.92)}75%{transform:scale(.92,1.08)}to{transform:scale(1)}}@keyframes preview-breathe-purr{0%{transform:scale(.96);filter:drop-shadow(0 0 3px rgba(244,114,182,.3))}to{transform:scale(1.04);filter:drop-shadow(0 0 12px rgba(244,114,182,.75))}}@keyframes preview-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.08)}40%{transform:scale(1.01)}60%{transform:scale(1.05)}}@keyframes preview-petal-fall{0%{transform:rotate(-2deg);filter:drop-shadow(0 0 3px rgba(244,114,182,.4))}to{transform:rotate(2deg) translateY(4px);filter:drop-shadow(0 4px 10px rgba(244,114,182,.8))}}@keyframes preview-leaf-rustle{0%{transform:rotate(-2.5deg) translate(-2px)}to{transform:rotate(2.5deg) translate(2px);filter:drop-shadow(0 0 6px rgba(74,222,128,.5))}}@keyframes preview-butterfly-orbit{0%{transform:translate(-3px,-4px) rotate(-1.5deg)}50%{transform:translate(3px,2px) rotate(1.5deg)}to{transform:translate(-2px,4px) rotate(-1deg)}}@keyframes preview-water-ripple{0%{transform:scale(.98);filter:drop-shadow(0 0 3px rgba(56,189,248,.4))}to{transform:scale(1.02);filter:drop-shadow(0 0 14px rgba(14,165,233,.85))}}@keyframes preview-sprout-growth{0%{transform:scale(.97);filter:drop-shadow(0 0 2px rgba(74,222,128,.3))}to{transform:scale(1.03);filter:drop-shadow(0 0 12px rgba(74,222,128,.8))}}@keyframes preview-firefly-swarm{0%{transform:translate(-2px,2px);filter:drop-shadow(0 0 4px rgba(163,230,53,.5))}to{transform:translate(2px,-2px);filter:drop-shadow(0 0 14px rgba(250,204,21,.9))}}@keyframes preview-headlight-sparkle{0%{filter:brightness(1) drop-shadow(0 0 4px rgba(255,255,200,.3))}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(255,255,200,.95))}to{filter:brightness(1) drop-shadow(0 0 4px rgba(255,255,200,.3))}}@keyframes preview-pulse-spark{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}50%{transform:scale(1.06);filter:drop-shadow(0 0 16px rgba(239,68,68,.95))}}@keyframes preview-electric-charge{0%,to{filter:drop-shadow(0 0 4px #38bdf8)}25%{filter:drop-shadow(0 0 16px #0284c7) brightness(1.25)}50%{filter:drop-shadow(0 0 2px #38bdf8)}75%{filter:drop-shadow(0 0 18px #60a5fa) brightness(1.35)}}@keyframes preview-cyber-glitch{0%,to{transform:translate(0);filter:drop-shadow(0 0 4px #06b6d4)}20%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}40%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}60%{transform:translate(-1px,-1px);filter:drop-shadow(0 0 8px #f43f5e)}80%{transform:translate(1px,1px);filter:hue-rotate(270deg)}}@keyframes preview-clockwork-gear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes preview-laser-beam{0%{filter:drop-shadow(0 0 2px #ef4444)}to{filter:drop-shadow(0 0 18px #f43f5e) brightness(1.25)}}@keyframes preview-radar-ping{0%,to{transform:scale(1);filter:drop-shadow(0 0 3px rgba(34,197,94,.4))}50%{transform:scale(1.04);filter:drop-shadow(0 0 18px rgba(34,197,94,.95))}}@keyframes preview-spinning-coin{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes preview-gold-shower{0%{filter:drop-shadow(0 0 4px rgba(234,179,8,.4))}to{filter:drop-shadow(0 6px 16px rgba(234,179,8,.95))}}@keyframes preview-confetti-pop{0%,to{transform:scale(1);filter:hue-rotate(0deg)}40%{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(236,72,153,.95)) hue-rotate(90deg)}70%{transform:scale(1.03);filter:hue-rotate(180deg)}}@keyframes preview-rainbow-gleam{0%{filter:hue-rotate(0deg) drop-shadow(0 0 6px rgba(255,100,100,.7))}to{filter:hue-rotate(360deg) drop-shadow(0 0 6px rgba(100,255,100,.7))}}@keyframes preview-crystal-shine{0%{filter:brightness(1) drop-shadow(0 0 2px rgba(255,255,255,.4))}50%{filter:brightness(1.28) drop-shadow(0 0 16px rgba(255,255,255,.98))}to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,255,255,.4))}}@keyframes floatMote{0%{transform:translateY(0) translate(0);opacity:.4}50%{opacity:.9}to{transform:translateY(-24px) translate(12px);opacity:.2}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;background-color:#0d0e17;color:var(--color-text-main);font-family:var(--font-family-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body.in-game-mode{height:100%;height:100dvh;overflow:hidden}body.in-admin-mode{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#0a0d14}#root{width:100%;height:100%;display:flex}#root.game-mode{height:100%;height:100dvh;min-height:100dvh;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,#1e2030,#0d0e17 80%)}#root.admin-mode{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0d14;align-items:stretch;justify-content:flex-start}.admin-root-viewport{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#0a0d14}.mobile-device-frame{position:relative;width:100%;max-width:430px;height:100%;height:100dvh;max-height:932px;display:flex;flex-direction:column;background-color:var(--color-bg-main);overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff1f;border-radius:40px}.native-app-viewport{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg-main);overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@media (max-width: 500px),(max-height: 700px){.mobile-device-frame{max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}}.device-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:22px;background:#000;border-radius:11px;z-index:100;pointer-events:none}@media (max-width: 500px){.device-notch{display:none}}.game-screen{flex:1;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:38px}@media (max-width: 500px){.game-screen{padding-top:max(8px,env(safe-area-inset-top,8px))}}h1,h2,h3,h4{font-family:var(--font-family-display);font-weight:700;color:#fff;letter-spacing:-.02em}button{font-family:var(--font-family-body);cursor:pointer;border:none;outline:none;background:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#f5b08c);color:var(--color-text-on-primary);font-weight:700;font-size:1.05rem;padding:14px 28px;border-radius:var(--radius-full);box-shadow:var(--shadow-glow);transition:transform var(--transition-fast),filter var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:scale(.96);filter:brightness(.95)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-main);border:1px solid var(--border-subtle);font-weight:600;padding:10px 18px;border-radius:var(--radius-full);transition:background var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:active{transform:scale(.96);background:#cad3f51a}@keyframes pulsePlay{0%{transform:scale(1);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.45)}50%{transform:scale(1.04);box-shadow:0 0 45px rgba(var(--color-primary-rgb),.85)}to{transform:scale(1);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.45)}}@keyframes floatMote{0%{transform:translateY(0) translate(0) rotate(0);opacity:.25}50%{transform:translateY(-24px) translate(12px) rotate(180deg);opacity:.85}to{transform:translateY(0) translate(0) rotate(360deg);opacity:.25}}@keyframes titleGlow{0%{text-shadow:0 0 10px rgba(245,169,127,.4)}50%{text-shadow:0 0 25px rgba(245,169,127,.85),0 0 40px rgba(198,160,246,.6)}to{text-shadow:0 0 10px rgba(245,169,127,.4)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes victoryPop{0%{opacity:0;transform:scale(.72) translateY(24px)}65%{opacity:1;transform:scale(1.04) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes starPop{0%{opacity:0;transform:scale(0) rotate(-40deg)}60%{opacity:1;transform:scale(1.35) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes starGlow{0%{filter:drop-shadow(0 0 6px rgba(255,209,133,.4))}to{filter:drop-shadow(0 0 16px rgba(255,183,77,.95)) drop-shadow(0 0 26px rgba(255,152,0,.5))}}