@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=VT323&display=swap";:root{--bg-white: #ffffff;--bg-light: #e8f6fd;--toucan-blue: #4cc9f0;--toucan-orange: #ff9f1c;--toucan-yellow: #ffd60a;--toucan-red: #ef233c;--toucan-black: #1e293b;--text-muted: #64748b;--sky-light: #d4f1f9;--sky-mid: #a8e6f0;--sky-deep: #6dcce8;--tile-white: #f0f8ff;--tile-blue-1: #b8e8f5;--tile-blue-2: #8dd8ef;--tile-blue-3: #6dcce8;--panel-bg: rgba(220, 244, 255, .88);--panel-border: 2px solid rgba(76, 201, 240, .3);--accent-color: #4cc9f0;font-family:Outfit,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light;color:var(--toucan-black);background-color:var(--bg-white);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}html{scroll-behavior:smooth}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.bounce-arrow{animation:bounce 2s infinite}.game-mode{font-family:VT323,monospace;background-color:#d4f1f9;color:var(--toucan-black)}#root{width:100%;min-height:100vh}*{box-sizing:border-box}canvas,img{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn-primary{background:var(--toucan-blue);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4cc9f04d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f066}.card{background:white;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.05)}.retro-text{font-family:VT323,monospace}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.nav-responsive{flex-direction:column!important;gap:1rem;padding:1rem!important}.hero-content-responsive{flex-direction:column!important;text-align:center;gap:2rem!important}.title-responsive{font-size:2.8rem!important}.stats-responsive{justify-content:center}.feature-grid-responsive,.rules-layout-responsive,.rule-detail-responsive,.controls-layout-responsive{flex-direction:column!important}.keyboard-container-responsive{overflow-x:auto!important;padding:1rem!important}}