:root{--bg0:#04070f;--bg1:#07131f;--bg2:#0d1f2f;--ink:#eafff9;--muted:#9cc7bf;--teal:#20d3b8;--aqua:#62f0da;--lime:#b7ff7a;--line:rgba(98,240,218,.24);--panel:rgba(9,24,35,.74);--panel2:rgba(7,19,30,.88);--shadow:0 22px 54px rgba(0,0,0,.45);--r1:30px;--r2:20px;--r3:14px;--container:min(1220px,92vw)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Sora","Segoe UI",sans-serif;line-height:1.6;background:radial-gradient(circle at 12% 18%,rgba(38,170,140,.22),transparent 34%),radial-gradient(circle at 82% 14%,rgba(52,208,181,.18),transparent 36%),linear-gradient(170deg,var(--bg0),var(--bg1) 52%,var(--bg2))}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;line-height:1.15;font-family:"Orbitron","Segoe UI",sans-serif;letter-spacing:.02em}p{margin:0}ul{margin:0;padding:0;list-style:none}.site-shell{overflow:clip;position:relative}.container{width:var(--container);margin-inline:auto}.galaxy-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 76%,rgba(32,211,184,.16),transparent 42%),radial-gradient(circle at 82% 68%,rgba(98,240,218,.14),transparent 44%);animation:nebula 14s ease-in-out infinite alternate}.starfield{position:fixed;inset:0;z-index:-1;pointer-events:none}.starfield i{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#d8fff7 0%,rgba(216,255,247,.12) 70%);opacity:0;animation:star linear infinite}.alert-strip{padding:.64rem 1rem;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#dbfff7;border-bottom:1px solid rgba(98,240,218,.26);background:linear-gradient(90deg,rgba(14,40,54,.9),rgba(20,57,73,.86))}.site-header{position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(98,240,218,.24);backdrop-filter:blur(12px);background:linear-gradient(180deg,rgba(8,21,33,.94),rgba(8,19,31,.86))}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.brand{display:inline-flex;align-items:center;gap:.8rem;border-radius:999px;padding:.4rem .64rem .4rem .4rem;border:1px solid var(--line);background:linear-gradient(130deg,rgba(11,30,44,.9),rgba(14,41,57,.78))}.brand-mark{width:46px;height:46px;border-radius:50%;background:url("../img/logo.png") center/cover no-repeat;box-shadow:0 0 0 2px rgba(98,240,218,.46),0 0 24px rgba(32,211,184,.24)}.brand-text{font-size:.98rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.brand-subtext{display:block;margin-top:.04rem;font-size:.68rem;letter-spacing:.09em;color:var(--muted)}.menu-toggle{display:none;border-radius:999px;border:1px solid var(--line);padding:.5rem .9rem;color:#eafff9;background:linear-gradient(130deg,rgba(15,40,54,.94),rgba(18,54,69,.9));text-transform:uppercase;letter-spacing:.09em;font-weight:700}.main-nav{display:flex;flex-wrap:wrap;gap:.26rem;border-radius:999px;border:1px solid rgba(98,240,218,.2);background:rgba(11,33,48,.72);padding:.32rem}.main-nav a{padding:.5rem .75rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:#c5eee6;border:1px solid transparent;transition:.2s ease}.main-nav a:hover,.main-nav a:focus-visible{border-color:rgba(98,240,218,.4);background:rgba(98,240,218,.12)}.main-nav a.current{color:#ecfffb;border-color:rgba(98,240,218,.55);background:linear-gradient(130deg,rgba(32,211,184,.32),rgba(98,240,218,.22))}.main{padding-bottom:4rem}.hero{margin-top:1.6rem;border-radius:var(--r1);border:1px solid var(--line);overflow:hidden;background:linear-gradient(150deg,rgba(8,24,36,.94),rgba(9,30,43,.88));box-shadow:var(--shadow);position:relative}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(98,240,218,.08),transparent 44%)}.parallax-hero{background:linear-gradient(180deg,rgba(3,10,18,.78),rgba(3,10,18,.92)),url("../img/main.jpg") center/cover no-repeat;background-attachment:fixed}.hero-inner{padding:clamp(2rem,4.2vw,3.6rem);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1rem,2.6vw,2.1rem);align-items:center}.hero-alt .hero-inner{grid-template-columns:1fr .96fr;align-items:stretch}.hero-alt-copy{display:grid;gap:.84rem}.kicker{display:inline-flex;align-items:center;gap:.48rem;margin-bottom:.9rem;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#dbfff8}.kicker::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--aqua),var(--lime))}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.76rem}.hero p{color:#c3e4dd;max-width:62ch}.hero-badge-row{display:flex;flex-wrap:wrap;gap:.46rem}.hero-badge-row span{padding:.34rem .6rem;border-radius:999px;border:1px solid rgba(98,240,218,.34);background:rgba(98,240,218,.1);color:#e9fffb;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.hero-alt-panel{border:1px solid rgba(98,240,218,.22);border-radius:18px;background:linear-gradient(160deg,rgba(9,26,38,.9),rgba(7,20,31,.86));padding:.9rem;display:grid;gap:.62rem}.hero-alt-panel h3{font-size:1.02rem}.hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.hero-mini-grid div{border:1px solid rgba(98,240,218,.2);border-radius:10px;background:rgba(12,30,42,.62);padding:.5rem}.hero-mini-grid strong{display:block;font-size:1rem}.hero-mini-grid span{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#b8dcd4}.hero-route-links{display:grid;gap:.4rem}.hero-route-links a{border:1px solid rgba(98,240,218,.2);border-radius:10px;padding:.46rem .54rem;background:rgba(12,29,41,.62);color:#d6f4ee;font-size:.78rem}.hero-route-links a:hover{border-color:rgba(98,240,218,.46)}.hero-cosmos .hero-inner{grid-template-columns:1.2fr .8fr;align-items:stretch}.hero-cosmos .hero-copy{display:grid;gap:.85rem}.hero-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.hero-chip{padding:.4rem .66rem;border-radius:999px;border:1px solid rgba(98,240,218,.42);background:rgba(98,240,218,.13);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.hero-orbit{border:1px solid rgba(98,240,218,.24);border-radius:22px;background:linear-gradient(160deg,rgba(10,28,39,.9),rgba(7,18,29,.86));padding:.92rem;display:grid;gap:.7rem;position:relative;overflow:hidden}.hero-orbit::before{content:"";position:absolute;width:230px;height:230px;right:-78px;top:-84px;border-radius:50%;border:1px dashed rgba(98,240,218,.34);animation:spin 18s linear infinite}.hero-path{display:grid;gap:.48rem;position:relative;z-index:1}.hero-path li{border:1px solid rgba(98,240,218,.2);border-radius:11px;background:rgba(9,25,37,.66);padding:.56rem .62rem;display:flex;justify-content:space-between;align-items:baseline;gap:.65rem}.hero-path li b{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.hero-path li span{color:#b2d6cd;font-size:.78rem}.hero-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;position:relative;z-index:1}.hero-kpi div{border-radius:10px;border:1px solid rgba(98,240,218,.24);background:rgba(8,22,34,.7);padding:.5rem}.hero-kpi strong{display:block;font-size:1rem}.hero-kpi span{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#baded4}.actions{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:.68rem}.button,button,input[type="submit"]{border:none;border-radius:12px;cursor:pointer;font:inherit;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button{min-height:46px;padding:.72rem 1.04rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.button-primary{color:#0a1a14;background:linear-gradient(125deg,var(--lime),var(--aqua));box-shadow:0 12px 26px rgba(98,240,218,.24)}.button-secondary{color:#e9fffb;background:linear-gradient(125deg,#15786f,#1ea99b)}.button-ghost{color:#d8f5ef;background:rgba(255,255,255,.03);border:1px solid var(--line)}.button:hover{transform:translateY(-2px)}.section{margin-top:clamp(2.5rem,4.6vw,4.7rem)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h2{font-size:clamp(1.5rem,3vw,2.5rem)}.section-head p{color:var(--muted);max-width:62ch}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:var(--r2);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:1.1rem;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease}.card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(98,240,218,.07),transparent 44%)}.card:hover{transform:translateY(-4px);border-color:rgba(98,240,218,.48)}.card h3{font-size:1.1rem;margin-bottom:.42rem}.card p{color:#c4e1db}.tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(98,240,218,.44);background:rgba(98,240,218,.14);color:#e9fffb;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;padding:.3rem .64rem;margin-bottom:.62rem}.game-thumb{width:100%;max-height:220px;object-fit:cover;border-radius:16px;margin:.2rem 0 .7rem;border:1px solid var(--line);filter:saturate(1.08) contrast(1.08) brightness(.85)}.list-check li{position:relative;padding-left:1.1rem;margin-bottom:.46rem;color:#d5f0ea}.list-check li::before{content:">";position:absolute;left:0;color:var(--lime)}.notice,.callout{border-radius:16px;border:1px solid rgba(98,240,218,.36);background:rgba(98,240,218,.12);color:#e8fff9;padding:1rem 1.08rem}.notice strong,.callout strong{color:#f2fffc}.inline-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.inline-stats .stat{border:1px solid var(--line);border-radius:12px;background:rgba(8,23,35,.82);padding:.8rem}.inline-stats .stat strong{display:block;font-size:1.4rem}.inline-stats .stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.faq{display:grid;gap:.82rem}.faq-item{border:1px solid var(--line);border-radius:14px;background:rgba(9,24,37,.88);overflow:hidden}.faq-item button{width:100%;text-align:left;padding:.9rem 1rem;background:transparent;color:#e7fffa;font-weight:700}.faq-item button::after{content:"+";float:right;color:var(--aqua)}.faq-item button[aria-expanded="true"]::after{content:"-"}.faq-item .answer{max-height:0;overflow:hidden;transition:max-height .24s ease;padding:0 1rem;color:#c9e6df}.faq-item .answer p{padding-bottom:1rem}.form-grid{display:grid;gap:.84rem}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:rgba(8,22,33,.9);color:#ebfffa;padding:.68rem .8rem;font:inherit}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(98,240,218,.66);box-shadow:0 0 0 2px rgba(98,240,218,.22)}.form-note{color:var(--muted);font-size:.9rem}
.legal-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem}.legal-nav{position:sticky;top:100px;align-self:start;border:1px solid var(--line);border-radius:14px;background:rgba(8,22,34,.92);padding:.82rem}.legal-nav a{display:block;padding:.52rem .62rem;border-radius:8px;color:#d8f6ef}.legal-nav a:hover{background:rgba(98,240,218,.14)}.legal-content{display:grid;gap:1rem}.legal-content article{border:1px solid var(--line);border-radius:14px;background:rgba(9,24,36,.88);padding:1rem}.legal-content article h2{margin-bottom:.55rem;font-size:1.14rem}.legal-content article p,.legal-content article li{color:#cee8e2}.legal-content article ul{list-style:disc;padding-left:1.2rem;display:grid;gap:.38rem}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--line);padding:.64rem .7rem;text-align:left}.table th{background:rgba(98,240,218,.22);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.game-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}.game-panel{border-radius:18px;border:1px solid var(--line);background:var(--panel2);padding:1rem;box-shadow:var(--shadow)}.game-title{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.8rem}.game-sidebar{display:grid;gap:1rem}.log{max-height:240px;overflow:auto;display:grid;gap:.5rem}.log p{border-left:3px solid rgba(98,240,218,.6);padding-left:.55rem;color:#d5f2ec;font-size:.9rem}#ember-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.ember-tile{aspect-ratio:1;border-radius:13px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(11,31,44,.95),rgba(7,19,30,.9));color:#e8fffa;font-weight:700;cursor:pointer;transition:transform .2s ease,border-color .2s ease;display:grid;place-items:center;padding:0}.ember-tile:hover{transform:translateY(-2px);border-color:rgba(98,240,218,.55)}.ember-tile.active{border-color:rgba(183,255,122,.8);box-shadow:0 0 0 2px rgba(183,255,122,.16)}.ember-tile.matched{animation:pulse .5s ease}.heat-bar{position:relative;height:18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);overflow:hidden}.heat-target{position:absolute;top:0;bottom:0;width:18%;border-radius:999px;background:linear-gradient(120deg,rgba(183,255,122,.74),rgba(98,240,218,.64))}.heat-perfect-zone{position:absolute;top:1px;bottom:1px;border-radius:999px;background:rgba(236,255,196,.84);box-shadow:0 0 10px rgba(236,255,196,.46)}.heat-marker{position:absolute;top:-6px;width:12px;height:30px;border-radius:6px;background:#f0fff9;box-shadow:0 0 10px rgba(98,240,218,.64)}.clash-progress{height:10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);overflow:hidden;margin-bottom:.75rem}.clash-progress-fill{height:100%;width:0;background:linear-gradient(90deg,rgba(32,211,184,.86),rgba(183,255,122,.9));transition:width .28s ease}.clash-module-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:.85rem}.clash-module{border:1px solid rgba(98,240,218,.24);border-radius:12px;background:linear-gradient(160deg,rgba(11,31,43,.86),rgba(8,22,34,.82));padding:.52rem;display:grid;gap:.22rem}.clash-module.active{border-color:rgba(183,255,122,.56);box-shadow:0 0 0 1px rgba(183,255,122,.2)}.clash-module b{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.clash-module span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#b6ddd4}.clash-module-icon,.ctrl-ico,.ember-glyph{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.clash-module-icon svg,.ctrl-ico svg,.ember-glyph svg{width:100%;height:100%}.clash-round-dots{display:flex;gap:.35rem;margin:.1rem 0 .75rem}.clash-round-dots i{width:22px;height:8px;border-radius:999px;border:1px solid rgba(98,240,218,.32);background:rgba(98,240,218,.12);transition:.22s ease}.clash-round-dots i.done{background:rgba(32,211,184,.44)}.clash-round-dots i.active{background:rgba(232,255,183,.9);box-shadow:0 0 12px rgba(232,255,183,.46)}.clash-feedback{border:1px solid rgba(98,240,218,.3);border-radius:10px;padding:.5rem .62rem;font-size:.77rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.clash-feedback.idle{color:#d7f6ef;background:rgba(98,240,218,.1)}.clash-feedback.good{color:#edfff8;background:rgba(46,175,149,.24);border-color:rgba(83,224,194,.46)}.clash-feedback.perfect{color:#fbffea;background:rgba(183,255,122,.22);border-color:rgba(211,255,158,.65);box-shadow:0 0 16px rgba(211,255,158,.26)}.clash-feedback.risk{color:#ffe8bf;background:rgba(137,86,38,.32);border-color:rgba(206,156,97,.55)}.clash-underbar-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.62rem}.fortune-panel{background:linear-gradient(160deg,rgba(8,24,35,.92),rgba(6,17,28,.9))}.fortune-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:start}.fortune-wheel-wrap{position:relative;aspect-ratio:1;max-width:560px;margin-inline:auto;border-radius:50%;padding:.75rem;border:1px solid rgba(98,240,218,.34);background:radial-gradient(circle at 30% 20%,rgba(98,240,218,.2),transparent 44%),linear-gradient(160deg,rgba(9,25,37,.94),rgba(6,17,27,.9));box-shadow:0 18px 40px rgba(0,0,0,.46)}#fortune-wheel{width:100%;height:100%;display:block;border-radius:50%;border:2px solid rgba(232,255,183,.35);box-shadow:inset 0 0 28px rgba(0,0,0,.35)}.fortune-pointer{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #f2ffd7;filter:drop-shadow(0 0 8px rgba(242,255,215,.44));z-index:3}.fortune-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-family:"Orbitron",sans-serif;font-weight:700;letter-spacing:.08em;color:#edfff8;border:1px solid rgba(183,255,122,.56);background:linear-gradient(150deg,rgba(12,32,44,.96),rgba(7,20,31,.9));box-shadow:0 0 16px rgba(98,240,218,.28);z-index:2}.fortune-controls,.fortune-play-grid{display:grid;gap:.7rem}.fortune-play-grid label{display:grid;gap:.34rem;font-size:.84rem;color:#cde9e2}.fortune-chip-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.fortune-chip-row button{min-height:40px;border-radius:999px;border:1px solid rgba(98,240,218,.34);background:rgba(98,240,218,.12);color:#e8fff9;font-weight:700;letter-spacing:.06em}.fortune-chip-row button:hover{border-color:rgba(183,255,122,.6);background:rgba(183,255,122,.16)}.mode-launch-shell{display:grid;grid-template-columns:260px 1fr;gap:1rem}.mode-rail{border:1px solid rgba(98,240,218,.24);border-radius:18px;background:linear-gradient(170deg,rgba(8,24,36,.92),rgba(7,18,28,.9));padding:.78rem;display:grid;gap:.54rem;position:sticky;top:102px}.rail-step{border:1px solid rgba(98,240,218,.18);border-radius:12px;background:rgba(11,29,41,.68);padding:.54rem .6rem;display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.rail-step b{font-size:.78rem;letter-spacing:.1em;color:#effffb}.rail-step span{font-size:.75rem;color:#b6ddd4;text-transform:uppercase;letter-spacing:.08em}.mode-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.84rem}.mode-panel{border:1px solid rgba(98,240,218,.24);border-radius:18px;background:linear-gradient(165deg,rgba(8,24,36,.9),rgba(7,17,27,.86));padding:.84rem;display:grid;gap:.6rem;box-shadow:var(--shadow)}.mode-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mode-topline strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#d9f4ed}.mode-meta{display:flex;flex-wrap:wrap;gap:.44rem}.mode-meta span{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#d8f3ec;padding:.26rem .48rem;border-radius:999px;border:1px solid rgba(98,240,218,.22);background:rgba(98,240,218,.08)}.games-hero{background:linear-gradient(160deg,rgba(6,16,26,.94),rgba(11,29,41,.9)),radial-gradient(circle at 78% 24%,rgba(98,240,218,.16),transparent 50%)}.games-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.games-hero-stats article{border:1px solid rgba(98,240,218,.22);border-radius:12px;background:rgba(8,24,36,.72);padding:.56rem}.games-hero-stats strong{display:block;font-size:1.06rem}.games-hero-stats span{color:#bcddd6;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem}.footer{margin-top:3.4rem;border-top:1px solid rgba(98,240,218,.24);background:linear-gradient(180deg,rgba(6,17,28,.9),rgba(4,11,19,.94));padding:1.26rem 0 1.06rem}.footer-canopy{border:1px solid rgba(98,240,218,.24);border-radius:22px;background:linear-gradient(160deg,rgba(8,24,36,.86),rgba(7,17,28,.82));padding:1rem;display:grid;gap:.94rem}.footer-brandblock{display:grid;grid-template-columns:58px 1fr auto;gap:.78rem;align-items:center;border:1px solid rgba(98,240,218,.18);border-radius:14px;padding:.7rem;background:rgba(10,28,40,.66)}.footer h4{margin-bottom:.34rem;font-size:.94rem}.footer-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(98,240,218,.36)}.footer p,.footer a,.footer li{color:#cae8e1;font-size:.9rem}.footer a:hover{color:#f3fffc}.footer-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.76rem}.footer-links-grid article{border:1px solid rgba(98,240,218,.18);border-radius:14px;padding:.66rem;background:rgba(8,22,34,.62)}.footer-links-grid ul{display:grid;gap:.25rem}.footer-pills{display:flex;flex-wrap:wrap;gap:.44rem}.footer-pills span{padding:.32rem .56rem;border-radius:999px;border:1px solid rgba(98,240,218,.42);background:rgba(98,240,218,.14);color:#ebfffb;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.footer-bottom{margin-top:.9rem;padding-top:.82rem;border-top:1px solid var(--line);color:#8db8ae;font-size:.83rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .62s ease,transform .62s ease}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes nebula{from{transform:translateY(-8px) scale(1)}to{transform:translateY(10px) scale(1.03)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes star{0%{transform:translateY(0) scale(.7);opacity:0}20%{opacity:.72}100%{transform:translateY(-110px) scale(1.15);opacity:0}}@keyframes pulse{from{box-shadow:0 0 0 0 rgba(183,255,122,.6)}to{box-shadow:0 0 0 18px rgba(183,255,122,0)}}@media (max-width:1100px){.hero-inner,.hero-cosmos .hero-inner,.hero-alt .hero-inner,.game-layout,.legal-layout,.fortune-stage,.mode-launch-shell{grid-template-columns:1fr}.mode-rail,.legal-nav{position:static}.grid.three,.mode-deck,.inline-stats,.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-hero-stats,.hero-kpi,.clash-stats,.fortune-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-brandblock{grid-template-columns:58px 1fr}.footer-brandblock .button{grid-column:1 / -1;width:100%}}@media (max-width:820px){.menu-toggle{display:inline-flex}.main-nav{position:absolute;top:calc(100% + 8px);left:4vw;right:4vw;display:none;padding:.68rem;border-radius:18px;border:1px solid rgba(98,240,218,.32);background:linear-gradient(160deg,rgba(8,23,35,.98),rgba(10,28,40,.96));box-shadow:var(--shadow)}.main-nav.open{display:grid;gap:.2rem}.grid.three,.grid.two,.inline-stats,.hero-mini-grid,.hero-kpi,.mode-deck,.footer-links-grid,.games-hero-stats,.clash-stats,.fortune-stats,#ember-grid{grid-template-columns:1fr!important}.clash-module-row,.clash-underbar-controls{grid-template-columns:1fr;display:grid}.clash-underbar-controls .button{width:100%}.fortune-chip-row{grid-template-columns:1fr 1fr}}@media (max-width:540px){.hero-inner{padding:1.3rem}.button{width:100%}.footer-bottom{flex-direction:column}.parallax-hero{background-attachment:scroll}}.rune-keeper-grid #ember-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.48rem;max-width:520px;margin-inline:auto}.rune-keeper-grid .ember-tile{max-width:108px;width:100%;justify-self:center}@media (max-width:540px){.rune-keeper-grid #ember-grid{max-width:320px;gap:.34rem}.rune-keeper-grid .ember-tile{max-width:72px;border-radius:10px}}
.mode-showcase-grid{display:grid;gap:.95rem}.mode-showcase-card{border:1px solid rgba(98,240,218,.26);border-radius:24px;background:linear-gradient(160deg,rgba(8,24,36,.9),rgba(6,16,27,.85));box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr}.mode-showcase-card:nth-child(even){grid-template-columns:1.05fr .95fr}.mode-showcase-card:nth-child(even) .mode-showcase-media{order:2}.mode-showcase-media{position:relative;min-height:280px}.mode-showcase-media .game-thumb{margin:0;height:100%;max-height:none;border:0;border-radius:0;filter:saturate(1.08) contrast(1.07) brightness(.76)}.mode-showcase-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,17,.12),rgba(4,10,17,.74))}.mode-badge{position:absolute;top:.7rem;left:.7rem;z-index:2;padding:.34rem .56rem;border-radius:999px;background:rgba(183,255,122,.24);border:1px solid rgba(183,255,122,.52);color:#f6ffe4;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mode-showcase-copy{padding:1rem;display:grid;gap:.62rem}.mode-showcase-copy h3{font-size:1.3rem}.mode-showcase-copy p{color:#c6e3dc}.mode-showcase-meta{display:flex;flex-wrap:wrap;gap:.44rem}.mode-showcase-meta span{border:1px solid rgba(98,240,218,.24);border-radius:999px;background:rgba(98,240,218,.08);padding:.28rem .5rem;color:#defff8;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}

/* Home hero redesign + global main parallax backdrop */
.main {
  position: relative;
  z-index: 0;
}

.main::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(3, 8, 14, 0.72), rgba(3, 8, 14, 0.88)),
    url("../img/main.jpg") center calc(var(--main-parallax-y, 0px) * 1px) / cover no-repeat;
}

.hero-home-split {
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
}

.hero-home-split::before { display: none; }

.hero-home-grid {
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  padding: 0;
}

.hero-home-media {
  margin: 0;
  border: 1px solid rgba(98, 240, 218, 0.3);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--shadow);
  background: rgba(8, 21, 33, 0.5);
}

.hero-home-media img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.08) brightness(0.75);
}

.hero-home-copy {
  border: 1px solid rgba(98, 240, 218, 0.24);
  border-radius: 24px;
  padding: clamp(1.1rem, 2.5vw, 2rem);
  background: rgba(6, 18, 29, 0.56);
  backdrop-filter: blur(6px);
}

.starfield i {
  animation-name: starFall;
}

@keyframes starFall {
  0% { transform: translateY(0) scale(0.7); opacity: 0; }
  15% { opacity: 0.78; }
  100% { transform: translateY(140px) scale(1.1); opacity: 0; }
}

@media (max-width: 1100px) {
  .hero-home-grid { grid-template-columns: 1fr; }
}

/* Visibility and animation safety fixes */
.site-shell {
  overflow-x: clip;
  overflow-y: visible;
}

.main {
  isolation: isolate;
}

.alert-strip,
.footer {
  position: relative;
  z-index: 6;
}

html.js [data-reveal] {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .62s ease, transform .62s ease;
}

html.js [data-reveal].visible {
  opacity: 1;
  transform: translateY(0);
}

html:not(.js) [data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

.starfield i {
  background: radial-gradient(circle, #e8fff9 0%, rgba(232,255,249,.08) 72%);
  box-shadow: 0 0 10px rgba(98,240,218,.42);
  animation-name: starFall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes starFall {
  0% {
    transform: translate3d(0, -10vh, 0) scale(.35);
    opacity: 0;
  }
  12% {
    opacity: .95;
  }
  100% {
    transform: translate3d(var(--drift-x, 0px), 120vh, 0) scale(1.05);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .starfield i {
    animation: none !important;
    opacity: .3;
  }
}

/* Hero alt pages aligned with home hero layout */
.hero-alt-home {
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
}

.hero-alt-home::before {
  display: none;
}

.hero-alt-home-grid {
  grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr);
  align-items: stretch;
  gap: clamp(1rem, 3vw, 2rem);
  padding: 0;
}

.hero-alt-media-auto {
  margin: 0;
}

.hero-alt-media-auto img {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
  filter: saturate(1.08) contrast(1.08) brightness(.74);
}

.hero-alt-content-wrap {
  display: grid;
  gap: .9rem;
  align-content: stretch;
}

.hero-alt-home .hero-alt-copy {
  border: 1px solid rgba(98, 240, 218, 0.24);
  border-radius: 24px;
  padding: clamp(1.1rem, 2.4vw, 2rem);
  background: rgba(6, 18, 29, 0.56);
  backdrop-filter: blur(6px);
}

.hero-alt-home .hero-alt-panel {
  border-radius: 20px;
  background: rgba(7, 21, 33, 0.72);
  backdrop-filter: blur(6px);
}

@media (max-width: 1100px) {
  .hero-alt-home-grid {
    grid-template-columns: 1fr;
  }

  .hero-alt-media-auto img {
    max-height: 320px;
  }
}

/* Compact hero for all non-home pages */
.hero-alt-compact .hero-alt-home-grid {
  align-items: center;
  gap: clamp(.8rem, 2vw, 1.2rem);
}

.hero-alt-compact .hero-alt-media-auto img {
  max-height: 250px;
}

.hero-alt-compact .hero-alt-copy {
  padding: clamp(.8rem, 1.6vw, 1.1rem);
  gap: .5rem;
}

.hero-alt-compact .hero-alt-copy h1 {
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  margin-bottom: .35rem;
}

.hero-alt-compact .hero-alt-copy p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.hero-alt-compact .hero-badge-row {
  display: none;
}

.hero-alt-compact .hero-alt-panel {
  display: none;
}

.hero-alt-compact .actions {
  margin-top: .65rem;
}

@media (max-width: 1100px) {
  .hero-alt-compact .hero-alt-media-auto img {
    max-height: 220px;
  }
}

/* Reviews page enhancements */
.review-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
}

.review-kpi-card {
  border: 1px solid rgba(98, 240, 218, .26);
  border-radius: 16px;
  background: linear-gradient(160deg, rgba(9, 26, 38, .86), rgba(7, 18, 29, .8));
  padding: .8rem;
  box-shadow: var(--shadow);
}

.review-kpi-card strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1.1;
}

.review-kpi-card span {
  display: block;
  margin-top: .25rem;
  color: #bfe2da;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.review-wall {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}

.review-card {
  border: 1px solid rgba(98, 240, 218, .28);
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(9, 24, 36, .88), rgba(6, 17, 28, .84));
  padding: .9rem;
  position: relative;
  overflow: hidden;
}

.review-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(130deg, rgba(98, 240, 218, .08), transparent 44%);
}

.review-head {
  display: flex;
  justify-content: space-between;
  gap: .6rem;
  align-items: baseline;
  margin-bottom: .45rem;
}

.review-head b {
  font-size: .88rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.review-head span {
  font-size: .68rem;
  color: #c3e6de;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.review-card p {
  color: #d0ece6;
}

.review-chip-row {
  margin-top: .65rem;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.review-chip-row span {
  padding: .26rem .46rem;
  border: 1px solid rgba(98, 240, 218, .34);
  border-radius: 999px;
  background: rgba(98, 240, 218, .11);
  font-size: .64rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #ecfffb;
}

.review-meter-list {
  display: grid;
  gap: .55rem;
}

.review-meter-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .35rem .6rem;
  align-items: center;
}

.review-meter-item span {
  font-size: .82rem;
  color: #d7f1eb;
}

.review-meter-item b {
  font-size: .78rem;
  color: #f0fff9;
}

.review-meter-item i {
  grid-column: 1 / -1;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(98, 240, 218, .34);
  background: linear-gradient(90deg, rgba(32, 211, 184, .72) var(--fill), rgba(12, 33, 47, .85) var(--fill));
}

@media (max-width: 1100px) {
  .review-kpi-grid,
  .review-wall {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 820px) {
  .review-kpi-grid,
  .review-wall {
    grid-template-columns: 1fr;
  }
}