@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;500;600;700&display=swap");
:root{--bg:#05131f;--bg2:#081a2c;--panel:rgba(8,20,34,.82);--panel2:rgba(7,16,28,.94);--line:rgba(90,255,220,.16);--line2:rgba(90,255,220,.32);--txt:#eef8ff;--muted:#a9c2d5;--neon:#35ffcb;--blue:#1ab7ff;--gold:#ffd666;--danger:#ff6488;--ok:#62ffb1;--radius:18px;--shadow:0 18px 34px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Rajdhani",sans-serif;color:var(--txt);line-height:1.45;background:radial-gradient(900px 600px at 10% 0%,rgba(53,255,203,.1),transparent 60%),radial-gradient(900px 700px at 100% 15%,rgba(26,183,255,.12),transparent 60%),linear-gradient(180deg,#03101a,#051523 40%,#051523)}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body::before{background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle at 50% 12%,#000 50%,transparent 100%)}body::after{background:radial-gradient(6px 6px at 12% 22%,rgba(53,255,203,.22),transparent 60%),radial-gradient(5px 5px at 78% 18%,rgba(26,183,255,.18),transparent 60%),radial-gradient(5px 5px at 30% 78%,rgba(255,214,102,.15),transparent 60%);opacity:.8}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}main{display:block}
.container{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.skip-link{position:absolute;left:10px;top:-100px;background:#061520;border:1px solid var(--line2);border-radius:10px;padding:.5rem .8rem;z-index:99}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(3,12,20,.92),rgba(3,12,20,.75));border-bottom:1px solid rgba(90,255,220,.08);backdrop-filter:blur(8px)}.site-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:42px;height:42px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(53,255,203,.22),rgba(26,183,255,.12));position:relative;box-shadow:0 0 24px rgba(53,255,203,.15)}.brand-mark::before,.brand-mark::after{content:"";position:absolute}.brand-mark::before{inset:8px;background:linear-gradient(180deg,var(--neon),var(--blue));clip-path:polygon(50% 0,100% 36%,84% 100%,16% 100%,0 36%)}.brand-mark::after{inset:14px 15px 12px;background:#061520;clip-path:polygon(50% 0,100% 40%,75% 100%,25% 100%,0 40%)}.brand-title{display:block;font-family:"Orbitron",sans-serif;font-weight:800;letter-spacing:.08em;font-size:.96rem;line-height:1}.brand-title .glow{color:var(--neon);text-shadow:0 0 14px rgba(53,255,203,.35)}.brand-sub{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-top:.22rem}
.nav-list{list-style:none;display:flex;gap:.3rem;align-items:center;margin:0;padding:.25rem;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.5);border-radius:999px}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .8rem;min-height:40px;border-radius:999px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:.8rem;color:#d2e6f4;transition:all .18s ease}.nav-link:hover,.nav-link:focus-visible{background:rgba(53,255,203,.08)}.nav-link.is-active{background:linear-gradient(135deg,var(--neon),#76ffdf);color:#4c9180;box-shadow:0 0 18px rgba(53,255,203,.25)}
.header-actions{display:flex;align-items:center;gap:.55rem}.badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .72rem;border-radius:999px;border:1px solid rgba(90,255,220,.16);background:rgba(6,16,28,.78);font-size:.78rem}.badge-pill strong{font-family:"Orbitron",sans-serif;font-weight:700}.age-pill{border-color:rgba(255,214,102,.35);color:#ffe8ab}.credit-pill .dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff,var(--neon));box-shadow:0 0 10px rgba(53,255,203,.6)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(90,255,220,.16);background:rgba(7,17,29,.8);border-radius:12px;place-items:center;gap:4px}.menu-toggle span{width:18px;height:2px;border-radius:999px;background:#dff2ff;transition:.15s ease}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{display:none;border-top:1px solid rgba(90,255,220,.08);background:rgba(3,12,20,.95)}.mobile-nav[hidden]{display:none!important}.mobile-nav-list{list-style:none;margin:0;padding:.6rem 0 .9rem;display:grid;gap:.45rem}.mobile-nav-list .nav-link{justify-content:flex-start;border-radius:14px;background:rgba(7,17,29,.55)}
.notice-strip{border-bottom:1px solid rgba(90,255,220,.06);background:linear-gradient(90deg,rgba(6,14,24,.9),rgba(8,20,34,.72))}.notice-strip-inner{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;padding:.55rem 0;font-size:.86rem;color:#d1e6f2}.notice-strip-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.2rem .55rem;min-width:70px;border:1px solid rgba(255,214,102,.28);background:rgba(255,214,102,.06);color:#ffe59a;font-family:"Orbitron",sans-serif;font-size:.72rem;letter-spacing:.08em}
.hero{padding:1.2rem 0 2.2rem}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:1rem;align-items:stretch}.card,.panel,.hero-copy,.hero-visual,.page-banner{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.card::before,.panel::before,.hero-copy::before,.hero-visual::before,.page-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(53,255,203,.05),transparent 50%,rgba(26,183,255,.05));pointer-events:none}.hero-copy,.hero-visual{padding:1.1rem}
.eyebrow{margin-bottom:15px;display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.34rem .75rem;border:1px solid rgba(53,255,203,.22);background:rgba(53,255,203,.06);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#d4fff1}.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px rgba(53,255,203,.6)}.hero-title,.section-title{margin:.6rem 0 0;font-family:"Orbitron",sans-serif;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.02}.hero-title{font-size:clamp(1.75rem,4vw,3.2rem);max-width:14ch}.hero-title .highlight{color:var(--neon);text-shadow:0 0 18px rgba(53,255,203,.25)}.hero-lead,.section-lead{color:var(--muted)}.hero-lead{font-size:1.03rem;max-width:54ch;margin:.9rem 0 0}
.hero-actions,.hero-tags,.cookie-actions,.footer-legal-links,.pill-list,.meta-row{display:flex;flex-wrap:wrap}.hero-actions{gap:.6rem;margin-top:1rem}.hero-tags{gap:.5rem;margin-top:1rem}.tag-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .62rem;border-radius:999px;border:1px solid rgba(90,255,220,.14);background:rgba(7,17,29,.5);font-size:.78rem;color:#d6e7f3}.tag-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neon)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.58rem .95rem;border-radius:14px;border:1px solid rgba(90,255,220,.22);background:linear-gradient(135deg,rgba(53,255,203,.15),rgba(26,183,255,.08));color:#efffff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:rgba(90,255,220,.38);box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 20px rgba(53,255,203,.12)}.btn-primary{background:linear-gradient(135deg,var(--neon),#74ffdf);color:#04231a;border-color:rgba(53,255,203,.55)}.btn-accent{background:linear-gradient(135deg,var(--gold),#ffedab);color:#2a1d00;border-color:rgba(255,214,102,.6)}.btn-ghost{background:rgba(7,17,29,.58)}
.hero-art{position:relative;min-height:380px;border-radius:18px;border:1px solid rgba(90,255,220,.15);background:radial-gradient(circle at 75% 22%,rgba(53,255,203,.14),transparent 56%),radial-gradient(circle at 20% 74%,rgba(26,183,255,.12),transparent 54%),linear-gradient(180deg,#08192a,#07131f);overflow:hidden}.hero-art::before{width:300px;height:300px;right:-20px;top:24px;border:18px solid rgba(53,255,203,.72);box-shadow:0 0 24px rgba(53,255,203,.18);animation:ringPulse 7s ease-in-out infinite}.hero-art::after{width:220px;height:220px;left:30px;bottom:26px;border:14px solid rgba(26,183,255,.5);animation:ringPulse 7s ease-in-out infinite reverse}.treasure-stage{width:100%;position:absolute;bottom:0;padding:1rem;display:grid;grid-template-rows:1fr auto}.treasure-figures{position:relative}.figure-card{position:absolute;border-radius:18px;border:1px solid rgba(90,255,220,.15);background:linear-gradient(180deg,rgba(12,28,45,.9),rgba(7,18,30,.95));box-shadow:0 14px 28px rgba(0,0,0,.3)}.figure-card.large{width:58%;height:74%;right:8%;top:8%;transform:rotate(-6deg)}.figure-card.small{width:42%;height:52%;left:9%;bottom:8%;transform:rotate(7deg)}.figure-face{position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(90,255,220,.1);background:radial-gradient(circle at 60% 25%,rgba(53,255,203,.18),transparent 58%),radial-gradient(circle at 42% 65%,rgba(26,183,255,.14),transparent 60%),linear-gradient(180deg,#102741,#0b1b30);display:grid;place-items:center;text-align:center;padding:.6rem}.figure-glyph{width:88px;height:88px;border-radius:22px;background:linear-gradient(135deg,var(--neon),var(--blue));display:grid;place-items:center;color:#03211d;font-family:"Orbitron",sans-serif;font-weight:800;font-size:1.45rem;box-shadow:0 0 24px rgba(53,255,203,.2);margin-bottom:.6rem}.figure-face strong{display:block;font-family:"Orbitron",sans-serif;font-size:1rem;letter-spacing:.05em}.figure-face span{color:#c4dae9;font-size:.82rem}.hero-score-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.9rem}
.section{padding:1.35rem 0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.95rem}.section-title{font-size:clamp(1.2rem,2vw,1.9rem)}.section-lead{margin:.4rem 0 0;max-width:64ch}.grid-2,.grid-3,.grid-4,.stack,.content-stack,.sidebar-stack,.review-panels,.review-sidebar,.contact-card-list,.faq-list,.legal-doc,.leader-list,.game-help,.aim-shell,.duel-stage,.reels-stage{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split-layout,.review-grid,.contact-grid,.footer-top,.achievement-hero,.game-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}
.card,.panel{padding:1rem}.card-title{margin:0;font-family:"Orbitron",sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.card-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.88rem}.card-text{margin:.65rem 0 0;color:#d7eaf6}.card-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.icon-tile{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(90,255,220,.16);background:linear-gradient(135deg,rgba(53,255,203,.2),rgba(26,183,255,.12));font-family:"Orbitron",sans-serif;font-weight:800;font-size:.76rem}.feature-list,.clean-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.45rem}.feature-list li,.clean-list li{display:flex;gap:.55rem;color:#d4e7f4}.feature-list li::before,.clean-list li::before{content:"";width:7px;height:7px;flex:0 0 7px;margin-top:.42rem;border-radius:50%;background:var(--neon);box-shadow:0 0 8px rgba(53,255,203,.45)}.pill{padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(90,255,220,.12);background:rgba(7,17,29,.58);font-size:.76rem;color:#d5e8f4}
.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.mini-stat,.kpi,.hud-box,.inline-stat,.stat-card{padding:.7rem;border-radius:14px;border:1px solid rgba(90,255,220,.1);background:rgba(7,17,29,.62)}.mini-stat label,.kpi label,.hud-box span,.inline-stat span,.stat-card label{display:block;font-size:.73rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.mini-stat strong,.kpi strong,.hud-box strong,.inline-stat strong,.stat-card strong{display:block;margin-top:.25rem;font-family:"Orbitron",sans-serif;font-size:.95rem}
.page-banner{padding:1.05rem}.page-banner .hero-title{font-size:clamp(1.45rem,3vw,2.35rem);max-width:18ch}.page-banner .hero-lead{margin:.55rem 0 0}.disclaimer-panel{padding:1rem;border-radius:16px;border:1px solid rgba(255,214,102,.18);background:linear-gradient(180deg,rgba(255,214,102,.05),rgba(7,17,29,.6))}.disclaimer-panel h3{margin:0;font-family:"Orbitron",sans-serif;font-size:.94rem;letter-spacing:.06em;text-transform:uppercase;color:#ffe39a}.disclaimer-panel p,.disclaimer-panel li{color:#e8f2f9}.disclaimer-panel ul{margin:.6rem 0 0;padding-left:1rem}.callout{padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255,214,102,.16);background:rgba(255,214,102,.04);color:#ffe9b4}
.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.game-card{padding:0;border-radius:20px;overflow:hidden;border:1px solid rgba(90,255,220,.12);background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}.game-card-head{position:relative;min-height:176px;padding:1rem;border-bottom:1px solid rgba(90,255,220,.08);overflow:hidden}.game-card-head>*{position:relative;z-index:1}.game-card-head::before{content:"";position:absolute;inset:0}.game-card-head.reels::before{background:radial-gradient(circle at 16% 22%,rgba(53,255,203,.22),transparent 40%),radial-gradient(circle at 84% 18%,rgba(255,214,102,.22),transparent 40%),linear-gradient(180deg,#0b2236,#081624)}.game-card-head.duel::before{background:radial-gradient(circle at 24% 20%,rgba(26,183,255,.22),transparent 42%),radial-gradient(circle at 75% 24%,rgba(53,255,203,.18),transparent 42%),linear-gradient(180deg,#092237,#081724)}.game-card-head.aim::before{background:radial-gradient(circle at 55% 18%,rgba(255,100,136,.18),transparent 42%),radial-gradient(circle at 28% 70%,rgba(53,255,203,.18),transparent 46%),linear-gradient(180deg,#0a2234,#081520)}.game-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .58rem;border-radius:999px;border:1px solid rgba(90,255,220,.16);background:rgba(7,17,29,.58);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.game-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neon)}.game-card-title{margin:.75rem 0 0;font-family:"Orbitron",sans-serif;font-size:1.12rem;letter-spacing:.05em;text-transform:uppercase}.game-card-head p{margin:.5rem 0 0;color:#d2e6f2;max-width:30ch}.game-card-body{padding:1rem}.meta-chip{padding:.23rem .5rem;border-radius:999px;border:1px solid rgba(90,255,220,.1);background:rgba(7,17,29,.55);font-size:.74rem;color:#cee3f1}.rating-row{display:grid;gap:.45rem}.rating-item{display:grid;grid-template-columns:112px 1fr auto;gap:.5rem;align-items:center;font-size:.82rem}.rating-track{height:8px;border-radius:999px;border:1px solid rgba(90,255,220,.08);background:rgba(255,255,255,.04);overflow:hidden}.rating-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--neon),var(--blue));box-shadow:0 0 8px rgba(53,255,203,.2)}
.quote-card{padding:1rem;border-radius:16px;border:1px solid rgba(90,255,220,.1);background:rgba(7,17,29,.68)}.quote-card blockquote{margin:0;color:#edf7ff;font-size:1rem}.quote-card footer{margin-top:.6rem;color:var(--muted);font-size:.86rem}.metric-box{margin:15px 0}.meta-row{margin-bottom: 15px;}.metric-box,.leader-row,.symbol-item{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.65rem;border-radius:12px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.56)}.metric-box .icon-tile{width:40px;height:40px;font-size:.72rem}.metric-box strong,.leader-row strong{font-family:"Orbitron",sans-serif;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.metric-box small,.leader-row span{color:var(--muted);font-size:.78rem}.metric-box .value,.leader-score{font-family:"Orbitron",sans-serif;font-size:.82rem}.rank-dot,.symbol-icon,.achievement-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(90,255,220,.14);background:rgba(53,255,203,.05);font-family:"Orbitron",sans-serif;font-weight:700;font-size:.7rem}.symbol-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(53,255,203,.18),rgba(26,183,255,.12))}
.timeline{position:relative;display:grid;gap:.9rem}.timeline::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,rgba(53,255,203,.35),rgba(26,183,255,.1))}.timeline-item{position:relative;padding-left:2.35rem}.timeline-item::before{content:"";position:absolute;left:8px;top:.65rem;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff 12%,var(--neon) 40%,rgba(53,255,203,.12) 64%);box-shadow:0 0 12px rgba(53,255,203,.3)}.timeline-card{padding:.9rem;border-radius:14px;border:1px solid rgba(90,255,220,.1);background:rgba(7,17,29,.66)}.timeline-card .date{display:inline-flex;padding:.18rem .45rem;border-radius:999px;border:1px solid rgba(255,214,102,.18);background:rgba(255,214,102,.04);font-size:.74rem;color:#ffe49d;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.timeline-card h3{margin:.55rem 0 0;font-family:"Orbitron",sans-serif;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.timeline-card p{margin:.45rem 0 0;color:#d2e6f3}
.faq-item{border-radius:14px;border:1px solid rgba(90,255,220,.1);background:rgba(7,17,29,.7);overflow:hidden}.faq-item[open]{border-color:rgba(90,255,220,.22);box-shadow:0 0 16px rgba(53,255,203,.07)}.faq-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;cursor:pointer;font-weight:700}.faq-summary::-webkit-details-marker{display:none}.faq-summary::after{content:"+";width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(90,255,220,.14);background:rgba(53,255,203,.04);color:var(--neon);font-family:"Orbitron",sans-serif}.faq-item[open] .faq-summary::after{content:"-"}.faq-content{padding:0 1rem .95rem;color:#d1e6f2}
.contact-form{display:grid;gap:.85rem}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.field{display:grid;gap:.35rem}.field label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.field input,.field textarea,.field select{width:100%;background:rgba(7,17,29,.72);border:1px solid rgba(90,255,220,.12);border-radius:12px;padding:.7rem .78rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(90,255,220,.32);box-shadow:0 0 0 3px rgba(53,255,203,.08)}.form-help{font-size:.82rem;color:var(--muted)}.form-status{min-height:1.1rem;font-weight:700}.form-status[data-state=success]{color:var(--ok)}.form-status[data-state=error]{color:#ffb5c6}
.legal-section{padding:1rem;border-radius:16px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.7)}.legal-section h2,.legal-section h3{margin:0;font-family:"Orbitron",sans-serif;letter-spacing:.05em;text-transform:uppercase}.legal-section h2{font-size:.98rem}.legal-section h3{font-size:.88rem;margin-top:.75rem}.legal-section p,.legal-section li,.article-content p,.article-content li,.info-block p,.info-block li{color:#d3e6f2}.legal-section ul,.article-content ul,.article-content ol,.info-block ul{margin:.55rem 0 0;padding-left:1rem}.article-content{display:grid;gap:.75rem}.article-content h3{margin:.2rem 0 0;font-family:"Orbitron",sans-serif;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.info-block{padding:.9rem;border-radius:14px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.62)}.info-block h3{margin:0;font-family:"Orbitron",sans-serif;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}
.achievement-grid,.badge-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.achievement-card{position:relative;padding:.9rem;border-radius:16px;border:1px solid rgba(90,255,220,.1);background:linear-gradient(180deg,var(--panel),var(--panel2));overflow:hidden}.achievement-card.locked{opacity:.7}.achievement-card.unlocked{border-color:rgba(53,255,203,.22);box-shadow:0 0 18px rgba(53,255,203,.08)}.achievement-card h3{margin:.7rem 0 0;font-family:"Orbitron",sans-serif;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.achievement-card p{margin:.4rem 0 0;color:#d2e5f2;font-size:.9rem}.achievement-meta{margin-top:.6rem;display:flex;justify-content:space-between;gap:.6rem;align-items:center;font-size:.78rem;color:var(--muted)}.achievement-state{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .45rem;border-radius:999px;border:1px solid rgba(90,255,220,.14);background:rgba(53,255,203,.04)}.achievement-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.achievement-card.locked .achievement-state{border-color:rgba(168,189,203,.1);background:rgba(168,189,203,.03);color:#aec2d1}.achievement-card.unlocked .achievement-state{color:#8bffd8}.badge-plaque{padding:.8rem;border-radius:14px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.62)}.badge-top{display:flex;align-items:center;gap:.55rem}.badge-medal{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,214,102,.26);background:radial-gradient(circle at 30% 25%,rgba(255,214,102,.24),rgba(255,214,102,.04));color:#ffe6a3;font-family:"Orbitron",sans-serif;font-size:.7rem;font-weight:800}.badge-plaque h4{margin:0;font-family:"Orbitron",sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.badge-plaque p{margin:.35rem 0 0;color:#d2e6f2;font-size:.86rem}

.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.85rem;border-radius:16px;border:1px solid rgba(90,255,220,.18);background:linear-gradient(180deg,rgba(7,17,29,.96),rgba(6,14,24,.98));box-shadow:0 20px 34px rgba(0,0,0,.34)}.cookie-banner[hidden]{display:none!important}.cookie-banner p{margin:0;color:#d5e9f6}
.toast-stack{position:fixed;top:84px;right:12px;z-index:70;display:grid;gap:.55rem;width:min(360px,calc(100vw - 24px))}.toast{padding:.8rem;border-radius:14px;border:1px solid rgba(90,255,220,.16);background:rgba(7,17,29,.96);box-shadow:0 14px 26px rgba(0,0,0,.3);opacity:0;transform:translateY(-8px);animation:toastIn .22s ease forwards}.toast.hide{animation:toastOut .22s ease forwards}.toast strong{display:block;font-family:"Orbitron",sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.toast p{margin:.35rem 0 0;color:#d3e7f4;font-size:.86rem}
.scroll-reveal{opacity:0;transform:translateY(14px);transition:opacity .42s ease,transform .42s ease}.scroll-reveal.is-visible{opacity:1;transform:none}
.site-footer{margin-top:2rem;border-top:1px solid rgba(90,255,220,.06);background:linear-gradient(180deg,rgba(3,12,20,.55),rgba(3,12,20,.9))}.footer-top{padding:1.1rem 0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.footer-block{padding:.75rem;border-radius:14px;border:1px solid rgba(90,255,220,.07);background:rgba(7,17,29,.52)}.footer-block h3{margin:0;font-family:"Orbitron",sans-serif;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.footer-block p,.footer-block li,.footer-block a{font-size:.87rem;color:#cfe3f1}.footer-block ul{list-style:none;margin:.45rem 0 0;padding:0;display:grid;gap:.35rem}.footer-bottom{border-top:1px solid rgba(90,255,220,.07);padding:.85rem 0 1.1rem;display:grid;gap:.45rem;color:#b7ccdd;font-size:.84rem}.footer-legal-links{gap:.55rem}.footer-legal-links a{padding:.22rem .5rem;border-radius:999px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.45)}
.inline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.inline-stat{padding:.65rem;border-radius:12px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.56)}.inline-stats .inline-stat span{display:block;color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.inline-stats .inline-stat strong{display:block;margin-top:.25rem;font-family:"Orbitron",sans-serif;font-size:.9rem}.panel-title{margin:0;font-family:"Orbitron",sans-serif;font-size:.98rem;letter-spacing:.05em;text-transform:uppercase}.panel-sub{margin:.35rem 0 0;color:var(--muted)}.game-help .tip{padding:.7rem;border-radius:12px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.56)}.game-help .tip strong{display:block;font-family:"Orbitron",sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.game-help .tip p{margin:.35rem 0 0;color:#d2e6f2;font-size:.88rem}.game-disclaimer p{margin:.35rem 0 0;color:#d5e9f6}.game-disclaimer .mini{font-size:.85rem;color:var(--muted)}
.reels-shell,.duel-board,.aim-stage{border-radius:18px;border:1px solid rgba(90,255,220,.12);background:linear-gradient(180deg,rgba(8,19,32,.95),rgba(6,14,24,.98));box-shadow:var(--shadow)}.reels-shell{padding:.9rem}.reels-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem}.reels-title{font-family:"Orbitron",sans-serif;font-size:.92rem;text-transform:uppercase;letter-spacing:.06em}.reels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.reel{position:relative;height:220px;padding:.35rem;border-radius:14px;border:1px solid rgba(90,255,220,.1);background:linear-gradient(180deg,#091726,#07121d);overflow:hidden}.reel::before,.reel::after{content:"";position:absolute;left:0;right:0;height:30px;z-index:2;pointer-events:none}.reel::before{top:0;background:linear-gradient(180deg,#07121d,rgba(7,18,29,0))}.reel::after{bottom:0;background:linear-gradient(180deg,rgba(7,18,29,0),#07121d)}.reel-track{display:grid;gap:.35rem}.reel.spinning .reel-track{animation:reelSpin .28s linear infinite}.reel-cell{min-height:66px;border-radius:12px;border:1px solid rgba(90,255,220,.08);background:radial-gradient(circle at 50% 25%,rgba(53,255,203,.06),transparent 55%),linear-gradient(180deg,#0c2438,#091826);display:grid;place-items:center;padding:.3rem;text-align:center}.reel-cell .sym{display:grid;gap:.12rem}.reel-cell .sym-code{font-family:"Orbitron",sans-serif;font-size:.88rem;letter-spacing:.08em;font-weight:800}.reel-cell .sym-name{font-size:.66rem;color:#abc7d9;letter-spacing:.06em;text-transform:uppercase}.reel-cell.is-highlight{border-color:rgba(255,214,102,.36);box-shadow:0 0 16px rgba(255,214,102,.12)}.reels-shell.win-pulse{animation:winPulse .8s ease}.reel-line-frame{margin-top:.6rem;padding:.55rem;border-radius:12px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.58)}.reel-line{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;min-height:34px}.line-pill{padding:.18rem .45rem;border-radius:999px;border:1px solid rgba(90,255,220,.1);background:rgba(53,255,203,.04);font-size:.75rem}.reels-controls{display:grid;grid-template-columns:1fr auto auto auto;gap:.55rem;align-items:end;margin-top:.85rem}.credit-delta{margin-top:.45rem;min-height:1rem;font-weight:700}.credit-delta.positive{color:#98ffdb}.credit-delta.negative{color:#ffb6c6}.symbol-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}
.duel-board{position:relative;padding:.9rem;overflow:hidden}.duel-board::before{content:"";position:absolute;inset:.8rem;border-radius:14px;border:1px solid rgba(90,255,220,.05);background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.duel-arena{position:relative;display:grid;gap:.8rem}.fighters{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.fighter{position:relative;padding:.75rem;border-radius:14px;border:1px solid rgba(90,255,220,.1);background:rgba(7,17,29,.74);overflow:hidden}.fighter::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(53,255,203,.05),transparent 55%)}.fighter.enemy::before{background:linear-gradient(135deg,rgba(255,100,136,.05),transparent 55%)}.fighter>*{position:relative}.fighter-head{display:flex;justify-content:space-between;gap:.4rem;align-items:center}.fighter-name{font-family:"Orbitron",sans-serif;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase}.fighter-role{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.health-track,.energy-track,.progress-bar{height:10px;border-radius:999px;border:1px solid rgba(90,255,220,.06);background:rgba(255,255,255,.04);overflow:hidden}.energy-track{height:7px}.health-fill{height:100%;background:linear-gradient(90deg,#5fffaf,var(--neon));transition:width .25s ease}.energy-fill{height:100%;background:linear-gradient(90deg,var(--blue),#74d9ff);transition:width .25s ease}.fighter-stats{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.4rem;color:#d1e5f2;font-size:.78rem}.arena-center{padding:.8rem;border-radius:14px;border:1px solid rgba(90,255,220,.08);background:rgba(7,17,29,.62);display:grid;gap:.6rem}.turn-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.turn-pill{padding:.26rem .52rem;border-radius:999px;border:1px solid rgba(90,255,220,.14);background:rgba(53,255,203,.04);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.combo-ring{font-size:.78rem;color:#d7eaf6}.combo-ring strong{font-family:"Orbitron",sans-serif}.battle-log{max-height:136px;overflow:auto;display:grid;gap:.4rem;padding-right:.2rem}.battle-log p{margin:0;padding:.5rem .55rem;border-radius:10px;border:1px solid rgba(90,255,220,.06);background:rgba(7,17,29,.55);font-size:.84rem;color:#d4e7f4}.hand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.rune-card{position:relative;display:grid;gap:.45rem;align-content:start;padding:.75rem;min-height:176px;border-radius:16px;border:1px solid rgba(90,255,220,.12);background:linear-gradient(180deg,#0b2237,#091726);transition:.18s ease}.rune-card:hover:not([disabled]),.rune-card:focus-visible:not([disabled]){transform:translateY(-3px);border-color:rgba(90,255,220,.28);box-shadow:0 10px 20px rgba(0,0,0,.28),0 0 18px rgba(53,255,203,.1)}.rune-card[disabled]{opacity:.55;cursor:not-allowed}.rune-card .glyph{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(90,255,220,.16);background:rgba(53,255,203,.06);font-family:"Orbitron",sans-serif;font-size:.78rem;font-weight:800}.rune-card .name{font-family:"Orbitron",sans-serif;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.rune-card .desc{color:#d4e7f4;font-size:.81rem}.rune-card .card-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.4rem;color:var(--muted);font-size:.75rem}.rune-card .cost{padding:.18rem .42rem;border-radius:999px;border:1px solid rgba(26,183,255,.16);background:rgba(26,183,255,.05);color:#90ddff}.rune-card.flash{animation:cardFlash .4s ease}.arena-blast{position:absolute;inset:0;pointer-events:none;opacity:0}.arena-blast.active{animation:arenaBlast .45s ease}.arena-blast::before,.arena-blast::after{content:"";position:absolute;width:180px;height:180px;top:22%;border-radius:50%;filter:blur(6px)}.arena-blast::before{left:18%;background:radial-gradient(circle,rgba(53,255,203,.25),transparent 70%)}.arena-blast::after{right:18%;background:radial-gradient(circle,rgba(255,100,136,.18),transparent 70%)}
.aim-hud{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.aim-stage{position:relative;min-height:420px;padding:0;background:radial-gradient(circle at 50% 50%,rgba(26,183,255,.05),transparent 60%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(180deg,#08192a,#06131f);background-size:auto,28px 28px,28px 28px,auto;cursor:crosshair;overflow:hidden}.aim-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(53,255,203,.07),transparent 36%),radial-gradient(circle at 88% 22%,rgba(255,100,136,.05),transparent 34%),radial-gradient(circle at 58% 82%,rgba(255,214,102,.04),transparent 38%);pointer-events:none}.stage-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;text-align:center;padding:1rem;background:radial-gradient(circle at 50% 50%,rgba(4,13,22,.72),rgba(4,13,22,.92))}.stage-overlay[hidden]{display:none!important}.stage-overlay h3{margin:0;font-family:"Orbitron",sans-serif;font-size:1.12rem;letter-spacing:.06em;text-transform:uppercase}.stage-overlay p{margin:.5rem 0 0;color:#d3e7f4;max-width:44ch}.overlay-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.target{position:absolute;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:2px solid rgba(90,255,220,.34);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.85),rgba(255,255,255,0) 34%),radial-gradient(circle at 50% 50%,rgba(53,255,203,.4),rgba(53,255,203,.05) 56%,rgba(53,255,203,0) 70%),linear-gradient(180deg,#0c2438,#081624);box-shadow:0 0 16px rgba(53,255,203,.14);animation:targetPulse .86s ease-in-out infinite}.target::before,.target::after{content:"";position:absolute;border-radius:50%}.target::before{inset:8px;border:1px solid rgba(255,255,255,.35)}.target::after{inset:18px;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,255,255,.35))}.target.fast{width:46px;height:46px;border-color:rgba(255,100,136,.34);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.85),rgba(255,255,255,0) 34%),radial-gradient(circle at 50% 50%,rgba(255,100,136,.38),rgba(255,100,136,.05) 56%,rgba(255,100,136,0) 70%),linear-gradient(180deg,#361320,#18080f)}.target.bonus{width:62px;height:62px;border-color:rgba(255,214,102,.4);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.85),rgba(255,255,255,0) 34%),radial-gradient(circle at 50% 50%,rgba(255,214,102,.4),rgba(255,214,102,.05) 56%,rgba(255,214,102,0) 70%),linear-gradient(180deg,#372b10,#191306)}.target.hit{animation:targetHit .22s ease forwards}.pop-score{position:absolute;transform:translate(-50%,-50%);pointer-events:none;font-family:"Orbitron",sans-serif;font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ddfff2;text-shadow:0 0 10px rgba(53,255,203,.4);animation:popFloat .48s ease forwards}.pop-score.negative{color:#ffc0cd;text-shadow:0 0 10px rgba(255,100,136,.35)}.progress-bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--neon),var(--blue));transition:width .2s linear}
.formatted-table{width:100%;border-collapse:collapse}.formatted-table th,.formatted-table td{padding:.55rem .45rem;text-align:left;border-bottom:1px solid rgba(90,255,220,.08)}.formatted-table th{font-family:"Orbitron",sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#d4e8f5}.formatted-table td{color:#d1e5f2}
.center{text-align:center}.right{text-align:right}.muted{color:var(--muted)}.mt-0{margin-top:0!important}.mt-1{margin-top:.4rem!important}.mt-2{margin-top:.8rem!important}.mt-3{margin-top:1.2rem!important}.hidden{display:none!important}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.06);opacity:.95}}@keyframes reelSpin{from{transform:translateY(0)}to{transform:translateY(-54px)}}@keyframes winPulse{35%{box-shadow:var(--shadow),0 0 28px rgba(53,255,203,.16),0 0 22px rgba(255,214,102,.12)}}@keyframes cardFlash{40%{box-shadow:0 0 20px rgba(53,255,203,.18)}}@keyframes arenaBlast{20%{opacity:1}100%{opacity:0}}@keyframes targetPulse{50%{box-shadow:0 0 24px rgba(53,255,203,.2)}}@keyframes targetHit{to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes popFloat{0%{opacity:0;transform:translate(-50%,-45%) scale(.92)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-95%) scale(1.04)}}@keyframes toastIn{to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}
@media (max-width:1080px){.nav-list{display:none}.menu-toggle{display:grid}.mobile-nav{display:block}.hero-grid,.split-layout,.review-grid,.contact-grid,.footer-top,.achievement-hero,.game-layout{grid-template-columns:1fr}.game-cards,.achievement-grid,.grid-3,.grid-4,.badge-wall{grid-template-columns:repeat(2,1fr)}.grid-2,.footer-grid{grid-template-columns:1fr}.kpi-strip,.inline-stats{grid-template-columns:repeat(2,1fr)}.aim-hud{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.container{width:min(1180px,calc(100% - 1rem))}.brand-sub,.credit-pill{display:none}.notice-strip-inner{grid-template-columns:1fr;gap:.35rem}.hero-copy,.hero-visual,.card,.panel,.page-banner{padding:.85rem;border-radius:16px}.hero-art{min-height:320px}.hero-score-strip,.kpi-strip,.field-grid,.reels-controls,.inline-stats,.aim-hud{grid-template-columns:1fr}.game-cards,.achievement-grid,.grid-3,.grid-4,.badge-wall,.hand-grid,.symbol-legend{grid-template-columns:1fr}.reels-grid{grid-template-columns:repeat(3,1fr)}.reels-grid .reel:nth-child(n+4){display:none}.reel{height:188px}.rating-item{grid-template-columns:1fr}.fighters{grid-template-columns:1fr}.cookie-banner{grid-template-columns:1fr;left:.5rem;right:.5rem;bottom:.5rem;padding:.75rem}.toast-stack{left:8px;right:8px;top:72px;width:auto}.aim-stage{min-height:320px}.target{width:48px;height:48px}.target.fast{width:42px;height:42px}.target.bonus{width:56px;height:56px}.footer-bottom{padding-bottom:5.5rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-reveal{opacity:1;transform:none}}

/* UX patch: spacing rhythm, focus clarity, and smoother reels */
:where(.card,.panel,.page-banner,.hero-copy,.hero-visual,.quote-card,.legal-section,.info-block,.footer-block,.timeline-card,.badge-plaque,.disclaimer-panel,.faq-content,.tip,.arena-center)>*+*{margin-top:.65rem}
:where(.article-content,.legal-section,.info-block,.footer-block,.quote-card,.timeline-card,.game-disclaimer,.tip,.faq-content) :where(p,ul,ol,h1,h2,h3,h4,h5){margin-block:0}
:where(.article-content,.legal-section,.info-block,.footer-block,.game-disclaimer) li+li{margin-top:.32rem}
:where(.footer-block p+p,.quote-card p+p,.info-block p+p,.legal-section p+p,.article-content p+p){margin-top:.6rem}
main a:not(.btn):hover{text-decoration:underline;text-decoration-color:rgba(53,255,203,.45);text-underline-offset:2px}
:where(a,button,input,textarea,select,.rune-card,.target):focus-visible{outline:2px solid rgba(53,255,203,.45);outline-offset:2px}
button[disabled],.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.btn{white-space:nowrap}
.menu-toggle,.btn,.nav-link,.badge-pill{user-select:none}
body.menu-open{overflow:hidden}
.mobile-nav{transition:opacity .18s ease,transform .18s ease;transform-origin:top center}
.mobile-nav:not([hidden]){opacity:1;transform:translateY(0)}
.mobile-nav[hidden]{opacity:0;transform:translateY(-4px)}
.footer-block ul li a,.footer-legal-links a{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.footer-block ul li a:hover,.footer-legal-links a:hover{color:#efffff}
.card,.panel,.page-banner,.hero-copy,.hero-visual,.quote-card,.legal-section,.info-block,.footer-block,.timeline-card,.badge-plaque{backdrop-filter:blur(8px)}
.game-layout{align-items:start}
.reels-controls .field input{min-height:44px}
.field input,.field textarea,.field select{line-height:1.25}
[id]{scroll-margin-top:96px}

/* Relic Reels smooth motion + vector symbols */
.reel{--rr-cell-h:66px;--rr-gap:6px}
.reel-track{gap:var(--rr-gap)!important;align-content:start;will-change:transform}
.reel.spinning .reel-track{animation:none!important}
.reel-cell{height:var(--rr-cell-h);min-height:0!important;transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease}
.reel.spinning .reel-cell{filter:saturate(1.08) brightness(1.06)}
.reel-cell .sym{display:grid;justify-items:center;align-content:center;gap:.08rem;width:100%;min-height:100%}
.reel-cell .sym-meta{display:grid;gap:.05rem;justify-items:center;max-width:100%}
.reel-cell .sym-icon{width:36px;height:36px;display:block;color:var(--sym-a);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sym-a) 50%, transparent)) drop-shadow(0 0 14px color-mix(in srgb,var(--sym-b) 25%, transparent))}
.reel-cell .sym-icon path,.reel-cell .sym-icon circle,.reel-cell .sym-icon line,.reel-cell .sym-icon polyline{vector-effect:non-scaling-stroke}
.reel-cell .sym-code{font-family:"Orbitron",sans-serif;font-size:.58rem;letter-spacing:.09em;font-weight:700;color:#eafcff}
.reel-cell .sym-name{font-size:.54rem;line-height:1;color:#a9c8d9;letter-spacing:.04em;max-width:9ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-cell.is-highlight .sym-icon{filter:drop-shadow(0 0 8px rgba(255,214,102,.45)) drop-shadow(0 0 18px rgba(255,214,102,.25))}
.reels-shell{position:relative}
.symbol-item .symbol-icon{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--legend-a,#35ffcb) 18%, transparent),color-mix(in srgb,var(--legend-b,#1ab7ff) 14%, transparent));border-color:color-mix(in srgb,var(--legend-a,#35ffcb) 24%, rgba(90,255,220,.18));box-shadow:0 0 14px color-mix(in srgb,var(--legend-a,#35ffcb) 18%, transparent)}
.symbol-item .symbol-icon::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--legend-a,#35ffcb) 22%, transparent),transparent 60%);pointer-events:none}

/* Mobile UX fixes (do not hide reel columns; allow horizontal swipe) */
@media (max-width:760px){
  .reels-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .reels-grid .reel{display:block!important;flex:0 0 min(30vw,104px);scroll-snap-align:start}
  .reels-grid::-webkit-scrollbar{height:8px}
  .reels-grid::-webkit-scrollbar-thumb{background:rgba(90,255,220,.2);border-radius:999px}
  .reel{height:188px}
  .reel-cell{--rr-cell-h:56px}
  .reel-cell .sym-icon{width:28px;height:28px}
  .reel-cell .sym-name{font-size:.49rem}
  .site-header{backdrop-filter:blur(12px)}
  .card-actions .btn{width:100%;justify-content:center}
  .footer-block ul{gap:.45rem}
}

/* Background embers */
.ember-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;opacity:.85}
.ember-layer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(255,120,40,.05),transparent 58%),radial-gradient(circle at 20% 100%,rgba(255,175,90,.035),transparent 52%),radial-gradient(circle at 80% 100%,rgba(255,90,40,.03),transparent 48%);pointer-events:none}
.ember{position:absolute;left:calc(var(--x,50) * 1%);bottom:-12vh;width:calc(var(--size,4) * 1px);height:calc(var(--size,4) * 1px);border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(0,0,0) scale(var(--scale,.9));background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.95) 0 20%,hsla(calc(var(--hue,24) * 1deg),100%,72%,.95) 42%,hsla(calc(var(--hue,24) * 1deg),100%,58%,.42) 68%,transparent 100%);filter:blur(calc(var(--blur,.8) * 1px)) drop-shadow(0 0 8px hsla(calc(var(--hue,24) * 1deg),100%,65%,.35)) drop-shadow(0 0 18px rgba(255,80,25,.12));will-change:transform,opacity;animation:emberRise calc(var(--dur,12) * 1s) linear infinite,emberFlicker calc(var(--flicker,2.4) * 1s) ease-in-out infinite;animation-delay:calc(var(--delay,0) * 1s),calc(var(--delay,0) * 1s)}
.ember::after{content:"";position:absolute;left:50%;top:50%;width:160%;height:45%;transform:translate(-40%,-50%) rotate(-22deg);background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,180,80,.22),transparent);border-radius:999px;opacity:.45;filter:blur(1.2px)}
@keyframes emberRise{0%{opacity:0;transform:translate3d(0,0,0) scale(var(--scale,.9))}8%{opacity:var(--alpha,.45)}45%{opacity:calc(var(--alpha,.45) * .9);transform:translate3d(calc(var(--drift,0) * .28vw),-42vh,0) scale(calc(var(--scale,.9) * .95))}100%{opacity:0;transform:translate3d(calc(var(--drift,0) * 1vw),-118vh,0) scale(calc(var(--scale,.9) * .55))}}
@keyframes emberFlicker{0%,100%{filter:blur(calc(var(--blur,.8) * 1px)) drop-shadow(0 0 8px hsla(calc(var(--hue,24) * 1deg),100%,65%,.3)) drop-shadow(0 0 16px rgba(255,90,30,.1))}50%{filter:blur(calc(var(--blur,.8) * 1px)) drop-shadow(0 0 12px hsla(calc(var(--hue,24) * 1deg),100%,70%,.45)) drop-shadow(0 0 24px rgba(255,110,45,.18))}}
@media (prefers-reduced-motion:reduce){.ember{animation:none;opacity:.18}.ember:nth-child(n+8){display:none}}

/* Image integration pass (background, logo, game art) */
body{
  background:
    linear-gradient(180deg,rgba(4,10,18,.9),rgba(5,14,22,.9) 28%,rgba(6,14,22,.88) 60%,rgba(4,10,17,.92)),
    radial-gradient(1100px 620px at 14% 0%,rgba(59,235,255,.14),transparent 58%),
    radial-gradient(860px 540px at 92% 8%,rgba(255,112,42,.16),transparent 58%),
    radial-gradient(780px 580px at 50% 100%,rgba(255,178,68,.12),transparent 68%),
    url("../img/background.jpg") center top / cover fixed no-repeat #04101a !important;
}
body::before{opacity:.38}
body::after{opacity:.52}
@media (max-width:760px){
  body{
    background:
      linear-gradient(180deg,rgba(4,10,18,.9),rgba(5,14,22,.9) 28%,rgba(6,14,22,.9) 60%,rgba(4,10,17,.93)),
      radial-gradient(1100px 620px at 14% 0%,rgba(59,235,255,.14),transparent 58%),
      radial-gradient(860px 540px at 92% 8%,rgba(255,112,42,.16),transparent 58%),
      radial-gradient(780px 580px at 50% 100%,rgba(255,178,68,.12),transparent 68%),
      url("../img/background.jpg") center top / cover no-repeat #04101a !important;
  }
}

/* Header/footer logo from assets/img/logo.png */
.brand-mark{display:none!important}
.brand-logo{
  width:44px;height:44px;border-radius:12px;object-fit:cover;flex:0 0 auto;
  border:1px solid rgba(90,255,220,.24);
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 18px rgba(255,143,58,.16),0 0 24px rgba(59,235,255,.14);
  background:rgba(7,17,29,.7)
}
.brand:hover .brand-logo{box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 24px rgba(255,143,58,.22),0 0 28px rgba(59,235,255,.18)}
.footer-top>.card:first-child{position:relative;padding-top:1.05rem}
.footer-top>.card:first-child>*{position:relative;z-index:1}
.footer-logo{
  width:74px;height:74px;border-radius:18px;object-fit:cover;display:block;margin:0 0 .65rem;
  border:1px solid rgba(90,255,220,.2);
  box-shadow:0 10px 20px rgba(0,0,0,.26),0 0 22px rgba(255,118,48,.12),0 0 26px rgba(59,235,255,.12)
}
.footer-top>.card:first-child::after{
  content:"";position:absolute;right:1rem;top:.9rem;width:122px;height:122px;border-radius:22px;
  background:url("../img/logo.png") center/cover no-repeat;
  opacity:.12;filter:saturate(1.2) blur(.2px);
  pointer-events:none;border:1px solid rgba(90,255,220,.06);z-index:0
}
@media (max-width:760px){
  .brand-logo{width:40px;height:40px;border-radius:10px}
  .footer-logo{width:64px;height:64px;border-radius:16px}
  .footer-top>.card:first-child::after{width:92px;height:92px;right:.75rem;top:.75rem}
}

/* Home hero collage image */
body[data-page="home"] .hero-art{
  background:
    linear-gradient(180deg,rgba(4,12,22,.62),rgba(4,10,18,.82)),
    radial-gradient(circle at 78% 18%,rgba(255,124,49,.22),transparent 52%),
    radial-gradient(circle at 18% 78%,rgba(68,211,255,.18),transparent 52%),
    url("../img/main.jpg") center center / cover no-repeat !important;
}
body[data-page="home"] .hero-art::before{border-color:rgba(59,235,255,.5);box-shadow:0 0 24px rgba(59,235,255,.12)}
body[data-page="home"] .hero-art::after{border-color:rgba(255,126,52,.34)}
body[data-page="home"] .figure-card{
  background:linear-gradient(180deg,rgba(11,24,39,.75),rgba(6,13,22,.82));
  backdrop-filter:blur(6px);
  border-color:rgba(90,255,220,.1)
}
body[data-page="home"] .figure-face{
  background:
    radial-gradient(circle at 55% 28%,rgba(53,255,203,.13),transparent 58%),
    radial-gradient(circle at 42% 58%,rgba(26,183,255,.1),transparent 62%),
    linear-gradient(180deg,rgba(16,39,65,.72),rgba(10,26,47,.82));
}

/* Game cards on homepage (use real game screenshots) */
.game-card-head::after{
  content:"";position:absolute;inset:0;z-index:0;opacity:.34;pointer-events:none;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  filter:saturate(1.08) contrast(1.02)
}
.game-card-head.reels::after{
  background-image:
    linear-gradient(180deg,rgba(6,14,25,.18),rgba(6,14,25,.9) 82%),
    linear-gradient(90deg,rgba(255,124,49,.16),rgba(59,235,255,.08)),
    url("../img/relic-rush.jpg");
  background-position:center,center,center 32%;
}
.game-card-head.duel::after{
  background-image:
    linear-gradient(180deg,rgba(6,14,25,.16),rgba(6,14,25,.9) 82%),
    linear-gradient(90deg,rgba(59,235,255,.14),rgba(255,92,65,.12)),
    url("../img/rune-deck.jpg");
  background-position:center,center,center 22%;
}
.game-card-head.aim::after{
  background-image:
    linear-gradient(180deg,rgba(6,14,25,.16),rgba(6,14,25,.9) 82%),
    linear-gradient(90deg,rgba(87,255,165,.14),rgba(255,124,49,.13)),
    url("../img/crystal-aim.jpg");
  background-position:center,center,center 30%;
}

/* Games & Reviews page visuals */
body[data-page="games"]:not(.game-page) .page-banner{
  min-height:220px;display:grid;align-content:end;
  background:
    linear-gradient(180deg,rgba(6,14,24,.38),rgba(6,14,24,.88)),
    radial-gradient(circle at 85% 22%,rgba(59,235,255,.18),transparent 44%),
    radial-gradient(circle at 10% 78%,rgba(255,124,49,.18),transparent 46%),
    url("../img/main.jpg") center 34% / cover no-repeat !important;
  border-color:rgba(90,255,220,.18)
}
body[data-page="games"]:not(.game-page) .page-banner>*{position:relative;z-index:1}
body[data-page="games"]:not(.game-page) .review-panels>.card{
  padding-top:11rem;
  background:linear-gradient(180deg,rgba(8,20,34,.82),rgba(7,16,28,.94));
}
body[data-page="games"]:not(.game-page) .review-panels>.card>*{position:relative;z-index:1}
body[data-page="games"]:not(.game-page) .review-panels>.card::before{
  opacity:1;
  background:
    linear-gradient(180deg,rgba(7,17,29,.08) 0 38%,rgba(7,17,29,.9) 66%,rgba(7,17,29,.96) 100%),
    linear-gradient(135deg,rgba(53,255,203,.06),transparent 55%,rgba(26,183,255,.06)),
    var(--review-img) center top/cover no-repeat;
}
body[data-page="games"]:not(.game-page) .review-panels>.card::after{
  content:"";position:absolute;left:1rem;right:1rem;top:8.7rem;height:1px;
  background:linear-gradient(90deg,transparent,rgba(90,255,220,.28),transparent);
  opacity:.9
}
body[data-page="games"]:not(.game-page) .review-panels>.card:nth-child(1){--review-img:url("../img/relic-rush.jpg")}
body[data-page="games"]:not(.game-page) .review-panels>.card:nth-child(2){--review-img:url("../img/rune-deck.jpg")}
body[data-page="games"]:not(.game-page) .review-panels>.card:nth-child(3){--review-img:url("../img/crystal-aim.jpg")}

/* Individual game pages: set banner art by page content */
body.game-page .page-banner{
  min-height:200px;display:grid;align-content:end;border-color:rgba(90,255,220,.18)
}
body.game-page .page-banner>*{position:relative;z-index:1}
body.game-page .page-banner::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,14,24,.34),rgba(6,14,24,.88)),
    radial-gradient(circle at 15% 20%,rgba(59,235,255,.16),transparent 44%),
    radial-gradient(circle at 85% 22%,rgba(255,124,49,.16),transparent 46%),
    var(--banner-art, none) center/cover no-repeat;
  opacity:.98
}
body:has([data-relic-reels]){--game-accent:#ffb357}
body:has([data-rune-duel]){--game-accent:#7fc9ff}
body:has([data-crystal-aim]){--game-accent:#75ffca}
body:has([data-relic-reels]) .page-banner{--banner-art:url("../img/relic-rush.jpg")}
body:has([data-rune-duel]) .page-banner{--banner-art:url("../img/rune-deck.jpg")}
body:has([data-crystal-aim]) .page-banner{--banner-art:url("../img/crystal-aim.jpg")}
body.game-page .page-banner .hero-title{max-width:16ch;text-shadow:0 0 18px rgba(0,0,0,.38)}
body.game-page .page-banner .eyebrow{box-shadow:0 0 16px rgba(0,0,0,.18)}

/* Add screenshot art into first sidebar panel on each game page */
body:has([data-relic-reels]) .game-layout>aside .panel:first-child,
body:has([data-rune-duel]) .game-layout>aside .panel:first-child,
body:has([data-crystal-aim]) .game-layout>aside .panel:first-child{
  padding-top:10.1rem;
}
body:has([data-relic-reels]) .game-layout>aside .panel:first-child::before,
body:has([data-rune-duel]) .game-layout>aside .panel:first-child::before,
body:has([data-crystal-aim]) .game-layout>aside .panel:first-child::before{
  opacity:1;
  background:
    linear-gradient(180deg,rgba(7,17,29,.05) 0 42%,rgba(7,17,29,.88) 68%,rgba(7,17,29,.94) 100%),
    linear-gradient(135deg,rgba(53,255,203,.05),transparent 55%,rgba(26,183,255,.05)),
    var(--side-art) center top/cover no-repeat;
}
body:has([data-relic-reels]) .game-layout>aside .panel:first-child{--side-art:url("../img/relic-rush.jpg")}
body:has([data-rune-duel]) .game-layout>aside .panel:first-child{--side-art:url("../img/rune-deck.jpg")}
body:has([data-crystal-aim]) .game-layout>aside .panel:first-child{--side-art:url("../img/crystal-aim.jpg")}
body:has([data-relic-reels]) .game-layout>aside .panel:first-child::after,
body:has([data-rune-duel]) .game-layout>aside .panel:first-child::after,
body:has([data-crystal-aim]) .game-layout>aside .panel:first-child::after{
  content:"";position:absolute;left:.95rem;right:.95rem;top:8.05rem;height:1px;
  background:linear-gradient(90deg,transparent,rgba(90,255,220,.28),transparent);
  pointer-events:none
}

/* Hero visual and page art cleanup for image-based layout */
.hero-visual,.page-banner,.review-panels>.card,.game-layout>aside .panel:first-child{box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 26px rgba(0,0,0,.12)}
.hero-art,.game-card-head,.page-banner{isolation:isolate}

/* Footer readability / usability patch */
.site-footer{
  background:
    linear-gradient(180deg,rgba(3,11,18,.72),rgba(3,10,16,.95)),
    radial-gradient(720px 260px at 18% 0%,rgba(59,235,255,.06),transparent 68%),
    radial-gradient(660px 240px at 84% 0%,rgba(255,128,52,.06),transparent 70%);
  border-top-color:rgba(90,255,220,.12);
}
.footer-top{
  grid-template-columns:minmax(320px,1.06fr) minmax(520px,1.14fr)!important;
  gap:1.1rem;
  align-items:start;
  padding:1.25rem 0 1rem;
}
.footer-top>.card:first-child{
  padding:1.05rem 1.15rem 1.1rem;
  border-color:rgba(90,255,220,.14);
  background:
    linear-gradient(180deg,rgba(6,18,30,.86),rgba(5,15,26,.93));
}
.footer-top>.card:first-child .section-title{
  margin-top:.55rem;
  line-height:1.04;
  letter-spacing:.035em;
}
.footer-top>.card:first-child .section-lead{
  font-size:1rem;
  line-height:1.55;
  color:#d5e7f4;
  max-width:55ch;
}
.footer-top>.card:first-child::after{
  opacity:.07;
  top:1rem;
  right:1.05rem;
  width:116px;
  height:116px;
}
.footer-top>.card:first-child .disclaimer-panel{
  margin-top:.85rem!important;
  border-color:rgba(255,214,102,.22);
  background:
    linear-gradient(180deg,rgba(255,214,102,.05),rgba(7,17,29,.5)),
    radial-gradient(180px 80px at 88% 8%,rgba(255,214,102,.08),transparent 75%);
}
.footer-top>.card:first-child .disclaimer-panel h3{
  font-size:1rem;
}
.footer-top>.card:first-child .disclaimer-panel ul{
  margin-top:.55rem;
  line-height:1.5;
  padding-left:1.1rem;
}
.footer-top>.card:first-child .disclaimer-panel li+li{
  margin-top:.25rem;
}

.footer-grid{
  grid-template-columns:minmax(150px,.9fr) minmax(180px,1fr) minmax(260px,1.22fr)!important;
  gap:1rem;
  align-items:start;
}
.footer-block{
  min-width:0;
  padding:.95rem .95rem 1rem;
  border-radius:16px;
  border-color:rgba(90,255,220,.1);
  background:
    linear-gradient(180deg,rgba(7,17,29,.62),rgba(6,14,23,.72));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01);
}
.footer-block h3{
  font-size:.9rem;
  margin-bottom:.15rem;
  color:#effaff;
  text-shadow:0 0 10px rgba(59,235,255,.1);
}
.footer-block p,.footer-block li,.footer-block a{
  color:#d7e8f4;
  font-size:.95rem;
  line-height:1.52;
}
.footer-block ul{
  gap:.22rem;
  margin-top:.35rem;
}
.footer-block ul li{
  margin:0;
}
.footer-block ul li a{
  display:flex;
  align-items:center;
  min-height:34px;
  padding:.24rem .5rem;
  border-radius:10px;
  border:1px solid transparent;
  background:transparent;
}
.footer-block ul li a::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  margin-right:.55rem;
  background:rgba(90,255,220,.65);
  box-shadow:0 0 8px rgba(90,255,220,.25);
  flex:0 0 auto;
}
.footer-block ul li a:hover,
.footer-block ul li a:focus-visible{
  background:rgba(53,255,203,.05);
  border-color:rgba(90,255,220,.12);
  color:#f3fdff;
  text-decoration:none!important;
}
.footer-block:nth-child(3) p{
  margin:0;
}
.footer-block:nth-child(3) p+p{
  margin-top:.75rem;
}
.footer-block:nth-child(3){
  background:
    linear-gradient(180deg,rgba(9,19,32,.68),rgba(7,15,25,.78)),
    radial-gradient(180px 120px at 92% 10%,rgba(255,132,58,.05),transparent 70%);
}
.footer-block:nth-child(3) p:last-child{
  color:#cfe2ef;
}
.footer-block a[href*='@'],
.footer-block p{
  word-break:break-word;
}

.footer-bottom{
  grid-template-columns:1fr auto;
  align-items:center;
  gap:.7rem 1rem;
  border-top-color:rgba(90,255,220,.1);
  padding:.95rem 0 1.15rem;
}
.footer-bottom>div:last-child{
  text-align:right;
  color:#c5d9e8;
  line-height:1.4;
}
.footer-legal-links{
  gap:.45rem;
}
.footer-legal-links a{
  padding:.35rem .6rem;
  border-radius:999px;
  border-color:rgba(90,255,220,.12);
  background:rgba(7,17,29,.56);
  color:#dbeaf4;
  font-size:.86rem;
  line-height:1;
}
.footer-legal-links a:hover,
.footer-legal-links a:focus-visible{
  background:rgba(53,255,203,.06);
  border-color:rgba(90,255,220,.2);
  color:#f0fdff;
  text-decoration:none!important;
}

@media (max-width:1280px){
  .footer-top{
    grid-template-columns:1fr!important;
  }
  .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:980px){
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .footer-bottom{
    grid-template-columns:1fr;
  }
  .footer-bottom>div:last-child{
    text-align:left;
  }
}
@media (max-width:760px){
  .footer-top{
    gap:.8rem;
    padding:1rem 0 .75rem;
  }
  .footer-top>.card:first-child{
    padding:.9rem;
  }
  .footer-top>.card:first-child .section-title{
    font-size:clamp(1.15rem,8vw,1.65rem);
  }
  .footer-top>.card:first-child .section-lead{
    font-size:.94rem;
    line-height:1.48;
  }
  .footer-top>.card:first-child::after{
    width:76px;
    height:76px;
    opacity:.06;
  }
  .footer-block{
    padding:.8rem .8rem .85rem;
  }
  .footer-block p,.footer-block li,.footer-block a{
    font-size:.92rem;
  }
  .footer-block ul li a{
    min-height:36px;
    padding:.28rem .5rem;
  }
  .footer-bottom{
    padding-top:.75rem;
  }
}

/* Footer layout pass 2: improve desktop readability and usability */
@media (min-width:1281px){
  .footer-top{
    grid-template-columns:minmax(360px,.92fr) minmax(700px,1.28fr)!important;
    gap:1.2rem;
  }
  .footer-grid{
    grid-template-columns:minmax(210px,1fr) minmax(220px,1fr)!important;
    grid-auto-rows:min-content;
    align-content:start;
    gap:1rem;
  }
  .footer-grid .footer-block:nth-child(1){
    grid-column:1;
  }
  .footer-grid .footer-block:nth-child(2){
    grid-column:2;
  }
  .footer-grid .footer-block:nth-child(3){
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
    gap:.55rem .9rem;
    align-items:start;
    padding:1rem 1rem 1.05rem;
  }
  .footer-grid .footer-block:nth-child(3) h3{
    grid-column:1 / -1;
    margin:0 0 .15rem;
  }
  .footer-grid .footer-block:nth-child(3) p{
    margin:0!important;
  }
  .footer-grid .footer-block:nth-child(3) p:nth-of-type(1){
    grid-column:1;
  }
  .footer-grid .footer-block:nth-child(3) p:nth-of-type(2){
    grid-column:2;
    align-self:start;
    padding:.55rem .7rem;
    border-radius:12px;
    border:1px solid rgba(90,255,220,.12);
    background:linear-gradient(180deg,rgba(53,255,203,.04),rgba(7,17,29,.42));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  }
  .footer-grid .footer-block:nth-child(3) p:nth-of-type(3){
    grid-column:1 / -1;
    padding-top:.15rem;
    border-top:1px solid rgba(90,255,220,.08);
    color:#d3e6f4;
  }
}

@media (max-width:1280px){
  .footer-grid .footer-block:nth-child(3){
    display:block;
  }
}

@media (max-width:980px){
  .footer-block ul li a{
    min-height:38px;
  }
  .footer-grid .footer-block:nth-child(3) p{
    line-height:1.55;
  }
}