:root{color-scheme:dark;font-family:Courier New,monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a1520;color:#c0d8e8;overflow:hidden}.game-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#102030,#0a1520 70%)}.title-screen{text-align:center;animation:fadeIn 1s ease}.title-icon{font-size:2.5rem;margin-bottom:.5rem;display:flex;justify-content:center;gap:.4em}.flake{color:#8ac4e8;display:inline-block;animation:flakeSpin 4s linear infinite;text-shadow:0 0 15px rgba(138,196,232,.6)}.flake:nth-child(2){animation-delay:-1.3s;font-size:2rem}.flake:nth-child(3){animation-delay:-2.6s;font-size:1.8rem}.game-title{font-size:3.5rem;font-weight:900;letter-spacing:.2em;color:#c8e0f0;text-shadow:0 0 20px rgba(138,196,232,.4),0 2px 4px rgba(0,0,0,.5)}.subtitle{font-size:1rem;color:#a0c8e699;margin-top:.3rem;letter-spacing:.15em;text-transform:uppercase}.start-info{margin-top:2rem;color:#8cb4d299;font-size:.85rem;line-height:2}.start-info .hint{color:#b4d2e680;font-style:italic;margin-top:.5rem}.controls-box{margin-top:1.2rem;display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:#8cb4d259}.start-btn{margin-top:2.5rem;padding:.8rem 3rem;background:transparent;border:1px solid rgba(138,196,232,.4);color:#b4d2e6e6;font-family:Courier New,monospace;font-size:1rem;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.start-btn:hover{background:#8ac4e81a;border-color:#8ac4e8b3;box-shadow:0 0 30px #8ac4e826;transform:translateY(-1px)}.game-container{position:relative;display:flex}.game-canvas{display:block;border:1px solid rgba(138,196,232,.15);box-shadow:0 0 60px #3c648c33;cursor:crosshair}.danger-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(140,30,30,.6) 100%);animation:dangerPulse 1s ease-in-out infinite}.cold-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(80,140,200,.35) 100%);animation:coldPulse 2s ease-in-out infinite}.hunger-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(140,100,40,.3) 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes flakeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dangerPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes coldPulse{0%,to{opacity:.3}50%{opacity:.6}}