:root{--color-background: #242424;--color-text: rgba(255, 255, 255, .87);--color-primary: #646cff;--color-primary-hover: #535bf2;--color-button-bg: #1a1a1a;--color-button-hover: #2a2a2a;--color-status: #888;--color-overlay: rgba(255, 255, 255, .1);--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-sm: .8rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--font-size-title: 6rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--border-radius: 8px;--max-content-width: 500px;--game-canvas-bg: #000;--transition-speed: .6s;--transition-timing: cubic-bezier(.2, .8, .2, 1);--transform-scale: .95;--transform-translate: 20px;--glow-color: rgba(100, 108, 255, .5);--glow-spread: 20px;--shine-duration: 5s;--pulse-duration: 3s;--pulse-intensity: 1.5;--z-background: 1;--z-game: 2;--z-ui: 3;--z-modal: 4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{display:block;max-width:100%;height:auto}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(var(--transform-scale)) translateY(var(--transform-translate))!important}.app{width:100%;min-height:100vh;min-height:100dvh;position:relative;background-color:var(--color-background);display:flex;flex-direction:column}.screen{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;transition:all var(--transition-speed) var(--transition-timing);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.screen--menu{z-index:var(--z-ui);background-color:var(--color-background)}.screen--game{z-index:var(--z-game);background-color:var(--game-canvas-bg)}.content{text-align:center;padding:var(--space-sm);width:100%;max-width:var(--max-content-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.title{font-size:var(--font-size-title);background:linear-gradient(90deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0;position:relative;text-shadow:0 0 var(--glow-spread) var(--glow-color);animation:pulse-glow var(--pulse-duration) ease-in-out infinite alternate}.title:before{content:"";position:fixed;top:0;left:-100vw;width:100vw;height:100vh;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:none;pointer-events:none;z-index:9999}@keyframes pulse-glow{0%{text-shadow:0 0 var(--glow-spread) var(--glow-color)}to{text-shadow:0 0 calc(var(--glow-spread) * var(--pulse-intensity)) var(--glow-color),0 0 calc(var(--glow-spread) * var(--pulse-intensity) * 1.5) var(--glow-color)}}@keyframes shine{0%{left:-100vw;opacity:0}5%{opacity:1}15%{left:100vw;opacity:0}to{left:100vw;opacity:0}}@keyframes shine-trigger{0%{left:-100vw;opacity:0}10%{opacity:1}30%{left:100vw;opacity:0}to{left:100vw;opacity:0}}.status{font-size:var(--font-size-xl);color:var(--color-status)}.hint{font-size:var(--font-size-sm);color:var(--color-status)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;min-width:160px;padding:.8em 1.6em;border-radius:var(--border-radius);font-size:var(--font-size-xl);font-weight:500;font-family:inherit;text-decoration:none;background-color:var(--color-button-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-speed),background-color var(--transition-speed),opacity var(--transition-speed);box-sizing:border-box}.btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-button-hover)}.btn:focus,.btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-primary-hover);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary)}.title.shine-active:before{animation:shine-trigger 1.5s ease-out}.btn--secondary{font-size:var(--font-size-lg);padding:.6em 1.2em;min-width:120px;background-color:var(--color-button-bg);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background-color:var(--color-button-hover)}.btn-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.game-canvas{width:100%;height:100%;background-color:var(--game-canvas-bg)}@media (max-width: 768px){.title{font-size:4rem}.content{gap:var(--space-sm)}.btn-group{flex-direction:column;align-items:center;gap:.75rem}.btn{width:auto;min-width:200px;max-width:280px;padding:.7em 1.4em;font-size:var(--font-size-lg)}}@media (prefers-color-scheme: light){:root{--color-background: #ffffff;--color-text: #213547;--color-button-bg: #f9f9f9;--color-button-hover: #e9e9e9;--color-overlay: rgba(0, 0, 0, .1)}.btn--active{background-color:var(--color-primary-hover);color:#fff}}