:root{--arcade-bg:#0a1628;--arcade-bg-dark:#050d18;--arcade-panel:#0f2847;--arcade-border:#ff9500;--arcade-border-glow:#ffb340;--arcade-yellow:#ffd000;--arcade-cyan:#00e5ff;--arcade-pink:#f0a;--arcade-green:#0f8;--arcade-text:#e8e0d0;--arcade-text-dim:#9a9078;--font-arcade:"Press Start 2P", monospace;--font-pixel:"VT323", monospace;--scanline:#00000026}*{box-sizing:border-box}body{font-family:var(--font-pixel);color:var(--arcade-text);background:var(--arcade-bg-dark);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#00e5ff08 1px,#0000 1px),linear-gradient(90deg,#00e5ff08 1px,#0000 1px);background-size:24px 24px;margin:0;font-size:20px;line-height:1.5;position:relative}body:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scanline) 2px, var(--scanline) 4px);pointer-events:none;z-index:9999;opacity:.3;position:fixed;inset:0}#app{min-height:100vh}.header{text-align:center;padding:40px 24px 32px;position:relative;overflow:hidden}.header-bg{background:linear-gradient(180deg, var(--arcade-bg) 0%, var(--arcade-bg-dark) 100%);pointer-events:none;position:absolute;inset:0}.header-content{max-width:720px;margin:0 auto;position:relative}.logo{font-family:var(--font-arcade);color:var(--arcade-yellow);text-shadow:0 0 10px var(--arcade-yellow);margin:0 0 12px;font-size:clamp(1rem,3vw,1.5rem);font-weight:400}.tagline{font-family:var(--font-pixel);color:var(--arcade-text-dim);margin:0;font-size:1.2rem}.hero{padding:40px 0 60px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(100% 80%,#00e5ff14 0%,#0000 60%);position:absolute;inset:0}.carousel-wrap{justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}@media (width>=768px){.carousel-wrap{gap:16px;padding:0 60px}}.carousel-btn{width:40px;height:40px;font-family:var(--font-arcade);color:var(--arcade-yellow);background:var(--arcade-panel);border:3px solid var(--arcade-border);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:4px;font-size:20px;line-height:1;transition:all .2s;display:flex}@media (width>=768px){.carousel-btn{width:48px;height:48px;font-size:24px}}.carousel-btn:hover{background:var(--arcade-border);color:var(--arcade-bg-dark);box-shadow:0 0 20px var(--arcade-border-glow)}.carousel-viewport{width:100%;max-width:min(888px,100vw - 48px);padding:65px 0;overflow:hidden}@media (width<=767px){.carousel-viewport{max-width:100%;padding:30px 0}}.carousel-track{will-change:transform;gap:24px;padding:0;display:flex}@media (width<=767px){.carousel-track{gap:16px}}.carousel-card{flex-direction:column;flex-shrink:0;align-items:center;width:280px;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s;display:flex}@media (width<=767px){.carousel-card{width:min(280px,100vw - 80px)}}.carousel-card.center{z-index:2;transform:scale(1.15)}@media (width<=767px){.carousel-card.center{transform:none}}.carousel-card.side{opacity:.85;z-index:1;transform:scale(.85)}@media (width<=767px){.carousel-card.side,.carousel-card.hidden{opacity:0;pointer-events:none;visibility:hidden}}.carousel-card.hidden{opacity:.25;pointer-events:none;transform:scale(.75)}.carousel-card-frame{aspect-ratio:4/3;background:linear-gradient(145deg, var(--arcade-border) 0%, var(--arcade-border-glow) 50%, var(--arcade-yellow) 100%);width:100%;box-shadow:0 0 0 2px var(--arcade-bg-dark), 0 0 20px #ff950066, inset 0 2px 4px #fff3;border-radius:4px;padding:8px;position:relative}.carousel-card.center .carousel-card-frame{box-shadow:0 0 0 3px var(--arcade-bg-dark), 0 0 30px #ff950099, inset 0 2px 4px #fff3;padding:10px}.carousel-card-frame:before{content:"";background:var(--arcade-bg-dark);z-index:0;border-radius:2px;position:absolute;inset:2px}.carousel-card-frame img{z-index:1;object-fit:cover;border-radius:2px;width:100%;height:100%;display:block;position:relative}.carousel-play-btn{font-family:var(--font-arcade);color:var(--arcade-bg-dark);background:var(--arcade-yellow);border:2px solid var(--arcade-border);border-radius:4px;margin-top:16px;padding:10px 24px;font-size:10px;text-decoration:none;transition:all .2s;box-shadow:0 4px #b8860b}.carousel-play-btn:hover{background:var(--arcade-cyan);transform:translateY(2px);box-shadow:0 2px #08a}.carousel-card-info{text-align:center;max-width:100%;margin-top:16px;padding:0 8px}.carousel-title{font-family:var(--font-arcade);color:var(--arcade-yellow);margin:0 0 4px;font-size:10px;line-height:1.6}.carousel-subtitle{color:var(--arcade-text-dim);margin:0 0 8px;font-size:1rem}.carousel-desc{color:var(--arcade-text-dim);text-align:left;font-size:.9rem;line-height:1.4}.carousel-desc p{margin:0 0 6px}.carousel-desc strong{color:var(--arcade-cyan)}.main{max-width:900px;margin:0 auto;padding:0 24px 80px}.games{flex-direction:column;gap:40px;display:flex}.game-card{background:var(--arcade-panel);border:3px solid var(--arcade-border);border-radius:4px;grid-template-columns:280px 1fr;align-items:start;gap:32px;padding:24px;transition:all .2s;display:grid;box-shadow:0 4px #0000004d}.game-card:hover{border-color:var(--arcade-yellow);box-shadow:0 0 20px #ffd00033}@media (width<=768px){.game-card{grid-template-columns:1fr}}.game-card-image{position:relative}.game-card-frame{aspect-ratio:4/3;background:linear-gradient(145deg, var(--arcade-border) 0%, var(--arcade-yellow) 100%);width:100%;box-shadow:0 0 0 2px var(--arcade-bg-dark);border-radius:4px;padding:6px;position:relative}.game-card-frame img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.game-card-content{min-width:0}.game-title{font-family:var(--font-arcade);color:var(--arcade-yellow);margin:0 0 8px;font-size:12px;font-weight:400;line-height:1.6}.game-subtitle{color:var(--arcade-text-dim);margin:0 0 16px;font-size:1.1rem}.game-section{margin-bottom:16px}.game-section h3{color:var(--arcade-cyan);margin:0 0 6px;font-size:1rem;font-weight:400}.game-section p{color:var(--arcade-text-dim);margin:0;font-size:1rem;line-height:1.5}.game-link{font-family:var(--font-arcade);color:var(--arcade-bg-dark);background:var(--arcade-yellow);border:2px solid var(--arcade-border);border-radius:4px;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;font-size:8px;text-decoration:none;transition:all .2s;display:inline-flex}.game-link:hover{background:var(--arcade-cyan)}.footer{text-align:center;border-top:3px solid var(--arcade-border);padding:32px 24px}.footer p{color:var(--arcade-text-dim);margin:0;font-size:1rem}.footer-nav{margin-top:16px}.footer-nav a{color:var(--arcade-cyan);font-size:1rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--arcade-yellow)}.main--rules{max-width:640px;padding:40px 24px 80px}.rules-content{color:var(--arcade-text-dim)}.rules-content h2{font-family:var(--font-arcade);color:var(--arcade-yellow);margin:32px 0 12px;font-size:10px;line-height:1.6}.rules-content h2:first-child{margin-top:0}.rules-content p{margin:0 0 20px;line-height:1.7}.rules-content strong{color:var(--arcade-yellow)}.rules-home-btn{margin-top:32px;display:inline-block}