/* COROA STUDIO · edição autoral · camada visual sem alterar lógica dos jogos */
:root{--bg:#080c16;--bg2:#0b1020;--panel:#111827;--panel2:#182234;--panel3:#222d41;--line:rgba(143,164,199,.13);--line2:rgba(181,202,238,.2);--text:#f2f5fa;--muted:#a3afc4;--dim:#65728b;--gold:#e8b867;--gold2:#ffe1a2;--orange:#bb8545;--r:16px}
html,body{background:#080c16;color:var(--text)}
body::before{background:radial-gradient(900px 500px at 20% -15%,rgba(39,80,143,.22),transparent 70%),radial-gradient(700px 440px at 96% 30%,rgba(178,118,42,.10),transparent 75%),#080c16!important}
.topbar{background:#0c1424!important;border-bottom:1px solid rgba(185,201,226,.12);height:74px;box-shadow:0 8px 35px rgba(0,0,0,.16)}
.statbar{background:#070b13}.livebar{background:#0d1524}.modes a{background:#131e30;border-color:rgba(150,177,212,.1)}
.modes a:hover{background:#25334a;color:#fff}.modes a.on{background:linear-gradient(135deg,#ffe2a5,#d3a65c);color:#171a21}
.logo-mark svg{filter:drop-shadow(0 0 10px rgba(247,196,104,.35))}.logo b i{color:#f1c477}
.btn-gold,.price-btn{background:linear-gradient(135deg,#f9d999,#cb9652)!important;color:#15171e!important;border:1px solid rgba(255,220,166,.35)!important;box-shadow:none!important}
.btn-gold:hover,.price-btn:hover{filter:brightness(1.08)}
.royal-intro{max-width:1360px;margin:28px auto 18px;padding:27px 36px 28px;border-radius:20px;border:1px solid rgba(208,173,112,.18);background:linear-gradient(110deg,rgba(28,40,61,.92),rgba(14,22,36,.92) 65%,rgba(61,45,32,.68));display:flex;justify-content:space-between;align-items:center;gap:22px;position:relative;overflow:hidden}
.royal-intro:before{content:'♛';position:absolute;right:13%;top:-105px;font-size:280px;color:rgba(221,175,105,.05);pointer-events:none}
.royal-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#e9bd77}.royal-star{font-size:15px;margin-right:8px}
.royal-intro h2{font-size:clamp(25px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:12px 0}.royal-intro h2 em{font-style:normal;color:#eabf7e}.royal-intro p{margin:0;color:var(--muted);max-width:650px;line-height:1.65;font-size:13px}
.royal-explore{flex-shrink:0;background:#f2c782;color:#161b23;padding:14px 18px;font-weight:800;border-radius:10px;display:flex;gap:20px;align-items:center}
.carousel{max-width:1360px;margin-left:auto;margin-right:auto;border-radius:20px;overflow:hidden;border:1px solid rgba(179,196,222,.14)}
.carousel .slide{background:linear-gradient(94deg,rgba(9,14,26,.92),rgba(13,22,38,.67)),url('../images/exclusive/royal.webp');background-size:cover;background-position:center}
.carousel .slide.s1{background-image:linear-gradient(90deg,#101625 10%,rgba(16,22,37,.65)),url('../images/exclusive/royal.webp')}
.carousel .slide.s2{background-image:linear-gradient(90deg,#091927 12%,rgba(9,25,39,.7)),url('../images/exclusive/frost.webp')}
.carousel .slide.s3{background-image:linear-gradient(90deg,#150d24 12%,rgba(21,13,36,.72)),url('../images/exclusive/nebula.webp')}
.carousel .slide.s4{background-image:linear-gradient(90deg,#13141e 12%,rgba(19,20,30,.77)),url('../images/exclusive/royal-pack.webp')}
.carousel .slide h1,.carousel .slide p{position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.royal-features{max-width:1360px;margin:20px auto 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.royal-features>div{border:1px solid rgba(172,191,224,.11);background:#101a2b;border-radius:14px;padding:17px 20px;display:flex;gap:14px;align-items:center}.royal-features i{font-size:27px;color:#eac17d}.royal-features span{display:grid;gap:4px}.royal-features b{font-size:13px}.royal-features small{color:#8e9eb8;font-size:11px}
.case-card{background:linear-gradient(150deg,#172237,#0e1625)!important;border:1px solid rgba(146,167,204,.15)!important;border-radius:17px!important;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;overflow:hidden;position:relative}
.case-card:before{content:'';position:absolute;inset:0 0 50%;background:radial-gradient(circle at 50% 70%,rgba(192,157,100,.13),transparent 65%);pointer-events:none}
.case-card:hover{transform:translateY(-5px)!important;border-color:rgba(234,192,125,.55)!important;box-shadow:0 17px 40px rgba(0,0,0,.35)!important}
.cv{isolation:isolate}.exclusive-case-img{width:100%;max-width:210px;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:13px;mix-blend-mode:screen;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25));transition:transform .28s ease}.case-card:hover .exclusive-case-img{transform:scale(1.07)!important}
.pack.exclusive-pack{display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent;box-shadow:none}.exclusive-pack .pack-img{width:100%;height:100%;object-fit:contain;border-radius:12px;mix-blend-mode:screen;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}
.shop-title{letter-spacing:-.02em}.shop-head{border-color:rgba(156,180,215,.12)}
.bottomnav{background:#0b1322!important}.statbar .age18{color:#e9bd77}
footer{border-color:rgba(172,191,224,.12)!important}
@media(max-width:750px){.royal-intro{margin:14px 12px;padding:24px 19px;flex-direction:column;align-items:start}.royal-intro h2{font-size:27px}.royal-features{margin:16px 12px;grid-template-columns:1fr}.royal-features>div{padding:12px 15px}.carousel{margin-left:10px;margin-right:10px}.royal-explore{width:100%;justify-content:space-between}.topbar{height:62px}}
@media(prefers-reduced-motion:reduce){.case-card,.exclusive-case-img{transition:none!important}}

/* COROA 2.0: ilustrações individuais para TODOS os modos de jogo */
.modes-grid .mode-tile{border:1px solid rgba(140,168,204,.17);border-radius:17px;overflow:hidden;background:linear-gradient(165deg,rgba(22,35,59,.97),rgba(9,15,29,.97));transition:transform .22s,border-color .22s,box-shadow .22s;isolation:isolate}
.modes-grid .mode-tile:hover{transform:translateY(-5px);border-color:rgba(239,194,114,.56);box-shadow:0 20px 38px #0007}
.modes-grid .mode-tile .game-illustration{display:block;width:100%;height:auto;aspect-ratio:1.22/1;max-height:195px;overflow:hidden;background:#091220;border-radius:12px;margin-bottom:9px}
.modes-grid .mode-tile .game-illustration img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.modes-grid .mode-tile:hover .game-illustration img{transform:scale(1.06)}
@media(max-width:650px){.modes-grid .mode-tile .game-illustration{max-height:140px}}