@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.game-player{display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-player-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 .5rem;margin-bottom:1rem}.game-player-header h2{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#ff6b6b33;border-color:#ff6b6b66;color:#ff6b6b}.game-container{position:relative;width:640px;height:480px;background:#0a0a0a;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #00000080,0 0 100px #ff6b6b1a}#game-canvas{width:100%;height:100%}#game-canvas canvas{display:block}.game-loading,.game-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0af2;z-index:10}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,107,107,.2);border-top-color:#ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.game-loading p,.game-error p{margin:0;font-size:.9rem;color:#fff9;letter-spacing:.05em}.game-error p{color:#ff6b6b}.game-controls-hint{margin-top:1.5rem;padding:.75rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.game-controls-hint p{margin:0;font-size:.8rem;color:#fff6;letter-spacing:.02em}@media (max-width: 700px){.game-container{width:100%;height:auto;aspect-ratio:4 / 3}.game-controls-hint{display:none}}*{box-sizing:border-box}.app{position:relative;min-height:100vh;width:100%;overflow-x:hidden}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,107,107,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,107,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.bg-glow-1{top:-200px;right:-100px;background:radial-gradient(circle,rgba(255,107,107,.3) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.bg-glow-2{bottom:-200px;left:-100px;background:radial-gradient(circle,rgba(254,202,87,.2) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.landing{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:3rem 2rem}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:4rem;margin-bottom:4rem}.logo-mark{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;animation:slideDown .6s ease-out}.logo-icon{font-size:2rem;color:#ff6b6b;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-badge{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:700;letter-spacing:.2em;padding:.4rem .8rem;background:linear-gradient(135deg,#ff6b6b33,#feca571a);border:1px solid rgba(255,107,107,.3);border-radius:4px;color:#ff6b6b}.title{font-family:Space Mono,JetBrains Mono,monospace;font-size:clamp(4rem,15vw,10rem);font-weight:700;line-height:.9;letter-spacing:-.02em;margin:0 0 1.5rem;animation:slideUp .6s ease-out .1s both}.title-line{display:block;color:#fff}.title-accent{background:linear-gradient(135deg,#ff6b6b,#feca57,#ff6b6b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{to{background-position:200% center}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tagline{font-size:1.1rem;color:#ffffff80;margin:0 0 3rem;max-width:400px;line-height:1.6;animation:slideUp .6s ease-out .2s both}.play-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;color:#0a0a0a;background:linear-gradient(135deg,#ff6b6b,#feca57);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;animation:slideUp .6s ease-out .3s both;box-shadow:0 4px 20px #ff6b6b66,0 0 60px #ff6b6b33}.play-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #ff6b6b80,0 0 80px #ff6b6b4d}.play-button:active{transform:translateY(0) scale(.98)}.play-icon{font-size:.9rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:900px;margin-bottom:4rem;animation:slideUp .6s ease-out .4s both}.feature{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;text-align:center;transition:all .3s ease}.feature:hover{background:#ffffff0a;border-color:#ff6b6b33;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#fff}.feature p{font-size:.9rem;color:#fff6;margin:0;line-height:1.5}.footer{margin-top:auto;padding-top:2rem;animation:slideUp .6s ease-out .5s both}.footer p{font-size:.8rem;color:#ffffff4d;margin:0}.game-view{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}@media (max-width: 640px){.landing{padding:2rem 1.5rem}.hero{padding-top:2rem}.features{gap:1rem}.feature{padding:1.5rem}}:root{--color-bg: #0a0a0a;--color-text: #ffffff;--color-accent: #ff6b6b;--color-accent-secondary: #feca57}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Space Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}::selection{background:#ff6b6b4d;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-secondary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}