.minigames-page{ min-height:calc(100vh - 80px); padding:clamp(110px,14vh,150px) clamp(20px,5vw,80px) 70px; color:var(--text-main); }
.minigames-header{ max-width:760px; margin:0 auto 38px; text-align:center; }
.minigames-header p{ margin:0; color:var(--secondary); font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.minigames-header h1{ margin:8px 0; font-family:"Cinzel Decorative",serif; font-size:clamp(2.4rem,7vw,5rem); text-shadow:0 5px 26px rgba(0,0,0,.6); }
.minigames-header span{ color:var(--text-muted); }
.minigames-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,3vw,34px); max-width:1120px; margin:auto; }
.minigame-card{ position:relative; min-height:310px; display:flex; align-items:flex-end; overflow:hidden; padding:32px; border:1px solid rgba(255,255,255,.18); border-radius:28px; color:#fff; text-decoration:none; box-shadow:0 24px 60px rgba(0,0,0,.35); isolation:isolate; transition:transform .2s,border-color .2s; }
.minigame-card:hover,.minigame-card:focus-visible{ transform:translateY(-5px); border-color:rgba(106,227,255,.72); }
.minigame-card::before{ content:""; position:absolute; inset:0; z-index:-2; }
.minigame-card::after{ content:""; position:absolute; inset:35% 0 0; z-index:-1; background:linear-gradient(transparent,rgba(2,10,22,.94)); }
.minigame-card--siege::before{ background:radial-gradient(circle at 75% 15%,rgba(255,198,93,.28),transparent 28%),linear-gradient(145deg,#45244f,#0b3850 60%,#072036); }
.minigame-card--aqua::before{ background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.58),transparent 9%),linear-gradient(160deg,#65e6ff,#287ecb 58%,#173d82); }
.minigame-card-icon{ position:absolute; right:35px; top:28px; font-size:5rem; filter:drop-shadow(0 9px 12px rgba(0,0,0,.32)); }
.minigame-card small{ color:#9ceeff; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.minigame-card h2{ margin:8px 0; font-family:"Cinzel Decorative",serif; font-size:clamp(1.6rem,4vw,2.5rem); }
.minigame-card p{ max-width:470px; margin:0 0 18px; color:#dceefa; line-height:1.55; }
.minigame-card strong{ color:#7cecff; }
.minigame-card--disabled{ cursor:not-allowed; opacity:.68; filter:saturate(.55); }
.minigame-card--disabled:hover{ transform:none; border-color:rgba(255,255,255,.18); }
.minigames-back{ display:block; width:max-content; margin:30px auto 0; color:var(--text-muted); }
@media(max-width:720px){ .minigames-grid{ grid-template-columns:1fr; } .minigame-card{ min-height:270px; padding:24px; } }