/* KillerKommando command hub */
:root{--ink:#090a11;--surface:#11131e;--surface2:#191a28;--stroke:#373042;--violet:#b746f5;--light:#f5f0fa;--muted:#a8a4b5;--gold:#efc778}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 70% 45% at 75% 0%,#241132 0%,transparent 80%),#090a11;color:var(--light)}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e9bcff;outline-offset:3px}.app{min-height:100vh}.top{height:70px;padding:0 24px;background:#0d0e18f5;border-bottom:1px solid #583669;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;box-shadow:0 12px 28px #05040b66}.top .brand{min-width:245px}.brand strong{letter-spacing:.02em}.brand small{letter-spacing:.2em}.topContext{min-width:145px}.topContext span{font-size:10px;letter-spacing:.24em;color:#b35dd8}.topContext strong{font-size:16px}.top .nav{flex:1;justify-content:center;overflow:auto hidden;scrollbar-width:none}.top .nav::-webkit-scrollbar{display:none}.top .nav button{min-width:75px;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}.top .nav button:hover{background:#3b2149;transform:translateY(-2px)}.top .nav button.active{background:linear-gradient(180deg,#54216488,#381748);box-shadow:inset 0 -3px var(--violet)}.top .user{min-width:145px}.layout{grid-template-columns:238px minmax(0,1fr)}aside{background:linear-gradient(180deg,#15131f,#0e1019 72%);border-right:1px solid #30293b;padding:16px 12px;min-height:calc(100vh - 70px)}aside .sidebarBrand{margin:5px 2px 24px;padding:16px 8px;border:1px solid #57366d;background:radial-gradient(circle at 20% 30%,#70359a55,transparent 60%),#191421;box-shadow:inset 0 1px #a976c544}aside .sidebarBrand strong{font-size:19px}.sideGroup{margin-bottom:17px}.sideGroup .sideheading{margin:16px 12px 6px;color:#936aaa;font-size:10px;letter-spacing:.18em}#sidemenu .sidebtn{display:flex;align-items:center;width:100%;gap:11px;min-height:39px;padding:8px 12px;font-size:14px;font-weight:600;color:#bab5c5;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left}#sidemenu .sidebtn:hover,aside>.sidebtn:hover{color:#fff;background:#372348}#sidemenu .sidebtn.active{color:#fff;background:linear-gradient(90deg,#6d239b,#361845);border-color:#8551a3;box-shadow:inset 3px 0 #db75ff,0 5px 16px #4b136e44}#sidemenu .sidebtn .kkicon{width:18px;height:18px;flex:none}.mobileDock,.drawerClose,.drawerShade{display:none}main{min-width:0;padding:18px clamp(16px,2.1vw,38px) 40px;max-width:1680px;width:100%;margin-inline:auto}#dashboard>.hero{display:none!important}.welcomeBar{margin:0 0 12px;min-height:62px;padding:7px 13px;background:linear-gradient(90deg,#20172b,#151520 55%,#18121e);border:1px solid #43304d;box-shadow:inset 0 1px #a175ad33}.welcomeBar h1{font-size:20px}.welcomeBar small{letter-spacing:.17em}.welcomeRank{margin-left:auto}.commandHero{min-height:350px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #82509a;border-radius:12px;background:linear-gradient(90deg,#0d0b18 0%,#0d0b18f2 26%,#100c1d99 50%,#0f0b1a18 86%),url('/dashboard-art.png') center 48%/cover no-repeat;box-shadow:0 24px 52px #0008, inset 0 0 60px #7e2ba522}.commandHero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b091a80,transparent 45%);pointer-events:none}.commandHero:after{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#f0c37b,#b040fa,#481869)}.commandHeroContent{padding:29px clamp(22px,3.2vw,58px);max-width:700px}.heroOverline{display:flex;align-items:center;gap:11px;color:#eec5ff;font-size:11px;font-weight:800;letter-spacing:.22em}.liveDot{width:7px;height:7px;border-radius:50%;background:#bdffbb;box-shadow:0 0 12px #8fff9c}.heroDivider{color:#91629d}.commandHero h1{font:900 clamp(52px,5.2vw,92px)/.88 'Barlow Condensed',sans-serif;margin:20px 0 15px;letter-spacing:.015em;color:#fff;text-shadow:0 3px 22px #000}.commandHero h1 em{font-style:normal;background:linear-gradient(95deg,#e7b3ff,#a841e9 60%,#df7df7);color:transparent;background-clip:text}.commandHero p{color:#d8d0df;font-size:15px;line-height:1.5;max-width:470px;margin:0 0 21px}.heroActions{display:flex;gap:10px;flex-wrap:wrap}.heroActions button{min-height:43px;font-size:16px}.heroActions .primary{background:linear-gradient(115deg,#a02ed7,#6b19a4);box-shadow:0 6px 23px #9b1ed455}.heroActions .secondary{background:#11121ed9;border-color:#816196}.heroActions .kkicon{width:17px;height:17px;margin-left:6px}.heroMeta{display:flex;gap:19px;flex-wrap:wrap;margin-top:27px;color:#aa9eb5;font-size:11px;letter-spacing:.1em}.heroMeta>span{display:flex;align-items:center;gap:5px}.heroMeta strong{color:#f2d098;margin-left:2px}.heroMeta .kkicon{width:16px;height:16px;color:#cd82f1}.heroArtLabel{position:absolute;right:22px;bottom:18px;color:#eee;font-size:13px;font-weight:900;letter-spacing:.12em;text-align:right;text-shadow:0 2px 8px #000}.heroArtLabel span{display:block;color:#d5a3ee;font-size:9px;letter-spacing:.25em;margin-top:2px}.hubDeploy{margin:24px 0}.hubHeading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:13px}.hubHeading span{font-size:10px;letter-spacing:.22em;color:#c97aef;font-weight:800}.hubHeading h2{font:800 clamp(26px,2.7vw,38px)/1 'Barlow Condensed';text-transform:uppercase;margin:5px 0 0;color:#fff}.hubClanLink{border:0;background:transparent;color:#d7a4ed;font:700 14px 'Barlow Condensed';white-space:nowrap}.deployGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.deployCard{position:relative;text-align:left;min-width:0;min-height:164px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid #40364b;border-radius:10px;background:linear-gradient(155deg,#202030,#141520 66%,#181421);color:white;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.deployCard:before{content:'';position:absolute;left:0;top:0;width:70%;height:2px;background:linear-gradient(90deg,#a43ddb,transparent)}.deployCard:hover{transform:translateY(-5px);border-color:#a55ccc;box-shadow:0 16px 24px #0007,0 0 20px #7a1fb933}.deployWar{background:radial-gradient(circle at 15% 8%,#6f2b8755,transparent 55%),linear-gradient(145deg,#27162e,#15141f)}.deploySeason{background:radial-gradient(circle at 80% 0,#b5853650,transparent 65%),linear-gradient(145deg,#282021,#171520);border-color:#745536}.deploySeason:before{background:linear-gradient(90deg,#dfac5c,transparent)}.deployIcon .kkicon{width:30px;height:30px;color:#ca78f1;filter:drop-shadow(0 0 9px #b540e977)}.deploySeason .deployIcon .kkicon{color:#f7cb7b}.deployCopy{display:flex;flex-direction:column;gap:3px}.deployCopy small{font-size:10px;letter-spacing:.13em;color:#c881ed}.deployCopy strong{font:800 25px/.9 'Barlow Condensed';letter-spacing:.02em}.deployCopy em{font-size:12px;color:#aaa4b5;font-style:normal;line-height:1.25}.deployArrow{position:absolute;right:13px;top:13px;color:#cc91e8;font-size:18px}.stats{margin:0 0 14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat{min-width:0;min-height:106px;border-radius:9px;border-color:#4a3a52;background:linear-gradient(135deg,#241c2d,#15151f 70%);box-shadow:inset 0 1px #c581ec22,0 8px 21px #0004}.stat:first-child{background:radial-gradient(circle at 0 50%,#9d6a2444,transparent 70%),#17141b;border-color:#68502b}.stat strong{font-size:28px}.stat .icon{color:#c37bec}.stat:first-child .icon{color:var(--gold)}.grid,.dashboardBottom,.lower{gap:12px}.panel,.reward,.passinfo,.challengeCard{border-radius:9px;border-color:#40344c;background:linear-gradient(145deg,#1b1b28,#11121b);box-shadow:inset 0 1px #ffffff12,0 7px 19px #0003}.panel{padding:19px}.panel h2,.sectiontitle{font-size:22px;color:#e2a0f4;letter-spacing:.02em}.activity{padding:9px 0}.activity .portrait{color:#d39af5}.mini{border-color:#3b3345;background:#151620}.leaders td{padding:10px 5px}.clanDashboard{border-color:#654379;background:radial-gradient(circle at 80% 0,#421d5a66,transparent 52%),#15141e}.shop,.challengeTeaser,.weeklyTeaser,.streakTeaser,.clanSeasonTeaser{margin-top:14px}.primary,.secondary{border-radius:6px;transition:filter .2s,transform .2s}.primary:hover,.secondary:hover{filter:brightness(1.18);transform:translateY(-2px)}.passhero{border:1px solid #805593;border-radius:12px;min-height:430px;background:linear-gradient(90deg,#0b0818f5 0%,#100b1ecc 39%,#120a2055 75%),url('/goldpass-art.png') center/cover no-repeat}.passhero h1{filter:drop-shadow(0 4px 9px #000)}.track .reward{border-radius:8px}.foot{margin-top:34px;border-top:1px solid #302439;color:#a899b0}.sectionhero,.questHero,.clanSeasonHero,.progressionHero,.warHub,.cwlHeading{border-radius:12px!important;box-shadow:0 20px 45px #0006}.sectionhero{background:linear-gradient(90deg,#171021e6,#21132d7a),url('/dashboard-art.png') center/cover no-repeat!important}.drawerClose{display:none}
@media(max-width:1250px){.top .nav button{min-width:62px;font-size:11px}.top .brand{min-width:190px}.topContext{display:none}.top .user{min-width:110px}.deployGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.deployCard{min-height:143px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.top{height:62px;display:flex;padding:0 15px;gap:8px;position:sticky}.top .brand{min-width:0;flex:1}.top .brand strong{font-size:21px}.top .brand small{font-size:9px}.top .mark{font-size:31px}.top .nav,.topContext{display:none!important}.top .user{min-width:0;margin:0;flex:none}.top .user>div:last-child{display:none}.top .avatar{width:39px;height:39px}.layout{display:block!important;grid-template-columns:none!important}main,body.goldpass-view main{padding:13px 14px 100px!important;width:100%}body.goldpass-view .layout{display:block}body.goldpass-view aside{display:block}aside,#hubSidebar{display:block;position:fixed;z-index:90;top:0;bottom:0;left:0;width:min(320px,85vw);min-height:0;overflow:auto;transform:translateX(-105%);transition:transform .25s ease;box-shadow:20px 0 50px #0009;padding-top:10px}.menuOpen #hubSidebar{transform:translateX(0)}.drawerClose{display:block;position:absolute;right:13px;top:12px;width:36px;height:36px;background:#3d2449;border:1px solid #8c51a4;border-radius:5px;color:#fff;font-size:25px}.sidebarBrand{margin-top:38px!important}.drawerShade{display:none;position:fixed;z-index:80;inset:0;background:#000b;backdrop-filter:blur(4px)}.menuOpen .drawerShade{display:block}.menuOpen{overflow:hidden}.mobileDock{position:fixed;z-index:70;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;min-height:70px;padding:6px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:#12111df7;border-top:1px solid #604171;box-shadow:0 -12px 35px #000b;backdrop-filter:blur(16px)}.mobileDock button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;background:transparent;border:0;border-radius:6px;color:#aaa2b4;font:700 12px 'Barlow Condensed';letter-spacing:.02em}.mobileDock button.active,.mobileDock button:hover,.mobileDock .openMenu[aria-expanded=true]{color:#f6d9ff;background:#54246b88}.mobileDock .kkicon{height:23px;width:23px}.welcomeBar{min-height:59px}.welcomeBar h1{font-size:18px}.welcomeRank{font-size:12px}.commandHero{min-height:330px}.commandHeroContent{padding:26px}.commandHero h1{font-size:clamp(54px,8vw,85px)}.deployGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.foot{padding-bottom:16px}}
@media(max-width:620px){main,body.goldpass-view main{padding:10px 10px 94px!important}.welcomeBar{gap:8px}.welcomePortrait{width:43px;height:43px}.welcomeBar h1{font-size:17px}.welcomeBar p{font-size:11px}.welcomeRank{font-size:0!important;padding:8px!important}.welcomeRank .kkicon{width:22px;height:22px}.commandHero{min-height:438px;align-items:flex-start;background:linear-gradient(180deg,#0c0915ec 0%,#0b0915c9 38%,#0b09155e 75%,#10071acc),url('/dashboard-art.png') 65% center/cover no-repeat}.commandHeroContent{padding:24px 20px;width:100%}.heroOverline{font-size:9px;gap:6px;letter-spacing:.13em}.commandHero h1{font-size:clamp(51px,11.5vw,72px);margin:19px 0 10px}.commandHero p{max-width:310px;font-size:13px;line-height:1.4;margin-bottom:17px}.heroActions{gap:8px}.heroActions button{min-height:39px;font-size:14px;padding:8px 12px}.heroMeta{margin-top:20px;gap:10px;font-size:9px}.heroMeta .kkicon{width:13px;height:13px}.heroArtLabel{font-size:10px;right:13px;bottom:12px}.hubDeploy{margin:22px 0 17px}.hubHeading h2{font-size:27px}.hubClanLink{font-size:12px}.deployGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.deployCard{min-height:131px;padding:11px}.deployCard:last-child{grid-column:1/-1;min-height:92px;flex-direction:row;align-items:center;gap:14px;justify-content:flex-start}.deployCopy strong{font-size:21px}.deployCopy small{font-size:9px}.deployCopy em{font-size:11px}.deployIcon .kkicon{width:25px;height:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat{min-height:91px}.stat strong{font-size:24px}.grid{grid-template-columns:1fr}.grid .panel:last-child{grid-column:auto}.panel{padding:14px}.passhero{min-height:390px;padding:22px;background:linear-gradient(90deg,#0b0917f5,#140c24b8 75%,#0b091766),url('/goldpass-art.png') 64% center/cover no-repeat}.passhero h1{font-size:clamp(55px,14vw,78px)}}
@media(max-width:360px){.top .brand strong{font-size:17px}.heroActions{flex-direction:column;align-items:flex-start}.commandHero{min-height:475px}.heroMeta{gap:6px}.mobileDock button{font-size:10px}.hubHeading span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.bootScreen{display:none}.hubBoot .bootScreen{position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle,#2f1540,#090a11 55%);color:#fff}.bootMark{display:grid;place-items:center;width:85px;height:85px;transform:rotate(-9deg);border:2px solid #bc73e5;box-shadow:0 0 55px #9c32d688;font:900 43px 'Barlow Condensed';color:#e6b5ff}.bootScreen strong{font:900 30px 'Barlow Condensed';letter-spacing:.06em}.bootScreen span{font-size:10px;letter-spacing:.25em;color:#c19bd4}.hubBoot .app{visibility:hidden}
/* Equipable profile cosmetics */
.equipmentPanel{grid-column:1/-1;background:radial-gradient(circle at 90% 0,#5c217a44,transparent 43%),#17141f;border-color:#76518b}.equipmentHead{display:flex;align-items:center;justify-content:space-between;gap:20px}.equipmentHead>div:first-child{max-width:530px}.equipmentHead>div:first-child>small{color:#d691f5;letter-spacing:.2em;font-size:11px;font-weight:800}.equipmentHead h2{font:900 34px 'Barlow Condensed';color:#fff;margin:4px 0}.equipmentPortrait{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;min-width:200px;min-height:175px;padding:14px;border:2px solid #68527c;border-radius:12px;background:radial-gradient(circle at 50% 30%,#6a328055,transparent 65%),#181321;text-align:center;overflow:hidden}.equipmentPortraitArt{display:grid;place-items:center;height:81px;width:88px}.equipmentPortraitArt .seasonArt{width:78px;height:78px;object-fit:contain}.equipmentPortraitArt .prestigeInsignia{width:72px;height:79px}.equipmentPortraitArt>.kkicon{width:55px;height:55px;color:#db86f4}.equipmentPortrait strong{font:800 20px 'Barlow Condensed'}.equipmentPortrait small{color:#c6aecf;font-size:11px}.equipmentSlots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:21px}.equipmentSlot{padding:15px;border:1px solid #4e3b61;border-radius:9px;background:#12121b}.equipmentSlotTitle{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:11px}.equipmentSlotTitle strong{font:800 21px 'Barlow Condensed';color:#e5a8ff}.equipmentSlotTitle span{font-size:11px;color:#ad9fb7}.equipmentOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.equipmentOption{display:flex;align-items:center;gap:9px;text-align:left;min-width:0;min-height:70px;padding:7px;border:1px solid #533b64;border-radius:7px;color:#e9e1ed;background:#1b1926;transition:transform .2s,border-color .2s,background .2s}.equipmentOption:hover{border-color:#b867da;transform:translateY(-2px)}.equipmentOption.selected{border-color:#f0c979;background:linear-gradient(120deg,#3a254b,#241d25);box-shadow:inset 3px 0 #f1cb79}.equipmentArt{flex:none;width:48px;height:50px;display:grid;place-items:center;color:#d684f5}.equipmentArt .kkicon{width:34px;height:34px}.equipmentArt .seasonArt{width:47px;height:47px;object-fit:contain}.equipmentArt .prestigeInsignia{width:45px;height:50px}.equipmentOption>span:last-child{min-width:0;font:700 14px 'Barlow Condensed';overflow-wrap:anywhere}.equipmentOption small{display:block;color:#f2cb81;font:600 11px Inter,Arial,sans-serif;margin-top:4px}.equipmentEmpty,.equipmentNote{color:#ada3b4;font-size:13px}.equipmentRemove{margin-top:10px;border:0;background:transparent;color:#d5a8ea;text-decoration:underline;font-size:12px;padding:5px}.equipmentNote{margin:17px 0 0}.banner-season{background-image:linear-gradient(105deg,#1b0d2bdb,#41155a77),url('/season/seasonBanner.webp')!important;background-position:center!important;background-size:cover!important}.banner-shop{background-image:linear-gradient(105deg,#100b21e8,#39234e99),url('/dashboard-art.png')!important;background-position:center!important;background-size:cover!important}.frame-season{border:2px solid #c471ee!important;box-shadow:0 0 17px #a139c777,inset 0 0 22px #a754d733!important}.frame-shop{border:2px solid #e8bd73!important;box-shadow:0 0 16px #d39b5977,inset 0 0 18px #c8964144!important}.name-violet .profileDisplayName,.name-violet .equipmentPortrait strong,.user.name-violet strong{color:#d984ff!important;text-shadow:0 0 13px #b339f699}.welcomeBar.banner-season,.welcomeBar.banner-shop{background-position:center;background-size:cover}.welcomeBar.frame-season,.welcomeBar.frame-shop{border-width:2px}.user.frame-shop .avatar,.user.frame-season .avatar{border-width:2px}
@media(max-width:620px){.equipmentHead{align-items:stretch;flex-direction:column}.equipmentPortrait{width:100%;min-height:152px}.equipmentSlots{grid-template-columns:1fr}.equipmentOptions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.equipmentOptions{grid-template-columns:1fr}}
/* Global community chat */
.chatShell{max-width:1180px;margin:auto}.chatHero{min-height:190px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px clamp(20px,4vw,44px);border:1px solid #8c4eaa;border-radius:12px 12px 0 0;background:linear-gradient(100deg,#100d1df5,#170e2ada 52%,#23103277),url('/dashboard-art.png') center/cover no-repeat}.chatSignal{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.24em;color:#d8a0f2;font-weight:800}.chatSignal i,.chatLive i{width:8px;height:8px;border-radius:50%;background:#91e59a;box-shadow:0 0 12px #80dc96}.chatHero h1{font:900 clamp(46px,6vw,72px)/.95 'Barlow Condensed';margin:14px 0 9px}.chatHero h1 span{color:#d176fb}.chatHero p{font-size:14px;color:#d7cbdc;max-width:580px;line-height:1.5;margin:0}.chatSigil{display:grid;place-items:center;flex:none;width:120px;height:120px;border:1px solid #8e46b6;transform:rotate(-8deg);border-radius:23px;background:#501d6a88;box-shadow:0 0 45px #bd3fff77}.chatSigil .kkicon{width:63px;height:63px;color:#f4b4ff}.chatMain{border:1px solid #5c3a70;border-top:0;border-radius:0 0 12px 12px;background:linear-gradient(145deg,#1b1725,#0f101a 70%);overflow:hidden}.chatToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 23px;border-bottom:1px solid #4b3457;background:#211a2c}.chatToolbar strong{display:block;font:800 22px 'Barlow Condensed';color:#fff}.chatToolbar small{display:block;color:#c8bad0;font-size:11px}.chatLive{display:flex;align-items:center;gap:9px;color:#bdadc5;font-size:11px}.chatHistory{height:min(58vh,580px);min-height:330px;overflow:auto;overscroll-behavior:contain;padding:17px clamp(13px,2.5vw,28px);scrollbar-color:#76528c #15131e}.chatLoading,.chatEmpty{color:#c9bdd0;text-align:center;padding:80px 10px;line-height:1.6}.chatEmpty button{display:block;margin:18px auto}.chatMessage{display:flex;align-items:flex-start;gap:10px;max-width:820px;margin:0 0 16px}.chatMessage.own{margin-left:auto;flex-direction:row-reverse}.chatAvatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #785390;border-radius:10px;background:#321e40}.chatAvatar .prestigeInsignia{width:31px;height:34px}.chatAvatar .seasonArt{width:36px;height:36px;object-fit:contain}.chatAvatar .kkicon{width:26px;height:26px}.chatBubble{min-width:0;max-width:100%;border:1px solid #493957;border-radius:4px 13px 13px 13px;background:#201c2b;padding:10px 13px;overflow-wrap:anywhere}.chatMessage.own .chatBubble{border-color:#8851a5;background:#2a1b3c;border-radius:13px 4px 13px 13px}.chatByline{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.chatByline strong{color:#e4a5fb;font-size:13px}.chatByline .prestigeInsignia{width:22px;height:25px;vertical-align:middle}.chatByline time{color:#a9a0b4;font-size:10px;margin-left:6px}.chatBubble p{margin:6px 0 0;color:#f0e9f5;font-size:14px;line-height:1.45;white-space:pre-wrap}.chatOlder{display:block;margin:0 auto 20px;padding:8px 15px;color:#e4b7fa;background:#2a1b39;border:1px solid #72408f;border-radius:6px}.chatComposer{padding:16px 22px 20px;border-top:1px solid #4c345b;background:#17141f}.chatComposer label{display:block;color:#dca9f3;font-size:12px;font-weight:700;margin-bottom:8px}.chatComposer>div{display:flex;align-items:stretch;gap:10px}.chatComposer textarea{flex:1;min-width:0;resize:vertical;max-height:160px;border:1px solid #795390;border-radius:8px;background:#100f19;color:#fff;padding:12px 14px;font:14px/1.45 Inter,Arial,sans-serif}.chatComposer textarea:focus{outline:2px solid #ca79ee;outline-offset:1px}.chatComposer button{min-width:106px;font-size:17px}.chatComposer>small{display:block;color:#a89bb0;font-size:11px;margin-top:8px}
@media(max-width:620px){.chatHero{padding:23px 17px;min-height:175px}.chatSigil{width:65px;height:65px;border-radius:14px}.chatSigil .kkicon{width:37px;height:37px}.chatHero p{font-size:12px}.chatToolbar{padding:12px 13px}.chatLive{font-size:0}.chatLive i{width:8px;height:8px}.chatHistory{height:calc(100dvh - 425px);min-height:300px;padding:15px 10px}.chatComposer{padding:12px}.chatComposer button{min-width:76px;font-size:14px;padding:7px}.chatMessage{gap:6px}.chatAvatar{width:32px;height:32px}.chatAvatar .prestigeInsignia{width:26px;height:28px}.chatBubble{padding:8px 10px}.chatBubble p{font-size:13px}}
/* Armory / cosmetic collection */
.shopHero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:285px;padding:clamp(20px,3vw,40px);overflow:hidden;border:1px solid #8d538f;border-radius:12px;background:radial-gradient(circle at 83% 50%,#652378aa,transparent 38%),linear-gradient(108deg,#14101e,#2b1639 70%,#0d0b16);box-shadow:inset 0 1px #c68ec055,0 18px 32px #0005}.shopHero:before{content:'';position:absolute;inset:0;background:url('/dashboard-art.png') center/cover;opacity:.16;pointer-events:none}.shopHero>div{position:relative}.shopHero>div:first-child{max-width:630px}.shopHero span{color:#e3a5f2;font-weight:800;font-size:11px;letter-spacing:.25em}.shopHero h1{font:900 clamp(58px,7vw,94px)/.85 'Barlow Condensed';margin:20px 0 13px}.shopHero h1 em{font-style:normal;color:#d18af5}.shopHero p{max-width:540px;line-height:1.5;font-size:15px;color:#e4d7e9}.shopHeroArt{flex:none;width:clamp(145px,25vw,310px);height:245px;display:grid;place-items:center;filter:drop-shadow(0 0 22px #d482e688)}.shopHeroArt img{max-height:100%;width:100%;object-fit:contain}.shopHeroStats{display:flex;gap:25px;flex-wrap:wrap;margin-top:22px}.shopHeroStats strong{font:800 28px 'Barlow Condensed';color:#f3d293}.shopHeroStats small{display:block;font-size:10px;color:#c8a4d7;letter-spacing:.08em}.shopNav{display:flex;gap:8px;overflow:auto;padding:18px 1px 14px}.shopNav button{white-space:nowrap;border:1px solid #624473;color:#d1bfd9;background:#181521;border-radius:7px;padding:10px 15px;font:700 15px 'Barlow Condensed'}.shopNav button.active,.shopNav button:hover{border-color:#d18df2;color:white;background:#69308b;box-shadow:0 4px 14px #8736bd55}.shopCollection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shopItem{--rare:#c6b4d0;--rareDark:#33283d;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--rare);border-radius:10px;padding:0 14px 15px;background:linear-gradient(160deg,var(--rareDark),#181520 60%,#101019);box-shadow:inset 0 1px #ffffff26,0 8px 22px #0006}.shopItem[hidden]{display:none!important}.shopItem.rarity-rare{--rare:#78acf5;--rareDark:#1a2b47}.shopItem.rarity-epic{--rare:#d480f5;--rareDark:#392047}.shopItem.rarity-mythic{--rare:#ed9577;--rareDark:#4d2534}.shopItem.rarity-legendary{--rare:#f1cd80;--rareDark:#544026}.shopItem:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--rare);box-shadow:0 0 13px var(--rare)}.shopItemArt{height:175px;margin:0 -14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,var(--rareDark),transparent 72%)}.shopItemArt img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 7px 14px #0008);transition:transform .25s,filter .25s}.shopItem:hover .shopItemArt img{transform:translateY(-5px) scale(1.06);filter:drop-shadow(0 7px 19px var(--rare))}.shopItemTop{display:flex;justify-content:space-between;gap:4px;color:var(--rare);font:800 11px 'Barlow Condensed';letter-spacing:.09em}.shopItemTop span:last-child{color:#aa99b6}.shopItem h3{font:800 25px/1 'Barlow Condensed';margin:10px 0 6px;color:#fff}.shopItem p{flex:1;color:#bcb1c4;font-size:12px;line-height:1.35;min-height:34px;margin:0 0 12px}.shopItemFoot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:12px;border-top:1px solid #ffffff22}.shopItemFoot strong{font:800 17px 'Barlow Condensed';color:#f8d897}.shopItemFoot button{min-width:76px;min-height:33px;padding:6px 10px;font-size:14px}.shopPreview{border:0;background:transparent;color:var(--rare);font:700 12px 'Barlow Condensed';padding:9px 0 0;text-align:left}.shopBottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:17px;padding:18px 23px;border:1px solid #60466d;border-radius:9px;background:#1c1726}.shopBottom>span{font:800 22px 'Barlow Condensed';color:#edd09a}.shopBottom>span .kkicon{width:25px;height:25px}.shopBottom p{flex:1;color:#c2b2ca;font-size:13px}.shopArtwork{width:100%;height:100%;object-fit:contain}.equipmentArt .shopArtwork{max-width:49px;max-height:49px}.equipmentPortraitArt .shopArtwork{max-width:80px;max-height:80px}.chatAvatar .shopArtwork{max-width:38px;max-height:38px}.seasonPreviewArt .shopArtwork{max-width:260px;max-height:260px}.welcomePortrait .shopArtwork,.avatar .shopArtwork{width:100%;height:100%}
@media(max-width:1250px){.shopCollection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.shopCollection{grid-template-columns:repeat(2,minmax(0,1fr))}.shopHero{min-height:250px}.shopHeroArt{width:130px;height:145px}.shopHero p{font-size:13px}.shopHeroStats{gap:14px}.shopHeroStats strong{font-size:22px}}@media(max-width:450px){.shopHero{padding:22px 15px;min-height:290px;align-items:flex-start}.shopHeroArt{position:absolute!important;right:-15px;top:13px;width:122px;height:128px;opacity:.7}.shopHero h1{font-size:59px;margin-top:13px}.shopHero p{max-width:230px}.shopHeroStats{margin-top:18px}.shopHeroStats strong{font-size:20px}.shopItem{padding:0 9px 12px}.shopItemArt{height:126px;margin:0 -9px}.shopItemArt img{width:104px;height:104px}.shopItem h3{font-size:21px}.shopItemFoot{align-items:flex-start;flex-direction:column}.shopItemFoot button{width:100%}.shopBottom{padding:15px}}

.banner-item-banner{background-image:linear-gradient(100deg,#110a1cdd,#1e132caa),url('/shop-art/banner.webp')!important;background-position:center!important;background-size:cover,auto 180%!important;background-repeat:no-repeat!important}
.banner-item-moonCitadel{background-image:linear-gradient(100deg,#110a1cdd,#1e132caa),url('/shop-art/moonCitadel.webp')!important;background-position:center!important;background-size:cover,auto 180%!important;background-repeat:no-repeat!important}
.banner-item-bloodMoon{background-image:linear-gradient(100deg,#110a1cdd,#1e132caa),url('/shop-art/bloodMoon.webp')!important;background-position:center!important;background-size:cover,auto 180%!important;background-repeat:no-repeat!important}
.banner-item-dragonStorm{background-image:linear-gradient(100deg,#110a1cdd,#1e132caa),url('/shop-art/dragonStorm.webp')!important;background-position:center!important;background-size:cover,auto 180%!important;background-repeat:no-repeat!important}
.banner-item-eternalNight{background-image:linear-gradient(100deg,#110a1cdd,#1e132caa),url('/shop-art/eternalNight.webp')!important;background-position:center!important;background-size:cover,auto 180%!important;background-repeat:no-repeat!important}
.frame-item-frame{border:2px solid #e8bd73!important;box-shadow:0 0 19px #e8bd7377,inset 0 0 18px #e8bd7344!important}
.frame-item-obsidianSeal{border:2px solid #84adff!important;box-shadow:0 0 19px #84adff77,inset 0 0 18px #84adff44!important}
.frame-item-starForge{border:2px solid #d887f5!important;box-shadow:0 0 19px #d887f577,inset 0 0 18px #d887f544!important}
.frame-item-runeWarden{border:2px solid #ef8b6c!important;box-shadow:0 0 19px #ef8b6c77,inset 0 0 18px #ef8b6c44!important}
.frame-item-astralCrown{border:2px solid #f8d17b!important;box-shadow:0 0 19px #f8d17b77,inset 0 0 18px #f8d17b44!important}
.name-item-color .profileDisplayName,.name-item-color.user strong,.name-item-color.equipmentPortrait strong{color:#d984ff!important;text-shadow:0 0 13px #d984ff99}
.name-item-frostGlow .profileDisplayName,.name-item-frostGlow.user strong,.name-item-frostGlow.equipmentPortrait strong{color:#86d5ff!important;text-shadow:0 0 13px #86d5ff99}
.name-item-flameCall .profileDisplayName,.name-item-flameCall.user strong,.name-item-flameCall.equipmentPortrait strong{color:#ff82a1!important;text-shadow:0 0 13px #ff82a199}
.name-item-astralLight .profileDisplayName,.name-item-astralLight.user strong,.name-item-astralLight.equipmentPortrait strong{color:#f9b87c!important;text-shadow:0 0 13px #f9b87c99}
.name-item-goldenCall .profileDisplayName,.name-item-goldenCall.user strong,.name-item-goldenCall.equipmentPortrait strong{color:#ffe295!important;text-shadow:0 0 13px #ffe29599}/* The shop preview uses the same equipment classes as the real profile. */
.shopTryOnPreview{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;width:min(88%,240px);min-height:142px;padding:12px 8px 9px;border:2px solid #776186;border-radius:10px;background:radial-gradient(circle at 50% 27%,#7742948a,#151121 72%);box-shadow:0 9px 20px #0008;text-align:center;overflow:hidden}.shopTryOnAvatar{display:grid;place-items:center;width:60px;height:61px;border:2px solid #7f638c;border-radius:13px;background:radial-gradient(circle,#663982,#191426 80%);margin:0 auto 3px}.shopTryOnAvatar .shopArtwork{width:54px;height:54px;object-fit:contain}.shopTryOnAvatar .kkicon{width:38px;height:38px;color:#e9b6fa}.shopTryOnPreview strong{z-index:1;font:900 17px/1 'Barlow Condensed';color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px #07040d}.shopTryOnPreview small{z-index:1;color:#ecdfef;font-size:9px;letter-spacing:.08em;text-shadow:0 1px 4px #000}.shopEffectLabel{position:absolute;bottom:4px;right:7px;font:700 8px 'Barlow Condensed';letter-spacing:.08em;color:#c9a6d9}.shopItemArt{position:relative;padding-bottom:10px}.shopItemArt .shopTryOnPreview{transition:transform .25s}.shopItem:hover .shopTryOnPreview{transform:translateY(-3px)}.seasonPreviewArt .shopTryOnPreview{width:min(100%,350px);min-height:260px;border-radius:16px;padding:25px;gap:9px}.seasonPreviewArt .shopTryOnAvatar{width:120px;height:120px;border-radius:24px}.seasonPreviewArt .shopTryOnAvatar .shopArtwork{width:113px;height:113px}.seasonPreviewArt .shopTryOnAvatar .kkicon{width:70px;height:70px}.seasonPreviewArt .shopTryOnPreview strong{font-size:31px}.seasonPreviewArt .shopTryOnPreview small{font-size:13px}.shopItemArt img.shopArtwork{filter:none}.shopItem:hover .shopItemArt img.shopArtwork{transform:none;filter:none}
@media(max-width:450px){.shopTryOnPreview{width:92%;min-height:100px;padding:6px 3px 4px;gap:0}.shopTryOnAvatar{width:40px;height:41px;border-radius:9px;margin-bottom:2px}.shopTryOnAvatar .shopArtwork{width:38px;height:38px}.shopTryOnAvatar .kkicon{width:25px;height:25px}.shopTryOnPreview strong{font-size:12px}.shopTryOnPreview small{font-size:7px}.shopEffectLabel{font-size:7px;right:4px;bottom:4px}.seasonPreviewArt .shopTryOnPreview{min-height:240px;padding:16px}.seasonPreviewArt .shopTryOnAvatar{width:105px;height:105px}.seasonPreviewArt .shopTryOnAvatar .shopArtwork{width:100px;height:100px}.seasonPreviewArt .shopTryOnPreview strong{font-size:25px}}
/* The frame artwork itself is drawn around the profile, beyond the border glow. */
.equipmentPortrait[class*="frame-item-"],.shopTryOnPreview[class*="frame-item-"],.avatar[class*="frame-item-"],.shopTryOnAvatar[class*="frame-item-"],.welcomePortrait[class*="frame-item-"]{position:relative;isolation:isolate}
.equipmentPortrait[class*="frame-item-"]::after,.shopTryOnPreview[class*="frame-item-"]::after,.avatar[class*="frame-item-"]::after,.shopTryOnAvatar[class*="frame-item-"]::after,.welcomePortrait[class*="frame-item-"]::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:var(--item-frame-art) center/100% 100% no-repeat}
.frame-item-frame{--item-frame-art:url('/shop-art/frame.webp')}.frame-item-obsidianSeal{--item-frame-art:url('/shop-art/obsidianSeal.webp')}.frame-item-starForge{--item-frame-art:url('/shop-art/starForge.webp')}.frame-item-runeWarden{--item-frame-art:url('/shop-art/runeWarden.webp')}.frame-item-astralCrown{--item-frame-art:url('/shop-art/astralCrown.webp')}
.equipmentPortrait[class*="banner-item-"],.shopTryOnPreview[class*="banner-item-"],.welcomeBar[class*="banner-item-"]{background-size:cover!important;background-position:center!important}
.shopTryOnAvatar .shopArtwork,.equipmentPortraitArt .shopArtwork,.welcomePortrait .shopArtwork,.avatar .shopArtwork{position:relative;z-index:1}
/* Skin-grade artwork and applied-profile preview appear together. */
.shopItemArt{height:auto;min-height:285px;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;padding:8px 12px 18px;background:radial-gradient(circle at 50% 25%,var(--rareDark),#101019 75%)}.shopItemVisual{width:100%;height:170px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 50% 55%,#772db744,transparent 72%)}.shopItemVisual .shopArtwork{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #0009)!important;transition:transform .25s,filter .25s}.shopItem:hover .shopItemVisual .shopArtwork{transform:scale(1.075)!important;filter:drop-shadow(0 13px 19px var(--rare))!important}.shopItem[data-slot="banner"] .shopItemVisual .shopArtwork{object-fit:cover}.shopItemArt .shopTryOnPreview{width:min(100%,290px);min-height:96px;flex:none;padding:5px;gap:0}.shopItemArt .shopTryOnAvatar{width:37px;height:38px;border-radius:9px}.shopItemArt .shopTryOnAvatar .shopArtwork{width:35px;height:35px}.shopItemArt .shopTryOnAvatar .kkicon{width:24px;height:24px}.shopItemArt .shopTryOnPreview strong{font-size:13px}.shopItemArt .shopTryOnPreview small{font-size:8px}.shopEffectLabel{bottom:4px;right:13px;font-size:8px}.seasonPreviewArt:has(.shopLargeArt){height:auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:10px 0}.shopLargeArt{height:min(38vh,310px);width:100%;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle,#782a9a44,transparent 72%)}.shopLargeArt .shopArtwork{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px #000a)}.seasonPreviewArt:has(.shopLargeArt) .shopTryOnPreview{width:min(100%,350px);min-height:150px;padding:8px}.seasonPreviewArt:has(.shopLargeArt) .shopTryOnAvatar{width:60px;height:60px;border-radius:12px}.seasonPreviewArt:has(.shopLargeArt) .shopTryOnAvatar .shopArtwork{width:54px;height:54px}.seasonPreviewArt:has(.shopLargeArt) .shopTryOnPreview strong{font-size:20px}.seasonPreviewArt:has(.shopLargeArt) .shopTryOnPreview small{font-size:10px}
@media(max-width:450px){.shopItemArt{min-height:214px;padding:5px 5px 16px}.shopItemVisual{height:126px}.shopItemArt .shopTryOnPreview{min-height:69px}.shopItemArt .shopTryOnAvatar{width:26px;height:27px;border-radius:6px}.shopItemArt .shopTryOnAvatar .shopArtwork{width:24px;height:24px}.shopItemArt .shopTryOnPreview strong{font-size:10px}.shopItemArt .shopTryOnPreview small{font-size:6px}.shopEffectLabel{bottom:3px;right:5px;font-size:6px}.shopLargeArt{height:min(34vh,260px)}}