:root{
  --bg:#08090c;--bg-2:#0d0f14;--panel:#11141b;--panel-2:#161a22;--panel-3:#1a1f29;
  --text:#f5f7fb;--muted:#9098a8;--faint:#666d7a;--line:rgba(255,255,255,.08);
  --brand:#fac00a;--brand-2:#ffdb56;--brand-deep:#c99500;--green:#6dd39e;--red:#ff6b6b;
  --shadow:0 24px 70px rgba(0,0,0,.45);--radius:18px;--radius-sm:12px;
  --max:1180px;--ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,rgba(250,192,10,.08),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.muted{color:var(--muted)}.brand{color:var(--brand)}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:800}.section{padding:88px 0}.section-tight{padding:50px 0}.section-title{font-size:clamp(2rem,4vw,3.45rem);line-height:1.03;letter-spacing:-.045em;margin:10px 0 14px}.section-copy{font-size:1.04rem;color:var(--muted);max-width:690px}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.nav-shell{position:sticky;top:0;z-index:90;border-bottom:1px solid transparent;transition:.25s}.nav-shell.scrolled{background:rgba(8,9,12,.86);backdrop-filter:blur(18px);border-color:var(--line)}.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.03em;font-size:1.06rem;margin-right:10px}.logo-mark{width:34px;height:34px;position:relative;transform:rotate(45deg);background:var(--brand);border-radius:8px;box-shadow:0 0 28px rgba(250,192,10,.3)}.logo-mark::after{content:"";position:absolute;inset:7px;background:var(--bg);border-radius:4px}.logo-mark::before{content:"";position:absolute;width:8px;height:8px;background:var(--brand);left:13px;top:13px;z-index:2;border-radius:2px}.nav-links{display:flex;align-items:center;gap:24px;font-size:.92rem;color:#b7bdc8}.nav-links a{position:relative;padding:8px 0}.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--brand);transition:.25s var(--ease)}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover::after,.nav-links a.active::after{right:0}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.search-mini{position:relative}.search-mini input{width:210px;background:#10131a;border:1px solid var(--line);border-radius:10px;padding:10px 36px 10px 12px;color:#fff;outline:none;transition:.2s}.search-mini input:focus{border-color:rgba(250,192,10,.45);box-shadow:0 0 0 3px rgba(250,192,10,.08)}.search-mini .kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--faint);border:1px solid var(--line);padding:1px 5px;border-radius:5px}.btn{border:1px solid var(--line);background:#12151c;color:#fff;border-radius:10px;padding:10px 15px;font-weight:700;transition:.23s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18);background:#171b24}.btn-primary{background:var(--brand);border-color:var(--brand);color:#16130a;box-shadow:0 8px 30px rgba(250,192,10,.18)}.btn-primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.cart-in-cart{background:transparent;border-color:rgba(250,192,10,.55);color:var(--brand);box-shadow:none}.btn.cart-in-cart:hover{background:rgba(250,192,10,.08);border-color:var(--brand);color:var(--brand-2)}.btn-ghost{background:transparent}.icon-btn{width:42px;height:42px;padding:0}.mobile-menu{display:none}.mobile-panel{display:none}
.hero{position:relative;min-height:670px;display:grid;place-items:center;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 65% 42%,rgba(250,192,10,.18),transparent 28%),linear-gradient(115deg,transparent 28%,rgba(255,255,255,.03),transparent 54%);z-index:-2}.hero::after{content:"";position:absolute;width:780px;height:780px;border:1px solid rgba(250,192,10,.12);border-radius:50%;right:-260px;top:-180px;box-shadow:0 0 0 80px rgba(250,192,10,.015),0 0 0 160px rgba(250,192,10,.01);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}.hero h1{font-size:clamp(3.6rem,8vw,7.6rem);letter-spacing:-.075em;line-height:.82;margin:14px 0 24px;max-width:760px}.hero h1 .outline{-webkit-text-stroke:1px rgba(255,255,255,.45);color:transparent}.hero-copy{font-size:1.14rem;color:#aab1bd;max-width:580px}.hero-actions{display:flex;gap:12px;margin-top:32px}.online{display:flex;align-items:center;gap:8px;margin-top:18px;color:#aeb5c0;font-size:.92rem}.online-dot{width:8px;height:8px;border-radius:50%;background:#55d68b;box-shadow:0 0 14px #55d68b}.arena-scene{height:500px;position:relative;perspective:1000px}.arena-card{position:absolute;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(12px);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.arena-card.main{width:360px;height:430px;right:10px;top:25px;transform:rotateY(-8deg) rotateX(3deg)}.arena-card.back{width:280px;height:340px;left:10px;top:90px;transform:rotateY(9deg) rotateZ(-4deg);opacity:.55}.scene-art{height:62%;background:radial-gradient(circle at 65% 30%,rgba(250,192,10,.7),transparent 17%),linear-gradient(135deg,#10141d 0 30%,#242934 30% 55%,#12151b 55%);position:relative;overflow:hidden}.scene-art::before,.scene-art::after{content:"";position:absolute;background:#313744;box-shadow:0 0 0 1px rgba(255,255,255,.05)}.scene-art::before{width:230px;height:120px;left:-30px;bottom:-20px;transform:skewY(-13deg)}.scene-art::after{width:160px;height:210px;right:-30px;bottom:-70px;transform:skewY(18deg)}.scene-copy{padding:22px}.scene-copy strong{font-size:1.35rem}.scene-copy span{display:block;color:var(--muted);font-size:.9rem;margin-top:5px}
.arena-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.mode-card{position:relative;min-height:285px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.35s var(--ease);transform-style:preserve-3d}.mode-card:hover{transform:translateY(-6px);border-color:rgba(250,192,10,.24);box-shadow:0 22px 55px rgba(0,0,0,.35)}.mode-visual{height:138px;position:relative;background:linear-gradient(135deg,#242936,#11141b);overflow:hidden}.mode-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,70%) var(--y,30%),rgba(250,192,10,.55),transparent 18%),linear-gradient(120deg,transparent 30%,rgba(255,255,255,.05),transparent 58%)}.mode-visual::after{content:"";position:absolute;width:90px;height:90px;right:25px;bottom:-18px;background:linear-gradient(135deg,#353b48,#1f242e);transform:rotate(20deg);box-shadow:-70px 30px 0 #292e38}.mode-card:nth-child(2) .mode-visual{--x:25%;--y:35%}.mode-card:nth-child(3) .mode-visual{--x:70%;--y:70%}.mode-card:nth-child(4) .mode-visual{--x:30%;--y:65%}.mode-card:nth-child(5) .mode-visual{--x:50%;--y:25%}.mode-card:nth-child(6) .mode-visual{--x:80%;--y:50%}.mode-body{padding:20px}.mode-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-head h3{margin:0;font-size:1.12rem}.chip{font-size:.72rem;border:1px solid var(--line);padding:4px 8px;border-radius:999px;color:var(--muted)}.toplist{list-style:none;padding:0;margin:14px 0 0}.toplist li{display:flex;align-items:center;gap:9px;color:#adb4c0;font-size:.86rem;margin-top:7px}.rank-num{width:19px;color:var(--faint);font-variant-numeric:tabular-nums}.avatar{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--brand),#7d5c00);position:relative;overflow:hidden;flex:0 0 auto}.avatar::before{content:"";position:absolute;width:7px;height:7px;border-radius:2px;background:#151515;left:5px;top:7px;box-shadow:7px 0 0 #151515}
.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.15)}.card-pad{padding:24px}.news-card{overflow:hidden;transition:.3s var(--ease)}.news-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.14)}.news-cover{height:220px;background-image:linear-gradient(180deg,rgba(10,12,18,.02),rgba(10,12,18,.16)),url("/assets/bot-practice-live.png");background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.news-cover::before{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:inset 0 -80px 80px rgba(0,0,0,.10)}.news-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,192,10,.05),transparent 25%),linear-gradient(180deg,transparent 58%,rgba(0,0,0,.20))}.news-body{padding:23px}.news-date{font-size:.78rem;color:var(--muted)}.news-body h3{margin:8px 0 8px;font-size:1.3rem}.news-body p{margin:0;color:var(--muted)}
.social-strip{display:flex;gap:12px;flex-wrap:wrap}.social-link{flex:1;min-width:170px;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border:1px solid var(--line);background:#11141b;border-radius:12px;color:#c4cad3;transition:.2s}.social-link:hover{border-color:rgba(250,192,10,.35);color:#fff;transform:translateY(-2px)}
.page-hero{padding:82px 0 42px}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.06em;margin:8px 0 12px}.page-hero p{color:var(--muted);max-width:680px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:28px 0}.segmented{display:inline-flex;background:#10131a;border:1px solid var(--line);padding:4px;border-radius:12px}.segmented button,.segmented a{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:8px;font-weight:750}.segmented .active{background:#1c2029;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.3)}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#11141a;color:#99a1af;border-radius:999px;padding:8px 12px;font-size:.83rem}.pill:hover,.pill.active{color:#17130a;background:var(--brand);border-color:var(--brand)}.search-field{position:relative;min-width:240px;flex:1}.search-field input{width:100%;background:#10131a;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:#fff;outline:none}.search-field input:focus{border-color:rgba(250,192,10,.5)}
.lb-table{overflow:hidden}.lb-row{display:grid;grid-template-columns:64px 1fr 140px;align-items:center;min-height:66px;padding:0 20px;border-bottom:1px solid var(--line);transition:.2s}.lb-row:last-child{border-bottom:0}.lb-row:hover{background:rgba(255,255,255,.025)}.lb-row.header{min-height:50px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:800}.player-cell{display:flex;align-items:center;gap:12px;font-weight:750}.score{text-align:right;font-variant-numeric:tabular-nums;color:#c6ccd5}.medal{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#191d25;color:#7e8795;font-weight:850}.lb-row:nth-child(2) .medal{background:rgba(250,192,10,.15);color:var(--brand)}
.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;text-align:left;border:0;background:none;color:#fff;padding:22px 0;font-weight:800;font-size:1rem;display:flex;justify-content:space-between;gap:20px}.faq-q span:last-child{color:var(--brand);transition:.3s}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.faq-a>div{overflow:hidden;color:var(--muted)}.faq-a p{margin:0 0 22px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.creator-stats{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.stat-chip{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.82rem}.stat-chip b{color:#fff}.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creator{padding:20px;display:flex;align-items:center;gap:13px;transition:.2s}.creator:hover{transform:translateY(-3px);border-color:rgba(250,192,10,.25)}.creator .avatar{width:44px;height:44px;border-radius:10px}.creator strong{display:block}.creator small{color:var(--brand)}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{position:relative;background:radial-gradient(circle at 35% 35%,rgba(250,192,10,.26),transparent 23%),#0c0e13;display:grid;place-items:center;overflow:hidden}.auth-art::before{content:"";width:400px;height:400px;border:1px solid rgba(250,192,10,.2);position:absolute;transform:rotate(45deg);border-radius:80px;box-shadow:0 0 0 80px rgba(250,192,10,.02),0 0 0 160px rgba(250,192,10,.012)}.auth-brand{font-size:clamp(3.6rem,8vw,7rem);font-weight:950;letter-spacing:-.08em;z-index:2}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(430px,100%)}.auth-card h1{font-size:2.35rem;letter-spacing:-.05em;margin:0 0 8px}.form{display:grid;gap:15px;margin-top:28px}.field label{display:block;color:#a9b0bd;font-size:.83rem;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:#10131a;border:1px solid var(--line);border-radius:11px;padding:13px;color:#fff;outline:none}.field input:focus,.field textarea:focus{border-color:rgba(250,192,10,.5)}.form .btn{width:100%;padding:13px}.form-foot{display:flex;justify-content:space-between;gap:12px;margin-top:15px;color:var(--muted);font-size:.86rem}.form-foot a{color:#d9dde4}.back-home{position:absolute;left:24px;top:24px;z-index:3}
.profile-head{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:end}.skin-card{height:230px;background:linear-gradient(160deg,#242936,#10131a);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.skin-card::before{content:"";position:absolute;width:74px;height:74px;background:#d0aa7b;left:58px;top:38px;border-radius:10px;box-shadow:0 76px 0 16px #2e333f}.skin-card::after{content:"";position:absolute;width:18px;height:18px;background:#191b20;left:73px;top:62px;border-radius:3px;box-shadow:26px 0 0 #191b20}.status-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem}.profile-title h1{font-size:3rem;letter-spacing:-.05em;margin:6px 0}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;background:rgba(250,192,10,.12);color:var(--brand);font-weight:850;font-size:.75rem}.meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.86rem;margin-top:12px}.profile-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;margin-top:28px}.mode-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-stat{padding:20px}.mode-stat h3{margin:0 0 12px}.metric{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin:7px 0}.metric b{color:#fff}.chart{height:210px;position:relative;margin-top:14px;border-top:1px solid var(--line);background:linear-gradient(to top,rgba(250,192,10,.07),transparent 75%);overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}.chart-tabs{display:flex;gap:5px}.chart-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;padding:6px 9px;font-size:.72rem}.chart-tabs .active{background:var(--brand);color:#15120a;border-color:var(--brand)}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.match:last-child{border:0}.match-player{display:flex;align-items:center;gap:8px}.match-player.right{justify-content:flex-end;text-align:right}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.match-vs{color:var(--faint);font-size:.72rem}
.store-hero{padding:74px 0 30px}.store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.package{overflow:hidden;position:relative}.package-top{height:145px;display:grid;place-items:center;background:linear-gradient(145deg,#252a35,#11141a);position:relative}.package-top::before{content:"";width:78px;height:78px;border:1px solid rgba(250,192,10,.36);transform:rotate(45deg);border-radius:17px;box-shadow:0 0 38px rgba(250,192,10,.12)}.package-top strong{position:absolute;font-size:1.7rem;color:var(--brand);letter-spacing:-.04em}.package-body{padding:20px}.price{font-size:1.3rem;font-weight:900;margin:8px 0 16px}.price del{font-size:.8rem;color:var(--faint);margin-right:6px}.pkg-actions{display:flex;gap:8px}.pkg-actions .btn{flex:1}.feature-list{display:grid;gap:10px;color:#afb6c1;padding-left:0;list-style:none}.feature-list li{display:flex;gap:9px}.feature-list li::before{content:"✓";color:var(--brand);font-weight:900}.checkout-note{padding:14px 16px;border:1px dashed rgba(250,192,10,.3);background:rgba(250,192,10,.05);border-radius:12px;color:#c9c0a2;font-size:.84rem}
.article{width:min(790px,calc(100% - 40px));margin:0 auto;padding:35px 0 90px}.article .cover{height:360px;border-radius:20px;background-image:linear-gradient(180deg,rgba(10,12,18,.05),rgba(10,12,18,.18)),url("/assets/bot-practice-live.png");background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--line);margin:24px 0 34px;position:relative;overflow:hidden}.article .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,192,10,.05),transparent 28%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.18))}.article h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.95;letter-spacing:-.055em;margin:12px 0}.article h2{margin-top:34px}.article p,.article li{color:#b2b8c2;line-height:1.8}.article code{background:#151820;border:1px solid var(--line);border-radius:7px;padding:2px 6px;color:var(--brand)}
.footer{border-top:1px solid var(--line);padding:44px 0 28px;background:#090a0d}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer p{color:var(--muted);font-size:.9rem}.footer h4{margin:0 0 14px}.footer-links{display:grid;gap:9px;color:#9da4b0;font-size:.88rem}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:var(--faint);font-size:.8rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:none}.page-enter{animation:pageIn .55s var(--ease) both}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 5s ease-in-out infinite}
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 16px;background:rgba(2,3,5,.72);backdrop-filter:blur(10px);z-index:200;opacity:0;pointer-events:none;transition:.25s}.modal.open{opacity:1;pointer-events:auto}.modal-card{width:min(480px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:26px;background:#11141b;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:var(--shadow);transform:scale(.96);transition:.25s}.modal.open .modal-card{transform:scale(1)}.copy-ip{display:flex;gap:8px;margin-top:18px}.copy-ip input{flex:1;min-width:0;background:#0c0e13;border:1px solid var(--line);border-radius:10px;color:#fff;padding:12px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);padding:10px 14px;background:#f5f7fb;color:#111318;border-radius:10px;font-weight:800;font-size:.83rem;z-index:300;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
@media(max-width:980px){.nav-links,.search-mini{display:none}.mobile-menu{display:inline-flex}.hero{min-height:auto;padding:80px 0}.hero-grid{grid-template-columns:1fr}.arena-scene{height:390px;max-width:580px;width:100%;margin:auto}.arena-card.main{width:330px;height:390px}.arena-card.back{width:250px;height:300px}.arena-grid,.three{grid-template-columns:repeat(2,minmax(0,1fr))}.four,.creator-grid,.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.mobile-panel{position:fixed;inset:76px 16px auto 16px;background:#11141b;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);z-index:100}.mobile-panel.open{display:grid}.mobile-panel a{padding:13px;border-radius:9px;color:#bdc3cd}.mobile-panel a:hover{background:#181c24;color:#fff}}
@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.section{padding:65px 0}.nav{height:68px}.hero h1{font-size:3.8rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.arena-scene{height:310px}.arena-card.main{width:250px;height:300px;right:0}.arena-card.back{width:190px;height:240px;left:0;top:60px}.scene-copy{padding:16px}.arena-grid,.two,.three,.four,.creator-grid,.store-grid,.mode-stat-grid{grid-template-columns:1fr}.profile-head{grid-template-columns:120px 1fr}.skin-card{height:165px}.skin-card::before{left:33px;top:24px;transform:scale(.72);transform-origin:top left}.skin-card::after{left:45px;top:42px;transform:scale(.72);transform-origin:top left}.profile-title h1{font-size:2.1rem}.lb-row{grid-template-columns:50px 1fr 85px;padding:0 12px}.footer-grid{grid-template-columns:1fr;gap:26px}.copyright{flex-direction:column}.page-hero{padding-top:58px}.article .cover{height:240px}.article .cover::after{font-size:5rem}.auth-panel{padding:26px}.nav-right>.btn:not(.mobile-menu){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Ellora identity + Minecraft account session */
.logo-mark{
  width:36px;height:36px;display:inline-block;flex:0 0 36px;
  position:relative;transform:none;border-radius:7px;
  background:#000 url('/assets/ellora-logo.png') center/cover no-repeat;
  box-shadow:0 0 26px rgba(250,192,10,.18);
}
.logo-mark::before,.logo-mark::after{display:none!important;content:none!important}
.auth-logo-image{width:min(390px,58vw);height:auto;position:relative;z-index:2;filter:drop-shadow(0 24px 70px rgba(0,0,0,.5))}
.minecraft-login-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px 13px;border:1px solid var(--line);background:#0e1117;border-radius:11px;color:var(--muted);font-size:.84rem}
.minecraft-login-note strong{color:#fff}.minecraft-login-note .logo-mark{width:30px;height:30px;flex-basis:30px;border-radius:6px;box-shadow:none}
.login-error{min-height:20px;color:#ff8989;font-size:.82rem;margin-top:-4px}
.account-menu{position:relative}
.account-trigger{height:42px;border:1px solid var(--line);background:#11141a;color:#fff;border-radius:11px;padding:4px 9px 4px 5px;display:flex;align-items:center;gap:8px;font-weight:750;transition:.22s var(--ease)}
.account-trigger:hover,.account-menu.open .account-trigger{background:#171b24;border-color:rgba(250,192,10,.35);transform:translateY(-1px)}
.account-avatar{width:31px;height:31px;border-radius:7px;image-rendering:pixelated;object-fit:cover;background:#0b0d11;border:1px solid rgba(255,255,255,.1)}
.account-name{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
.account-chevron{font-size:.7rem;color:var(--muted);transition:.2s}.account-menu.open .account-chevron{transform:rotate(180deg)}
.account-dropdown{display:none;position:absolute;right:0;top:calc(100% + 9px);width:205px;padding:7px;background:#11141b;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:130}
.account-menu.open .account-dropdown{display:grid;animation:accountDrop .16s var(--ease)}
.account-dropdown a,.account-dropdown button{border:0;background:transparent;color:#c4cad4;text-align:left;padding:10px 11px;border-radius:8px;font-size:.86rem;cursor:pointer;width:100%}
.account-dropdown a:hover,.account-dropdown button:hover{background:#1a1e27;color:#fff}
.account-dropdown .logout{color:#ff9d9d;border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:3px;padding-top:11px}
@keyframes accountDrop{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.mobile-account{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}
.mobile-account .account-avatar{width:38px;height:38px}.mobile-account strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.mobile-account button{border:0;background:transparent;color:#ff9d9d;font:inherit;font-size:.8rem;cursor:pointer;padding:7px}
@media(max-width:680px){.account-name,.account-chevron{display:none}.account-trigger{padding-right:5px}.account-dropdown{right:0}.nav-right>.account-menu{display:block}.auth-logo-image{width:210px}}
.auth-brand{font-size:0;width:min(390px,58vw);aspect-ratio:1;background:#000 url('/assets/ellora-logo.png') center/contain no-repeat;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.38)}


/* 2026-09-23 site simplification + exact Ellora logo */
.logo-mark{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  display:block!important;object-fit:contain!important;object-position:center!important;
  background:transparent!important;border-radius:50%!important;box-shadow:none!important;
  transform:none!important;
}
.auth-logo-image{object-fit:contain;filter:drop-shadow(0 22px 55px rgba(250,192,10,.14))}
.auth-brand{background:transparent url('/assets/ellora-logo.png') center/contain no-repeat!important;border-radius:0!important}
.hero-logo-panel{height:500px;display:grid;place-items:center;position:relative;isolation:isolate}
.hero-logo-panel::before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:rgba(250,192,10,.10);filter:blur(55px);z-index:-1}
.hero-logo-panel img{width:min(430px,92%);height:auto;display:block;filter:drop-shadow(0 34px 70px rgba(0,0,0,.42))}
.news-single{grid-template-columns:minmax(0,760px)!important;justify-content:start}
.news-single .news-card{width:100%}
.join-modal-card{width:min(560px,calc(100% - 32px))}
.join-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;counter-reset:none}
.join-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:12px;border:1px solid var(--line);background:#0d1016;border-radius:12px}
.join-steps li>span{width:38px;height:38px;border-radius:10px;background:rgba(250,192,10,.12);border:1px solid rgba(250,192,10,.24);color:var(--brand);display:grid;place-items:center;font-weight:900}
.join-steps strong{display:block;margin:1px 0 3px}.join-steps small{display:block;color:var(--muted);line-height:1.45}
.join-live{display:flex;align-items:center;gap:8px;margin-top:13px;color:#aeb5c0;font-size:.87rem}
[data-server-state="offline"] .online-dot{background:#ef6464;box-shadow:0 0 14px rgba(239,100,100,.75)}
[data-server-state="unknown"] .online-dot{background:#8d94a0;box-shadow:none}
@media(max-width:980px){.hero-logo-panel{height:360px}.hero-logo-panel img{width:min(350px,78vw)}}
@media(max-width:680px){.hero-logo-panel{height:270px}.hero-logo-panel img{width:min(250px,72vw)}.news-single{grid-template-columns:1fr!important}.join-steps li{grid-template-columns:34px 1fr}.join-steps li>span{width:34px;height:34px}}


/* Server rules */
.rules-page{background:#050607}
.rules-hero{padding:54px 0 46px;border-bottom:1px solid rgba(255,255,255,.04);background:radial-gradient(circle at 18% 40%,rgba(250,192,10,.07),transparent 24%),linear-gradient(110deg,rgba(255,255,255,.01),transparent 52%)}
.rules-heading{display:flex;align-items:flex-start;gap:24px;max-width:930px}
.rules-heading-icon{color:var(--brand);font-size:1.55rem;line-height:1.2;margin-top:13px}
.rules-heading h1{font-size:2.25rem;letter-spacing:-.045em;margin:0 0 5px}
.rules-heading p{margin:0;color:#858c98;font-size:.93rem}
.rules-content{padding:38px 0 70px}
.rules-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.rules-group{min-width:0;border-top:1px solid rgba(255,255,255,.12)}
.rules-group h2{height:60px;margin:0;display:flex;align-items:center;gap:16px;font-size:.96rem;border-bottom:1px solid rgba(255,255,255,.08)}
.rules-group-icon{color:var(--brand);font-size:1rem;width:18px;text-align:center}
.rules-list{list-style:none;margin:0;padding:0}
.rules-list li{position:relative;min-height:43px;display:flex;align-items:center;gap:7px;padding:9px 0 9px 24px;border-bottom:1px solid rgba(255,255,255,.08);color:#9da5b2;font-size:.86rem;line-height:1.35}
.rules-list li::before{content:"×";position:absolute;left:1px;color:#77808d;font-size:1.05rem}
.rule-help{width:15px;height:15px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:inline-grid;place-items:center;color:#737c88;font-size:.62rem;cursor:pointer;flex:0 0 auto}
.rules-callout{display:grid;grid-template-columns:18px 1fr;gap:10px;margin-top:20px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#08090b;color:#9aa2af;font-size:.77rem;line-height:1.45}
.rules-callout p{margin:0}.rules-callout strong{color:#fff}.rules-callout-icon{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#15120a;font-size:.62rem;font-weight:900;margin-top:2px}
.rules-notice{margin-top:42px;border-top:1px solid rgba(255,255,255,.12)}
.rules-notice h2{height:52px;margin:0;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem}
.rules-warning{color:#ff625f;font-size:.88rem}
.rules-notice>p{margin:0;padding:17px 0;color:#a5adb8;font-size:.84rem;border-bottom:1px solid rgba(255,255,255,.08)}
.rules-notice strong{color:#fff}
.rules-responsibility{display:grid;grid-template-columns:22px 1fr;gap:13px;padding:17px 0;color:#a5adb8;font-size:.84rem}
.rules-responsibility p{margin:0}
.rules-shield{color:var(--brand);font-size:1.15rem}

/* Live player profiles */
.player-page{min-height:calc(100vh - 310px)}
.player-hero{padding:78px 0 84px;position:relative;overflow:hidden}
.player-hero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(250,192,10,.07);filter:blur(90px);left:-180px;top:-160px;pointer-events:none}
.player-profile-grid{display:grid;grid-template-columns:330px 1fr;gap:48px;align-items:center}
.player-skin-panel{display:grid;justify-items:center;gap:12px}
.player-skin-stage{width:300px;height:390px;position:relative;display:grid;place-items:center;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#171b23,#0a0c10);overflow:hidden;perspective:800px;box-shadow:0 24px 70px rgba(0,0,0,.36)}
.player-skin-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.skin-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(250,192,10,.13);filter:blur(45px);top:75px}
.player-skin-render{position:relative;z-index:2;max-width:260px;max-height:350px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.5));transition:transform .14s ease;transform-style:preserve-3d}
.player-skin-label{text-transform:uppercase;letter-spacing:.13em;color:var(--faint);font-size:.69rem;font-weight:800}
.player-profile-main{min-width:0}
.player-name-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:7px}
.player-name-row h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.95;letter-spacing:-.065em;margin:0}
.player-profile-subtitle{color:var(--muted);font-size:1rem;margin:15px 0 28px}
.player-join-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.72rem;font-weight:800;white-space:nowrap}
.player-join-badge.joined{color:#76daa4;background:rgba(109,211,158,.08);border-color:rgba(109,211,158,.23)}
.player-join-badge.never{color:#b3bac5;background:rgba(255,255,255,.035)}
.player-join-badge.loading,.player-join-badge.unavailable{color:#d5b64a;background:rgba(250,192,10,.07);border-color:rgba(250,192,10,.18)}
.player-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.player-stat-card{padding:18px 19px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#12151c,#0e1117)}
.player-stat-card span{display:block;color:#777f8b;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;margin-bottom:7px}
.player-stat-card strong{display:block;font-size:1.08rem;overflow-wrap:anywhere}
.player-meta-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#777f8b;font-size:.78rem;margin-top:16px}
.player-meta-row>div{display:flex;align-items:center;gap:7px}
.player-meta-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#969eaa;font-size:.74rem}
.player-status-dot{width:8px;height:8px;border-radius:50%;background:#8d94a0}
.player-status-dot.online{background:#55d68b;box-shadow:0 0 12px rgba(85,214,139,.65)}
.player-status-dot.offline{background:#6e7682}
.player-status-dot.unknown{background:#d6aa32}
.player-data-error{margin-top:22px;border:1px solid rgba(250,192,10,.2);background:rgba(250,192,10,.045);color:#c4b987;padding:13px 15px;border-radius:11px;font-size:.84rem}
@media(max-width:920px){
  .rules-columns{grid-template-columns:1fr;gap:28px}
  .player-profile-grid{grid-template-columns:250px 1fr;gap:30px}
  .player-skin-stage{width:230px;height:320px}.player-skin-render{max-width:210px;max-height:285px}
}
@media(max-width:680px){
  .rules-hero{padding:38px 0 32px}.rules-heading{gap:14px}.rules-heading-icon{margin-top:8px}.rules-heading h1{font-size:1.9rem}
  .rules-content{padding-top:25px}.rules-columns{gap:24px}.rules-list li{font-size:.84rem}
  .player-hero{padding:48px 0 58px}.player-profile-grid{grid-template-columns:1fr;gap:28px}.player-skin-stage{width:min(280px,84vw);height:350px}
  .player-name-row{justify-content:center}.player-profile-main{text-align:center}.player-profile-subtitle{margin-left:auto;margin-right:auto}.player-stat-grid{text-align:left}
  .player-meta-row{justify-content:center}.player-name-row h1{font-size:3.4rem}
}

/* v6 player-not-found state */
.player-not-found[hidden]{display:none!important}
.player-not-found{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:#050607;border:1px solid rgba(255,255,255,.09)}
.player-not-found-inner{width:min(520px,100%);display:grid;justify-items:center;text-align:center}
.player-not-found-ghost{width:48px;height:54px;position:relative;background:var(--brand);border-radius:24px 24px 5px 5px;clip-path:polygon(0 0,100% 0,100% 82%,84% 100%,67% 84%,50% 100%,33% 84%,16% 100%,0 82%);margin-bottom:16px;filter:drop-shadow(0 8px 22px rgba(250,192,10,.14))}
.player-not-found-ghost::before{content:"";position:absolute;width:5px;height:7px;border-radius:50%;background:#060708;left:14px;top:19px;box-shadow:15px 0 0 #060708}
.player-not-found-code{font-size:.86rem;color:#b9bec7;margin-bottom:8px}
.player-not-found h1{font-size:clamp(2.2rem,6vw,3.15rem);letter-spacing:-.045em;line-height:1;margin:0}
.player-not-found p{color:#858b95;margin:18px 0 28px;font-size:.95rem}
.player-not-found-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.player-not-found-actions .btn{min-width:112px}
.player-not-found-state{background:#050607}
.player-not-found-state .nav-shell,.player-not-found-state .mobile-panel,.player-not-found-state .player-page,.player-not-found-state .footer{display:none!important}
@media(max-width:520px){.player-not-found-actions{width:100%}.player-not-found-actions .btn{flex:1;min-width:0}.modal{padding:14px 10px}.modal-card{width:100%;max-height:calc(100vh - 28px);padding:21px}.copy-ip{flex-direction:column}.copy-ip .btn{width:100%}}

/* v4 interactive rule explanations */
.rule-help{appearance:none;-webkit-appearance:none;font-family:inherit;padding:0;background:#090b0e;position:relative;z-index:4;line-height:1;outline:none}
.rule-help:hover,.rule-help:focus-visible,.rule-help.open{color:#fff;border-color:rgba(250,192,10,.48);background:rgba(250,192,10,.09)}
.rule-tooltip{position:absolute;left:22px;top:50%;transform:translateY(-50%) translateX(-4px);width:270px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0b0d11;color:#aeb6c2;font-size:.75rem;font-weight:500;line-height:1.45;text-align:left;letter-spacing:0;box-shadow:0 16px 38px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;white-space:normal}
.rule-tooltip::before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;background:#0b0d11;border-left:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);transform:translateY(-50%) rotate(45deg)}
.rule-help:hover .rule-tooltip,.rule-help:focus-visible .rule-tooltip,.rule-help.open .rule-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.rules-group:nth-child(3) .rule-tooltip{left:auto;right:22px}
.rules-group:nth-child(3) .rule-tooltip::before{left:auto;right:-5px;transform:translateY(-50%) rotate(225deg)}

/* v4 full interactive Minecraft skin viewer */
.player-skin-stage{cursor:grab;user-select:none;-webkit-user-select:none}
.player-skin-stage:active{cursor:grabbing}
.player-skin-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;opacity:0;transition:opacity .2s ease;touch-action:none}
.player-skin-canvas.ready{opacity:1}
.player-skin-loading{position:relative;z-index:3;padding:8px 12px;border-radius:8px;background:rgba(6,7,9,.72);color:#a9b0bb;font-size:.75rem;font-weight:700;pointer-events:none}
.player-skin-loading.failed{color:#d5b64a;border:1px solid rgba(250,192,10,.16)}
.player-skin-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.skin-reset{appearance:none;border:1px solid var(--line);background:#11141a;color:#aeb5c0;border-radius:7px;padding:6px 9px;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}
.skin-reset:hover,.skin-reset:focus-visible{color:#fff;border-color:rgba(250,192,10,.4);outline:none}
.player-skin-meta{color:#777f8b;font-size:.72rem;font-weight:750;text-align:center}

@media(max-width:920px){
  .rules-group:nth-child(3) .rule-tooltip{left:22px;right:auto}
  .rules-group:nth-child(3) .rule-tooltip::before{left:-5px;right:auto;transform:translateY(-50%) rotate(45deg)}
}
@media(max-width:680px){
  .rule-tooltip,.rules-group:nth-child(3) .rule-tooltip{position:fixed;left:16px;right:16px;top:auto;bottom:20px;width:auto;transform:translateY(8px);z-index:300}
  .rule-tooltip::before,.rules-group:nth-child(3) .rule-tooltip::before{display:none}
  .rule-help:hover .rule-tooltip,.rule-help:focus-visible .rule-tooltip,.rule-help.open .rule-tooltip{transform:translateY(0)}
}


/* v7 storefront, tags, cart, news image, and profile spacing */
.news-cover-image{display:block;width:100%;height:220px;object-fit:cover;object-position:center;border-bottom:1px solid rgba(255,255,255,.05)}
.article-cover-image{display:block;width:100%;height:360px;object-fit:cover;object-position:center;border-radius:20px;border:1px solid var(--line);margin:24px 0 34px}
.player-stat-grid{margin-top:30px}
.player-skin-meta{display:none!important}
.store-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.package-summary{color:var(--muted);font-size:.86rem;line-height:1.55;min-height:42px;margin:0 0 16px}
.package-detail-top{height:280px!important}.package-detail-top strong{font-size:3rem!important}
.bundle-note,.store-note{margin-top:18px;color:#9da5b1;font-size:.84rem;line-height:1.65}
.store-note{border:1px solid var(--line);border-radius:13px;background:#0e1117;padding:16px 18px}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.cart-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--brand);color:#17130a;font-size:.68rem;font-weight:900}
.custom-tag-card{display:flex;justify-content:space-between;gap:26px;align-items:center;padding:25px;margin-bottom:34px}.custom-tag-card h2{margin:5px 0 8px}.custom-tag-card p{margin:0;color:var(--muted);max-width:690px;line-height:1.65}.custom-tag-buy{display:grid;justify-items:end;gap:12px;flex:0 0 auto}.custom-tag-buy strong{font-size:1.55rem}
.tag-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.tag-toolbar h2{margin:0 0 5px}.tag-toolbar p{margin:0}.tag-search{max-width:320px}
.tag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tag-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#12151c,#0d1015);padding:16px;min-width:0}.tag-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag-name{font-weight:850}.tag-weight{color:#69717d;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.tag-preview{min-height:48px;display:flex;align-items:center;font-size:1.15rem;background:#080a0d;border:1px solid rgba(255,255,255,.055);border-radius:9px;padding:11px 12px;margin:12px 0 9px;overflow:hidden}.tag-raw{display:block;color:#7d8591;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-bundle-label{display:inline-block;margin-top:10px;color:#9b832d;background:rgba(250,192,10,.07);border:1px solid rgba(250,192,10,.15);border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.cart-panel,.cart-summary{padding:20px}.cart-summary{display:grid;gap:14px}.cart-summary>strong{font-size:2rem}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-item:first-child{padding-top:0}.cart-item:last-child{border-bottom:0;padding-bottom:0}.cart-item h3{margin:0 0 4px}.cart-item-meta{color:var(--muted);font-size:.77rem}.cart-item-price{font-weight:900}.cart-remove{appearance:none;border:1px solid var(--line);background:#0c0e13;color:#aab1bc;border-radius:8px;padding:8px 10px;cursor:pointer}.cart-remove:hover{color:#fff;border-color:rgba(255,255,255,.18)}.cart-empty{padding:38px 10px;text-align:center;color:var(--muted)}.cart-login-required{padding:26px;text-align:center}.cart-login-required p{color:var(--muted)}
.login-error{min-height:20px;color:#ff7777;font-size:.82rem}.form button[disabled]{opacity:.6;cursor:wait}
@media(max-width:980px){.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.cart-summary{order:-1}}
@media(max-width:680px){.article-cover-image{height:240px}.custom-tag-card{align-items:stretch;flex-direction:column}.custom-tag-buy{justify-items:stretch}.tag-toolbar{align-items:stretch;flex-direction:column}.tag-search{max-width:none}.tag-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:1fr auto}.cart-remove{grid-column:1/-1}.store-hero-actions .btn{flex:1}.package-summary{min-height:0}}


/* v8 centered join modal, anchored copy feedback, compact news preview, profile fade */
body.modal-open{overflow:hidden}
.modal{display:grid;place-items:center;align-content:center;justify-content:center;overflow:auto;padding:24px 16px}
.modal-card{margin:0;align-self:center;justify-self:center}
.toast.under-menu{left:var(--toast-left);top:var(--toast-top);bottom:auto;transform:translate(-50%,8px);z-index:310;white-space:nowrap}
.toast.under-menu.show{transform:translate(-50%,0)}
.news-single{grid-template-columns:minmax(0,560px)!important;justify-content:start!important}
.news-cover-image{height:170px;object-fit:cover;object-position:center center}
.news-card .news-body{padding:19px 20px 20px}
.player-profile-subtitle{min-height:1.5em;opacity:1;transition:opacity .55s ease;margin-bottom:0}
.player-profile-subtitle.fade-out{opacity:0}
.copyable-news-ip{position:relative;display:inline-block;color:var(--brand);font-weight:800;cursor:pointer;border-bottom:1px dashed rgba(250,192,10,.42);outline:none}
.copyable-news-ip:hover,.copyable-news-ip:focus-visible{color:var(--brand-2);border-bottom-color:var(--brand-2)}
.copyable-news-ip::after{content:attr(data-copy-label);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0b0d11;color:#d9dee7;font-size:.67rem;font-weight:750;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.15s;box-shadow:0 10px 24px rgba(0,0,0,.35);z-index:10}
.copyable-news-ip:hover::after,.copyable-news-ip:focus-visible::after,.copyable-news-ip.copied::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:680px){.news-cover-image{height:155px}.modal{padding:14px 10px}.toast.under-menu{max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}}

.mc-obfuscated{display:inline-block;white-space:pre}.tag-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}.tag-price{font-size:1rem;color:#fff}.tag-buy-btn{padding:8px 11px;font-size:.76rem;min-height:36px}.tag-card .tag-bundle-label{margin-top:10px}.tag-card{display:flex;flex-direction:column}.tag-purchase-row{margin-top:auto}.tag-preview+.tag-raw{margin-bottom:0}


/* v11: force news preview to the left edge of its container */
.news-single{display:block!important;width:min(560px,100%)!important;max-width:560px!important;margin-left:0!important;margin-right:auto!important}
.news-single .news-card{display:block!important;width:100%!important;margin-left:0!important;margin-right:auto!important;justify-self:start!important}

/* Store categories + rank upgrades (v15) */
.store-currency-note{margin-top:14px;color:var(--muted);font-size:.9rem}.store-currency-note strong{color:#fff}.store-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.store-category-card{padding:28px;display:flex;gap:20px;align-items:flex-start;min-height:230px;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.store-category-card:hover{transform:translateY(-4px);border-color:rgba(250,192,10,.34)}.store-category-icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px;display:grid;place-items:center;background:rgba(250,192,10,.10);border:1px solid rgba(250,192,10,.24);color:var(--brand);font-size:1.35rem;font-weight:950}.store-category-kicker{display:block;color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}.store-category-card h2{margin:0 0 9px;font-size:1.5rem;color:#fff}.store-category-card p{margin:0;color:var(--muted);line-height:1.6}.store-category-link{display:inline-block;margin-top:20px;color:#fff;font-weight:800;font-size:.86rem}.upgrade-explainer{padding:20px 22px;margin-bottom:30px}.upgrade-explainer strong{font-size:1rem}.upgrade-explainer p{margin:7px 0 0;color:var(--muted);line-height:1.65}.upgrade-groups{display:grid;gap:32px}.upgrade-group{display:grid;gap:14px}.upgrade-group-head{display:flex;justify-content:space-between;align-items:end;gap:15px;border-bottom:1px solid var(--line);padding-bottom:11px}.upgrade-from{font-weight:900;font-size:1.1rem;color:#fff}.upgrade-group-head small{color:var(--muted)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.upgrade-card{padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.upgrade-route{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:900}.upgrade-card h3{margin:7px 0 8px;font-size:1.15rem}.upgrade-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.upgrade-buy{display:flex;align-items:center;justify-content:space-between;gap:12px}.upgrade-buy strong{font-size:1.22rem;color:#fff}.upgrade-buy .btn{white-space:nowrap}.store-home-hero{padding-bottom:24px}
@media(max-width:980px){.store-category-grid{grid-template-columns:1fr}.store-category-card{min-height:0}.upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.upgrade-grid{grid-template-columns:1fr}.upgrade-group-head{align-items:flex-start;flex-direction:column;gap:4px}.upgrade-buy{align-items:stretch;flex-direction:column}.upgrade-buy .btn{width:100%}}