/* The arcade entrance, matching the illustrated game covers. */
#main-container{position:relative}
.arcade-marquee{margin:20px 0 28px;padding:30px 28px;border:1px solid color-mix(in srgb,var(--arcade-violet) 50%,transparent);border-radius:18px;background:radial-gradient(ellipse at 85% 50%,color-mix(in srgb,var(--arcade-violet) 28%,transparent),transparent 65%),linear-gradient(115deg,var(--arcade-panel),var(--arcade-night));box-shadow:inset 0 1px color-mix(in srgb,var(--color-info-blue) 35%,transparent),0 14px 40px color-mix(in srgb,var(--arcade-night) 50%,transparent);overflow:hidden}
.arcade-marquee>span{display:block;color:var(--color-info-blue);font:800 11px ui-monospace,monospace;letter-spacing:.28em;margin-bottom:12px}
.arcade-marquee strong{display:block;font-size:clamp(30px,5vw,56px);font-weight:1000;letter-spacing:-.03em;line-height:1.1;color:var(--color-text-primary);text-shadow:3px 3px color-mix(in srgb,var(--arcade-violet) 65%,transparent)}
.arcade-marquee p{margin:12px 0 0;color:var(--color-text-secondary);font-size:14px}
#main-container .game-card{border-radius:16px;border-color:color-mix(in srgb,var(--arcade-violet) 22%,var(--arcade-panel));background:var(--arcade-panel);box-shadow:0 5px 0 var(--arcade-night),0 12px 24px color-mix(in srgb,var(--arcade-night) 40%,transparent);transition:transform .2s,box-shadow .2s,border-color .2s}
#main-container .game-card:nth-child(3n+2){--card-accent:var(--color-info-blue)}
#main-container .game-card:nth-child(3n){--card-accent:var(--color-warning)}
#main-container .game-card{--card-accent:var(--arcade-violet)}
#main-container .game-card:hover,#main-container .game-card:focus-visible{transform:translateY(-6px);border-color:var(--card-accent);box-shadow:0 5px 0 var(--arcade-night),0 10px 30px color-mix(in srgb,var(--card-accent) 22%,transparent)}
#main-container .card-content{background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 12%,var(--arcade-panel)),var(--arcade-panel));border-top:2px solid color-mix(in srgb,var(--card-accent) 55%,transparent);padding:18px 12px}
#main-container .card-title{font-weight:850;font-size:1.05rem}
#main-container .card-icon img{transition:transform .3s}
#main-container .game-card:hover .card-icon img{transform:scale(1.035)}
#main-container .tab-btn.active{border-color:var(--arcade-violet);box-shadow:0 3px 0 var(--arcade-violet)}
@media(max-width:600px){.arcade-marquee{padding:24px 18px;margin:16px 0 22px}.arcade-marquee p{font-size:12px}}
@media(max-width:600px){
 #main-container .tabs-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
 #main-container .tab-btn{min-width:0;text-align:center}
 #main-container .tab-btn.active{transform:none}
 #main-container .section-header{font-size:clamp(15px,4.2vw,20px);letter-spacing:-.02em;line-height:1.2;max-width:100%}
 #main-container .card-icon{height:auto;aspect-ratio:1;width:100%}
 #main-container .card-icon img{width:100%;height:100%;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){#main-container .game-card,#main-container .card-icon img{transition:none;transform:none!important}}