:root{--color-bg-dark: #0a0a0f;--color-bg-mid: #12121a;--color-bg-light: #1a1a25;--color-red: #c41e3a;--color-gold: #ffd700;--color-snow: #fffafa;--color-accent: #ff6b6b;--color-success: #4ade80;--color-sega-blue: #0060a8;--color-sega-blue-light: #0088d8;--font-display: "Mountains of Christmas", cursive;--font-body: "Nunito", sans-serif}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000010;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;cursor:pointer;transition:opacity .5s ease}.start-overlay.hidden{opacity:0;pointer-events:none}.start-text{color:var(--color-sega-blue-light);font-size:clamp(1.2rem,4vw,2rem);font-weight:700;text-transform:uppercase;letter-spacing:.2em;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-body);background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-mid) 50%,var(--color-bg-light) 100%);min-height:100vh;color:var(--color-snow)}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.bompa-header{text-align:center;padding:1.5rem 1rem .5rem;position:relative;z-index:2}.bompa-logo-container{display:inline-block;position:relative;cursor:pointer;transition:transform .1s ease;animation:segaGlow 2s ease-in-out infinite}.bompa-logo-container:hover{transform:scale(1.02)}.bompa-logo-container:active{transform:scale(.98)}.bompa-canvas{width:clamp(200px,60vw,340px);height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(3px 4px 0 rgba(0,20,60,.9)) drop-shadow(5px 6px 3px rgba(0,0,0,.5));transform:skew(-10deg) scale(0);opacity:0}.bompa-canvas.zoom-in{animation:logoZoomIn 1.4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes logoZoomIn{0%{transform:skew(-10deg) scale(0);opacity:0}40%{opacity:1}75%{transform:skew(-10deg) scale(1.12)}to{transform:skew(-10deg) scale(1);opacity:1}}@keyframes segaGlow{0%,to{filter:drop-shadow(0 0 5px rgba(0,96,168,.5)) drop-shadow(0 0 10px rgba(0,128,208,.3))}50%{filter:drop-shadow(0 0 15px rgba(0,96,168,.8)) drop-shadow(0 0 25px rgba(0,128,208,.5))}}.bompa-logo-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.4}.bompa-logo-text{position:absolute;left:-9999px}.bompa-subtitle{color:var(--color-sega-blue-light);font-size:clamp(.9rem,3vw,1.2rem);font-weight:700;text-transform:uppercase;letter-spacing:.3em;margin-top:.5rem;text-shadow:0 0 10px rgba(0,136,216,.5);opacity:0;animation:fadeIn .5s ease 1.4s forwards}@keyframes fadeIn{to{opacity:1}}.sound-icon{position:absolute;bottom:5px;right:-30px;width:24px;height:24px;cursor:pointer;opacity:.8;transition:opacity .2s,transform .2s;z-index:10;background:#0060a84d;border-radius:50%;padding:4px}.sound-icon:hover{opacity:1;transform:scale(1.15);background:#0080d080}.sound-icon svg{width:100%;height:100%;fill:#fff}header h1{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);color:var(--color-snow);text-shadow:0 0 10px rgba(255,215,0,.5),2px 2px 4px rgba(0,0,0,.5);margin-bottom:.25rem}header .subtitle{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-gold);text-shadow:1px 1px 2px rgba(0,0,0,.5)}#games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;max-width:500px;margin:0 auto;width:100%;position:relative;z-index:2}@media(min-width:600px){#games-grid{grid-template-columns:repeat(4,1fr);max-width:700px;gap:1rem}}.game-card{background:linear-gradient(145deg,#fff,#e8e8f0);border-radius:12px;padding:.75rem;text-align:center;text-decoration:none;color:#1a1a25;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(255,215,0,.1),transparent);opacity:0;transition:opacity .3s ease}.game-card.active:hover,.game-card.active:active{transform:translateY(-2px) scale(1.02);border-color:var(--color-gold);box-shadow:0 8px 24px #0006,0 0 15px #ffd70026}.game-card.active:hover:before{opacity:1}.game-card.coming-soon{background:linear-gradient(145deg,#e0e0e8,#c8c8d0);opacity:.7}.game-card.coming-soon:hover{transform:none;cursor:default}.game-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.game-icon-img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.game-name{font-family:var(--font-body);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.game-status{font-size:.55rem;padding:.15rem .4rem;border-radius:8px;background:var(--color-red);color:#fff;text-transform:uppercase;letter-spacing:.03em}.game-status.active{background:var(--color-success);color:#0a0a0f}.input-types{display:flex;gap:.2rem;font-size:.7rem;opacity:.7}footer{text-align:center;padding:1rem;font-size:.75rem;opacity:.7;position:relative;z-index:2;margin-top:auto;display:flex;flex-direction:column;gap:.5rem}footer p{opacity:.7}.print-link{color:var(--color-gold);text-decoration:none;font-weight:600;transition:opacity .2s}.print-link:hover{opacity:1;text-decoration:underline}.decoration{position:fixed;font-size:2rem;opacity:.3;z-index:0;pointer-events:none}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.2rem;opacity:.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}}.game-card.active .game-icon,.game-card.active .game-icon-img{animation:float 3s ease-in-out infinite}header h1{animation:glow 2s ease-in-out infinite}