:root{--color-primary: #2c136c;--color-primary-light: #3d1f8c;--color-primary-dark: #1a0a3e;--color-primary-darker: #0d0520;--color-accent: #ffd579;--color-accent-hover: #ffb347;--color-accent-dark: #cf4b00;--color-dark: #0a0025;--color-overlay: rgba(10, 0, 37, .8);--color-orange: #ff8c00;--color-green: #33cc33;--color-green-dark: #2e7d32;--color-red: #ff6666;--color-red-dark: #c62828;--color-white: #ffffff;--color-text: #4a4a4a;--color-text-light: #8888aa;--color-text-muted: #6a4a9e;--color-gold: #ffd700;--color-silver: #c0c0c0;--color-bronze: #cd7f32;--font-family: "Nunito", "Arial Rounded MT Bold", Arial, sans-serif;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--text-xs: clamp(10px, 1.5vw, 12px);--text-sm: clamp(12px, 2vw, 14px);--text-base: clamp(14px, 2.5vw, 16px);--text-md: clamp(16px, 3vw, 18px);--text-lg: clamp(18px, 3.5vw, 22px);--text-xl: clamp(22px, 4vw, 28px);--text-2xl: clamp(28px, 5vw, 36px);--text-3xl: clamp(36px, 6vw, 48px);--text-4xl: clamp(48px, 8vw, 70px);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--shadow-panel: 0 12px 0 var(--color-dark);--shadow-button: 0 6px 0 rgba(0, 0, 0, .35);--shadow-button-hover: 0 8px 0 rgba(0, 0, 0, .35);--shadow-button-pressed: 0 2px 0 rgba(0, 0, 0, .35);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .2);--shadow-glow-accent: 0 0 20px rgba(255, 213, 121, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in: cubic-bezier(.32, 0, .67, 0);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-back-in: cubic-bezier(.36, 0, .66, -.56);--transition-fast: .15s var(--ease-out);--transition-normal: .3s var(--ease-out);--transition-bounce: .4s var(--ease-bounce);--z-background: 0;--z-screen: 10;--z-overlay: 50;--z-popup: 100;--z-toast: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;height:100%;width:100%;margin:0;padding:0;background-color:var(--color-white);position:fixed;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:var(--font-family);font-weight:var(--font-bold);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:fixed;inset:0;overflow:hidden}#background{position:fixed;inset:0;z-index:var(--z-background);pointer-events:none}#screen-container{position:fixed;inset:0;z-index:var(--z-screen);display:flex;flex-direction:column;align-items:center;justify-content:center}#popup-overlay{position:fixed;inset:0;z-index:var(--z-popup);pointer-events:none;display:flex;align-items:center;justify-content:center}#popup-overlay.active{pointer-events:auto}button{font-family:inherit;font-weight:inherit;border:none;background:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}input{font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}body{overscroll-behavior:none}#app{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)}button,[role=button]{min-width:44px;min-height:44px}@keyframes slideInFromTop{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100vh);opacity:0}}@keyframes slideInFromBottom{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(80px);opacity:0}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes popIn{0%{transform:scale(.5) translateY(20px);opacity:0}70%{transform:scale(1.05) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes rippleExpand{0%{transform:scale(1);opacity:.5}to{transform:scale(3);opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #ffd5794d}50%{box-shadow:0 0 20px #ffd57999}}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes bgScroll{0%{background-position:0 0}to{background-position:-200px -200px}}@keyframes starShine{0%{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}@keyframes countUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes countdownPop{0%{transform:scale(2);opacity:1}80%{transform:scale(.9);opacity:.8}to{transform:scale(0);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes revealBase{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}@keyframes scoreBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#background{background-image:url(../img/background.png);background-repeat:repeat;background-size:120px 120px;transform:rotate(-27deg) scale(1.6);transform-origin:center center;animation:bgScroll 25s linear infinite;will-change:background-position}@keyframes bgScroll{0%{background-position:0 0}to{background-position:-120px -120px}}