:root{--abyss-950:#040910;--abyss-900:#081420;--abyss-800:#0d1e2e;--abyss-700:#13293c;--glow-cyan:#3dffc0;--glow-cyan-dim:#1f6653;--coral:#ff6b4a;--foam:#e9f4f0;--slate:#7c94a0;--slate-dim:#4c6470;--line: rgba(61,255,192,.14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--abyss-950);color:var(--foam);font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}h1,h2,h3,.display{font-family:Sora,sans-serif;text-transform:uppercase;letter-spacing:.02em}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.shell{margin-left:64px;position:relative;z-index:2}@media (max-width: 860px){.shell{margin-left:0}}.depth-gauge{position:fixed;left:0;top:0;bottom:0;width:64px;z-index:50;border-right:1px solid var(--line);background:linear-gradient(180deg,#04091099,#040910e6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;padding:20px 0}.depth-gauge .tick-track{position:relative;flex:1;width:1px;background:var(--line);margin:16px 0}.depth-gauge .marker{position:absolute;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--glow-cyan);box-shadow:0 0 10px var(--glow-cyan),0 0 22px #3dffc080;transition:top .15s linear}.depth-gauge .zone-label{position:absolute;left:14px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--slate-dim);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed}.depth-readout{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--glow-cyan);writing-mode:vertical-rl;letter-spacing:.1em}@media (max-width: 860px){.depth-gauge{display:none}}nav{display:flex;align-items:center;justify-content:space-between;padding:22px 48px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#040910d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.logo{font-family:Sora,sans-serif;font-weight:700;font-size:20px;letter-spacing:.06em;display:flex;align-items:center;gap:10px}.logo .dot{width:8px;height:8px;border-radius:50%;background:var(--glow-cyan);box-shadow:0 0 8px var(--glow-cyan)}.navlinks{display:flex;gap:36px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--slate)}.navlinks a:hover{color:var(--glow-cyan)}.navlinks .active{color:var(--foam);position:relative}.navlinks .active:after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:2px;background:var(--glow-cyan);box-shadow:0 0 6px var(--glow-cyan)}.cart-btn{border:1px solid var(--line);padding:9px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--foam);border-radius:999px;transition:all .25s cubic-bezier(.2,.8,.2,1);background:transparent}.cart-btn:hover{border-color:var(--glow-cyan);color:var(--glow-cyan);box-shadow:0 0 14px #3dffc026;transform:translateY(-2px)}.cart-btn:active{transform:translateY(0)}.hero{padding:100px 48px 70px;position:relative;border-bottom:1px solid var(--line)}.eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--glow-cyan);letter-spacing:.15em;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow:before{content:"";width:20px;height:1px;background:var(--glow-cyan)}.eyebrow.live:before{display:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--glow-cyan);box-shadow:0 0 8px var(--glow-cyan)}.status-dot.offline{background:var(--coral);box-shadow:0 0 8px var(--coral)}.hero h1{font-size:clamp(38px,6vw,78px);font-weight:700;line-height:.96;max-width:900px}.hero h1 span{color:var(--glow-cyan);text-shadow:0 0 30px rgba(61,255,192,.35)}.hero p{max-width:520px;margin-top:24px;color:var(--slate);font-size:15px;line-height:1.7}.hero-meta{display:flex;gap:40px;margin-top:48px;flex-wrap:wrap}.hero-meta div{border-left:1px solid var(--line);padding-left:14px}.hero-meta .num{font-family:JetBrains Mono,monospace;font-size:22px;color:var(--foam)}.hero-meta .lbl{font-size:11px;color:var(--slate-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.cats{display:flex;gap:2px;padding:0 48px;border-bottom:1px solid var(--line);overflow-x:auto}.cats a{padding:18px 22px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.cats a.active{color:var(--glow-cyan);border-bottom-color:var(--glow-cyan)}.cats a:hover{color:var(--foam)}.section{padding:56px 48px 80px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;flex-wrap:wrap;gap:16px}.section-head h2{font-size:26px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#0d1e2e80,#08142080);border-radius:18px;padding:22px;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;display:flex;flex-direction:column;min-height:230px;animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) both}.card:hover{transform:translateY(-6px) scale(1.01);border-color:var(--glow-cyan-dim);box-shadow:0 16px 36px #00000073,0 0 0 1px #3dffc01a}.card .tier{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--glow-cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.card .tier .bar{display:flex;gap:2px}.card .tier .bar span{width:3px;height:9px;background:var(--slate-dim);border-radius:1px}.card .tier .bar span.on{background:var(--glow-cyan);box-shadow:0 0 5px var(--glow-cyan)}.card h3{font-size:19px;font-weight:600;margin-bottom:8px;letter-spacing:.01em}.card .desc{font-size:12.5px;color:var(--slate);line-height:1.6;flex:1}.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.card .price{font-family:JetBrains Mono,monospace;font-size:19px;color:var(--foam)}.card .price .old{font-size:12px;color:var(--slate-dim);text-decoration:line-through;margin-right:8px}.buy{background:transparent;border:1px solid var(--glow-cyan-dim);color:var(--glow-cyan);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:999px;transition:all .25s cubic-bezier(.2,.8,.2,1)}.buy:hover{background:var(--glow-cyan);color:var(--abyss-950);box-shadow:0 0 16px #3dffc066;transform:translateY(-2px) scale(1.03)}.buy:active{transform:translateY(0) scale(.98)}.badge{position:absolute;top:-1px;right:16px;background:var(--coral);color:var(--abyss-950);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;padding:4px 12px;letter-spacing:.05em;border-radius:0 0 10px 10px;animation:pulseGlow 2.4s ease-in-out infinite}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060ab3;z-index:90}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);z-index:100;background:var(--abyss-900);border-left:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.cart-line{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.cart-line .name{font-size:14px}.cart-line .qty-controls{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace}.cart-line .qty-controls button{background:transparent;border:1px solid var(--line);color:var(--foam);width:24px;height:24px;border-radius:8px;transition:all .2s}.cart-line .qty-controls button:hover{border-color:var(--glow-cyan);color:var(--glow-cyan)}.cart-total{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:18px;padding-top:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate)}.field input{background:var(--abyss-800);border:1px solid var(--line);color:var(--foam);padding:11px 14px;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .2s,box-shadow .2s}.field input:focus{outline:none;border-color:var(--glow-cyan);box-shadow:0 0 0 3px #3dffc01f}.pay-options{display:flex;flex-direction:column;gap:10px}.pay-btn{padding:14px;border-radius:14px;text-align:center;font-size:13px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);background:transparent;color:var(--foam);transition:all .25s;cursor:pointer}.pay-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--glow-cyan-dim)}.pay-btn.crypto{border-color:var(--glow-cyan-dim);color:var(--glow-cyan)}.pay-btn.crypto:hover{background:var(--glow-cyan);color:var(--abyss-950)}.pay-btn:disabled{opacity:.5;cursor:not-allowed}footer{border-top:1px solid var(--line);padding:40px 48px;display:flex;justify-content:space-between;align-items:center;color:var(--slate-dim);font-size:12px;flex-wrap:wrap;gap:12px}footer .flogo{color:var(--slate);font-family:Sora,sans-serif;letter-spacing:.05em;text-transform:uppercase;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ff6b4a80}50%{box-shadow:0 0 0 5px #ff6b4a00}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero{animation:fadeIn .6s ease both}.status-dot.online{animation:pulseGlow2 2s ease-in-out infinite}@keyframes pulseGlow2{0%,to{box-shadow:0 0 8px var(--glow-cyan)}50%{box-shadow:0 0 16px var(--glow-cyan),0 0 4px var(--glow-cyan)}}.online-players{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;animation:fadeInUp .6s .1s ease both}.online-players-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-dim);margin-right:4px}.player-chip{font-family:JetBrains Mono,monospace;font-size:12px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--glow-cyan);background:#3dffc00f;transition:all .2s}.player-chip:hover{border-color:var(--glow-cyan);box-shadow:0 0 10px #3dffc033}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#02060abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease both}.modal-box{width:100%;max-width:420px;background:var(--abyss-900);border:1px solid var(--line);border-radius:22px;padding:36px;position:relative;box-shadow:0 30px 80px #0000008c;animation:scaleIn .3s cubic-bezier(.2,.8,.2,1) both}.modal-close{position:absolute;top:18px;right:18px;background:transparent;border:1px solid var(--line);color:var(--slate);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.modal-close:hover{border-color:var(--coral);color:var(--coral);transform:rotate(90deg)}.modal-tabs{display:flex;gap:8px;margin-bottom:28px;background:var(--abyss-800);padding:4px;border-radius:999px}.modal-tabs button{flex:1;padding:9px 0;border-radius:999px;border:none;background:transparent;color:var(--slate);font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:all .25s}.modal-tabs button.active{background:var(--glow-cyan);color:var(--abyss-950);font-weight:600}