@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono&display=swap');
:root{--bg:#0a0f1e;--card:#131b2e;--card2:#0e1526;--bd:rgba(79,140,255,.15);--tx:#e6ebf5;--mu:#8795ad;--a1:#2563eb;--a2:#4f8cff;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--r:10px}
html[data-theme=light]{--bg:#f2f6fc;--card:#ffffff;--card2:#e9f0fb;--bd:rgba(40,80,160,.16);--tx:#0d1526;--mu:#55617a;--a1:#1d4ed8;--a2:#2563eb}
html[data-theme=light] .grad,html[data-theme=light] h1 .grad,html[data-theme=light] .hero h1 .grad{background:linear-gradient(90deg,#1d4ed8,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] .sc3d,html[data-theme=light] .arena-hero{color:#e6ebf5}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--tx);font:15px/1.6 Inter,system-ui,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}
/* Simple, static backdrop: a soft green glow top & bottom over a faint grid. */
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 560px at 50% -12%,rgba(79,140,255,.15),transparent 72%),radial-gradient(760px 520px at 82% 108%,rgba(37,99,235,.12),transparent 70%),linear-gradient(180deg,#0b1326 0%,#0a0f1e 55%,#0a0f1e 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(79,140,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(79,140,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,#000,transparent 80%)}
html[data-theme=light] body:before{background:radial-gradient(900px 560px at 50% -12%,rgba(37,99,235,.14),transparent 72%),radial-gradient(760px 520px at 82% 108%,rgba(37,99,235,.10),transparent 70%),linear-gradient(180deg,#e9f0fb 0%,#f2f6fc 60%,#eef3fb 100%)}
html[data-theme=light] body:after{opacity:.35;background-image:linear-gradient(rgba(29,78,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.06) 1px,transparent 1px)}
a{color:var(--a2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(34px,5vw,60px);font-weight:900;letter-spacing:-.02em}h2{font-size:clamp(26px,3vw,38px);font-weight:800}
.grad{background:linear-gradient(90deg,var(--a1),var(--a2),#bfdbfe);-webkit-background-clip:text;background-clip:text;color:transparent}
.mu{color:var(--mu)}.center{text-align:center}.mono{font-family:'JetBrains Mono',monospace}
.eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--a2);border:1px solid rgba(79,140,255,.35);background:rgba(37,99,235,.08);padding:5px 12px;border-radius:99px;margin-bottom:16px;font-weight:600}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(9,12,21,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
html[data-theme=light] .hdr{background:rgba(255,255,255,.85)}
.hdr .wrap{display:flex;align-items:center;gap:18px;height:66px}
.logo{font-weight:900;font-size:22px;letter-spacing:.04em;color:var(--tx)!important;text-decoration:none!important}.logo b{color:#4f8cff}
.nav{display:flex;gap:4px;align-items:center;flex:1}.nav>a,.nav>.mm>button{color:var(--mu);font:500 14px Inter;padding:8px 10px;border-radius:8px;background:none;border:0;cursor:pointer;white-space:nowrap}
.nav>a:hover,.nav>.mm>button:hover{color:var(--tx);background:rgba(255,255,255,.05);text-decoration:none}
.mega h6{font-size:11px;letter-spacing:.14em;color:var(--a2);margin:0 0 10px}.mega a{display:block;color:var(--tx);padding:7px 8px;border-radius:8px;font-size:14px}.mega a small{display:block;color:var(--mu);font-size:12px}
.mega a:hover{background:rgba(37,99,235,.1);text-decoration:none}
.hright{display:flex;gap:8px;align-items:center}
.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--bd);background:transparent;color:var(--tx);cursor:pointer;display:inline-grid;place-items:center}
.burger{display:none}
@media(max-width:1100px){.nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--bd);padding:12px}.nav.show{display:flex}.mega{position:static;width:auto;grid-template-columns:1fr}.burger{display:inline-grid}}@media(max-width:520px){.hright [data-auth=register]{display:none}}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:9px;font:600 14px Inter;cursor:pointer;border:1px solid transparent;transition:.2s;text-decoration:none!important;white-space:nowrap}
.btn-p{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;box-shadow:0 6px 24px rgba(37,99,235,.35)}.btn-p:hover{box-shadow:0 8px 32px rgba(79,140,255,.55);transform:translateY(-1px)}
.btn-p:after{content:"→"}.btn-p.noarrow:after{content:none}
.btn-o{border-color:var(--bd);color:var(--tx);background:rgba(255,255,255,.03)}.btn-o:hover{border-color:var(--a2);color:var(--a2)}
.btn-sm{padding:7px 12px;font-size:13px}.btn-d{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.3)}
.btn:disabled{opacity:.5;cursor:not-allowed}
/* cards */
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:22px;transition:.25s}
.card.hov:hover,.plan:hover{border-color:rgba(79,140,255,.55);box-shadow:0 0 0 1px rgba(79,140,255,.25),0 10px 40px rgba(37,99,235,.18);transform:translateY(-2px)}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
section{padding:70px 0}.hero{padding:90px 0 60px}
.hero p.lead{font-size:18px;color:var(--mu);max-width:720px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.badge{display:flex;gap:12px;align-items:center}.badge .ic{width:42px;height:42px;border-radius:10px;background:rgba(37,99,235,.12);color:var(--a2);display:grid;place-items:center;font-size:20px;flex:none}
.badge b{display:block;font-size:14px}.badge span{font-size:12.5px;color:var(--mu)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:24px 0 30px}
.tab{padding:9px 16px;border-radius:99px;border:1px solid var(--bd);background:transparent;color:var(--mu);font:600 14px Inter;cursor:pointer}.tab.on{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;border-color:transparent}
.plan{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:24px;transition:.25s}
.plan.rec{border-color:rgba(79,140,255,.6);box-shadow:0 0 30px rgba(37,99,235,.2)}
.plan .tag{position:absolute;top:-11px;right:16px;background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:99px}
.plan h3{font-size:20px}.price{font-size:36px;font-weight:800}.price small{font-size:14px;color:var(--mu);font-weight:500}
.plan ul{list-style:none;padding:0;margin:16px 0 22px;flex:1}.plan li{padding:6px 0;border-bottom:1px dashed var(--bd);font-size:14px}.plan li:before{content:"✓";color:var(--a2);margin-right:9px;font-weight:700}
.stat b{display:block;font-size:30px;font-weight:800}.stat span{color:var(--mu);font-size:13px}
table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--bd);font-size:14px}th{color:var(--mu);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.tbl{overflow-x:auto;background:var(--card);border:1px solid var(--bd);border-radius:var(--r)}
.yes{color:var(--a2);font-weight:700}.no{color:var(--mu)}
.pill{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.pill.operational,.pill.active,.pill.paid,.pill.answered{background:rgba(34,197,94,.12);color:#4ade80}.pill.degraded,.pill.pending,.pill.unpaid,.pill.open,.pill.maintenance{background:rgba(245,158,11,.12);color:#fbbf24}
.pill.outage,.pill.suspended,.pill.cancelled{background:rgba(239,68,68,.12);color:#f87171}.pill.closed{background:rgba(255,255,255,.07);color:var(--mu)}
.bars{display:flex;gap:2px;margin-top:10px}.bars i{flex:1;height:26px;border-radius:2px;background:#22c55e}.bars i.w{background:#f59e0b}.bars i.x{background:#ef4444}
pre{background:#05080f;border:1px solid var(--bd);border-radius:8px;padding:14px;overflow:auto;font:13px/1.5 'JetBrains Mono',monospace;color:#cfe3ff;position:relative}
.copy{position:absolute;top:8px;right:8px}
details{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:16px 20px;margin-bottom:10px}summary{cursor:pointer;font-weight:600}details[open]{border-color:rgba(79,140,255,.4)}
input,select,textarea{width:100%;background:var(--card2);border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:11px 13px;font:14px Inter;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--a2);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
label{display:block;font-size:13px;color:var(--mu);margin:12px 0 6px;font-weight:500}
input[type=range]{padding:0;accent-color:var(--a2)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);display:none;place-items:center;z-index:100;padding:16px}.modal.show{display:grid}
.modal .card{width:100%;max-width:420px;position:relative}.modal .x{position:absolute;top:12px;right:12px}
.err{color:#f87171;font-size:13px;min-height:18px;margin-top:8px}.okmsg{color:#4ade80;font-size:13px;min-height:18px;margin-top:8px}
.foot{border-top:1px solid var(--bd);padding:40px 0;color:var(--mu);font-size:13.5px;margin-top:40px}.foot .grid{grid-template-columns:2fr 1fr 1fr 1fr}.foot a{display:block;color:var(--mu);padding:3px 0}
@media(max-width:700px){.foot .grid{grid-template-columns:1fr 1fr}}
.dc{display:flex;flex-direction:column;gap:8px}.dc .flag{font-size:26px}.ms{font-size:28px;font-weight:800;color:var(--a2)}
canvas{display:block;width:100%;border-radius:var(--r)}
.toast{position:fixed;bottom:20px;right:20px;background:var(--card);border:1px solid var(--a2);padding:12px 18px;border-radius:10px;z-index:200;box-shadow:0 10px 30px rgba(0,0,0,.4)}
/* portal */
.portal{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 66px)}
.side{border-right:1px solid var(--bd);padding:20px 12px;background:rgba(17,24,39,.5)}
.side a{display:flex;justify-content:space-between;align-items:center;color:var(--mu);padding:10px 12px;border-radius:8px;font-weight:500;font-size:14px;margin-bottom:2px}
.side a:hover{color:var(--tx);background:rgba(255,255,255,.04);text-decoration:none}.side a.on{color:#fff;background:linear-gradient(135deg,rgba(37,99,235,.3),rgba(79,140,255,.12));border:1px solid rgba(79,140,255,.3)}
.side .n{background:rgba(79,140,255,.2);color:var(--a2);font-size:11px;padding:1px 8px;border-radius:99px}
.main{padding:28px;min-width:0}
.empty{text-align:center;padding:60px 20px}.empty .ic{font-size:44px;margin-bottom:10px;opacity:.8}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--a1),var(--a2));display:grid;place-items:center;font-weight:700;color:#fff;cursor:pointer;border:0}
.dd{position:relative}.dd .menu{display:none;position:absolute;right:0;top:44px;background:var(--card);border:1px solid var(--bd);border-radius:10px;min-width:200px;padding:6px;z-index:60}.dd.open .menu{display:block}
.dd .menu a,.dd .menu button{display:block;width:100%;text-align:left;padding:9px 12px;color:var(--tx);background:none;border:0;font:14px Inter;border-radius:6px;cursor:pointer}.dd .menu a:hover,.dd .menu button:hover{background:rgba(255,255,255,.05);text-decoration:none}
.chat{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;padding:4px}
.msg{max-width:78%;padding:12px 15px;border-radius:12px;background:var(--card2);border:1px solid var(--bd);white-space:pre-wrap;word-wrap:break-word}.msg.me{align-self:flex-end;background:rgba(37,99,235,.15);border-color:rgba(79,140,255,.3)}
.msg.staff{border-color:rgba(34,197,94,.35)}.msg .meta{font-size:11.5px;color:var(--mu);margin-bottom:4px}
@media(max-width:860px){.portal{grid-template-columns:1fr}.side{display:flex;overflow-x:auto;gap:4px;border-right:0;border-bottom:1px solid var(--bd)}.side a{white-space:nowrap}.main{padding:18px}}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sp{flex:1}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media(max-width:600px){.f2{grid-template-columns:1fr}}

/* ---- v2 effects ---- */
#bgfx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hdr{background:rgba(9,12,21,.45);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);transition:background .3s,backdrop-filter .3s,box-shadow .3s}
.hdr.scrolled{background:rgba(9,12,21,.82);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 8px 30px rgba(0,0,0,.35)}
html[data-theme=light] .hdr{background:rgba(255,255,255,.6)}html[data-theme=light] .hdr.scrolled{background:rgba(255,255,255,.9)}
h1 .grad,.hero h1 .grad{background:linear-gradient(90deg,#ffffff 0%,#dbeafe 25%,#4f8cff 60%,#2563eb 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hdot{color:#4f8cff;-webkit-text-fill-color:#4f8cff;text-shadow:0 0 12px rgba(34,211,238,.9),0 0 28px rgba(34,211,238,.6);animation:dotp 2.4s ease-in-out infinite}
@keyframes dotp{50%{text-shadow:0 0 6px rgba(34,211,238,.5),0 0 14px rgba(34,211,238,.3);opacity:.85}}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}.rv.in{opacity:1;transform:none}
.card,.plan{transition:border-color .25s,box-shadow .25s,transform .25s,opacity .7s}
.card:hover,.plan:hover{border-color:rgba(79,140,255,.75);box-shadow:0 0 0 1px rgba(79,140,255,.35),0 0 28px rgba(79,140,255,.28)}
.btn-p:hover{filter:brightness(1.15)}.btn-o:hover{border-color:#4f8cff;color:#bfdbfe;box-shadow:0 0 14px rgba(56,189,248,.25)}
/* products dropdown */
.mm{position:relative}.mm .car{display:inline-block;transition:transform .2s}.mm.open .car{transform:rotate(180deg)}
.mega{position:absolute;top:100%;left:-12px;padding-top:12px;width:560px;z-index:70;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
.mm.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.mega-in{background:rgba(13,18,32,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(79,140,255,.35);border-radius:16px;padding:10px;box-shadow:0 0 30px rgba(37,99,235,.18),0 24px 60px rgba(0,0,0,.55)}
html[data-theme=light] .mega-in{background:rgba(255,255,255,.96)}
.mi{border-radius:12px;padding:4px}.mi:hover{background:rgba(37,99,235,.08)}
.mega a.mh{display:flex;gap:14px;align-items:flex-start;padding:10px;color:var(--tx);text-decoration:none}.mega a.mh b{display:block;font-size:14.5px}.mega a.mh small{display:block;color:var(--mu);font-size:12.5px;margin-top:2px}
.mic{flex:none;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#4f8cff;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(79,140,255,.06));border:1px solid rgba(79,140,255,.3)}
.subs{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 8px 66px}.subs a{font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid var(--bd);color:var(--mu)}.subs a:hover{color:#bfdbfe;border-color:#4f8cff;text-decoration:none}
.mfoot{display:block;text-align:center;padding:10px;margin-top:4px;border-top:1px solid var(--bd);font-size:13px;color:var(--a2)}
@media(max-width:1100px){.mega{position:static;width:auto;padding-top:6px;display:none}.mm.open .mega{display:block}.subs{padding-left:10px}}
/* language */
.lmenu{min-width:170px}.lmenu button{display:flex!important;gap:10px;align-items:center}.lmenu button.on{color:var(--a2)}.flag{font-size:17px}
[dir=rtl] body{font-family:Inter,'Segoe UI',Tahoma,'Noto Sans Arabic',sans-serif}
[dir=rtl] .mega{left:auto;right:-12px}[dir=rtl] .dd .menu{right:auto;left:0}[dir=rtl] .subs{padding:0 66px 8px 10px}
[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .btn-p:after{content:"←"}[dir=rtl] .btn-p.noarrow:after{content:none}
[dir=rtl] .plan .tag{right:auto;left:16px}[dir=rtl] .plan li:before{margin:0 0 0 9px}[dir=rtl] .side{border-right:0;border-left:1px solid var(--bd)}[dir=rtl] .msg.me{align-self:flex-start}[dir=rtl] .msg:not(.me){align-self:flex-end}
[dir=rtl] .copy{right:auto;left:8px}[dir=rtl] .toast{right:auto;left:20px}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hdot{animation:none}*{scroll-behavior:auto}}
/* ===== v3: header, auth, pricing, shield ===== */
.logo{display:flex;align-items:center;gap:9px}.logo span{font-weight:800;letter-spacing:.04em}.logo span b{color:#4f8cff}
.ddos-pill{border:1px solid rgba(34,197,94,.45);background:rgba(34,197,94,.1);border-radius:999px;padding:4px 11px!important;color:#86efac!important}
.phone{white-space:nowrap}.hph{font-size:13px;opacity:.85}
.lmenu{width:300px;max-height:420px;display:flex!important;flex-direction:column;padding:8px!important}.dd:not(.open) .lmenu{display:none!important}
.lmenu input{margin:0 0 6px;padding:9px 11px;font-size:13.5px}#llist{overflow:auto;max-height:360px}#llist button{width:100%;font-size:13.5px}.lnote{font-size:11.5px;padding:6px 10px}
.small{font-size:12.5px}.auth{max-width:440px!important;padding:30px 28px!important;background:linear-gradient(180deg,#0f172a,#0b1020)!important;border:1px solid rgba(56,189,248,.25)!important}
.aic{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5bc414,#6366f1);box-shadow:0 8px 30px rgba(14,165,233,.35)}
.auth h3{font-size:22px;margin:0 0 4px}.atabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:10px;padding:4px;margin:18px 0}
.atabs button{background:none;border:0;color:var(--mu);padding:9px;border-radius:7px;font-weight:600;cursor:pointer}.atabs button.on{background:linear-gradient(135deg,#5bc414,#6366f1);color:#fff}
.flab{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--mu);margin:14px 0 6px}.fgt{letter-spacing:0;font-weight:500;color:#4f8cff}
.fin{position:relative;display:flex;align-items:center}.fin input{padding-left:40px!important;margin:0!important;width:100%}.fic{position:absolute;left:13px;color:var(--mu);display:flex}
.eye{position:absolute;right:8px;background:none;border:0;color:var(--mu);cursor:pointer;padding:6px;display:flex}[dir=rtl] .fic{left:auto;right:13px}[dir=rtl] .fin input{padding-left:12px!important;padding-right:40px!important}[dir=rtl] .eye{right:auto;left:8px}
.ab{width:100%;justify-content:center;margin-top:18px;padding:13px!important}.afoot{display:flex;justify-content:space-between;border-top:1px solid var(--bd);margin-top:18px;padding-top:14px;font-size:13px;color:var(--mu)}
.okmsg{color:#86efac!important}
.pcode{color:#4f8cff;font-size:12.5px;letter-spacing:.08em;font-weight:700}.plan li b{color:var(--fg)}.plan li span.mu{font-size:13px}
.shieldok{color:#4ade80;font-size:13px;font-weight:600;margin:-8px 0 14px}.pbox{background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;margin-bottom:14px}
.pbox .price{font-size:30px}.pbox .cur{font-size:18px;color:var(--mu);vertical-align:top}.dt{color:#fb923c;font-size:13px;font-weight:600}
.fgrid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr}.fbadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill.info{background:rgba(56,189,248,.12);color:#bfdbfe}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
.sh-badge{display:inline-block;border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.08);color:#bfdbfe;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.08em}
.sh-status{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin:18px auto 0;max-width:980px;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.06);border-radius:12px;padding:11px 18px;font-size:13px}
.sh-status b{color:#4ade80}.dotg{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;margin-right:6px;animation:pl 1.6s infinite}@keyframes pl{50%{opacity:.35}}
.grad2{background:linear-gradient(90deg,#4f8cff,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.sstat{border-top:3px solid var(--c,#4f8cff)!important;text-align:center}.sstat b{display:block;font-size:30px;font-weight:800;color:var(--c)}.sstat span{color:var(--mu);font-size:13px}
.vtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.vtab{text-align:left;background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:10px;padding:11px 13px;color:var(--fg);cursor:pointer}
.vtab small{display:flex;justify-content:space-between;color:var(--mu);font-size:10.5px;font-weight:700;letter-spacing:.06em}.vtab small i{font-style:normal;color:#f87171}.vtab b{display:block;font-size:13.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtab.on{border-color:#ef4444;background:rgba(239,68,68,.08)}@media(max-width:800px){.vtabs{grid-template-columns:1fr 1fr}}
.simbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.simbar div{background:rgba(255,255,255,.03);border:1px solid var(--bd);border-radius:10px;padding:10px 12px}.simbar small{display:block;color:var(--mu);font-size:10.5px;font-weight:700;letter-spacing:.07em}.simbar b{font-size:17px}
.ctrls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ctrls input[type=range]{width:160px;margin:0}
.mech{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mech div{border-radius:10px;padding:13px 15px;font-size:13.5px;line-height:1.55}.mech .a{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.3)}.mech .m{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.3)}
.mech h4{margin:0 0 5px;font-size:13px;letter-spacing:.05em}.mech .a h4{color:#f87171}.mech .m h4{color:#4ade80}
.term{background:#030712;border:1px solid var(--bd);border-radius:12px;overflow:hidden;font-family:ui-monospace,Menlo,monospace;font-size:12.8px}.term .th{background:#0b1220;padding:9px 13px;color:var(--mu);display:flex;gap:6px;align-items:center}
.term .th i{width:10px;height:10px;border-radius:50%;display:inline-block}.term pre{margin:0;padding:14px 16px;line-height:1.8;background:none;border:0;white-space:pre-wrap}.term .ok{color:#4ade80}.term .bad{color:#f87171}.term .cm{color:#64748b}
.chk{list-style:none;padding:0}.chk li{padding:7px 0}.chk li:before{content:"✔";color:#4ade80;margin-right:10px}
.tier{display:flex;gap:16px;align-items:flex-start}.tier .n{font-size:28px;font-weight:800;color:#4f8cff;opacity:.8}.tier .cap{display:inline-block;margin-top:8px;font-size:12px;color:#bfdbfe;border:1px solid rgba(56,189,248,.3);border-radius:6px;padding:3px 8px}
.feed{max-height:330px;overflow:hidden}.feed .fr{display:grid;grid-template-columns:80px 150px 1fr 90px 140px;gap:10px;padding:9px 4px;border-bottom:1px dashed var(--bd);font-size:13px;animation:fin .5s}@keyframes fin{from{opacity:0;transform:translateY(-6px)}}
@media(max-width:800px){.feed .fr{grid-template-columns:1fr 1fr}.mech,.simbar{grid-template-columns:1fr 1fr}}
.dcrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--bd)}.dcrow .cap{margin-left:auto;font-weight:700}
.ptabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{border:1px solid var(--bd);background:rgba(255,255,255,.03);border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--fg);font-size:13px}.chip.on{border-color:#4f8cff;background:rgba(56,189,248,.12);color:#bfdbfe}
.wbal{font-size:40px;font-weight:800}.amts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.logo{white-space:nowrap}.hdr .nav{gap:0}.nav>a,.nav>.mm>button{padding:8px 8px}.hdr .nav a,.hdr .nav button{white-space:nowrap}
@media(max-width:1560px){.hph{display:none}}@media(max-width:1280px){.nav>a,.nav>.mm>button{font-size:13px;padding:8px 6px}.logo span{font-size:15px}}
.fimg{width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.15);vertical-align:middle;flex:none}
#lang{display:inline-flex;align-items:center;gap:6px;width:auto;padding:0 9px}
.dsc{display:inline-flex!important;align-items:center;gap:7px;background:linear-gradient(135deg,#5865F2,#7c6cf6)!important;color:#fff!important;border-radius:9px!important;padding:7px 13px!important;font-weight:600;box-shadow:0 0 18px rgba(88,101,242,.35);margin-left:6px}
.dsc:hover{filter:brightness(1.12)}.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.dc .flag .fimg{width:36px;height:27px}
@media(max-width:1520px){.dsc span{display:none}.dsc{padding:7px 10px!important}}
/* ===== v5 ===== */
.logo span{display:flex;align-items:baseline;gap:0}.logo span b{color:#fff}.logo span i{font-style:normal;color:#4f8cff;font-weight:800}.logo span small{font-size:10px;color:var(--mu);letter-spacing:.18em;margin-left:7px;font-weight:700}
.alogo{display:flex;justify-content:center;margin-bottom:6px}.alogo img{filter:drop-shadow(0 6px 18px rgba(30,139,255,.45))}
.pill.info{background:rgba(79,140,255,.13);color:#4f8cff}.pill.warn{background:rgba(245,158,11,.13);color:#fbbf24}.pill.ok{background:rgba(34,197,94,.12);color:#4ade80}.pill.err{background:rgba(239,68,68,.13);color:#f87171}
em.soon,.tag.soon{font-style:normal;background:linear-gradient(135deg,#f59e0b,#f97316)!important;color:#111!important;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:middle}
.plan.soonp{opacity:.78}.plan.soonp .btn[disabled]{cursor:not-allowed;opacity:.6}.btn.dis{pointer-events:none;opacity:.55}
.soonbox{max-width:620px;margin:22px 0 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start;border-color:rgba(245,158,11,.35)}.soonbox .tag.soon{margin:0}
.glogo{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:0 0 40px;background:#0b1220;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.glogo.gph{display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.glogo.xl{width:56px;height:56px;border-radius:14px;vertical-align:middle;margin-right:14px}
.swhead{margin:22px 0 10px;text-align:left}
.swgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;text-align:left;margin-bottom:26px}
.swc{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px;color:var(--tx);cursor:pointer;text-align:left;transition:.2s;font:inherit}
.swc:hover{border-color:rgba(79,140,255,.45);transform:translateY(-1px)}.swc.on{border-color:var(--a2);background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(17,24,39,1));box-shadow:0 0 0 1px var(--a2),0 8px 26px rgba(37,99,235,.18)}
.swt{display:flex;flex-direction:column;gap:3px;min-width:0}.swt b{font-size:14.5px}.swt small{color:var(--mu);font-size:12.5px;line-height:1.35}
em.feat{font-style:normal;align-self:flex-start;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#4f8cff;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);padding:1px 7px;border-radius:99px}
.phead{display:flex;gap:12px;align-items:center;margin-bottom:4px}.phead h3{margin:0}.pcode{font-size:11px;color:#4f8cff;letter-spacing:.1em}
.calc{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}.calc input[type=range]{width:100%}.calc .flab{display:flex;justify-content:space-between;margin-top:14px}
.calc-r{background:var(--card2);border:1px solid rgba(79,140,255,.3);border-radius:12px;padding:20px;text-align:center}.calc-ram{font-size:15px;margin:6px 0}.calc-ram b{font-size:34px;color:#4f8cff;margin-right:4px}
.calc-r .btn{width:100%;justify-content:center;margin-top:12px}.calc-price{margin-top:8px;font-weight:700;color:#4ade80}
@media(max-width:760px){.calc{grid-template-columns:1fr}}
.bell{position:relative}.bell span{margin-left:4px}.bell b{position:absolute;top:2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.curs{display:inline-flex;border:1px solid var(--bd);border-radius:99px;overflow:hidden;margin-right:6px}.curs button{background:none;border:0;color:var(--mu);font:inherit;font-size:11.5px;font-weight:700;padding:5px 9px;cursor:pointer}.curs button.on{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff}
.curs.big button{font-size:14px;padding:9px 18px}
.annbar{background:linear-gradient(90deg,rgba(37,99,235,.25),rgba(34,211,238,.12));border-bottom:1px solid rgba(79,140,255,.3);padding:8px 16px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:14px}.annbar .icon-btn{margin-left:8px}
.annlist{display:flex;flex-direction:column;gap:18px;max-width:860px}.ann.pinned{border-color:rgba(245,158,11,.45)}.anncover{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-bottom:12px}.annmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ann h2{margin:10px 0}.md img{max-width:100%}.md code{background:var(--card2);padding:1px 5px;border-radius:4px}
.av{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--a1),#4f8cff);color:#fff;font-weight:800;flex:0 0 34px}
.av.xl{width:96px;height:96px;font-size:36px;flex-basis:96px}.avatar{padding:0;overflow:hidden}.avatar .av{width:100%;height:100%}
.avrow{display:flex;gap:18px;align-items:center}.cropw{display:flex;gap:18px;align-items:flex-start;margin-top:14px;flex-wrap:wrap}.cropw canvas{border-radius:50%;cursor:grab;touch-action:none;box-shadow:0 0 0 2px var(--a2)}
.qrw{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:10px 0}.qr{background:#fff;padding:6px;border-radius:8px;width:180px;height:180px}.qr svg{width:100%;height:100%}.key{font-size:15px;margin-top:6px;word-break:break-all}
.bcodes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}.bcodes span{background:var(--card2);border:1px solid var(--bd);padding:6px 10px;border-radius:6px;text-align:center}.okbox{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);padding:10px 12px;border-radius:8px;color:#4ade80}
.steps{padding-left:18px;color:var(--mu)}.ck{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:13.5px}.ck input{width:auto}
.f3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.f4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:760px){.f3,.f4{grid-template-columns:1fr 1fr}}
.dropz{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1.5px dashed var(--bd);border-radius:10px;padding:10px;margin-top:8px;transition:.15s}.dropz.over{border-color:var(--a2);background:rgba(79,140,255,.07)}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;width:100%}.thumbs:empty{display:none}.th{position:relative}.th img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--bd)}.th button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:11px;cursor:pointer}
.tdesk td{vertical-align:middle}.tid{color:#4f8cff;font-weight:800;letter-spacing:.06em}.backl{display:inline-block;margin-bottom:10px}.thead{margin-bottom:16px}.tmeta{display:flex;gap:16px;flex-wrap:wrap}
.tgrid{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}@media(max-width:960px){.tgrid{grid-template-columns:1fr}}
.chat{display:flex;flex-direction:column;gap:16px;max-height:62vh;overflow:auto;padding:4px}
.msg{display:flex;gap:10px;align-items:flex-start;max-width:82%}.msg.staff{align-self:flex-end;flex-direction:row-reverse}
.bub{background:var(--card2);border:1px solid var(--bd);border-radius:12px;border-top-left-radius:3px;padding:10px 14px;min-width:0}.msg.staff .bub{background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(79,140,255,.08));border-color:rgba(79,140,255,.35);border-top-left-radius:12px;border-top-right-radius:3px}
.bub .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:4px}.bub .txt{white-space:pre-wrap;word-break:break-word}
.sbadge{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:99px;text-transform:uppercase}
.atts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.atts img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--bd);cursor:zoom-in}
.repf{margin-top:16px;border-top:1px solid var(--bd);padding-top:14px}.closedbar{margin-top:16px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:10px;padding:12px 14px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:13.5px}.kv span{color:var(--mu)}.kv b{text-align:right}
.trail{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.trail li{display:flex;gap:10px}.trail .ti{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--card2);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:13px}
.lbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lbox img{max-width:92vw;max-height:90vh;border-radius:8px}.lbox button{position:absolute;top:16px;right:16px}
.deployg{grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}@media(max-width:900px){.deployg{grid-template-columns:1fr}}.osum ul{list-style:none;padding:0;margin:12px 0}.osum li{padding:5px 0;border-bottom:1px dashed var(--bd);font-size:13.5px}
.sumrow{display:flex;justify-content:space-between;padding:6px 0}.sumrow.ok{color:#4ade80}.sumrow.tot{border-top:1px solid var(--bd);margin-top:6px;padding-top:10px;font-size:17px}.okc{color:#4ade80}.errc{color:#f87171}
.plist{list-style:none;padding:0;margin:12px 0}.plist li{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--bd);border-radius:8px;margin-bottom:6px;background:var(--card2)}.plist li.drag{opacity:.5}.hdl{cursor:grab;color:var(--mu)}
.pform{margin-top:10px}.mega .soon{font-size:8.5px}
.chat .msg{padding:0;background:none;border:0;white-space:normal}.chat .msg.me{background:none}.chat .msg .meta{color:var(--tx)}
.chat .msg.client{align-self:flex-start}[dir=rtl] .chat .msg.client{align-self:flex-end}[dir=rtl] .chat .msg.staff{align-self:flex-start}
.bell b{top:-2px}
.was{text-decoration:line-through;color:var(--mu);font-size:15px;margin-top:4px}.dtag{display:inline-block;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:99px;margin-left:6px}
.discrow{margin-top:6px;padding:10px;border:1px dashed rgba(239,68,68,.35);border-radius:8px}
.glogo[src$="samp.png"]{object-fit:contain;padding:2px}

.socttl{display:block;margin:18px 0 8px;font-size:.78rem;letter-spacing:.08em}.social{display:flex;flex-wrap:wrap;gap:8px;max-width:340px}.social .soc{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.82rem;font-weight:600;text-decoration:none;transition:.15s}.social .soc:hover,.social .soc:focus-visible{color:#fff;transform:translateY(-1px)}.soc-discord:hover{background:#5865F2}.soc-youtube:hover{background:#FF0000}.soc-tiktok:hover{background:#000;border-color:#25F4EE}.soc-facebook:hover{background:#0866FF}.soc-instagram:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}@media(max-width:600px){.social{max-width:none}.social .soc{flex:1 1 calc(50% - 8px);justify-content:center}}
.brandmark{border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(56,225,255,.45),0 0 14px rgba(79,140,255,.35);background:#0b1220}
.alogo .brandart{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 30%;display:block;margin:0 auto;box-shadow:0 0 0 2px rgba(56,225,255,.5),0 0 26px rgba(79,140,255,.35)}
.mic img{width:26px;height:26px;display:block}
@media(max-width:600px){.hdr .logo small{display:none}.hright{gap:6px}.hright .btn-sm{padding:7px 10px}}@media(max-width:480px){.hdr .logo>span{display:none}.hright .curs button{padding:5px 7px}.hdr .wrap{gap:8px}}
@media(max-width:400px){.hright #theme{display:none}}

/* Realm switcher in header */
.realm-switch-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-decoration:none!important;transition:.2s}
.realm-switch-pill.games-pill{background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(79,140,255,.2));border:1px solid rgba(168,85,247,.45);color:#d8b4fe}
.realm-switch-pill.games-pill:hover{background:linear-gradient(135deg,rgba(124,58,237,.4),rgba(79,140,255,.35));box-shadow:0 0 20px rgba(168,85,247,.35);color:#fff;transform:translateY(-1px)}
.hdr-arena{border-bottom:1px solid rgba(0,229,255,.2);background:rgba(9,12,21,.85)}
.trophy-pill{color:#f59e0b!important;font-weight:700}

/* Gateway Hub / Portal */
.gateway-hero{text-align:center;padding:70px 0 30px}
.gateway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin:30px 0 60px}
.portal-card{position:relative;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:36px 30px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;overflow:hidden}
.portal-card:before{content:"";position:absolute;inset:0;opacity:0;transition:.3s;pointer-events:none}
.portal-card.cloud-card:before{background:radial-gradient(500px 300px at 50% 0%,rgba(37,99,235,.22),transparent 75%)}
.portal-card.arena-card:before{background:radial-gradient(500px 300px at 50% 0%,rgba(168,85,247,.22),transparent 75%)}
.portal-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.4)}
.portal-card.cloud-card:hover{border-color:rgba(79,140,255,.6);box-shadow:0 0 40px rgba(37,99,235,.25)}
.portal-card.arena-card:hover{border-color:rgba(168,85,247,.6);box-shadow:0 0 40px rgba(168,85,247,.25)}
.portal-card:hover:before{opacity:1}
.portal-header{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.portal-icon{width:68px;height:68px;border-radius:14px;display:grid;place-items:center;font-size:32px;flex:none}
.portal-card.cloud-card .portal-icon{background:rgba(37,99,235,.15);border:1px solid rgba(79,140,255,.3);color:#4f8cff}
.portal-card.arena-card .portal-icon{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);overflow:hidden}
.portal-card.arena-card .portal-icon img{width:100%;height:100%;object-fit:cover}
.portal-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:99px;margin-bottom:8px}
.portal-card.cloud-card .portal-badge{background:rgba(37,99,235,.15);color:#4f8cff;border:1px solid rgba(79,140,255,.3)}
.portal-card.arena-card .portal-badge{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.3)}
.portal-title{font-size:28px;font-weight:900;margin:0}
.portal-desc{font-size:15px;color:var(--mu);line-height:1.6;margin:14px 0 24px}
.portal-features{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:11px}
.portal-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tx)}
.portal-features li .fic{font-size:16px;flex:none}
.portal-btn{width:100%;justify-content:center;padding:14px 24px;font-size:15px;font-weight:700}
.portal-card.arena-card .btn-p{background:linear-gradient(135deg,#7c3aed,#4f8cff);box-shadow:0 6px 24px rgba(124,58,237,.35)}
.portal-card.arena-card .btn-p:hover{box-shadow:0 8px 32px rgba(124,58,237,.55)}
.portal-sublinks{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:16px;font-size:13px}
.portal-sublinks a{color:var(--mu);transition:.15s}.portal-sublinks a:hover{color:var(--tx)}
.portal-play-art{position:relative;display:grid;place-items:center;height:190px;max-width:520px;margin:12px auto 22px;perspective:700px}
.play-orbit{position:absolute;width:340px;height:110px;border:1px solid rgba(168,85,247,.26);border-radius:50%;transform:rotateX(62deg) rotateZ(-14deg);box-shadow:0 0 34px rgba(124,58,237,.12);animation:play-orbit 14s linear infinite}
.play-controller{position:relative;width:184px;height:104px;border:1px solid rgba(125,211,252,.65);border-radius:42% 42% 35% 35%;background:linear-gradient(145deg,rgba(42,35,86,.95),rgba(8,18,38,.96));box-shadow:inset 0 0 24px rgba(124,58,237,.28),0 0 34px rgba(56,189,248,.22);transform:rotateX(16deg) rotateY(-12deg) rotateZ(-8deg);animation:play-float 4s ease-in-out infinite}
.play-controller:before,.play-controller:after{content:"";position:absolute;bottom:-13px;width:48px;height:40px;border:1px solid rgba(125,211,252,.3);border-top:0;background:linear-gradient(180deg,rgba(19,31,59,.95),rgba(8,18,38,.95));z-index:-1}
.play-controller:before{left:10px;border-radius:0 0 24px 18px;transform:rotate(15deg)}.play-controller:after{right:10px;border-radius:0 0 18px 24px;transform:rotate(-15deg)}
.play-dpad{position:absolute;left:34px;top:38px;width:30px;height:9px;border-radius:3px;background:#67e8f9;box-shadow:0 0 12px rgba(103,232,249,.65)}
.play-dpad:after{content:"";position:absolute;left:10px;top:-10px;width:9px;height:29px;border-radius:3px;background:#67e8f9}
.play-controller i{position:absolute;right:36px;width:11px;height:11px;border-radius:50%;background:#c084fc;box-shadow:0 0 12px rgba(192,132,252,.7)}
.play-controller i:nth-of-type(1){top:30px}.play-controller i:nth-of-type(2){top:46px;right:20px;background:#f472b6}.play-controller i:nth-of-type(3){top:49px;right:52px;background:#a7f3d0}.play-controller i:nth-of-type(4){top:64px;right:36px;background:#4f8cff}
.play-cube{position:absolute;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(125,211,252,.55);border-radius:9px;color:#a5f3fc;background:linear-gradient(145deg,rgba(124,58,237,.45),rgba(8,145,178,.32));box-shadow:0 0 24px rgba(56,189,248,.2);font-size:21px}
.play-cube-one{left:15%;top:24%;transform:rotate(-12deg);animation:play-float 4.8s ease-in-out infinite}.play-cube-two{right:13%;bottom:22%;transform:rotate(12deg);animation:play-float 5.2s ease-in-out -1s infinite}
.play-caption{position:absolute;bottom:0;color:#a5b4fc;font-size:10px;font-weight:800;letter-spacing:.24em}
@keyframes play-float{0%,100%{translate:0 2px}50%{translate:0 -8px}}
@keyframes play-orbit{to{rotate:1 1 0 360deg}}
@media(prefers-reduced-motion:reduce){.play-float,.play-orbit{animation:none}}
@media(max-width:520px){.portal-play-art{height:160px}.play-orbit{width:280px}.play-cube-one{left:6%}.play-cube-two{right:5%}}

/* Cloud hosting game-server visual */
.cloud-server-stage{--server-glow:#4f8cff;position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:780px;min-height:220px;margin:26px auto 30px;padding:24px 42px;border:1px solid rgba(56,189,248,.2);border-radius:18px;background:radial-gradient(ellipse at 68% 58%,rgba(37,99,235,.13),transparent 58%),rgba(7,12,24,.5);perspective:900px;overflow:hidden}
.cloud-server-stage[data-scene="fivem"]{--server-glow:#a78bfa}
.cloud-server-stage[data-scene="rust"]{--server-glow:#fb923c}
.cloud-server-stage[data-scene="cs2"]{--server-glow:#fbbf24}
.server-scene-label{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}
.server-scene-label b{font-size:clamp(18px,2.4vw,25px);color:var(--tx)}
.server-scene-label small{color:var(--mu)}
.server-3d{position:relative;width:210px;height:145px;flex:none;transform:rotateY(-22deg) rotateX(5deg);transform-style:preserve-3d;animation:server-float 5s ease-in-out infinite}
.server-face{position:absolute;inset:12px 25px 12px 0;z-index:2;padding:14px 16px;border:1px solid color-mix(in srgb,var(--server-glow) 65%,#26364f);border-radius:9px;background:linear-gradient(145deg,#17263b,#080e19 72%);box-shadow:inset 0 0 24px rgba(0,0,0,.5),0 0 28px color-mix(in srgb,var(--server-glow) 22%,transparent);transform:translateZ(18px)}
.server-side{position:absolute;top:17px;right:4px;width:42px;height:117px;border:1px solid rgba(148,163,184,.2);border-radius:0 8px 8px 0;background:linear-gradient(90deg,#101827,#050910);transform:rotateY(45deg);transform-origin:left center}
.server-top{position:absolute;top:1px;left:1px;width:190px;height:36px;border:1px solid rgba(148,163,184,.2);border-radius:9px;background:linear-gradient(135deg,#25354a,#0c1421);transform:rotateX(58deg);transform-origin:bottom}
.server-brand{font-size:11px;font-weight:900;letter-spacing:.16em;color:#e2e8f0}.server-brand span{color:var(--server-glow)}
.server-slots{display:flex;flex-direction:column;gap:7px;margin-top:11px}.server-slots i{height:13px;border:1px solid rgba(148,163,184,.18);border-radius:3px;background:linear-gradient(90deg,#0b1220,#1b2b40 55%,#0b1220)}
.server-lights{position:absolute;right:13px;top:49px;display:grid;gap:7px}.server-lights i{width:5px;height:5px;border-radius:50%;background:var(--server-glow);box-shadow:0 0 10px var(--server-glow)}
.server-platform{position:absolute;right:18px;bottom:24px;width:260px;height:28px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 72%);transform:rotateX(58deg)}
@keyframes server-float{0%,100%{translate:0 0;rotate:0 1 0 0deg}50%{translate:0 -7px;rotate:0 1 0 2deg}}
@media(max-width:620px){.cloud-server-stage{flex-direction:column;align-items:center;text-align:center;padding:22px 18px}.server-scene-label{align-items:center;text-align:center}.server-3d{scale:.88}}

/* Games Arena & Store */
.arena-hero{padding:50px 0 30px}
.arena-topbar{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:30px 0 20px}
.arena-search{flex:1;min-width:260px;position:relative}
.arena-search input{padding-left:40px;background:var(--card);border-radius:12px;height:46px}
.arena-search .sic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mu);font-size:17px;pointer-events:none}
.arena-filters{display:flex;gap:8px;flex-wrap:wrap}
.arena-filter-btn{padding:8px 16px;border-radius:99px;border:1px solid var(--bd);background:var(--card);color:var(--mu);font:600 13px Inter;cursor:pointer;transition:.2s}
.arena-filter-btn:hover{color:var(--tx);border-color:rgba(255,255,255,.2)}
.arena-filter-btn.on{background:linear-gradient(135deg,#7c3aed,#4f8cff);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(124,58,237,.35)}
.subcat-btn{padding:6px 12px;font-size:12px;border-radius:8px;transition:.2s;background:var(--card)}
.subcat-btn:hover{border-color:var(--a2);color:var(--a2)}
.subcat-btn.on{background:linear-gradient(135deg,#7c3aed,#4f8cff);color:#fff;border-color:transparent;box-shadow:0 2px 10px rgba(124,58,237,.35)}

/* Game Card */
.game-card{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.25s;position:relative}
.game-card:hover{border-color:rgba(79,140,255,.5);box-shadow:0 8px 30px rgba(0,0,0,.35),0 0 20px rgba(37,99,235,.15);transform:translateY(-3px)}
.game-cover{position:relative;height:160px;overflow:hidden;background:#05080f}
.game-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}
.game-card:hover .game-cover img{transform:scale(1.05)}
.game-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:99px}
.game-platform{position:absolute;bottom:10px;left:10px;background:rgba(9,12,21,.85);backdrop-filter:blur(6px);border:1px solid var(--bd);color:#e2e8f0;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}
.game-body{padding:18px;display:flex;flex-direction:column;flex:1;justify-content:space-between}
.game-title{font-size:16px;font-weight:800;margin:0 0 6px;line-height:1.3}
.game-region{font-size:12px;color:var(--mu);margin-bottom:14px;display:flex;align-items:center;gap:6px}
.game-pricing{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.game-price{font-size:24px;font-weight:900;color:#4f8cff}
.game-retail{font-size:13px;color:var(--mu);text-decoration:line-through}

/* Tournament Card */
.tourney-card{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.tourney-card:hover{border-color:rgba(245,158,11,.6);box-shadow:0 10px 35px rgba(245,158,11,.15);transform:translateY(-3px)}
.tourney-cover{position:relative;height:140px;overflow:hidden;background:#05080f}
.tourney-cover img{width:100%;height:100%;object-fit:cover}
.tourney-prize{position:absolute;bottom:10px;left:10px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:99px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.tourney-body{padding:18px;display:flex;flex-direction:column;flex:1;justify-content:space-between}
.tourney-title{font-size:17px;font-weight:800;margin:0 0 6px}
.tourney-game{font-size:13px;color:var(--a2);font-weight:600;margin-bottom:10px}
.tourney-stats{display:flex;justify-content:space-between;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:8px 0;margin:12px 0;font-size:13px}
.tourney-stats span{color:var(--mu)}
.tourney-stats b{color:var(--tx)}

/* Instant Delivery & Order Reveal */
.key-reveal-box{background:#05080f;border:1px solid rgba(34,197,94,.4);border-radius:10px;padding:18px;margin:20px 0;text-align:center}
.key-code{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:800;color:#4ade80;letter-spacing:1px;word-break:break-all;user-select:all}
.copy-pill-btn{margin-top:10px;padding:6px 16px;border-radius:99px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35);color:#4ade80;cursor:pointer;font-weight:700;font-size:12px}
.copy-pill-btn:hover{background:rgba(34,197,94,.25)}

/* ================= v11: SkyNexa Company portal + Games Arena store ================= */
.ico{flex:none;vertical-align:-.18em}
.navi{display:inline-flex!important;align-items:center;gap:7px}
.cat-list{display:flex;flex-direction:column;gap:8px}
.cat-ttl{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--mu);text-transform:uppercase;margin:0 0 10px 4px}
.cat-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--bd);border-radius:12px;background:rgba(255,255,255,.025);color:var(--tx)!important;font-weight:700;font-size:14.5px;cursor:pointer;text-decoration:none!important;transition:.18s;width:100%;text-align:left;font-family:inherit}
.cat-row .ico{color:var(--mu)}.cat-row .cr-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-row .cr-c{font-size:11px;font-weight:700;color:var(--mu);background:rgba(255,255,255,.05);padding:2px 8px;border-radius:99px}
.cat-row .cr-go{color:var(--mu);opacity:.7}
.cat-row:hover,.cat-row.on{border-color:rgba(56,189,248,.55);background:rgba(37,99,235,.09)}.cat-row:hover .ico,.cat-row.on .ico{color:#4f8cff}
html[data-theme=light] .cat-row{background:#fff}
.co-hero{text-align:center;padding:72px 0 26px}
.co-hero h1{margin-bottom:14px}
.co-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:26px 0 8px}
.co-stat{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--bd);border-radius:12px;background:rgba(17,24,39,.55);backdrop-filter:blur(6px);font-size:13.5px}
.co-stat .ico{color:#4f8cff}.co-stat b{font-size:15px}
html[data-theme=light] .co-stat{background:rgba(255,255,255,.8)}
.portal-icon .ico{width:30px;height:30px}
.pf-list{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px}
.pf-list li{display:flex;align-items:center;gap:12px;font-size:14px}
.pf-list .pfi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(37,99,235,.12);border:1px solid rgba(79,140,255,.25);color:#4f8cff;flex:none}
.arena-card .pf-list .pfi{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3);color:#c084fc}
.sys-bar{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:16px;padding:16px 22px;margin-bottom:60px}
.sys-bar .mu{display:inline-flex;align-items:center;gap:8px}
.mini-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card2);border-radius:10px;border:1px solid var(--bd);color:var(--tx)!important;text-decoration:none!important;transition:.18s}
.mini-row:hover{border-color:rgba(56,189,248,.5);transform:translateX(3px)}
.mini-row img{width:32px;height:32px;border-radius:7px;object-fit:cover}.mini-row .mri{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(37,99,235,.12);color:#4f8cff}
.sc3d{position:relative;border:1px solid rgba(168,85,247,.35);border-radius:22px;overflow:hidden;min-height:380px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:#070a14;margin:26px 0 30px;isolation:isolate}
.sc-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38;filter:saturate(1.2) blur(1px);transform:scale(1.06);transition:opacity .9s ease;z-index:-2}
.sc3d:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,20,.94) 0%,rgba(7,10,20,.7) 45%,rgba(7,10,20,.25) 100%),radial-gradient(600px 300px at 75% 50%,rgba(124,58,237,.28),transparent 70%)}
.sc-txt{padding:38px 40px;position:relative;color:#e6ebf5}
.sc-txt .eyebrow{background:rgba(124,58,237,.18);border-color:rgba(168,85,247,.45);color:#c084fc}
.sc-title{font-size:clamp(28px,3.6vw,46px);font-weight:900;letter-spacing:-.02em;margin:6px 0 6px;line-height:1.05}
.sc-tag{color:#a5b4fc;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}
.sc-dots{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px;max-width:420px}
.sc-dots button{width:26px;height:5px;border-radius:9px;border:0;background:rgba(255,255,255,.18);cursor:pointer;padding:0;transition:.3s}.sc-dots button.on{background:linear-gradient(90deg,#7c3aed,#4f8cff);width:44px}
.sc-bar{height:3px;background:rgba(255,255,255,.1);border-radius:9px;margin-top:14px;max-width:420px;overflow:hidden}.sc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c3aed,#4f8cff)}
.sc-stage{perspective:1100px;height:380px;display:grid;place-items:center;position:relative}
.sc-float{transform-style:preserve-3d;animation:scFloat 6s ease-in-out infinite}
.sc-obj{position:relative;width:min(380px,36vw);height:190px;transform-style:preserve-3d;animation:scSpin 9s ease-in-out infinite;transition:transform .7s cubic-bezier(.6,-.2,.3,1.2)}
.sc-obj.card{width:min(300px,30vw);height:min(300px,30vw)}
.sc-obj img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:visible;pointer-events:none;user-select:none}
.sc-obj.card img{object-fit:cover;border-radius:22px}
.sc-obj .lyr{filter:brightness(.28) saturate(1.4)}
.sc-obj.card .lyr{filter:brightness(.22)}
.sc-obj .front{filter:drop-shadow(0 0 18px rgba(124,58,237,.55)) drop-shadow(0 6px 24px rgba(79,140,255,.35))}
.sc-obj.card .front{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 18px 60px rgba(124,58,237,.45)}
.sc-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 62%);mix-blend-mode:overlay;transform:translateZ(1px);animation:scShine 4.5s ease-in-out infinite;border-radius:22px}
.sc-floor{position:absolute;bottom:34px;left:50%;width:62%;height:40px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(124,58,237,.55),transparent);filter:blur(8px);animation:scFloor 6s ease-in-out infinite}
.sc-obj.out{transform:rotateY(90deg) scale(.85)!important;animation-play-state:paused}
@keyframes scSpin{0%,100%{transform:rotateY(-28deg) rotateX(8deg)}50%{transform:rotateY(28deg) rotateX(-4deg)}}
@keyframes scFloat{0%,100%{transform:translateY(-8px)}50%{transform:translateY(10px)}}
@keyframes scFloor{0%,100%{opacity:.55;transform:translateX(-50%) scale(.9)}50%{opacity:.9;transform:translateX(-50%) scale(1.05)}}
@keyframes scShine{0%,100%{opacity:0;transform:translateX(-30%) translateZ(1px)}50%{opacity:1;transform:translateX(30%) translateZ(1px)}}
@media(prefers-reduced-motion:reduce){.sc-obj,.sc-float,.sc-floor,.sc-shine{animation:none}}
@media(max-width:820px){.sc3d{grid-template-columns:1fr}.sc-stage{height:260px;order:-1}.sc-obj{width:76vw;height:150px}.sc-obj.card{width:220px;height:220px}.sc-txt{padding:10px 22px 28px;text-align:center}.sc-dots,.sc-bar{margin-left:auto;margin-right:auto;justify-content:center}}
.st-wrap{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start;margin-top:10px}
.st-side{position:sticky;top:84px}
.st-top{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.st-search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;border:1px solid var(--bd);border-radius:12px;padding:0 14px;background:var(--card)}
.st-search .ico{color:var(--mu)}.st-search input{border:0!important;background:transparent!important;padding:12px 0!important;box-shadow:none!important;flex:1;color:var(--tx);font:inherit;outline:none}
.st-sel{border:1px solid var(--bd);border-radius:12px;background:var(--card);color:var(--tx);padding:11px 12px;font:inherit}
.st-chk{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--mu);cursor:pointer}
.st-info{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:13.5px}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}
.gp{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:.22s;text-align:left;padding:0;color:var(--tx);font:inherit}
.gp:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.6);box-shadow:0 14px 40px rgba(124,58,237,.22)}
.gp-img{aspect-ratio:460/215;background:linear-gradient(135deg,#1e1b4b,#0c4a6e);position:relative;overflow:hidden;display:grid;place-items:center}
.gp-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.gp:hover .gp-img img{transform:scale(1.06)}
.gp-img .ph{color:rgba(255,255,255,.7);font-weight:800;font-size:15px;padding:12px;text-align:center}
.gp-st{position:absolute;top:8px;left:8px;font-size:10.5px;font-weight:800;letter-spacing:.05em;padding:3px 8px;border-radius:99px;background:rgba(5,10,20,.75);color:#4ade80;backdrop-filter:blur(4px)}
.gp-st.no{color:#f87171}.gp-st.sy{color:#fbbf24}
.gp-pl{position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;background:rgba(124,58,237,.8);color:#fff}
.gp-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.gp-n{font-weight:800;font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gp-m{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:12.5px;color:var(--mu)}
.gp-p{font-weight:900;font-size:16px;color:#4f8cff}
.st-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:26px 0 6px}
.st-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:var(--mu);border:1px dashed var(--bd);border-radius:14px}
.skel{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:skel 1.2s infinite;border-radius:14px;height:230px}
@keyframes skel{to{background-position:-200% 0}}
.pm .card{max-width:760px!important;padding:0;overflow:hidden;max-height:92vh;display:flex;flex-direction:column}
.pm-h{display:flex;gap:18px;padding:22px 22px 16px;align-items:center;border-bottom:1px solid var(--bd)}
.pm-h img{width:150px;aspect-ratio:460/215;object-fit:cover;border-radius:10px;flex:none;background:#1e1b4b}
.pm-h h3{margin:0 0 6px;font-size:20px}
.pm-body{padding:18px 22px 22px;overflow:auto}
.pm-note{font-size:13px;color:var(--mu);white-space:pre-line;margin:0 0 14px;max-height:110px;overflow:auto}
.of-list{display:flex;flex-direction:column;gap:8px}
.of{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--bd);border-radius:11px;cursor:pointer;background:var(--card2);transition:.15s}
.of:hover{border-color:rgba(56,189,248,.5)}.of.on{border-color:#4f8cff;background:rgba(37,99,235,.1)}.of.dis{opacity:.45;cursor:not-allowed}
.of input{accent-color:#4f8cff}.of .on-n{flex:1;font-weight:600;font-size:14px}.of .on-s{font-size:12px;color:var(--mu)}.of .on-p{font-weight:900;color:#4f8cff;white-space:nowrap}
.co-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--bd)}
.co-tot{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px;font-size:15px}.co-tot b{font-size:24px;color:#4f8cff}
.qty{display:inline-flex;align-items:center;border:1px solid var(--bd);border-radius:9px;overflow:hidden}.qty button{background:transparent;border:0;color:var(--tx);width:34px;height:34px;cursor:pointer;font-size:18px}.qty input{width:52px;text-align:center;border:0!important;background:transparent!important;padding:0!important}
.key-reveal-box .key-code{white-space:pre-wrap;word-break:break-all}
@media(max-width:960px){.st-wrap{grid-template-columns:1fr}.st-side{position:static}.st-side .cat-list{flex-direction:row;overflow-x:auto;padding-bottom:6px}.st-side .cat-row{width:auto;flex:none}.st-side .cat-row .cr-go{display:none}}
@media(max-width:560px){.pm-h{flex-direction:column;align-items:flex-start}.pm-h img{width:100%}.st-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gp-b{padding:10px}.gp-n{font-size:13px}}

/* v12: administrative panel header + role badge */
.hdr-admin{background:linear-gradient(90deg,rgba(9,12,21,.92),rgba(13,20,38,.92));border-bottom:1px solid rgba(56,189,248,.25)}
html[data-theme=light] .hdr-admin{background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(238,244,255,.92))}
.hdr-admin .nav{flex:1}
.adm-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4f8cff;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);padding:6px 12px;border-radius:99px}
.adm-badge .ico{color:#4f8cff}

/* v13: ticket hub picker + wallet payment */
.hub-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 14px}
.hub-opt{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--bd);border-radius:12px;cursor:pointer;background:var(--card2);transition:.15s}
.hub-opt:hover{border-color:rgba(56,189,248,.5)}
.hub-opt.on{border-color:#4f8cff;background:rgba(37,99,235,.1)}
.hub-opt input{position:absolute;opacity:0;width:0;height:0}
.hub-opt .ico{color:var(--mu);flex:none}.hub-opt.on .ico{color:#4f8cff}
.hub-opt b{display:block;font-size:14.5px}.hub-opt small{color:var(--mu);font-size:12px}
@media(max-width:560px){.hub-pick{grid-template-columns:1fr}}
.pay-split{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.btn-wallet{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 6px 20px rgba(22,163,74,.3);justify-content:center;width:100%}
.btn-wallet:hover{box-shadow:0 8px 28px rgba(22,163,74,.5)}
.btn-wallet[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}
.pay-or{text-align:center;font-size:11px;color:var(--mu);letter-spacing:.1em;margin:2px 0}
.wallet-note{font-size:12px;color:var(--mu);text-align:center;margin-top:2px}

/* ================= v14: SkyNexa theme (blue, static) ================= */
.lx-banner{display:block;width:100%;max-width:880px;margin:0 auto 6px;border-radius:16px;border:1px solid var(--bd);box-shadow:0 18px 60px rgba(0,0,0,.5),0 0 40px rgba(79,140,255,.12)}
.brandmark{display:inline-block;vertical-align:middle}
.logo b i{font-style:normal}
/* green accents on portal cards (override old blue/purple) */
.portal-card.cloud-card:before,.portal-card.arena-card:before{background:radial-gradient(500px 300px at 50% 0%,rgba(79,140,255,.2),transparent 75%)}
.portal-card.cloud-card:hover,.portal-card.arena-card:hover{border-color:rgba(79,140,255,.55);box-shadow:0 0 40px rgba(79,140,255,.22)}
.portal-card.cloud-card .portal-icon,.portal-card.arena-card .portal-icon{background:rgba(79,140,255,.14);border:1px solid rgba(79,140,255,.3);color:var(--a2)}
.portal-card.cloud-card .portal-badge,.portal-card.arena-card .portal-badge{background:rgba(79,140,255,.14);color:var(--a2);border:1px solid rgba(79,140,255,.3)}
.portal-card.arena-card .btn-p{background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 6px 24px rgba(79,140,255,.3)}
.pf-list .pfi,.arena-card .pf-list .pfi{background:rgba(79,140,255,.12);border-color:rgba(79,140,255,.28);color:var(--a2)}
.mini-row .mri{background:rgba(79,140,255,.12);color:var(--a2)}
/* coming-soon portal card */
.portal-card.is-soon{position:relative;opacity:.9}
.portal-card.is-soon .portal-icon,.portal-card.is-soon .portal-title,.portal-card.is-soon .portal-desc,.portal-card.is-soon .pf-list{filter:grayscale(.35);opacity:.78}
.soon-btn{width:100%;justify-content:center;pointer-events:none;border-color:rgba(79,140,255,.4);color:var(--a2);background:rgba(79,140,255,.06)}
.soon-ribbon{position:absolute;top:16px;right:-34px;transform:rotate(45deg);background:linear-gradient(135deg,var(--a1),var(--a2));color:#ffffff;font-weight:900;font-size:11px;letter-spacing:.12em;padding:5px 42px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
/* arena / store showcase: green cinematic wash instead of purple */
.sc3d{border-color:rgba(79,140,255,.35)}
.sc3d:after{background:linear-gradient(90deg,rgba(6,11,8,.94) 0%,rgba(6,11,8,.7) 45%,rgba(6,11,8,.25) 100%),radial-gradient(600px 300px at 75% 50%,rgba(79,140,255,.26),transparent 70%)}
.sc-tag{color:#bfdbfe}
.sc-dots button.on,.sc-bar i{background:linear-gradient(90deg,var(--a1),var(--a2))}
.sc-floor{background:radial-gradient(closest-side,rgba(79,140,255,.5),transparent)}
.sc-obj .front{filter:drop-shadow(0 0 18px rgba(79,140,255,.5)) drop-shadow(0 6px 24px rgba(79,140,255,.3))}
.co-stat .ico{color:var(--a2)}

/* ================= v18: floating support chat widget ================= */
.sx-fab{position:fixed;right:22px;bottom:22px;z-index:120;width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#ffffff;background:linear-gradient(135deg,var(--a1),var(--a2));box-shadow:0 10px 30px rgba(79,140,255,.4);transition:.2s}
.sx-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 38px rgba(79,140,255,.55)}
.sx-fab.on{transform:scale(.92);opacity:.9}
.sx-fab-dot{position:absolute;top:10px;right:12px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #ffffff}
.sx-panel{position:fixed;right:22px;bottom:92px;z-index:120;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 130px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--bd);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55);animation:sxpop .18s ease}
@keyframes sxpop{from{opacity:0;transform:translateY(12px)}}
.sx-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,var(--a1),var(--a2));color:#ffffff}
.sx-head .sx-av{width:38px;height:38px;border-radius:50%;background:rgba(6,17,10,.18);display:grid;place-items:center;color:#ffffff}
.sx-ht b{display:block;font-size:15px;line-height:1.1}.sx-ht small{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.85;font-weight:600}
.sx-dot{width:8px;height:8px;border-radius:50%;background:#0a3d10;box-shadow:0 0 0 3px rgba(10,61,16,.25)}
.sx-head .sx-x{margin-left:auto;color:#ffffff}
.sx-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.sx-welcome{margin:auto;text-align:center;padding:20px}
.sx-welcome .sx-wav{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:rgba(79,140,255,.12);color:var(--a2)}
.sx-welcome b{font-size:17px}.sx-welcome p{font-size:13.5px;margin:6px 0 0;max-width:240px}
.sx-msg{max-width:84%;display:flex;flex-direction:column;gap:3px}
.sx-msg.me{align-self:flex-end;align-items:flex-end}.sx-msg.staff{align-self:flex-start;align-items:flex-start}
.sx-msg .sx-b{padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}
.sx-msg.me .sx-b{background:linear-gradient(135deg,var(--a1),var(--a2));color:#ffffff;border-bottom-right-radius:4px;font-weight:600}
.sx-msg.staff .sx-b{background:var(--card2);border:1px solid var(--bd);border-bottom-left-radius:4px}
.sx-msg .sx-t{font-size:10.5px;color:var(--mu)}
.sx-foot{padding:12px;border-top:1px solid var(--bd);background:var(--card)}
.sx-email{width:100%;margin-bottom:8px;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card2);color:var(--tx);font:inherit}
.sx-inrow{display:flex;gap:8px;align-items:center}
.sx-input{flex:1;padding:11px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--card2);color:var(--tx);font:inherit;outline:none}
.sx-input:focus,.sx-email:focus{border-color:var(--a2)}
.sx-send{flex:none;width:42px;height:42px;border-radius:12px;border:0;cursor:pointer;display:grid;place-items:center;color:#ffffff;background:linear-gradient(135deg,var(--a1),var(--a2))}
.sx-send:hover{filter:brightness(1.08)}
.sx-err{color:#f87171;font-size:12px;margin-top:6px;min-height:0}
@media(max-width:560px){.sx-panel{right:12px;bottom:84px;height:70vh}.sx-fab{right:16px;bottom:16px}}
/* admin support console */
.sxa{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.sxa-list{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}
.sxa-c{display:block;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--card);cursor:pointer;color:var(--tx);font:inherit}
.sxa-c:hover,.sxa-c.on{border-color:var(--a2);background:rgba(79,140,255,.07)}
.sxa-c b{font-size:13.5px}.sxa-c .sxa-last{display:block;font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.sxa-c .pill{float:right}
.sxa-thread{border:1px solid var(--bd);border-radius:14px;background:var(--card);display:flex;flex-direction:column;min-height:50vh}
.sxa-msgs{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto}
@media(max-width:800px){.sxa{grid-template-columns:1fr}}

.sx-panel[hidden]{display:none}

.soon-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.08em;color:#ffffff;background:var(--a2);border-radius:5px;padding:1px 5px;margin-left:5px;vertical-align:middle}