@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#050914;--bg2:#070d19;--panel:#09111f;--panel2:#0c1526;--line:#22314a;--line2:#354d72;--text:#f4f3fa;--muted:#8996af;--violet:#a72cff;--violet2:#6d24e8;--pink:#e03bff;--blue:#4da7ff;--green:#38ef8a;--gold:#f2a33a;--danger:#ff617b;--shadow:0 18px 60px #0009}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -18%,#162441 0,#08101e 30%,#030610 70%);color:var(--text);font-family:Montserrat,Segoe UI,sans-serif;font-size:14px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1580px,calc(100% - 64px));margin:auto}
.sitebar{height:70px;background:linear-gradient(180deg,#050914fa,#040812f2);border-bottom:1px solid #1d2f4c;position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);box-shadow:0 10px 35px #0005}.sitebar .shell{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:250px}.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 16px #922cff88)}.brand strong{font-family:Montserrat,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1.1px;text-transform:uppercase}.brand em{font-style:normal;background:linear-gradient(180deg,#ffecff,#e640ff 42%,#8c28ef);-webkit-background-clip:text;color:transparent}.nav{height:100%;display:flex;align-items:center;gap:4px}.nav a{height:100%;display:grid;place-items:center;padding:0 16px;color:#aab4c7;font-weight:700;font-size:11px;position:relative;transition:.2s}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;height:3px;border-radius:3px;background:linear-gradient(90deg,#8c32ff,#eb3cff);left:15px;right:15px;bottom:0;box-shadow:0 0 12px #c82dff}.grow{flex:1}.serverstate{white-space:nowrap;font-weight:700;font-size:12px;color:#66f7a4;display:flex;align-items:center;gap:8px}.serverstate i{width:9px;height:9px;border-radius:50%;background:#35f28a;box-shadow:0 0 12px #35f28a}.serverstate.off{color:#ff8798}.serverstate.off i{background:#ff617b;box-shadow:0 0 10px #ff617b}.navbtn{height:38px;min-width:108px;border:1px solid #5a3883;border-radius:8px;display:grid;place-items:center;padding:0 16px;font-size:10px;font-weight:800;background:#0a1020;transition:.2s}.navbtn:hover{background:#15142a;border-color:#9652e5}.navbtn.primary{background:linear-gradient(135deg,#9d1df3,#690ccf);border-color:#af39ff;box-shadow:0 0 18px #8408d644}.nav-icons{display:flex;gap:8px;align-items:center}.iconbtn{width:34px;height:34px;border:1px solid #273b59;border-radius:5px;background:#0b1220;color:#cbd7ed;cursor:pointer;position:relative}.iconbtn:hover{border-color:#8c4bc1;color:#fff}.badge{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#b418ef;color:#fff;font-size:9px;font-weight:700}
.hero{height:500px;position:relative;overflow:hidden;border-bottom:1px solid #1a2a43}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#020611ed 0,#05101fcb 31%,#05101f4f 58%,#05101f0b 100%),linear-gradient(0deg,#030610e8 0,#03061000 36%),url('/assets/brand/kraken-scene-v140.jpg');background-size:cover;background-position:center 48%;transform:scale(1.01)}.hero .shell{height:100%;position:relative;display:flex;align-items:center}.hero-copy{width:760px;margin-top:-4px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.36em;color:#d7d3e4;text-transform:uppercase}.hero-logo{display:flex;align-items:flex-end;margin:12px 0 0}.hero-logo img{width:132px;height:132px;object-fit:contain;margin-right:-20px;margin-bottom:-1px;filter:drop-shadow(0 0 25px #9b2fff80)}.hero-logo h1{font-family:Montserrat,sans-serif;font-size:82px;font-weight:900;line-height:.9;text-transform:uppercase;letter-spacing:-5px;margin:0;text-shadow:0 8px 28px #000}.hero-logo h1 span{background:linear-gradient(180deg,#fefefe 6%,#f0eaff 44%,#9da8d6 66%,#ffffff 91%);-webkit-background-clip:text;color:transparent}.hero-logo h1 em{font-style:normal;background:linear-gradient(180deg,#ffecff 0,#f04aff 35%,#9917eb 66%,#ff79ff 100%);-webkit-background-clip:text;color:transparent}.hero-tag{font-size:12px;letter-spacing:.45em;margin:10px 0 13px;color:#e7e2ef}.hero-desc{color:#bcc7d8;line-height:1.65;max-width:650px;margin:0 0 21px;font-size:13px}.hero-actions{display:flex;gap:12px}.hero-btn{height:64px;min-width:190px;border:1px solid #7850a5;border-radius:9px;background:#080e1be6;padding:0 18px;display:flex;align-items:center;gap:14px;font-size:11px;font-weight:800;transition:.22s}.hero-btn:hover{border-color:#c353ff;transform:translateY(-2px);box-shadow:0 10px 30px #0008}.hero-btn.primary{background:linear-gradient(135deg,#b01cff,#6e19de 58%,#4a35ef);border-color:#c843ff;box-shadow:0 0 32px #9122ef55}.hero-btn .ico{font-size:27px}.hero-btn small{display:block;color:#9fa9bc;font-weight:400;font-size:10px;margin-top:4px}.hero-btn.primary small{color:#dec9f1}.status-card{position:absolute;right:0;bottom:30px;width:360px;height:145px;padding:22px 28px;background:linear-gradient(150deg,#050a13f5,#081221f0);clip-path:polygon(7% 0,93% 0,100% 15%,100% 85%,93% 100%,7% 100%,0 85%,0 15%);filter:drop-shadow(0 18px 35px #000a);border:1px solid #3e5374}.status-card .cap{text-align:center;letter-spacing:.32em;color:#9facbf;font-size:9px}.online-big{font-size:20px;font-weight:700;text-align:center;color:var(--green);margin:7px 0 17px}.online-big:before{content:"";display:inline-block;width:12px;height:12px;background:var(--green);border-radius:50%;box-shadow:0 0 13px var(--green);margin-right:12px}.status-metrics{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;border-top:1px solid #263850;padding-top:10px}.status-metrics div+div{border-left:1px solid #263850}.status-metrics b{display:block;font-size:14px}.status-metrics span{font-size:9px;color:#8592a7}
.features{height:106px;border-bottom:1px solid #17263d;background:linear-gradient(180deg,#07101d,#050a13)}.feature-grid{height:100%;display:grid;grid-template-columns:repeat(5,1fr)}.feature{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:0 18px;border-left:1px solid #182941}.feature:last-child{border-right:1px solid #182941}.feature .fi{width:45px;height:45px;border:1px solid #8e3fd0;border-radius:5px;display:grid;place-items:center;font-size:23px;color:#c66aff;background:#33104f55}.feature b{display:block;font-size:12px}.feature small{display:block;color:#8794aa;font-size:10px;line-height:1.45;margin-top:5px}
.dashboard{padding:18px 0 22px;background:radial-gradient(circle at 50% 0,#13213d22,transparent 45%),#040811}.dashboard-grid{display:grid;grid-template-columns:1.08fr 1.12fr .8fr;gap:16px}.dash-card,.panel{background:linear-gradient(165deg,#091322f6,#060d18f7);border:1px solid #243a59;border-radius:10px;box-shadow:inset 0 1px #ffffff07,0 16px 50px #0003}.dash-head{height:45px;border-bottom:1px solid #223149;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.dash-head h2{font-size:14px;margin:0}.more{color:#d03cff;font-size:10px;font-weight:700}.news-list{padding:8px}.news-item{display:grid;grid-template-columns:180px 1fr;gap:10px;padding:0;border:1px solid #1d2d45;border-radius:5px;overflow:hidden;background:#091321;margin-bottom:7px;min-height:76px}.news-item:last-child{margin-bottom:0}.news-pic{background:url('/assets/brand/kraken-scene-v140.jpg') center/cover}.news-item:nth-child(2) .news-pic{background-position:20% 52%}.news-item:nth-child(3) .news-pic{background-position:70% 47%}.news-copy{padding:9px 9px 7px}.news-copy .tag{display:inline-block;padding:3px 7px;border-radius:3px;background:#b72ce1;color:white;font-size:8px;font-weight:700;margin-right:8px}.news-copy .date{font-size:9px;color:#8391a9}.news-copy h3{font-size:12px;margin:5px 0 3px}.news-copy p{font-size:10px;color:#9ba8ba;margin:0;line-height:1.35}.shop-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px 12px}.shop-tabs a{height:28px;border:1px solid #273b58;border-radius:4px;display:grid;place-items:center;color:#8090a9;font-size:9px}.shop-tabs a:first-child{border-color:#9c2be2;background:#43115e;color:#f3dcff}.shop-preview{padding:0 12px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-item{border:1px solid #2b3d58;border-radius:5px;background:#0b1422;overflow:hidden;min-height:116px}.item-art{height:74px;display:grid;place-items:center;background:radial-gradient(circle,#172549 0,#0d1422 66%)}.item-art img{width:62px;height:62px;object-fit:contain;image-rendering:auto}.item-info{border-top:1px solid #293d59;padding:7px 8px;position:relative}.item-info b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25px}.item-info span{display:block;color:#f1a635;font-size:9px;font-weight:700;margin-top:4px}.cart-btn{position:absolute;right:6px;bottom:7px;width:25px;height:25px;border-radius:4px;background:linear-gradient(135deg,#bf1df2,#7117dc);display:grid;place-items:center;font-style:normal}.rank-wrap{padding:8px 12px}.rank-table{width:100%;border-collapse:collapse;font-size:10px}.rank-table th{background:#0b1524;color:#8b98aa;text-align:left;border:1px solid #1d2c43;padding:7px 8px}.rank-table td{padding:7px 8px;border-bottom:1px solid #172840;color:#c7d0df}.rank-table tr:hover td{background:#0e1828}.rank-no{width:36px;text-align:center}.rank-no.top1{color:#ffcd3f}.rank-no.top2{color:#d7e0ec}.rank-no.top3{color:#e09567}
.page{min-height:calc(100vh - 148px);padding:48px 0 72px;background:radial-gradient(circle at 50% 0,#17243e55 0,#07101e 31%,#030610 75%);position:relative;isolation:isolate;overflow:hidden}.page:before{content:"";position:absolute;z-index:-2;top:-155px;right:-120px;width:920px;height:520px;background:linear-gradient(90deg,#030610 0,#03061055 38%,transparent 70%),linear-gradient(0deg,#030610 0,transparent 72%),url('/assets/brand/kraken-scene-v140.jpg') 67% 45%/cover no-repeat;opacity:.18;filter:saturate(1.15)}.page:after{content:"";position:absolute;z-index:-1;top:-100px;left:12%;width:700px;height:350px;background:radial-gradient(ellipse,#7420cb20 0,transparent 67%);pointer-events:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{font-family:Montserrat,sans-serif;font-size:40px;font-weight:900;margin:7px 0 0;letter-spacing:-1.7px;text-shadow:0 10px 28px #0008}.page-head .eyebrow{color:#cfb8df}.page-head p{color:#8d9ab0;max-width:650px;text-align:right;line-height:1.65;font-size:11px}.panel{padding:24px}.form{max-width:620px;margin:auto}.field{margin:0 0 15px}.field label{display:block;font-size:10px;color:#aab5c6;font-weight:700;margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea,.search{width:100%;background:#050b16;border:1px solid #30425f;color:#fff;padding:12px 13px;border-radius:8px;outline:none;transition:.2s}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.search:focus{border-color:#9c36e5;box-shadow:0 0 0 3px #9824d51f}.submit,.btn,.buy{border:1px solid #7744a6;background:#0c1320;color:#fff;border-radius:8px;height:42px;padding:0 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.submit,.btn.primary,.buy{background:linear-gradient(135deg,#a721f3,#6d16d8);border-color:#b43aff}.submit{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.muted{color:#8c99ad}.flash-wrap{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:120;width:min(680px,calc(100% - 30px))}.flash{padding:13px 16px;border-radius:6px;background:#101b2b;border:1px solid #36506e;box-shadow:var(--shadow);margin-bottom:8px}.flash.ok{border-color:#2d7957;color:#a9ffd0}.flash.err{border-color:#8b3041;color:#ffb8c2}
.account-grid,.download-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.mini-title{font-weight:700;font-size:13px}.rows{margin-top:12px}.row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #17263d;color:#8f9cb0}.row b{color:#e9edf7}.num{font-family:Montserrat,sans-serif;font-size:42px;font-weight:900;color:#da54ff;margin-top:15px}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.character{padding:18px;border:1px solid #233650;background:#0a1321;border-radius:6px}.character b{display:block;font-size:16px}.character small{display:block;color:#8997ac;margin-top:7px}.order-list{margin-top:12px}.order{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #1b2a42}.order span{display:block;color:#8592a7;font-size:9px;margin-top:4px}.price{color:#f0a133;font-weight:700}
.shop-head{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:stretch;margin-bottom:20px}.shop-tools{border:1px solid #243957;border-radius:10px;background:#081220;padding:14px 15px}.shop-search-row{display:grid;grid-template-columns:minmax(260px,1fr) 190px;gap:10px}.search-wrap{position:relative}.search-wrap .search{padding-left:40px;height:44px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;color:#9b73bc;z-index:2}.shop-sort{height:44px;background:#050b16;border:1px solid #304562;border-radius:8px;color:#fff;padding:0 12px;outline:none}.categories{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.cat{border:1px solid #2f415f;background:#0a1321;color:#9aa6b9;border-radius:7px;height:32px;padding:0 12px;cursor:pointer;font-size:9px;font-weight:700;transition:.2s}.cat.active,.cat:hover{border-color:#a033e7;color:#fff;background:linear-gradient(135deg,#42145f,#23143f);box-shadow:inset 0 0 18px #942aff1f}.shop-result{font-size:8px;color:#6f7e95;margin-top:10px}.shop-result span{color:#d6b5e8;font-weight:800}.wallet{border:1px solid #3a4265;background:radial-gradient(circle at 80% 10%,#4f176d55,transparent 55%),linear-gradient(160deg,#0e1426,#090f1d);border-radius:10px;padding:18px;display:flex;flex-direction:column;justify-content:center}.wallet>span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#8d9bb0}.wallet b{color:#f1a43a;display:block;font-size:24px;margin-top:7px}.wallet small{font-size:8px;color:#728099;margin-top:8px;line-height:1.45}.wallet-login{color:#d551ff;font-weight:800;margin-top:10px;font-size:11px}.shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.product{border:1px solid #263952;background:linear-gradient(165deg,#0b1524,#08111e);border-radius:10px;overflow:hidden;transition:.23s;box-shadow:0 12px 30px #0002}.product:hover{transform:translateY(-3px);border-color:#665080;box-shadow:0 18px 38px #0005}.product[hidden]{display:none}.product-art{height:118px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#263a683e 0,#0b1524 66%);position:relative}.product-art img{width:56px;height:56px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 7px 12px #0009)}.product-art .tag{position:absolute;left:8px;top:8px;background:linear-gradient(135deg,#b826ed,#7a24df);border-radius:4px;padding:4px 6px;font-size:7px;font-weight:800}.product-category{position:absolute;right:8px;top:9px;font-size:7px;color:#8e9ab0;background:#07101dcc;border:1px solid #263b58;border-radius:4px;padding:3px 5px}.product-body{padding:12px}.product-name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-desc{height:45px;margin:7px 0 8px;color:#8e9bb0;font-size:8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-meta{color:#65738a;font-size:7px;margin:0;text-transform:uppercase;border-top:1px solid #1d3049;padding-top:8px}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.product-footer .price{color:#f1a43a;font-size:13px;font-weight:800}.product-footer .price small{font-size:8px}.buy{height:31px;padding:0 10px;font-size:8px}
.news-grid,.support-grid,.game-grid,.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-tile,.support-card,.game-card,.community-card{border:1px solid #263850;border-radius:10px;background:linear-gradient(155deg,#0b1626,#07101d);overflow:hidden;box-shadow:0 12px 35px #0002;transition:.22s}.news-tile:hover,.support-card:hover,.game-card:hover,.community-card:hover{border-color:#64507c;transform:translateY(-2px);box-shadow:0 18px 42px #0004}.news-tile .cover{height:180px;background:url('/assets/brand/kraken-scene-v140.jpg') center/cover;display:flex;align-items:flex-start;justify-content:flex-start;position:relative}.news-tile .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07101dbd 0,transparent 58%)}.news-tile:nth-child(2) .cover{background-position:28% 50%}.news-tile:nth-child(3) .cover{background-position:76% 49%}.news-tile .cover img{width:64px;margin:14px;filter:drop-shadow(0 0 15px #8d2cff)}.news-tile .body{padding:16px}.news-meta{font-size:9px;color:#a03ee6;text-transform:uppercase}.news-tile h3{margin:8px 0;font-size:16px}.news-tile p,.support-card p,.game-card p,.community-card p{color:#909db0;line-height:1.6;font-size:11px}.support-card,.game-card,.community-card{padding:20px}.support-card>b,.game-card>b,.community-card>b{font-family:Montserrat,sans-serif;font-weight:900;color:#cd55ff;font-size:34px}.support-card a{color:#d04bff;font-weight:700;font-size:10px}.article{max-width:920px;margin:auto}.article h1{font-family:Montserrat,sans-serif;font-size:40px;font-weight:900}.article-body{line-height:1.85;color:#c4cede;white-space:pre-wrap}.download-hero{background:linear-gradient(100deg,#0a1321e8,#090f1be8),url('/assets/brand/kraken-scene-v140.jpg') center/cover}.download-hero h2{font-family:Montserrat,sans-serif;font-size:32px;font-weight:900}.download-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.download-meta span{border:1px solid #30435e;background:#0a1421;padding:7px 10px;border-radius:4px;color:#b7c1d2;font-size:10px}.steps .step{padding:13px 0;border-bottom:1px solid #1c2b43}.steps b{display:block}.steps span{display:block;color:#8996aa;font-size:10px;margin-top:5px}
.footer{height:74px;border-top:1px solid #1b2b42;background:#050912}.footer .shell{height:100%;display:flex;align-items:center;gap:34px}.footer-brand{display:flex;align-items:center;font-family:Montserrat,sans-serif;font-size:17px;font-weight:900;text-transform:uppercase;gap:8px}.footer-brand img{width:38px}.footer-links{display:flex;gap:28px}.footer-links a{color:#8794a8;font-size:10px}.footer-copy{margin-left:auto;color:#5e6b80;font-size:9px}
.notify-pop{position:fixed;top:61px;right:max(24px,calc((100vw - 1510px)/2));width:390px;max-height:520px;overflow:auto;background:#07101c;border:1px solid #30445f;border-radius:7px;box-shadow:0 20px 60px #000c;z-index:110;display:none}.notify-pop.open{display:block}.notify-head{padding:14px 16px;border-bottom:1px solid #203149;display:flex;justify-content:space-between;align-items:center}.notify-item{padding:13px 15px;border-bottom:1px solid #18283f}.notify-item.unread{background:#11162b}.notify-item b{display:block;font-size:11px}.notify-item p{font-size:10px;color:#8f9db0;line-height:1.5;margin:5px 0}.notify-item time{font-size:8px;color:#5e6d84}
.feedback-fab{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;border:1px solid #ca66ff;background:linear-gradient(135deg,#a21cf2,#6011d0);color:white;font-size:22px;cursor:pointer;box-shadow:0 12px 34px #5d0da58c;z-index:95}.feedback-panel{position:fixed;right:24px;bottom:88px;width:390px;background:#07101c;border:1px solid #30445f;border-radius:8px;box-shadow:0 24px 70px #000d;z-index:100;padding:17px;display:none}.feedback-panel.open{display:block}.feedback-panel h3{margin:0 0 4px}.feedback-panel .field{margin-bottom:10px}.feedback-panel .field textarea{min-height:100px}.feedback-result{font-size:10px;color:#a8f3c6;margin-top:8px;min-height:15px}
.mobile-menu{display:none}
@media(max-width:1180px){.shell{width:min(100% - 28px,1050px)}.nav{display:none}.brand{min-width:auto}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer}.hero-logo h1{font-size:62px}.status-card{width:300px}.hero-copy{width:620px}.feature-grid{grid-template-columns:repeat(3,1fr);height:auto}.features{height:auto}.feature{min-height:84px}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .dash-card:last-child{grid-column:1/-1}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-head{grid-template-columns:1fr 240px}}
@media(max-width:760px){.shell{width:calc(100% - 22px)}.sitebar{height:58px}.brand strong{font-size:18px}.brand img{width:42px;height:42px}.serverstate,.hide-mobile{display:none}.hero{height:600px}.hero .shell{align-items:flex-start;padding-top:55px}.hero-copy{width:100%}.hero-logo img{width:82px;height:82px}.hero-logo h1{font-size:46px;letter-spacing:-3px}.hero-tag{font-size:9px;letter-spacing:.28em}.hero-desc{font-size:12px}.hero-actions{flex-wrap:wrap}.hero-btn{min-width:calc(50% - 6px);height:58px;padding:0 12px}.status-card{left:0;right:0;bottom:18px;width:100%;height:128px}.features{display:none}.dashboard-grid,.account-grid,.download-grid,.news-grid,.support-grid,.game-grid,.community-grid{grid-template-columns:1fr}.news-item{grid-template-columns:105px 1fr}.shop-preview{grid-template-columns:repeat(2,1fr)}.shop-head{display:block}.shop-search-row{grid-template-columns:1fr}.shop-sort{width:100%}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:104px}.product-art img{width:50px;height:50px}.character-grid{grid-template-columns:repeat(2,1fr)}.page-head{display:block}.page-head h1{font-size:32px}.page-head p{text-align:left;margin-top:10px}.feedback-panel,.notify-pop{left:11px;right:11px;width:auto}.feedback-fab{right:14px;bottom:14px}.footer{height:auto;padding:20px 0}.footer .shell{flex-wrap:wrap}.footer-links{gap:15px;flex-wrap:wrap}.footer-copy{width:100%;margin:0}.wallet{margin-top:12px}}

/* v3.1 interior pages + control center */
.page{padding-top:34px}
.page>.shell>.page-head:first-child{min-height:174px;position:relative;overflow:hidden;align-items:center;padding:30px 34px;margin-bottom:22px;border:1px solid #304766;border-radius:14px;background:linear-gradient(100deg,#07101ff7 0,#091326e8 47%,#09132680 100%);box-shadow:0 24px 70px #0005,inset 0 1px #ffffff08}
.page>.shell>.page-head:first-child:before{content:"";position:absolute;inset:0 0 0 47%;background:linear-gradient(90deg,#091326 0,transparent 38%),linear-gradient(0deg,#07101f88,transparent),url('/assets/brand/kraken-scene-v140.jpg') 70% 48%/cover no-repeat;opacity:.72;z-index:0}
.page>.shell>.page-head:first-child:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#9e2aff 22%,#dd3fff 48%,#4da2ff 74%,transparent)}
.page>.shell>.page-head:first-child>*{position:relative;z-index:1}
.page>.shell>.page-head:first-child h1{font-size:44px;margin-top:9px}
.page>.shell>.page-head:first-child p{max-width:530px;background:#03081488;border:1px solid #263b5766;padding:12px 14px;border-radius:8px;backdrop-filter:blur(7px)}
.panel{position:relative;overflow:hidden}
.panel:before{content:"";position:absolute;left:0;top:0;width:3px;height:58px;background:linear-gradient(#b534ff,#592ee9);border-radius:10px}
.form{max-width:720px;padding:30px}
.form:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-80px;top:-95px;background:radial-gradient(circle,#8d23d82a,transparent 68%);pointer-events:none}
.character{border-radius:10px;background:linear-gradient(145deg,#0b1627,#07101d);box-shadow:0 10px 28px #0002}
.character:hover{border-color:#674d83;transform:translateY(-2px)}
.account-grid>.panel,.download-grid>.panel{min-height:220px}
.download-hero{border-color:#584274;background:linear-gradient(100deg,#0b1324ef,#091321c9),url('/assets/brand/kraken-scene-v140.jpg') center/cover}
.support-grid,.community-grid,.game-grid{gap:18px}
.support-card,.community-card,.game-card{min-height:190px;padding:26px!important;position:relative;overflow:hidden}
.support-card:after,.community-card:after,.game-card:after{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-70px;border-radius:50%;background:radial-gradient(circle,#9b2ef124,transparent 70%)}
.support-card>b,.community-card>b,.game-card>b{display:block;font-size:34px;letter-spacing:-1px;margin-bottom:18px}
.support-card h3,.community-card h3,.game-card h3{font-size:15px;margin:0 0 9px}
.rank-table{border-collapse:separate;border-spacing:0 4px}
.rank-table th{background:#0a1525;border-color:#273d5d;height:36px}
.rank-table td{background:#081321;border-top:1px solid #142943;border-bottom:1px solid #142943;padding:10px 11px}
.rank-table tr:hover td{background:#0e1a2c}
.news-grid{gap:18px}
.news-tile{border-radius:11px}
.news-tile .body{padding:20px}
.news-tile h3{font-size:16px}
.article{padding:34px;box-shadow:0 24px 60px #0004}
.article:after{content:"";position:absolute;right:-100px;top:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#9228e522,transparent 70%)}
.article-body{font-size:12px;line-height:1.9;position:relative}
.mini-title{color:#d9c4ef}
.row{padding:14px 0}
.notify-button{position:relative;display:grid;place-items:center}
.notify-button svg{width:18px;height:18px;fill:none;stroke:#e7d9f7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notify-button:hover svg{stroke:#d764ff}
.notify-pop{top:78px;width:440px;max-height:600px;border-color:#3b5070;border-radius:12px;background:linear-gradient(155deg,#081321fa,#050b15fa);box-shadow:0 28px 90px #000c,inset 0 1px #ffffff08;overflow:hidden}
.notify-head{padding:16px 18px;background:#0a1423;border-bottom:1px solid #253a57;align-items:center}
.notify-head>div{display:flex;align-items:center;gap:9px}
.notify-head b{font-size:12px}
.notify-head span{font-size:8px;color:#8f9cb0;background:#151b2d;border:1px solid #33435f;border-radius:10px;padding:4px 7px}
.notify-head>a{font-size:8px;color:#d357ff;font-weight:800}
.notify-list{max-height:515px;overflow:auto;padding:8px}
.notify-item{display:grid;grid-template-columns:36px 1fr 26px;gap:10px;align-items:start;border:1px solid transparent!important;border-radius:8px;padding:10px!important;margin:0 0 6px;background:#08111f;transition:.18s}
.notify-item:hover{background:#0d192a;border-color:#304765!important}
.notify-item.unread{background:linear-gradient(90deg,#24143a,#0b1424 55%);border-color:#5d3476!important}
.notify-type,.notification-type{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:900;background:linear-gradient(145deg,#39194f,#18172d);border:1px solid #7c45a6;color:#de78ff}
.notify-type-warning,.type-warning{background:#3b2413;border-color:#9c6533;color:#ffbf63}
.notify-type-security,.type-security{background:#123226;border-color:#347d5e;color:#6ff2aa}
.notify-type-shop,.type-shop{background:#382710;border-color:#896122;color:#ffc15e}
.notify-copy{min-width:0}
.notify-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.notify-title-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notify-title-row time{font-size:7px;color:#68778d;white-space:nowrap}
.notify-copy p{font-size:8px;line-height:1.55;color:#93a0b4;margin:5px 0 0}
.notify-dismiss{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#718097;cursor:pointer;font-size:16px}
.notify-dismiss:hover{background:#2c172f;color:#ff8ea7}
.notify-empty{padding:30px 18px;text-align:center;display:grid;gap:8px}
.notify-empty b{font-size:12px}.notify-empty span{font-size:9px;color:#7e8ca1}
.removing{opacity:0;transform:translateX(14px)}
.notification-center{display:grid;gap:10px;max-width:1000px;margin:auto}
.notification-center-item{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid #263d5c;border-radius:11px;background:linear-gradient(145deg,#091422,#07101c);box-shadow:0 12px 30px #0002;transition:.2s}
.notification-center-item.unread{border-color:#68417d;background:linear-gradient(100deg,#25143b,#091422 45%)}
.notification-center-item:hover{transform:translateY(-1px);border-color:#604d78}
.notification-center-item .notification-type{width:42px;height:42px;border-radius:11px}
.notification-center-copy p{font-size:10px;color:#98a5b8;line-height:1.6;margin:6px 0}
.notification-center-copy a{font-size:9px;color:#d65cff;font-weight:800}
.notification-center-item>.notify-dismiss{width:auto;height:32px;padding:0 11px;border:1px solid #354b68;background:#0b1523;font-size:8px}
.admin-nav-link{color:#dd78ff!important}
.admin-nav-link:before{content:"";width:5px;height:5px;border-radius:50%;background:#b73bff;box-shadow:0 0 10px #b73bff;margin-right:7px}
.admin-page{padding-top:22px}
.admin-page:before{opacity:.12}
.admin-hero{min-height:150px;border:1px solid #344d70;border-radius:14px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:linear-gradient(100deg,#07101ff7,#0a1426dc 52%,#12132dcc),url('/assets/brand/kraken-scene-v140.jpg') 70% 50%/cover;box-shadow:0 22px 60px #0005}
.admin-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#7c21dc,#e13cff,#4f8dff)}
.admin-hero h1{font-size:34px;margin:7px 0 5px}.admin-hero p{font-size:10px;color:#92a0b6;margin:0}
.admin-identity{min-width:230px;border:1px solid #4b4165;background:#090f1dcc;border-radius:10px;padding:15px 17px;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;backdrop-filter:blur(8px)}
.admin-identity .role-badge{grid-row:1/3}.admin-identity b{font-size:12px}.admin-identity small{font-size:8px;color:#78869c}
.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:18px;margin-top:18px;align-items:start}
.admin-sidebar{position:sticky;top:88px;border:1px solid #273d5c;border-radius:11px;background:linear-gradient(160deg,#091321,#060d18);padding:10px;box-shadow:0 16px 44px #0003}
.admin-side-title{font-size:7px;letter-spacing:.2em;color:#65738a;padding:10px 11px 8px}
.admin-sidebar>a{height:42px;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#8e9bb0;font-size:9px;font-weight:700;margin:2px 0;transition:.18s}
.admin-sidebar>a i{font-style:normal;width:24px;height:24px;border:1px solid #2d4260;border-radius:6px;display:grid;place-items:center;color:#a96bd1}
.admin-sidebar>a:hover{background:#0d192a;color:#fff}.admin-sidebar>a.active{background:linear-gradient(90deg,#35154e,#14152a);color:#fff;border:1px solid #693591}
.admin-sidebar>a.active i{background:#7b21be;border-color:#b855f0;color:#fff;box-shadow:0 0 15px #8d24df55}
.admin-side-footer{border-top:1px solid #1d304a;margin-top:10px;padding:14px 11px 7px;font-size:8px;color:#85eeb3}
.admin-side-footer small{display:block;color:#5f6e84;margin-top:7px;line-height:1.45}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#37ed8c;box-shadow:0 0 10px #37ed8c;margin-right:7px}
.admin-content{min-width:0}
.admin-section-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.admin-section-head h2{font-size:27px;margin:5px 0 0}.admin-section-head .eyebrow{font-size:8px}
.role-badge{display:inline-flex;align-items:center;height:25px;padding:0 9px;border:1px solid #5e3b78;border-radius:6px;background:#221334;color:#dd7aff;font-size:7px;font-weight:900;letter-spacing:.08em}
.role-owner{border-color:#b16c28;background:#33200e;color:#ffc66d}.role-admin{border-color:#7d3ca3}.role-moderator{border-color:#315b82;background:#10243a;color:#77bcff}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.admin-stat{border:1px solid #293e5e;border-radius:10px;padding:18px;background:linear-gradient(145deg,#0b1626,#07101c);box-shadow:0 12px 30px #0002}
.admin-stat span{font-size:8px;color:#8190a7;text-transform:uppercase;letter-spacing:.08em}.admin-stat b{display:block;font-size:27px;margin:8px 0 4px}.admin-stat small{font-size:8px;color:#68778e}.admin-stat.warn b{color:#ffb458}
.admin-grid{display:grid;gap:14px}.admin-grid.two{grid-template-columns:1fr 1fr}.admin-grid.editor-layout{grid-template-columns:minmax(360px,.88fr) minmax(480px,1.12fr)}
.admin-panel{border:1px solid #293f5f;border-radius:11px;background:linear-gradient(155deg,#0a1525,#07101c);box-shadow:0 15px 38px #0003;padding:18px;min-width:0}
.admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #1d3049;padding-bottom:12px;margin-bottom:10px}
.admin-panel-head h3{font-size:12px;margin:0}.admin-panel-head a,.admin-panel-head span{font-size:8px;color:#bd58e7;font-weight:800}
.admin-feed-row{min-height:54px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #152740;padding:8px 2px}
.admin-feed-row:last-child{border-bottom:0}.admin-feed-row b{display:block;font-size:9px}.admin-feed-row small{display:block;font-size:7px;color:#697890;margin-top:4px}.admin-feed-row time{font-size:7px;color:#65738a}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:21px;padding:0 6px;border-radius:5px;font-size:6px;font-weight:900;text-transform:uppercase;border:1px solid #3b4d64;color:#9ba8b9;background:#111927}
.status-open{color:#ffbb6d;border-color:#72512f;background:#2b1b0c}.status-in_progress{color:#77c4ff;border-color:#315e82;background:#0e263a}.status-resolved{color:#65eda2;border-color:#2f6e50;background:#0d2a1c}.status-closed{color:#8b98aa;border-color:#3a4759;background:#111720}
.admin-form .field{margin-bottom:12px}.admin-form textarea{resize:vertical}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-form input,.admin-form textarea,.admin-form select,.admin-search input,.admin-table input,.admin-table select,.ticket-actions select{width:100%;background:#050b16;border:1px solid #304664;border-radius:7px;color:#fff;padding:10px 11px;outline:none}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.admin-search input:focus{border-color:#9c45d9;box-shadow:0 0 0 3px #9023d41d}
.admin-toggle{display:flex;align-items:center;gap:8px;align-self:end;height:39px;font-size:9px;color:#b7c1d0}
.admin-toggle input{width:auto}
.sticky-editor{position:sticky;top:88px;align-self:start}
.admin-news-list{display:grid;gap:10px}.admin-news-item{border:1px solid #213753;border-radius:9px;background:#081321;padding:14px;display:grid;grid-template-columns:1fr auto;gap:14px}
.admin-news-item h4{font-size:12px;margin:8px 0 5px}.admin-news-item p{font-size:8px;line-height:1.5;color:#8190a6;margin:0}.admin-news-item small{font-size:7px;color:#6f7e94;margin-left:7px}
.admin-item-actions{display:flex;flex-direction:column;gap:6px;min-width:92px}.admin-item-actions form{display:grid;gap:5px}.admin-item-actions button,.mini-btn{height:28px;border:1px solid #344b69;border-radius:6px;background:#0b1524;color:#d8e0ed;font-size:7px;font-weight:800;cursor:pointer;padding:0 8px}.admin-item-actions button:hover,.mini-btn:hover{border-color:#9a4bd0}.admin-item-actions .danger{border-color:#62313c;color:#ff9dad}
.admin-inline-editor{display:grid;grid-template-columns:130px 1fr 2fr auto auto;gap:10px;align-items:end}.admin-inline-editor .field{margin:0}.admin-inline-editor .wide{min-width:260px}
.admin-table-wrap{overflow:auto;margin-top:12px}.admin-table{width:100%;border-collapse:separate;border-spacing:0 4px}.admin-table th{padding:8px 10px;text-align:left;font-size:7px;color:#718099;text-transform:uppercase;letter-spacing:.06em}.admin-table td{padding:9px 10px;background:#081321;border-top:1px solid #172a43;border-bottom:1px solid #172a43;font-size:8px}.admin-table td:first-child{border-left:1px solid #172a43;border-radius:6px 0 0 6px}.admin-table td:last-child{border-right:1px solid #172a43;border-radius:0 6px 6px 0}
.notification-admin-list{display:grid;gap:8px;max-height:640px;overflow:auto}.notification-admin-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start;border:1px solid #213752;border-radius:8px;background:#081321;padding:10px}.notification-admin-item.disabled{opacity:.48}.notification-admin-item b{font-size:9px}.notification-admin-item p{font-size:8px;color:#8a98ad;line-height:1.45;margin:4px 0}.notification-admin-item small{font-size:7px;color:#65748b}.notification-admin-item form{display:grid;gap:5px}.notification-admin-item button{height:25px;border:1px solid #344861;background:#0b1522;color:#cbd5e4;border-radius:5px;font-size:6px;cursor:pointer}.notification-admin-item button.danger{color:#ff93a7;border-color:#61303b}
.feedback-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.feedback-ticket{padding:16px}.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-head>div{display:flex;align-items:center;gap:9px}.ticket-head b{font-size:10px}.ticket-head time{font-size:7px;color:#6d7b91}.ticket-meta{font-size:7px;color:#6e7d94;margin:9px 0}.ticket-message{min-height:55px;border:1px solid #172b45;border-radius:7px;background:#06101c;padding:10px;font-size:9px;line-height:1.55;color:#b0bacc}.ticket-actions{display:grid;grid-template-columns:1fr 150px;gap:9px}
.admin-search{display:flex;gap:7px}.admin-search input{width:280px}.admin-search button{border:1px solid #74469b;border-radius:7px;background:#271439;color:#fff;padding:0 14px;font-size:8px;font-weight:800}
.accounts-table td small{display:block;color:#66758a;font-size:7px;margin-top:3px}.accounts-table input{min-width:90px;padding:7px}.accounts-table select{min-width:90px;padding:7px}
.admin-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-product-card{border:1px solid #283e5c;border-radius:10px;background:linear-gradient(150deg,#0a1524,#07101c);padding:13px}.admin-product-top{display:flex;align-items:center;gap:11px;border-bottom:1px solid #1a2d46;padding-bottom:10px;margin-bottom:10px}.admin-product-top img{width:44px;height:44px;object-fit:contain;background:#07101d;border:1px solid #253a55;border-radius:8px;padding:4px}.admin-product-top b{display:block;font-size:9px}.admin-product-top small{display:block;font-size:7px;color:#718097;margin-top:4px}.admin-product-card .field{margin-bottom:9px}.admin-product-card textarea,.admin-product-card input{width:100%;background:#050b16;border:1px solid #2b405d;border-radius:6px;color:#fff;padding:8px;font-size:8px}.admin-check-row{display:flex;align-items:center;gap:12px;font-size:7px}.admin-check-row .mini-btn{margin-left:auto}
.staff-row{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid #172a43}.staff-row:last-child{border:0}.staff-row b{display:block;font-size:10px}.staff-row small{display:block;color:#68778c;font-size:7px;margin-top:3px}.locked-panel{text-align:center;padding:60px 20px}.locked-panel b{font-size:16px}.locked-panel p{color:#7f8da2;font-size:9px}
.feedback-fab{width:58px;height:58px;border:1px solid #d073ff;background:linear-gradient(145deg,#b41ff6,#6517d5);box-shadow:0 12px 35px #6913b777,0 0 0 6px #7b24b714}
.feedback-panel{border-radius:13px;background:linear-gradient(155deg,#081321fb,#050b15fb);border-color:#3a506f}
@media(max-width:1260px){
 .admin-layout{grid-template-columns:190px 1fr}.admin-product-grid{grid-template-columns:repeat(2,1fr)}
 .admin-grid.editor-layout{grid-template-columns:1fr}.sticky-editor{position:static}
 .admin-inline-editor{grid-template-columns:1fr 1fr}.admin-inline-editor .wide{grid-column:1/-1}
}
@media(max-width:900px){
 .page>.shell>.page-head:first-child{min-height:150px;padding:24px}.page>.shell>.page-head:first-child:before{inset:0;opacity:.3}
 .page>.shell>.page-head:first-child p{background:#050a15cc}.admin-hero{display:block}.admin-identity{margin-top:18px;max-width:300px}
 .admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;gap:5px;overflow:auto}.admin-side-title,.admin-side-footer{display:none}.admin-sidebar>a{min-width:max-content}
 .admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid.two,.feedback-admin-grid{grid-template-columns:1fr}.admin-product-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .page>.shell>.page-head:first-child{padding:20px;min-height:170px}.page>.shell>.page-head:first-child h1{font-size:31px}
 .page>.shell>.page-head:first-child p{display:none}.notify-pop{left:10px;right:10px;width:auto;top:68px}
 .notification-center-item{grid-template-columns:40px 1fr}.notification-center-item>.notify-dismiss{grid-column:2;justify-self:start}
 .admin-stats{grid-template-columns:1fr}.admin-product-grid{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}
 .admin-inline-editor{grid-template-columns:1fr}.ticket-actions{grid-template-columns:1fr}.admin-search input{width:170px}
}

/* Item Shop cart + purchase confirmation */
.wallet{position:relative}
.cart-open{margin-top:10px;height:34px;border:1px solid #674186;border-radius:7px;background:linear-gradient(90deg,#26133a,#12162a);color:#f4eaff;font:800 8px Montserrat;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.cart-open b{min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;background:#9c24e4;color:#fff;font-size:8px;box-shadow:0 0 14px #9b23e477}
.add-cart.in-cart{border-color:#6a4b7c;background:linear-gradient(135deg,#271436,#101725);color:#d9b6ee}
.cart-overlay{position:fixed;inset:0;z-index:160;background:#02050bd1;backdrop-filter:blur(4px);opacity:0;transition:.18s}
.cart-overlay.open{opacity:1}
.cart-drawer{position:fixed;z-index:170;right:0;top:0;width:min(430px,94vw);height:100vh;background:linear-gradient(155deg,#091321,#050a13);border-left:1px solid #4a3860;box-shadow:-28px 0 80px #000a;transform:translateX(102%);transition:.22s ease;display:grid;grid-template-rows:auto 1fr auto}
.cart-drawer.open{transform:translateX(0)}
.cart-head{height:82px;border-bottom:1px solid #243752;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#111329,#091322)}
.cart-head span{font-size:7px;letter-spacing:.18em;color:#a864d0;font-weight:900}.cart-head h3{font-size:21px;margin:4px 0 0}.cart-head button{width:34px;height:34px;border:1px solid #344a68;border-radius:8px;background:#0a1321;color:#c7d0de;font-size:20px;cursor:pointer}
.cart-body{padding:12px;overflow:auto}.cart-empty{padding:38px 20px;text-align:center;display:grid;gap:8px;color:#8c99ad}.cart-empty b{font-size:12px;color:#d9e0ea}.cart-empty span{font-size:8px}
.cart-row{display:grid;grid-template-columns:52px 1fr 30px;gap:12px;align-items:center;padding:11px;border:1px solid #203650;border-radius:9px;background:#081321;margin-bottom:8px}
.cart-row img{width:46px;height:46px;object-fit:contain;background:#050b15;border:1px solid #263c58;border-radius:8px;padding:4px}.cart-row b{display:block;font-size:9px}.cart-row small{display:block;font-size:7px;color:#66768e;margin:4px 0}.cart-row span{font-size:9px;color:#df74ff;font-weight:800}.cart-row button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#718098;font-size:16px;cursor:pointer}.cart-row button:hover{background:#2d182f;color:#ff93a8}
.cart-summary{border-top:1px solid #253a56;padding:17px 20px 22px;background:#07101c;display:grid;gap:10px}.cart-summary>div{display:flex;align-items:center;justify-content:space-between;font-size:9px}.cart-summary>div span{color:#8d9aaf}.cart-summary>div b{font-size:11px}.cart-summary .cart-total{border-top:1px solid #162a43;padding-top:12px}.cart-summary .cart-total b{font-size:18px;color:#f4e9ff}.cart-summary small{font-size:7px;color:#63728a;line-height:1.45}
.cart-checkout{height:42px;border:1px solid #cf63ff;border-radius:8px;background:linear-gradient(90deg,#a716ee,#6f1bea);box-shadow:0 0 24px #8b1ed94b;color:white;font:900 8px Montserrat;display:grid;place-items:center;cursor:pointer;text-decoration:none}
.checkout-modal{position:fixed;inset:0;z-index:190;background:#02050bd9;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;opacity:0;transition:.18s}.checkout-modal.open{opacity:1}
.checkout-card{width:min(560px,96vw);border:1px solid #4b3b61;border-radius:14px;background:linear-gradient(155deg,#0b1525,#060c16);box-shadow:0 35px 100px #000d;padding:26px;transform:translateY(12px) scale(.98);transition:.18s}.checkout-modal.open .checkout-card{transform:none}
.checkout-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:radial-gradient(circle,#aa31ef,#6514ce);box-shadow:0 0 30px #9726df66;font-size:22px;font-weight:900}.checkout-card h3{text-align:center;font-size:20px;margin:0 0 8px}.checkout-card>p{text-align:center;font-size:9px;line-height:1.6;color:#8e9bb0;margin:0 auto 17px;max-width:430px}
.checkout-preview{display:grid;gap:6px;max-height:260px;overflow:auto;border:1px solid #223750;border-radius:9px;background:#06101b;padding:9px}.checkout-preview>div{display:flex;justify-content:space-between;gap:14px;padding:9px 8px;border-bottom:1px solid #142842;font-size:8px}.checkout-preview>div:last-child{border:0}.checkout-preview span{color:#aeb9c9}.checkout-preview b{color:#e7c6ff}
.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:16px 2px 8px}.checkout-total span{font-size:9px;color:#8795aa}.checkout-total b{font-size:18px}
.checkout-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:10px}.checkout-actions button{height:42px;border:1px solid #354b68;border-radius:8px;background:#0a1422;color:#d6deea;font:800 8px Montserrat;cursor:pointer}.checkout-actions .confirm{border-color:#be4df0;background:linear-gradient(90deg,#951be0,#6519db);color:#fff}

/* ===== KrakenMT2 v3.2 generated-asset visual pass ===== */
:root{--asset-primary:url('/assets/ui-img/button-primary.png');--asset-secondary:url('/assets/ui-img/button-secondary.png');--asset-danger:url('/assets/ui-img/button-danger.png');--asset-success:url('/assets/ui-img/button-success.png');--asset-panel:url('/assets/ui-img/panel-accent.png')}
.sitebar{height:76px;background:linear-gradient(180deg,#040712f7,#060a16f3);border-bottom:1px solid #49315f;box-shadow:0 10px 34px #0009,0 1px 0 #8a36b733}
.sitebar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#6120b2 12%,#d346ff 47%,#4f69ff 78%,transparent);opacity:.75;pointer-events:none}
.sitebar .shell{gap:12px;width:min(1700px,calc(100% - 30px))}
.brand{min-width:198px;gap:7px}
.brand img{width:48px;height:48px}
.brand strong{font-size:19px;letter-spacing:-.9px}
.nav{height:100%;display:flex;align-items:center;gap:5px;flex:1;min-width:0}
.nav>a{height:54px;min-width:68px;padding:5px 9px!important;border:1px solid transparent;border-radius:10px!important;display:flex!important;flex-direction:column;justify-content:center;gap:2px;position:relative;background:linear-gradient(180deg,#0a122000,#0a122000);white-space:nowrap}
.nav>a img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 6px #8d2cff33);transition:.2s}
.nav>a span{font-size:8px;font-weight:800;line-height:1;color:#97a4b8;transition:.2s}
.nav>a:after{display:none!important}
.nav>a:hover{border-color:#5a3977;background-image:var(--asset-secondary);background-size:100% 100%;background-color:#17122a;box-shadow:0 0 22px #681aa42b}
.nav>a:hover img{transform:translateY(-1px) scale(1.05);filter:drop-shadow(0 0 8px #d453ff99)}
.nav>a:hover span{color:#fff}
.nav>a.active{border-color:#8f47c5;background-image:var(--asset-primary);background-size:100% 100%;box-shadow:0 0 24px #9927e34c,inset 0 0 12px #c960ff1f}
.nav>a.active img{filter:drop-shadow(0 0 8px #f07affaa)}
.nav>a.active span{color:#fff}
.nav>a.admin-nav-link{min-width:76px;border-color:#70468c;background:linear-gradient(180deg,#211332,#0e1322);overflow:visible}
.nav>a.admin-nav-link i{position:absolute;right:-7px;top:-7px;height:16px;padding:0 5px;border-radius:8px;background:#ae24ec;border:1px solid #e686ff;color:#fff;font-style:normal;font-size:5px;display:flex;align-items:center;box-shadow:0 0 10px #b62cea77}
.nav>a.admin-nav-link:before{display:none!important}
.serverstate{font-size:9px;margin-left:4px}
.nav-icons{gap:5px}
.iconbtn,.notify-button{width:38px;height:38px;border-radius:9px;background-image:var(--asset-secondary);background-size:100% 100%;border:1px solid #3d4566}
.notify-button svg{display:none}
.notify-button:before{content:"";width:24px;height:24px;background:url('/assets/ui-img/bell.png') center/contain no-repeat;display:block;margin:auto}
.navbtn{height:38px;min-width:88px;padding:0 12px;font-size:8px;border-radius:9px;background-image:var(--asset-secondary);background-size:100% 100%}
.navbtn.primary{background-image:var(--asset-primary);background-size:100% 100%;background-color:#7816dc}

.hero-btn,.submit,.btn,.buy,.cart-checkout,.checkout-actions .confirm{background-image:var(--asset-secondary);background-size:100% 100%;background-color:#101528;border-color:#65427e;position:relative;overflow:hidden}
.hero-btn.primary,.submit,.btn.primary,.buy,.cart-checkout,.checkout-actions .confirm{background-image:var(--asset-primary);background-size:100% 100%;background-color:#7a14dc}
.hero-btn .ico{width:38px;height:38px;display:grid;place-items:center}
.hero-btn .ico img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px #9c34ec88)}
.feature .fi{border:0;background:none;width:52px;height:52px}
.feature .fi img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px #8d2ce466)}
.panel,.dash-card,.news-tile,.support-card,.game-card,.community-card{background-image:linear-gradient(160deg,#081321f2,#050b14f5),var(--asset-panel);background-size:cover,cover;background-position:center,center}
.page>.shell>.page-head:first-child{border-color:#4b3a64;background-image:linear-gradient(100deg,#07101ff5 0,#0b1427de 52%,#100e23bc 100%),var(--asset-panel);background-size:cover,cover}
.page>.shell>.page-head:first-child:before{opacity:.55}
.more,.text-icon-link,.support-card>a,.notification-center-copy>a,.wallet-login{display:inline-flex;align-items:center;gap:5px}
.more:after,.support-card>a:after,.notification-center-copy>a:after,.wallet-login:after{content:"";width:11px;height:11px;background:url('/assets/ui-img/chevron.png') center/contain no-repeat}
.feedback-fab{display:grid;place-items:center;background-image:var(--asset-primary);background-size:100% 100%;border-radius:14px}
.feedback-fab img{width:36px;height:36px}
.feedback-panel{border-radius:14px;background-image:linear-gradient(155deg,#081321fa,#050b15fa),var(--asset-panel);background-size:cover}
.image-button img,.notify-dismiss img{width:18px;height:18px;object-fit:contain}
.search-icon{font-size:0;width:20px;height:20px;background:url('/assets/ui-img/search.png') center/contain no-repeat}
.product .add-cart{gap:6px}
.product .add-cart img{width:17px;height:17px;object-fit:contain}
.cart-open{background-image:var(--asset-secondary);background-size:100% 100%;height:38px}
.cart-open:before{content:"";width:22px;height:22px;background:url('/assets/ui-img/cart.png') center/contain no-repeat}
.cart-drawer{background-image:linear-gradient(155deg,#091321fa,#050a13fb),var(--asset-panel);background-size:cover}
.checkout-card{background-image:linear-gradient(155deg,#0b1525fb,#060c16fb),var(--asset-panel);background-size:cover}
.checkout-icon img{width:32px;height:32px}
.cart-row{grid-template-columns:52px 1fr 34px}
.qty-control{display:flex;align-items:center;gap:6px;border:1px solid #2f4461;border-radius:7px;background:#050b15;padding:3px}
.qty-control button{width:25px;height:25px;border:0;background:#10182a;border-radius:5px;display:grid;place-items:center;cursor:pointer}
.qty-control button:hover{background:#271540}
.qty-control button img{width:14px;height:14px}
.qty-control strong{min-width:24px;text-align:center;font-size:9px}
.cart-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.cart-remove{display:grid!important;place-items:center}
.cart-remove img{width:18px;height:18px}

/* ===== v3.2 admin generated-image navigation ===== */
.admin-page .shell{width:min(1680px,calc(100% - 34px))}
.admin-hero{background-image:linear-gradient(100deg,#07101ff5,#0a1426e7 52%,#12132dbd),var(--asset-panel);background-size:cover}
.admin-layout{grid-template-columns:252px 1fr;gap:16px}
.admin-sidebar{padding:12px;border-color:#3e3656;background-image:linear-gradient(160deg,#091321f8,#060d18f8),var(--asset-panel);background-size:cover;box-shadow:0 20px 55px #0006}
.admin-sidebar>a{height:50px;border:1px solid transparent;border-radius:10px;padding:0 11px;gap:11px;background-image:none;position:relative}
.admin-sidebar>a i{width:34px;height:34px;border:0;background:transparent;display:grid;place-items:center}
.admin-sidebar>a i img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 7px #8e2fe34d)}
.admin-sidebar>a span{font-size:9px}
.admin-sidebar>a:hover{background-image:var(--asset-secondary);background-size:100% 100%;border-color:#4c3d65}
.admin-sidebar>a.active{background-image:var(--asset-primary);background-size:100% 100%;border-color:#8b43bd;box-shadow:0 0 22px #8f22db3f}
.admin-sidebar>a.active i{background:none;border:0;box-shadow:none}
.admin-sidebar>a.active i img{filter:drop-shadow(0 0 9px #f172ffcc)}
.admin-side-title{padding:8px 11px 10px}
.admin-panel{background-image:linear-gradient(155deg,#0a1525f7,#07101cf8),var(--asset-panel);background-size:cover;border-color:#35475f}
.admin-section-head{padding:0 4px}
.admin-section-head .btn-with-icon,.icon-action,.mini-btn,.button-image,.text-icon-link{display:inline-flex;align-items:center;gap:6px}
.admin-section-head .btn-with-icon img,.icon-action img,.mini-btn img,.button-image img,.text-icon-link img{width:17px;height:17px;object-fit:contain}
.admin-item-actions button,.mini-btn{background-image:var(--asset-secondary);background-size:100% 100%;border-color:#454465}
.admin-item-actions .danger,.danger{background-image:var(--asset-danger)!important;background-size:100% 100%!important}
.admin-stat{background-image:linear-gradient(145deg,#0b1626f8,#07101cf8),var(--asset-panel);background-size:cover}
.admin-product-card,.promo-card,.notification-admin-item,.feedback-ticket{background-image:linear-gradient(150deg,#0a1524f8,#07101cf8),var(--asset-panel);background-size:cover}
.admin-nav-link{color:#fff!important}
.admin-nav-link img{width:30px!important;height:30px!important}
.role-badge{background-image:var(--asset-secondary);background-size:100% 100%}
.role-owner{background-image:linear-gradient(#38220e,#251608);border-color:#b9782f}
.admin-form .submit,.admin-form .btn.primary{gap:7px}
.admin-form .submit img,.admin-form .btn.primary img{width:19px;height:19px}
@media(max-width:1420px){
 .sitebar .shell{gap:7px}.brand{min-width:168px}.brand strong{font-size:16px}.brand img{width:43px;height:43px}
 .nav>a{min-width:61px;padding:5px 6px!important}.nav>a span{font-size:7px}.nav>a img{width:25px;height:25px}
 .serverstate{display:none}.navbtn{min-width:80px;padding:0 9px}
}
@media(max-width:1180px){
 .sitebar .shell{width:calc(100% - 24px)}.nav{display:none}.brand{min-width:auto}.mobile-menu{display:block;margin-left:auto}
 .mobile-menu summary{list-style:none;width:40px;height:40px;border:1px solid #57406d;border-radius:9px;background-image:var(--asset-secondary);background-size:100% 100%;font-size:0;position:relative}
 .mobile-menu summary:after{content:"";position:absolute;inset:9px;background:linear-gradient(#d8c3ef 0 0) 0 2px/100% 2px no-repeat,linear-gradient(#d8c3ef 0 0) 0 9px/100% 2px no-repeat,linear-gradient(#d8c3ef 0 0) 0 16px/100% 2px no-repeat}
 .mobile-menu nav{position:absolute;right:12px;top:70px;width:280px;padding:9px;border:1px solid #3b4c65;border-radius:12px;background:#07101cf7;box-shadow:0 24px 70px #000c;display:grid;gap:5px}
 .mobile-menu nav a{height:42px;border:1px solid #243954;border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;background:#091321}
}
@media(max-width:780px){
 .admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;overflow:auto}
 .admin-sidebar>a{min-width:116px;height:58px;flex-direction:column;justify-content:center;gap:2px}.admin-sidebar>a i{width:28px;height:28px}.admin-sidebar>a i img{width:27px;height:27px}
}

.search-icon{background:none!important;display:grid;place-items:center}
.search-icon img{width:20px;height:20px;object-fit:contain}
.mobile-menu nav a img{width:27px;height:27px;object-fit:contain}
.notify-button>img{width:24px;height:24px;object-fit:contain;margin:auto;display:block}
.notify-button:before{display:none!important}
.feedback-result.success{color:#68f0a5}

.checkout-modal[hidden],.cart-overlay[hidden]{display:none!important}

.cart-empty[hidden]{display:none!important}

/* v3.2 extended control center */
.admin-empty-state{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:#718097}
.admin-empty-state img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 18px #8f2de655);margin-bottom:10px}.admin-empty-state h3{font-size:14px;color:#e7edf6;margin:5px 0}.admin-empty-state p{max-width:470px;font-size:8px;line-height:1.55;margin:0}
.system-health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.health-card{min-height:82px;border:1px solid #34445c;border-radius:10px;background-image:linear-gradient(145deg,#0a1525f8,#07101df8),var(--asset-panel);background-size:cover;display:grid;grid-template-columns:46px 1fr 12px;gap:10px;align-items:center;padding:13px}
.health-card>img{width:42px;height:42px;object-fit:contain}.health-card span{display:block;font-size:7px;color:#7f8da3}.health-card b{display:block;font-size:10px;margin-top:5px}.health-card i{width:8px;height:8px;border-radius:50%;background:#ff6279;box-shadow:0 0 12px #ff6279}
.health-card.online{border-color:#2e5f4d}.health-card.online i{background:#40ef92;box-shadow:0 0 12px #40ef92}.health-card.online b{color:#62f0a1}.health-card.offline b{color:#ff91a1}
.system-stats{grid-template-columns:repeat(4,1fr)}
.quick-admin-links{display:grid;gap:8px}.quick-admin-links a{min-height:58px;border:1px solid #263b58;border-radius:9px;background:#081321;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:9px 11px;transition:.18s}.quick-admin-links a:hover{border-color:#6c4487;background:#101529;transform:translateX(2px)}.quick-admin-links img{width:38px;height:38px;object-fit:contain}.quick-admin-links b{display:block;font-size:9px}.quick-admin-links small{display:block;font-size:7px;color:#6e7c91;margin-top:3px}
.create-product-panel{margin-bottom:14px;padding:0!important}.create-product-panel summary{list-style:none;min-height:64px;display:flex;align-items:center;gap:11px;padding:12px 16px;cursor:pointer}.create-product-panel summary::-webkit-details-marker{display:none}.create-product-panel summary>img{width:40px;height:40px}.create-product-panel summary b{display:block;font-size:10px}.create-product-panel summary small{display:block;font-size:7px;color:#718097;margin-top:3px}.create-product-form{border-top:1px solid #203651;padding:17px}
.admin-product-card>.admin-form{margin:0}.product-save{width:100%;justify-content:center;height:32px}.product-extra-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.product-extra-actions .mini-btn{width:100%;justify-content:center}
.admin-row-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-row-actions button{white-space:nowrap}
.admin-info-panel>img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 16px #8b2cdf4d)}.admin-info-panel h3{font-size:13px;margin:10px 0 6px}.admin-info-panel p{font-size:8px;color:#8290a5;line-height:1.6}.admin-info-lines{display:grid;gap:6px;margin-top:14px}.admin-info-lines span{display:flex;align-items:center;gap:7px;font-size:8px;color:#aab5c5}.admin-info-lines img{width:21px;height:21px}
@media(max-width:1200px){.system-health-grid{grid-template-columns:repeat(3,1fr)}.system-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.system-health-grid,.system-stats{grid-template-columns:1fr}.admin-layout{gap:10px}}

.admin-note-list{display:grid;gap:7px;max-height:360px;overflow:auto}.admin-note{border:1px solid #263a55;border-radius:8px;background:#081321;padding:10px}.admin-note>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-note b{font-size:9px}.admin-note span{font-size:6px;font-weight:900;letter-spacing:.08em;color:#83a6c7}.admin-note p{font-size:8px;line-height:1.5;color:#a0acbd;margin:7px 0}.admin-note small{font-size:7px;color:#647389}.admin-note.note-warning{border-color:#6d542e;background:#1f170b}.admin-note.note-critical{border-color:#71333e;background:#241018}.admin-note.note-critical span{color:#ff8da1}.admin-note.note-warning span{color:#ffc16a}

.global-notice{min-height:42px;border-bottom:1px solid #47345d;background:linear-gradient(90deg,#171126,#0b1322 45%,#171126);display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 18px;font-size:9px;color:#d8c9e8}.global-notice img{width:24px;height:24px;object-fit:contain}
.service-banner{min-height:64px;margin:0 0 16px;border:1px solid #654832;border-radius:10px;background:linear-gradient(90deg,#25170c,#101421);padding:12px 15px;display:flex;align-items:center;gap:12px}.service-banner img{width:38px;height:38px;object-fit:contain}.service-banner b{display:block;font-size:10px;color:#ffc170}.service-banner span{display:block;font-size:8px;color:#9a8f87;margin-top:4px}
.maintenance-page{min-height:calc(100vh - 146px);display:grid;place-items:center;padding:50px 20px;background:radial-gradient(circle at 50% 30%,#24133c 0,#080e19 34%,#030610 72%),url('/assets/brand/kraken-scene-v140.jpg') center/cover;background-blend-mode:multiply}.maintenance-card{width:min(620px,94vw);border:1px solid #604378;border-radius:15px;background-image:linear-gradient(155deg,#091322f5,#050a14f8),var(--asset-panel);background-size:cover;padding:42px;text-align:center;box-shadow:0 34px 100px #000c}.maintenance-logo{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 0 30px #9329e77d)}.maintenance-card h1{font-size:31px;margin:10px 0}.maintenance-card>p{font-size:10px;line-height:1.7;color:#96a3b6;max-width:470px;margin:0 auto 20px}.maintenance-status{display:flex;justify-content:center;align-items:center;gap:7px;font-size:8px;color:#8e9cad;margin-bottom:20px}.maintenance-status i{width:8px;height:8px;border-radius:50%;background:#41ef91;box-shadow:0 0 11px #41ef91}.maintenance-card .btn{margin:auto}.button-image img,.btn-with-icon img{width:19px;height:19px;object-fit:contain;margin-right:6px}
.btn:disabled,.buy:disabled,.cart-checkout:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.35)}

.support-card .support-icon{display:block;width:62px;height:62px;margin:0 0 15px;background:none;color:inherit}.support-card .support-icon img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 15px #8f2fe866)}
.submit.button-image,.btn.button-image{display:inline-flex;align-items:center;justify-content:center;gap:8px}.submit.button-image img,.btn.button-image img{width:22px;height:22px;object-fit:contain}