/* ARSA MSO — seven-page crimson dynasty interface */
@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/cinzel-latin.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:300 800;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2')}
:root{--ink:#080303;--ink-2:#100505;--panel:rgba(19,7,7,.93);--panel-solid:#160808;--line:rgba(214,160,80,.30);--line-strong:rgba(240,194,122,.72);--red:#c8101a;--red-hi:#ff3a3a;--red-deep:#6e070b;--gold:#f0c27a;--gold-soft:#ffe2aa;--gold-dim:#c98d3c;--text:#f5ece0;--muted:#b9a693;--ok:#4fd18b;--bad:#ff7770;--serif:'Cinzel',Georgia,serif;--sans:'Inter','Segoe UI',sans-serif;--maxw:1180px;--header:72px;--pad:clamp(18px,4vw,52px);--radius:6px}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);font:400 15px/1.65 var(--sans);background:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(22,4,5,.68),rgba(8,3,3,.93)),url('img/hero-temple-sunset.png') center/cover no-repeat fixed;opacity:.72}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.72))}img,svg{display:block;max-width:100%}button,input{font:inherit}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-soft)}p{margin:0 0 1em}h1,h2,h3{margin:0;font-family:var(--serif);line-height:1.2}:focus-visible{outline:2px solid var(--red-hi);outline-offset:3px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:300;padding:10px 18px;color:#fff;background:var(--red)}.skip-link:focus{left:0}.icon{width:21px;height:21px;fill:currentColor}.muted,.hint{color:var(--muted)}[hidden]{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 25px;color:#fff;background:linear-gradient(#2b0d0d,#130404);border:1px solid var(--line-strong);border-radius:4px;font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.btn:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.12)}.btn-red{background:linear-gradient(#ff4a45,var(--red) 52%,#87080e);border-color:#ff806f;box-shadow:0 6px 22px rgba(255,30,30,.32),inset 0 1px rgba(255,255,255,.25)}.btn-gold{color:#241002;background:linear-gradient(#ffe0a0,var(--gold) 48%,#b66f1f);border-color:var(--gold-soft)}.btn-gold:hover{color:#241002}.btn-sm{padding:9px 16px;font-size:10px}.btn-xl{padding:15px 42px;font:700 16px/1 var(--serif)}.btn-block{width:100%}.btn:disabled{color:#817268;background:#2a1717;border-color:#533b31;box-shadow:none;cursor:not-allowed;transform:none;filter:none}
.site-header{position:sticky;top:0;z-index:100;height:var(--header);background:linear-gradient(rgba(10,3,3,.98),rgba(10,3,3,.87));border-bottom:1px solid var(--line);backdrop-filter:blur(10px);transition:.25s}.site-header.is-stuck{border-color:var(--line-strong);box-shadow:0 12px 36px #000}.header-inner{display:flex;align-items:center;gap:22px;width:100%;max-width:var(--maxw);height:100%;margin:auto;padding-inline:var(--pad)}.logo{display:inline-flex;flex-direction:column;justify-content:center;color:var(--text);font-family:var(--serif);line-height:.9;letter-spacing:.16em}.logo:hover{color:var(--text)}.logo b{color:var(--gold-soft);font-size:20px}.logo span{margin-top:5px;padding-left:.14em;color:var(--red-hi);font-size:10px;letter-spacing:.34em}.header-logo{height:100%;padding-block:6px}.header-logo img{width:auto;height:58px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.75))}.logo-lg{margin:0 auto 20px}.logo-lg b{font-size:34px}.logo-lg span{font-size:15px}.main-nav{display:flex;align-items:center;gap:3px;margin-left:auto}.main-nav a{position:relative;padding:10px 13px;color:#e6dac9;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main-nav a:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:var(--red-hi);transform:scaleX(0);transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--gold)}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:8px}.header-logout{margin:0}.menu-toggle{display:none;width:42px;height:40px;padding:8px;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:4px;cursor:pointer}
body[data-page=home]:before{background:linear-gradient(180deg,rgba(22,4,5,.74),rgba(8,3,3,.94)),url('img/hero-temple-sunset.png') center bottom/cover no-repeat fixed;opacity:.68}.scene{position:relative}.inner-scene{min-height:calc(100vh - var(--header));padding:0 0 70px}.page-head{padding:55px 20px 40px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(220,20,28,.28),transparent 55%)}.page-head h1{font-size:clamp(28px,4.5vw,46px);text-transform:uppercase;text-shadow:0 2px #000,0 0 24px rgba(255,50,50,.35)}.page-head p{margin:9px 0 0;color:var(--muted);letter-spacing:.07em}
.hero{min-height:calc(100svh - var(--header));display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-3}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.92) brightness(.68);transform:scale(1.03)}.hero-sparks{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-image:radial-gradient(circle,#fff8da 0 1.3px,transparent 2.6px),radial-gradient(circle,#ffbd58 0 1.8px,transparent 3px),radial-gradient(circle,#ff6258 0 1.4px,transparent 2.8px);background-size:137px 163px,223px 197px,181px 241px;background-position:18px -180px,84px -260px,126px -220px;opacity:.78;filter:drop-shadow(0 0 6px rgba(255,184,76,.9));will-change:background-position;animation:sparkFall 8s linear infinite}.hero-sparks:before,.hero-sparks:after{content:"";position:absolute;inset:-100% 0 0;pointer-events:none;will-change:transform}.hero-sparks:before{background-image:radial-gradient(ellipse,#fff3bd 0 1.5px,transparent 3.2px),radial-gradient(ellipse,#ff9d45 0 1.2px,transparent 2.8px);background-size:113px 149px,169px 211px;background-position:22px 0,91px 54px;opacity:.66;filter:drop-shadow(0 0 5px rgba(255,178,65,.85));animation:sparkLayerFast 10s linear infinite}.hero-sparks:after{background-image:radial-gradient(ellipse,#ffe4a1 0 1.3px,transparent 3px),radial-gradient(ellipse,#ff6b4a 0 1.2px,transparent 2.7px);background-size:263px 227px,191px 179px;background-position:48px 12px,136px 68px;opacity:.58;animation:sparkLayerSlow 16s linear infinite}@keyframes sparkFall{from{background-position:18px -180px,84px -260px,126px -220px}to{background-position:54px 820px,30px 940px,182px 880px}}@keyframes sparkLayerFast{from{transform:translate3d(0,-5%,0)}to{transform:translate3d(25px,55%,0)}}@keyframes sparkLayerSlow{from{transform:translate3d(0,-8%,0)}to{transform:translate3d(-35px,58%,0)}}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(9,2,2,.62),rgba(9,2,2,.42) 38%,rgba(8,3,3,.68) 72%,#080303 100%),radial-gradient(circle at 50% 25%,rgba(224,22,30,.34),transparent 38%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:360px;z-index:-1;background:linear-gradient(180deg,transparent 0,rgba(8,3,3,.2) 25%,rgba(8,3,3,.78) 72%,#080303 100%);opacity:1}.hero-content{position:relative;z-index:1;width:100%;padding:36px 20px 30px}.hero-logo{width:min(480px,72vw);height:auto;margin:0 auto 4px;filter:drop-shadow(0 15px 45px #000)}.tagline{margin:0 auto 6px;font:700 clamp(14px,2vw,19px)/1.4 var(--serif);letter-spacing:.1em;text-transform:uppercase}.tagline i{margin:0 10px;color:var(--red-hi)}.sub{margin-bottom:21px;color:var(--muted);font-size:13px;letter-spacing:.1em}.brush-text{position:absolute;left:50%;top:9%;z-index:0;transform:translateX(-50%);color:rgba(240,194,122,.08);font:900 clamp(150px,25vw,340px)/1 var(--serif);white-space:nowrap}.brush-text.small{position:relative;top:auto;margin:-25px auto -45px;text-align:center;transform:none;font-size:170px}.hero-features{position:relative;z-index:2;margin-top:auto;margin-bottom:45px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;text-align:left;background:rgba(15,4,4,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.46);transition:.25s}.feature:hover{transform:translateY(-3px);border-color:var(--line-strong)}.feature h2,.feature h3{margin-bottom:4px;font-size:14px}.feature p{display:-webkit-box;margin:0;color:var(--muted);font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.icon-badge{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;color:var(--gold);background:radial-gradient(circle,#3a1208,#120404);border:1px solid var(--gold-dim);border-radius:50%;box-shadow:0 0 18px rgba(240,160,60,.17)}.scroll-hint{position:absolute;left:50%;bottom:10px;z-index:4;transform:translateX(-50%);color:var(--gold);animation:bob 2s infinite}.scroll-hint .icon{width:28px;height:28px}@keyframes bob{50%{transform:translate(-50%,7px);opacity:.55}}
body[data-page=home] .section{background:linear-gradient(180deg,#080303 0,rgba(8,3,3,.88) 18%,rgba(8,3,3,.58) 58%,rgba(8,3,3,.9) 100%)}.section{padding:clamp(65px,8vw,105px) 0}.section-title{text-align:center;margin-bottom:34px}.section-title h2{font-size:clamp(27px,4vw,40px);text-transform:uppercase}.section-title p{color:var(--muted)}.divider{width:120px;height:2px;margin:15px auto;background:linear-gradient(90deg,transparent,var(--gold),var(--red-hi),var(--gold),transparent)}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.5),inset 0 0 35px rgba(120,10,10,.12)}.panel:after{content:"";position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;border-right:2px solid var(--gold-dim);border-bottom:2px solid var(--gold-dim);pointer-events:none}.panel-title{padding:14px 18px;color:var(--gold);background:rgba(5,1,1,.48);border-bottom:1px solid var(--line);font:700 13px var(--serif);letter-spacing:.06em;text-transform:uppercase}.panel-body{padding:22px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{overflow:hidden;transition:.25s}.news-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}.news-card .thumb{display:grid;place-items:center;height:150px;color:rgba(255,226,170,.8);background:radial-gradient(circle,rgba(200,16,26,.45),transparent 48%),linear-gradient(135deg,#270707,#090202);font:900 66px var(--serif);text-shadow:0 0 24px rgba(255,50,50,.4)}.news-card .tag{display:inline-block;padding:3px 9px;color:#210b02;background:linear-gradient(var(--gold-soft),var(--gold-dim));border-radius:3px;font-size:9px;font-weight:800;text-transform:uppercase}.news-card h3{margin:13px 0 5px;font-size:18px}.news-card time{color:var(--gold);font-size:10px}.news-card p{margin:10px 0 0;color:var(--muted);font-size:13px}
.with-sidebar{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}.side-menu{position:sticky;top:calc(var(--header) + 20px);overflow:hidden}.side-menu a{display:flex;align-items:center;gap:12px;padding:13px 16px;color:#e5d8c7;border-bottom:1px solid rgba(214,160,80,.12);font-size:12px;font-weight:600}.side-menu a:last-child{border-bottom:0}.side-menu a:hover,.side-menu a.active{color:#fff;background:linear-gradient(90deg,rgba(212,20,28,.92),rgba(110,7,11,.55));border-color:var(--red-hi)}.side-menu a.danger{color:var(--bad)}.side-menu a.disabled-link{color:#75675d;cursor:not-allowed}.pane-host{min-width:0}.info-pane.active{animation:fadeUp .3s both}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}.info-banner{padding:28px;margin-bottom:18px;border-left:3px solid var(--red)}.info-banner p{margin:0;font-size:16px}.info-features{grid-template-columns:repeat(2,1fr)}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.class-card{padding:24px}.class-card h3{margin-top:16px;font-size:18px}.class-card p{color:var(--muted);font-size:13px}.class-card .class-role{margin:4px 0 11px;color:var(--red-hi);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.decorated-list{display:grid;gap:13px;margin:18px 0 0;padding:0;list-style:none}.decorated-list li{padding:12px 15px;color:var(--muted);background:rgba(0,0,0,.24);border-left:2px solid var(--red)}.decorated-list strong{color:var(--gold)}.faq{border-top:1px solid var(--line)}.faq summary{padding:15px 3px;color:var(--gold);font-weight:700;cursor:pointer}.faq p{padding:0 3px 14px;color:var(--muted)}.anchor-target{position:absolute;bottom:0}
.download-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.client-card{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:430px;padding:38px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(200,16,26,.25),transparent 43%),var(--panel)}.big-icon{width:68px;height:68px;margin:0 auto 18px;color:var(--gold);filter:drop-shadow(0 0 15px rgba(240,194,122,.3))}.client-card h2{font-size:30px}.client-card .meta,.availability{color:var(--muted)}.mirrors{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.mirrors a,.mirrors span{display:flex;align-items:center;gap:7px;padding:8px 11px;color:#7c6f65;background:rgba(0,0,0,.25);border:1px solid rgba(214,160,80,.15);border-radius:4px;font-size:11px}.mirrors .icon{width:16px;height:16px}.req-list{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:rgba(214,160,80,.12)}.req-list li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 12px;background:rgba(13,4,4,.96)}.req-list b{color:var(--gold);font-size:11px}.req-list span{color:var(--muted);font-size:12px}.steps{grid-column:2}.steps ol{margin:0;padding-left:24px;color:var(--muted)}.steps li{margin-bottom:11px;padding-left:5px}
.ranking-wrap{position:relative;overflow:hidden}.rank-tabs{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:23px}.rank-tabs .btn{color:var(--muted);background:rgba(16,5,5,.9)}.rank-tabs .btn[aria-selected=true]{color:#fff;background:linear-gradient(var(--red-hi),var(--red) 52%,var(--red-deep));border-color:#ff7a6a}.table-wrap{width:100%;overflow:visible}.rank-panel{overflow:hidden}.rank-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:linear-gradient(90deg,rgba(200,16,26,.18),rgba(5,1,1,.3));border-bottom:1px solid var(--line)}.rank-summary h2{color:var(--gold-soft);font-size:17px}.rank-summary span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rank-table{width:100%;table-layout:fixed;border-collapse:collapse}.rank-table th:nth-child(1){width:11%}.rank-table th:nth-child(2){width:36%}.rank-table th:nth-child(3){width:22%}.rank-table th:nth-child(4){width:31%}.rank-table th,.rank-table td{padding:12px 20px;text-align:left;border-bottom:1px solid rgba(214,160,80,.13);font-size:12px;overflow-wrap:anywhere}.rank-table th{color:var(--gold);background:rgba(5,1,1,.56);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.rank-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}.rank-table tr:last-child td{border-bottom:0}.rank-table tbody tr:hover{background:rgba(200,16,26,.12)}.rank-no{display:inline-grid;place-items:center;width:28px;height:28px;font-weight:800}.rank-no.r1,.rank-no.r2,.rank-no.r3{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#210b02}.rank-no.r1{background:linear-gradient(#ffe39a,#d99a2b)}.rank-no.r2{background:linear-gradient(#f2f2f2,#9da3ab)}.rank-no.r3{background:linear-gradient(#f2b27a,#a35a22)}.rank-name{color:var(--text);font-family:var(--serif);font-weight:700}.rank-value{color:var(--gold);font-weight:700}.empty{text-align:center;color:var(--muted)}.unavailable-panel{padding:55px;text-align:center}.unavailable-panel p{max-width:52ch;margin:9px auto 0;color:var(--muted)}
.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - var(--header));padding:55px 18px}.auth-card{width:min(440px,100%);padding:30px;text-align:center}.auth-card h1{font-size:22px;text-transform:uppercase}.auth-card .hint{margin:6px 0 22px;font-size:11px;letter-spacing:.08em}.field{position:relative;display:block;margin-bottom:13px}.field .icon{position:absolute;left:13px;top:50%;z-index:1;transform:translateY(-50%);width:18px;height:18px;color:var(--gold)}.field input{width:100%;padding:13px 13px 13px 43px;color:var(--text);background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:4px}.field input:focus{outline:0;border-color:var(--red-hi);box-shadow:0 0 0 3px rgba(255,58,58,.16)}.disabled-field{opacity:.6}.notice{margin:0 0 18px;padding:13px 15px;text-align:left;border:1px solid var(--line);border-radius:4px;font-size:12px}.notice p{margin:5px 0 0}.notice.warn{color:#ffd28a;background:rgba(201,141,60,.12)}.notice.error{color:#ffc0ba;background:rgba(200,16,26,.16);border-color:rgba(255,119,112,.4)}.auth-foot{margin:17px 0 0;color:var(--muted);font-size:12px}.security-note{margin:12px 0 0;color:#796a5f;font-size:10px}
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.welcome{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px}.avatar{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;color:#241002;background:linear-gradient(var(--gold-soft),var(--gold-dim));border:3px solid rgba(255,255,255,.14);border-radius:50%;font:800 27px var(--serif);box-shadow:0 0 24px rgba(240,194,122,.2)}.who-block small{color:var(--muted)}.who-block h1{font-size:27px;color:var(--gold-soft)}.who-block p{margin:6px 0 0;color:var(--muted);font-size:12px}.status-pill{display:inline-block;margin-top:7px;padding:3px 9px;color:#b9ffd7;background:rgba(79,209,139,.1);border:1px solid rgba(79,209,139,.35);border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase}.status-pill.bad{color:#ffc0ba;background:rgba(200,16,26,.15);border-color:rgba(255,119,112,.4)}.account-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:360px}.account-points div{padding:13px;text-align:center;background:rgba(0,0,0,.28);border:1px solid var(--line)}.account-points b{display:block;color:var(--gold);font:700 20px var(--serif)}.account-points span{color:var(--muted);font-size:9px;text-transform:uppercase}.summary-tile{padding:20px;text-align:center}.summary-tile b{display:block;color:var(--gold);font:700 25px var(--serif)}.summary-tile span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.characters-panel{grid-column:1/-1}.char-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.character-card{padding:18px;background:rgba(0,0,0,.24);border:1px solid var(--line);border-radius:4px}.character-head{display:flex;align-items:center;gap:10px}.character-head h3{color:var(--gold-soft)}.character-head span{margin-left:auto;color:var(--gold);font-size:11px}.character-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 0}.character-stats div{padding:8px;background:rgba(0,0,0,.25)}.character-stats b{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.character-stats span{font-size:12px}.quick-links{grid-column:1/-1}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick a{display:flex;align-items:center;gap:9px;padding:12px;color:var(--text);background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:4px}.quick a:hover{color:var(--gold);border-color:var(--line-strong)}.logout-side{width:100%;margin:0}.logout-side button{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;color:var(--bad);background:transparent;border:0;border-top:1px solid var(--line);cursor:pointer}.logout-side button:hover{background:rgba(200,16,26,.15)}
.dashboard-layout{padding-top:38px;align-items:start}.dashboard-menu{overflow:hidden}.dashboard-menu>.panel-title{margin:0}.side-menu-section{display:block}.side-menu-label{display:block;padding:14px 16px 7px;color:var(--gold-dim);background:rgba(0,0,0,.2);font:700 9px/1 var(--serif);letter-spacing:.18em;text-transform:uppercase}.side-menu-section a{display:flex;align-items:center;gap:12px;padding:13px 16px;color:#e5d8c7;border-bottom:1px solid rgba(214,160,80,.12);font-size:12px;font-weight:600}.side-menu-section a:hover,.side-menu-section a.active{color:#fff;background:linear-gradient(90deg,rgba(212,20,28,.92),rgba(110,7,11,.55));border-color:var(--red-hi)}.player-page{min-width:0}.dashboard-page-head{margin-bottom:20px;padding:4px 3px 17px;border-bottom:1px solid var(--line)}.dashboard-page-head h1{font-size:clamp(26px,4vw,40px);text-transform:uppercase}.dashboard-page-head p{margin:7px 0 0;color:var(--muted)}.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qr-card,.topup-card,.upload-card,.payment-guide{min-width:0}.qr-card .panel-body{text-align:center}.qr-placeholder{display:grid;place-items:center;min-height:300px;padding:35px;background:repeating-conic-gradient(from 45deg,rgba(255,255,255,.025) 0 25%,transparent 0 50%) 0/22px 22px,rgba(0,0,0,.28);border:1px dashed var(--line-strong)}.qr-placeholder .qr-icon{width:72px;height:72px;margin-bottom:16px;color:var(--gold)}.qr-placeholder strong{font:700 17px var(--serif)}.qr-placeholder span{color:var(--muted);font-size:11px}.draft-badge{display:inline-flex;margin:15px 0 0;padding:5px 10px;color:#ffd896;background:rgba(201,141,60,.13);border:1px solid rgba(240,194,122,.3);border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.amount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.amount-grid button{padding:17px;color:var(--gold-soft);background:linear-gradient(#30100d,#120404);border:1px solid var(--line);border-radius:4px;font:700 16px var(--serif)}.amount-grid button:disabled{opacity:.75}.draft-field{display:block;margin-top:12px}.draft-field span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.draft-field input{width:100%;padding:12px;color:var(--muted);background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:4px}.topup-total{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:14px;background:rgba(200,16,26,.1);border:1px solid rgba(255,58,58,.25)}.topup-total span{color:var(--muted);font-size:11px}.topup-total strong{color:var(--gold);font:700 21px var(--serif)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;margin-bottom:15px;padding:30px;text-align:center;background:rgba(0,0,0,.24);border:1px dashed var(--line-strong)}.upload-placeholder .big-icon{margin-bottom:9px}.upload-placeholder p{max-width:46ch;color:var(--muted);font-size:12px}.topup-steps{display:grid;gap:13px;margin:0 0 20px;padding:0;list-style:none;counter-reset:topup}.topup-steps li{position:relative;min-height:43px;padding:3px 0 3px 52px;counter-increment:topup}.topup-steps li:before{content:counter(topup);position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;color:#250801;background:linear-gradient(var(--gold-soft),var(--gold-dim));border-radius:50%;font-weight:800}.topup-steps b,.topup-steps span{display:block}.topup-steps b{color:var(--gold-soft)}.topup-steps span{color:var(--muted);font-size:12px}.history-panel{overflow:hidden}.history-table-wrap{width:100%;overflow-x:auto}.history-table{width:100%;min-width:700px;border-collapse:collapse}.history-table th,.history-table td{padding:14px 17px;text-align:left;border-bottom:1px solid rgba(214,160,80,.13);font-size:11px}.history-table th{color:var(--gold);background:rgba(0,0,0,.36);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center}.history-empty .big-icon{margin-bottom:7px}.history-empty strong{font:700 17px var(--serif)}.history-empty span{max-width:55ch;margin-top:6px;color:var(--muted)}.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.privilege-card{display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:30px;overflow:hidden}.privilege-card .big-icon{margin:0 0 20px}.privilege-card .draft-badge{margin:0 0 12px}.privilege-card h2{font-size:24px}.privilege-card p{position:relative;z-index:1;flex:1;color:var(--muted)}.privilege-glyph{position:absolute;right:15px;top:-27px;color:rgba(255,64,64,.08);font:900 180px var(--serif)}.wheel-panel{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.75fr);gap:34px;align-items:center;padding:42px}.wheel-stage{position:relative;display:grid;place-items:center;min-height:430px}.prize-wheel{display:grid;place-items:center;width:min(390px,75vw);aspect-ratio:1;border:8px solid var(--gold-dim);border-radius:50%;background:conic-gradient(#b20e17 0 45deg,#30100d 45deg 90deg,#d39035 90deg 135deg,#611016 135deg 180deg,#b20e17 180deg 225deg,#30100d 225deg 270deg,#d39035 270deg 315deg,#611016 315deg);box-shadow:0 0 0 8px #160808,0 0 0 10px var(--line-strong),0 22px 55px #000}.wheel-center{display:grid;place-items:center;width:86px;height:86px;color:#280b02;background:linear-gradient(var(--gold-soft),var(--gold-dim));border:6px solid #160808;border-radius:50%}.wheel-center .icon{width:40px;height:40px}.wheel-pointer{position:absolute;top:8px;z-index:2;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:48px solid var(--gold-soft);filter:drop-shadow(0 5px 4px #000)}.wheel-copy h2{margin:15px 0 10px;font-size:30px}.wheel-copy p{color:var(--muted)}.referral-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.referral-card .panel-body{text-align:center}.referral-code{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;padding:15px;background:rgba(0,0,0,.35);border:1px dashed var(--line-strong)}.referral-code span{color:var(--gold-soft);font:700 18px var(--serif);letter-spacing:.1em}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.referral-stats div{padding:13px;background:rgba(0,0,0,.25);border:1px solid var(--line)}.referral-stats b,.referral-stats span{display:block}.referral-stats b{color:var(--gold);font:700 22px var(--serif)}.referral-stats span{color:var(--muted);font-size:9px;text-transform:uppercase}
.topup-form{margin:0}.topup-intake-grid{align-items:start}.qr-live{width:min(100%,430px);margin:0 auto;padding:14px;background:#fff;border:5px solid rgba(255,226,170,.75);border-radius:8px}.qr-live img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.merchant-label{display:block;margin-top:15px;color:var(--gold-soft);font:700 17px var(--serif)}.payment-instructions{margin:7px auto 0;color:var(--muted);font-size:12px}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0}.package-option{position:relative;display:block;cursor:pointer}.package-option input{position:absolute;opacity:0;pointer-events:none}.package-face{display:flex;flex-direction:column;min-height:125px;padding:17px;background:linear-gradient(#30100d,#120404);border:1px solid var(--line);border-radius:5px;transition:.2s}.package-face b{color:var(--text);font-size:12px}.package-face strong{margin:auto 0 2px;color:var(--gold-soft);font:700 20px var(--serif)}.package-face small{color:var(--muted)}.package-option:hover .package-face,.package-option input:focus-visible+.package-face{border-color:var(--line-strong);transform:translateY(-2px)}.package-option input:checked+.package-face{background:linear-gradient(145deg,rgba(200,16,26,.55),#180505);border-color:var(--red-hi);box-shadow:0 0 0 2px rgba(255,58,58,.15),0 12px 24px rgba(0,0,0,.35)}.package-option input:disabled+.package-face{opacity:.55;cursor:not-allowed}.package-empty{grid-column:1/-1;color:var(--muted)}.topup-field{display:block;margin-bottom:17px}.topup-field span{display:block;margin-bottom:6px;color:var(--gold-soft);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topup-field input{width:100%;padding:12px;color:var(--text);background:rgba(0,0,0,.42);border:1px solid var(--line);border-radius:4px;text-transform:uppercase}.topup-field input:focus{outline:0;border-color:var(--red-hi);box-shadow:0 0 0 3px rgba(255,58,58,.14)}.receipt-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;margin-bottom:12px;padding:25px;text-align:center;background:rgba(0,0,0,.24);border:1px dashed var(--line-strong);cursor:pointer}.receipt-picker:hover{background:rgba(200,16,26,.08)}.receipt-picker .big-icon{margin-bottom:8px}.receipt-picker span{max-width:100%;margin-top:5px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.receipt-picker input{position:absolute;width:1px;height:1px;opacity:0}.receipt-picker:focus-within{outline:2px solid var(--red-hi);outline-offset:2px}.receipt-privacy{color:var(--muted);font-size:10px}.notice.success{color:#b9ffd7;background:rgba(79,209,139,.12);border-color:rgba(79,209,139,.4)}.topup-status{display:inline-flex;padding:4px 9px;border:1px solid;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase}.topup-status.pending{color:#ffd28a;background:rgba(201,141,60,.12);border-color:rgba(240,194,122,.4)}.topup-status.approved{color:#b9ffd7;background:rgba(79,209,139,.1);border-color:rgba(79,209,139,.4)}.topup-status.rejected{color:#ffc0ba;background:rgba(200,16,26,.16);border-color:rgba(255,119,112,.4)}.topup-history-table{min-width:930px}.topup-history-table td{vertical-align:top}.topup-history-table td small,.history-ref{display:block;margin-top:4px}.history-ref{color:var(--gold);font-size:10px}.topup-history-table td small{color:var(--muted);font-size:9px}.topup-history-table code{color:var(--gold-soft)}.rejection-reason{max-width:180px;color:var(--bad)!important}.referral-rewards{grid-column:1/-1}.reward-list{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:rgba(214,160,80,.13)}.reward-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;background:rgba(13,4,4,.96)}.reward-list strong,.reward-list small{display:block}.reward-list small{color:var(--muted);font-size:10px}.reward-list>li>b{color:var(--gold);font-family:var(--serif);text-align:right}.site-footer{margin-top:auto;background:#070202;border-top:1px solid var(--line)}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;max-width:var(--maxw);margin:auto;padding:35px var(--pad)}.footer-inner nav{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.footer-inner nav a{color:var(--muted);font-size:11px}.footer-inner p{margin:0;color:#796b60;font-size:10px}.footer-inner-simple{display:flex;justify-content:center;text-align:center;padding-block:25px}.footer-inner-simple p{margin:0;color:var(--muted);font-size:11px;letter-spacing:.04em}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;left:0;right:0;top:var(--header);display:flex;flex-direction:column;align-items:stretch;padding:9px var(--pad) 15px;background:rgba(10,3,3,.99);border-bottom:1px solid var(--line-strong);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.site-header.open .main-nav{opacity:1;visibility:visible;transform:none}.main-nav a{padding:13px 4px;border-bottom:1px solid var(--line)}.main-nav a:after{display:none}.feature-row{grid-template-columns:repeat(2,1fr)}.with-sidebar{grid-template-columns:1fr}.side-menu{position:static;display:flex;overflow-x:auto}.side-menu .panel-title{display:none}.side-menu a{flex:0 0 auto;border-bottom:0;border-right:1px solid var(--line)}.download-grid{grid-template-columns:1fr}.client-card{grid-row:auto}.steps{grid-column:auto}.dash-grid{grid-template-columns:repeat(2,1fr)}.welcome{grid-template-columns:auto 1fr}.account-points{grid-column:1/-1}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-inner .logo{margin:auto}.footer-inner p{margin:auto}.dashboard-layout{padding-top:22px}.dashboard-menu{display:flex;align-items:stretch;gap:0;overflow-x:auto}.dashboard-menu>.panel-title{display:none}.dashboard-menu>a,.side-menu-section a{flex:0 0 auto;border-right:1px solid var(--line);border-bottom:0}.side-menu-section{display:flex;align-items:stretch}.side-menu-label{display:flex;align-items:center;flex:0 0 auto;padding:7px 11px;writing-mode:vertical-rl;transform:rotate(180deg);border-left:1px solid var(--line);font-size:8px}.logout-side{flex:0 0 auto;width:auto}.logout-side button{height:100%;border-top:0;border-left:1px solid var(--line)}.payment-grid,.promo-grid,.referral-grid{grid-template-columns:1fr}.wheel-panel{grid-template-columns:1fr;padding:28px}.wheel-stage{min-height:370px}}
@media(max-width:650px){:root{--header:64px}.package-grid{grid-template-columns:1fr}.package-face{min-height:108px}.receipt-picker{min-height:160px}.reward-list li{align-items:flex-start;flex-direction:column}.topup-total{align-items:flex-start;flex-direction:column;gap:4px}.header-actions .btn-gold{display:none}.header-actions .btn-sm{padding:8px 11px}.logo b{font-size:16px}.news-grid,.class-grid,.char-list{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr}.hero-content{padding-top:20px}.hero-logo{width:min(370px,82vw)}.hero-features{margin-bottom:48px}.feature{padding:13px}.info-features{grid-template-columns:1fr}.page-head{padding:40px 16px 30px}.auth-wrap{padding:35px 14px}.auth-card{padding:24px 18px}.rank-tabs{display:grid;grid-template-columns:1fr 1fr}.rank-tabs .btn{padding-inline:10px}.rank-summary{padding:13px 12px}.rank-summary h2{font-size:14px}.rank-table th,.rank-table td{padding:10px 7px;font-size:10px}.rank-table th{font-size:8px;letter-spacing:.04em}.rank-table th:nth-child(1){width:14%}.rank-table th:nth-child(2){width:34%}.rank-table th:nth-child(3){width:20%}.rank-table th:nth-child(4){width:32%}.rank-no{width:24px;height:24px;font-size:10px}.brush-text.small{font-size:110px}.welcome{grid-template-columns:1fr;text-align:center}.welcome .avatar{margin:auto}.account-points{min-width:0}.dash-grid{grid-template-columns:1fr}.character-stats,.quick{grid-template-columns:1fr}.side-menu a{padding:11px}.side-menu a .icon{display:none}.req-list li{grid-template-columns:90px 1fr}.client-card{min-height:360px;padding:26px 18px}.dashboard-menu a .icon,.dashboard-menu button .icon{display:block}.dashboard-menu>a,.side-menu-section a,.logout-side button{padding:11px 12px;font-size:10px}.dashboard-page-head{margin-bottom:14px}.dashboard-page-head h1{font-size:25px}.qr-placeholder{min-height:240px;padding:24px}.amount-grid{grid-template-columns:1fr 1fr}.wheel-panel{padding:20px}.wheel-stage{min-height:300px}.prize-wheel{width:min(280px,72vw)}.wheel-pointer{top:0}.referral-code{align-items:stretch;flex-direction:column}.referral-stats{grid-template-columns:1fr}.history-table{min-width:620px}}
.hero-sparks.spark-js{background:none;filter:none;animation:none}.hero-sparks.spark-js:before,.hero-sparks.spark-js:after{display:none;animation:none}.spark-light{position:absolute;left:0;top:0;border-radius:50%;background:#fff1b8;box-shadow:0 0 5px #ffc15a,0 0 10px rgba(255,96,40,.65);will-change:transform}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-sparks{animation-duration:8s!important;animation-iteration-count:infinite!important}.hero-sparks:before{animation-duration:10s!important;animation-iteration-count:infinite!important}.hero-sparks:after{animation-duration:16s!important;animation-iteration-count:infinite!important}.hero-sparks.spark-js,.hero-sparks.spark-js:before,.hero-sparks.spark-js:after{animation:none!important}}
/* ---- Accumulated Top-up Promotion --------------------------------------- */
.promo-progress-panel .panel-body{padding:20px 22px}.promo-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.promo-progress-value{color:var(--gold-soft);font:700 26px var(--serif)}.promo-progress-target{color:var(--muted);font-size:11px}.promo-progress-track{height:16px;margin-top:14px;background:rgba(0,0,0,.45);border:1px solid var(--line);border-radius:99px;overflow:hidden}.promo-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#7d0b12,rgba(255,58,58,.9));border-radius:99px;transition:width .4s}.promo-progress-meta{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:10px}.promo-tier-wrap{overflow-x:auto}.promo-tier-table{width:100%;min-width:780px}.promo-tier-table th,.promo-tier-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.promo-tier-table th:first-child,.promo-tier-table td:first-child{text-align:left}.promo-tier-table thead th{color:var(--gold-soft);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.promo-item-head b{display:block;color:var(--text);font-size:11px;text-transform:none;letter-spacing:0}.promo-item-head small{color:var(--muted);font-size:9px}.promo-qty{display:inline-block;padding:4px 9px;color:var(--gold-soft);background:rgba(214,160,80,.12);border:1px solid rgba(240,194,122,.3);border-radius:99px;font-size:11px;font-weight:700}.promo-qty--empty{color:var(--muted);background:transparent;border-color:transparent}.promo-threshold{color:var(--gold);font:700 15px var(--serif)}.topup-status.reached{color:#ffe0a8;background:rgba(214,160,80,.14);border-color:rgba(240,194,122,.45)}.topup-status.claimed{color:#b9ffd7;background:rgba(79,209,139,.1);border-color:rgba(79,209,139,.4)}.topup-status.locked{color:var(--muted);background:rgba(255,255,255,.04);border-color:var(--line)}.promo-claim-form{margin-top:8px}.promo-claim-form .btn{width:100%;min-width:110px}.promo-note{display:block;margin:6px 0 0;color:var(--muted);font-size:10px}.promo-empty{padding:26px;text-align:center;color:var(--muted)}
@media(max-width:650px){.promo-progress-value{font-size:22px}.promo-tier-table{min-width:620px}}
/* ---- Spin points and package bonuses ------------------------------------ */
.package-bonus{display:block;margin-top:5px;color:var(--gold);font-size:10px;font-style:normal;letter-spacing:.02em}.history-bonus{display:block;margin-top:3px;color:var(--gold-soft);font-size:9px}.spin-balance{display:inline-flex;align-items:baseline;gap:8px;margin:4px 0 12px;padding:8px 15px;background:rgba(214,160,80,.1);border:1px solid rgba(240,194,122,.3);border-radius:99px}.spin-balance b{color:var(--gold-soft);font:700 20px var(--serif)}.spin-balance span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
/* ---- Spin & Draw wheel --------------------------------------------------- */
.spin-panel{align-items:center}.spin-wheel{position:relative;background:repeating-conic-gradient(from -90deg,rgba(200,16,26,.9) 0 calc(180deg / var(--segments)),rgba(24,7,7,.96) 0 calc(360deg / var(--segments)));border:6px solid rgba(255,226,170,.55);box-shadow:0 0 0 3px rgba(0,0,0,.6),0 25px 60px rgba(0,0,0,.5);transition:transform 2.6s cubic-bezier(.15,.85,.15,1)}.spin-wheel--won{animation:wheelWin 2.6s cubic-bezier(.15,.85,.15,1) both}.spin-wheel .wheel-center{background:radial-gradient(circle at 35% 30%,#ffe9bd,#c9963f 55%,#7d5417);color:#2a1403}.spin-wheel .wheel-center .icon{width:34px;height:34px}@keyframes wheelWin{from{transform:rotate(0)}to{transform:rotate(1180deg)}}.spin-hint{margin:10px 0 0;color:var(--muted);font-size:11px}.spin-hint a{color:var(--gold-soft)}.spin-recent{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:1px;background:rgba(214,160,80,.13)}.spin-recent li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(13,4,4,.96);font-size:11px}.spin-recent span{color:var(--muted);font-size:9px}.spin-recent b{flex:1;color:var(--text);font-weight:600}.spin-recent small{color:var(--gold-soft)}.spin-prize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.spin-prize{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(0,0,0,.32);border:1px solid var(--line);border-radius:6px}.spin-prize b{display:block;color:var(--text);font-size:12px}.spin-prize small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.spin-prize em{margin-left:auto;color:var(--gold);font:700 12px var(--serif);font-style:normal}.spin-glyph{display:grid;place-items:center;width:34px;height:34px;color:var(--gold-soft);background:rgba(214,160,80,.12);border:1px solid rgba(240,194,122,.3);border-radius:5px;font-family:var(--serif)}.draw-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
/* ---- Spin wheel layout, segment labels and prize icons ------------------- */
.spin-wheel{width:320px;height:320px;border-radius:50%;position:relative;margin:0 auto}.spin-wheel .wheel-center{position:relative;z-index:2}.spin-wheel .wheel-label{position:absolute;left:50%;top:50%;width:76px;margin-left:-38px;margin-top:-26px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;pointer-events:none}.spin-wheel .wheel-label img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}.spin-wheel .wheel-label em{font-style:normal;font-size:9px;line-height:1.15;color:#ffeccd;text-shadow:0 1px 2px rgba(0,0,0,.85);max-width:76px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.spin-prize-icon{width:34px;height:34px;object-fit:contain;flex:0 0 34px}.admin-icon-preview{display:block;width:44px;height:44px;object-fit:contain;margin:6px 0;padding:3px;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:6px}.admin-icon-thumb{width:22px;height:22px;object-fit:contain;vertical-align:-6px;margin-right:7px}
/* ---- SVG wheel rendering ------------------------------------------------ */.spin-wheel-svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;border-radius:50%;overflow:hidden}