:root{--uiScale:1;--bg:#07101b;--panel:#0b131d;--panel2:#101b26;--line:#34465a;--blue:#5bb7ff;--purple:#d886ff;--green:#9ad276;--gold:#e6bd57;--red:#ff6b6b;--text:#c4ccd8;--muted:#7f8998;--black:#05090f} *{box-sizing:border-box}html,body{height:100%}body{margin:0;background:linear-gradient(180deg,#07101b,#0b1520 45%,#07101b);color:var(--text);font:15px/1.35 Consolas,Monaco,monospace;overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(91,183,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,183,255,.035) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.wrap{display:grid;grid-template-columns:285px 1fr 290px;grid-template-rows:205px 1fr 228px;height:100vh;gap:10px;padding:4px;transform:scale(var(--uiScale));transform-origin:top left;width:calc(100vw / var(--uiScale));height:calc(100vh / var(--uiScale))}.box{background:linear-gradient(180deg,rgba(16,27,38,.98),rgba(5,10,16,.98));border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 0 0 1px #000,0 0 18px rgba(0,0,0,.45);overflow:hidden}.title{background:var(--blue);color:#06101b;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:6px 11px;cursor:pointer;line-height:1.22;min-height:30px;white-space:nowrap;overflow:visible;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.title:before{content:"";color:#fff;text-shadow:0 0 5px rgba(255,255,255,.85)}.box.collapsed>.title:before{content:"";color:#fff;text-shadow:0 0 7px rgba(255,255,255,1)}.box.collapsed{height:auto!important;align-self:start}.box.collapsed > :not(.title){display:none!important}.panel{padding:10px}.user{grid-column:1;grid-row:1}.stats{grid-column:2;grid-row:1}.news{grid-column:3;grid-row:1}.menu{grid-column:1;grid-row:2 / span 2;position:relative}.main{grid-column:2;grid-row:2}.centerCol{position:relative}.chat{grid-column:2;grid-row:3;position:relative;z-index:2}.chatBackdrop{position:absolute;left:0;right:0;bottom:0;height:var(--chatH);min-height:130px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:hidden}.chatBackdropInner{display:flex;align-items:center;justify-content:center;gap:16px;max-width:76%;text-align:center;opacity:.38;transform:translateX(25px)}.chatBackdrop img{display:block;width:auto;height:auto;transform:translateX(40px) scale(.70);transform-origin:center center}.chatBackdropText{color:#f1d79b;font-weight:900;font-size:17px;line-height:1.1;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,.85),0 0 14px rgba(230,189,87,.22)}.chat>.chatResize,.chat>.tabs,.chat>.chatLog,.chat>.chatInput{position:relative;z-index:1}.side{grid-column:3;grid-row:2 / span 2}.name{font-size:19px;border:1px solid #bf7ff3;border-radius:3px;text-align:center;padding:7px;margin:3px 6px 10px}.bar{height:20px;border:1px solid #5d6772;border-radius:3px;background:#111820;overflow:hidden;position:relative;margin:8px 6px}.fill{height:100%;background:linear-gradient(90deg,var(--purple),#7dd3ff);width:0}.hp .fill{background:linear-gradient(90deg,#8bd46c,#b5e687)}.bar span{position:absolute;inset:0;text-align:center;color:#eaf4ff;font-size:13px;text-shadow:1px 1px #000}.tickbar{height:20px;margin:8px 6px}.tickbar .fill{background:#8b1111;box-shadow:inset 0 0 8px rgba(255,90,70,.22),0 0 9px rgba(139,17,17,.28)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.statBlock h3{color:var(--blue);font-size:15px;margin:0 0 8px;border-bottom:1px solid #486073;padding-bottom:5px}.row{display:flex;justify-content:space-between;gap:10px;margin:5px 0}.stats .row b{position:relative;display:inline-block;min-width:82px;text-align:left;margin-right:18px}.floatGain{position:absolute;left:calc(100% + 4px);top:0;white-space:nowrap;font-weight:900;pointer-events:none;animation:floatGain 1.15s ease-out forwards}.floatGain.resource{color:var(--green)}.floatGain.goldGain{color:var(--gold)}.floatGain.blueGain{color:var(--blue)}.floatGain.augmentGain{color:var(--blue)}.floatGain.orangeGain{color:#ff9f2f;text-shadow:0 0 8px rgba(255,159,47,.75)}.floatGain.creamGain{color:#fff4d0;text-shadow:0 0 8px rgba(255,244,208,.75)}#essences.augmentGlowOrange{color:#ff9f2f!important;text-shadow:0 0 9px rgba(255,159,47,.95),0 0 18px rgba(255,159,47,.55)}#essences.augmentGlowCream{color:#fff4d0!important;text-shadow:0 0 9px rgba(255,244,208,.95),0 0 18px rgba(255,244,208,.55)}.floatGain.levelGain{color:var(--gold);left:calc(100% + 4px)}@keyframes floatGain{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-16px)}}.logPrefix.win{color:var(--green);font-weight:900}.logPrefix.loss{color:var(--red);font-weight:900}.val{color:var(--blue);font-weight:900}.gold{color:var(--gold)}.green{color:var(--green)}.purple{color:var(--purple)}.red{color:var(--red)}.rankingLink{color:var(--gold);font-weight:900}.rankTrophySvg{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;margin:0 .32em 0 .05em}.rankTrophySvg img,.rankTrophySvg svg{display:block;width:100%;height:100%;object-fit:contain}.lockSvgIcon{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;line-height:1;flex:0 0 auto}.lockSvgIcon svg{display:block;width:100%;height:100%}.lockSvgIcon.unlocked{filter:saturate(0);opacity:.88}.lockSvgLabel{display:inline-flex;align-items:center;gap:.35em}.svgEmoji{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;line-height:1}.svgEmoji svg{display:block;width:100%;height:100%}.svgEmoji.inlineGap{margin-right:.32em}.logLine .svgEmoji + .svgEmoji,.combatResult .svgEmoji + .svgEmoji,.lossEntry .svgEmoji + .svgEmoji{margin-left:16px}.marketOrderFill{cursor:pointer;color:var(--blue);font-weight:900}.marketOrderFill:hover{color:#fff;text-decoration:underline;text-decoration-style:dotted}.muted{color:var(--muted)}button{font:inherit;background:#151d27;color:#dce7f7;border:1px solid #647385;border-radius:3px;padding:7px 10px;cursor:pointer}button:hover{border-color:var(--blue);color:#fff}button.active{color:#06101b;background:var(--blue);border-color:var(--blue)}button.danger:hover{border-color:var(--red);color:var(--red)}.nav button{display:block;width:100%;text-align:left;margin:5px 0;border:0;background:#111b25;font-size:18px}.nav button.active{color:var(--blue);background:#1b2a36}.contracts{position:absolute;bottom:14px;left:10px;right:10px}.mainGrid{display:grid;grid-template-columns:430px 1fr;height:100%}.mainGrid.noZones{grid-template-columns:1fr}.mainGrid.noZones .zones{display:none}.zones{border-right:1px solid var(--line);overflow:auto;padding:12px}.zone{border:1px solid #536273;border-radius:4px;background:#101821;margin-bottom:10px;padding:11px;cursor:pointer}.zone.active{border-color:#2de09a;background:linear-gradient(180deg,#0e3322,#082017)}.zone h3{font-size:18px;margin:0 0 5px}.zone .lvl{float:right;color:#798596;font-size:13px}.content{padding:12px;overflow:auto}.success{border:1px solid #79c56a;background:#09271b;margin-bottom:14px;padding:13px}.fail{border-color:#bd5360;background:#2a0b12}.log{height:220px;overflow:auto;border-top:1px solid #526275;padding-top:8px}.logLine{white-space:nowrap;margin:5px 0}.tabs{display:flex;border-bottom:1px solid #526275}.tabs button{border-radius:0;border-top:0;border-bottom:0;margin:0;background:#0a1017;font-size:18px}.tabs button.active{color:#fff;background:#16283a;border-color:var(--blue)}.chatLog{height:146px;overflow-y:auto!important;overflow-x:hidden!important;padding:8px;display:flex;flex-direction:column;justify-content:flex-end;max-width:100%;min-width:0}.chatLog.topFirst{justify-content:flex-start}.chatMsg{margin:1px 0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0}.chatInput{display:flex;border-top:1px solid #526275}.chatInput textarea{flex:1;background:#070d14;color:#dce7f7;border:0;padding:10px 12px;font:inherit;resize:none;overflow-y:auto;overflow-x:hidden;min-height:42px;max-height:96px;line-height:1.35;white-space:pre-wrap}.chatInput button{border-radius:0}.chatCrest{display:inline-flex;width:1.1em;height:1.1em;vertical-align:-.18em;margin-right:.28em;align-items:center;justify-content:center}.chatCrest .svgEmoji{width:1.1em;height:1.1em}.chatPlayer{cursor:pointer}.chatPlayer:hover{text-decoration:underline}.chatLink{color:var(--blue);text-decoration:underline;text-decoration-style:dotted}.chatLink:hover{color:#fff}.chatMsg.whisper{color:var(--green)}.chatMsg.whisper b{color:var(--green)!important}.chatMsg.chatShadowMuted{color:#ff8fc9!important}.chatMsg.chatShadowMuted b{color:#ff8fc9!important}.chatMsg.chatShadowMuted:after{content:" shadow-muted";color:#ff8fc9;font-size:11px;margin-left:6px;opacity:.8}.chatMsg.chatSoftQuarantined{color:#f2b65c!important}.chatMsg.chatSoftQuarantined b{color:#f2b65c!important}.chatMsg.chatSoftQuarantined:after{content:" soft-automod";color:#f2b65c;font-size:11px;margin-left:6px;opacity:.8} .chatTabsWhisperUnread{box-shadow:inset 0 -3px 0 var(--green);color:var(--green)!important}.chatInput textarea.whisperMode{color:var(--green)!important}.playerMenu{position:fixed;z-index:120;background:#272c35;border:1px solid #112023;box-shadow:0 8px 24px rgba(0,0,0,.55);min-width:260px}.playerMenu button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:0;background:#272c35;color:#c4ccd8;padding:10px 12px}.playerMenu button:hover{background:#333a45;color:#fff}.reportModalCard{width:min(420px,92vw);background:#272c35;border:0;box-shadow:0 0 22px rgba(0,0,0,.6)}.reportHead{display:flex;justify-content:space-between;align-items:center;background:#4a313c;color:#ff6b6b;font-weight:900;padding:10px 12px}.reportBody{padding:12px}.reportField{background:#1d2530;border-left:2px solid var(--red);padding:9px 10px;margin-bottom:12px}.reportBody label{display:block;color:#7f8998;font-size:12px;margin:10px 0 5px}.reportBody select,.reportBody textarea{width:100%;background:#191919;color:#dce7f7;border:1px solid #202833;padding:9px;font:inherit}.reportBody textarea{height:76px;resize:vertical}.reportActions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.dragonEventBox{display:none}.dragonEventBox.visible{display:block}.dragonMiniPanel{display:grid;gap:8px}.dragonTimer{color:var(--gold);font-weight:900}.dragonView{position:relative;height:100%;overflow:hidden;background:radial-gradient(circle at 52% 44%,rgba(74,46,11,.25),rgba(0,0,0,.85) 62%);display:grid;grid-template-columns:230px 1fr 86px;gap:18px;padding:18px}.dragonChoices{display:flex;flex-direction:column;gap:12px;align-self:center;z-index:2}.dragonChoices button{font-size:15px;padding:13px 12px;border-color:var(--gold);color:var(--gold);background:linear-gradient(180deg,#2b1b0e,#100805);box-shadow:0 0 16px rgba(230,189,87,.18)}.dragonChoices button.selected{background:linear-gradient(180deg,#5b2b11,#2a1007);color:#ffe3a0;box-shadow:0 0 22px rgba(230,189,87,.35)}.dragonChoices button:disabled:not(.selected){opacity:.35;filter:grayscale(1)}.dragonChoices button.dragonChoiceLocked:not(.selected){opacity:.68;border-color:#7a4e3d;color:#bca58a;background:linear-gradient(180deg,#201510,#0d0806)}.dragonArtWrap{position:relative;overflow:hidden;min-width:0}.dragonArt{width:666px;height:690px;max-width:none;object-fit:none;display:block;margin:0 auto;filter:drop-shadow(0 0 14px rgba(230,189,87,.18))}.dragonFlee{position:absolute;top:0;bottom:0;left:57px;right:-57px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--gold);font-family:Georgia,serif;font-size:34px;line-height:1.25;text-shadow:0 0 16px rgba(230,189,87,.8);animation:dragonFlee 2.6s ease forwards}.dragonDefeated .dragonArt{animation:dragonVanish 2.4s ease forwards}.dragonWard{position:relative;display:flex;align-items:stretch;justify-content:center;padding:26px 0}.dragonWardLabel{position:absolute;top:0;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;text-orientation:mixed;color:var(--gold);font:700 18px Georgia,serif;text-shadow:0 0 9px rgba(230,189,87,.85);white-space:nowrap}.dragonBar{width:28px;height:100%;border:1px solid #ff4d4d;background:#170202;box-shadow:0 0 18px rgba(255,0,0,.55),inset 0 0 11px rgba(255,0,0,.75);position:relative;overflow:hidden;animation:dragonPulse 3s ease-in-out infinite}.dragonBarFill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ff6262,#860000);box-shadow:0 0 18px rgba(255,0,0,.9);height:100%}.dragonHealthText{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;z-index:2;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 6px #000,0 0 6px #000}.dragonStats{position:absolute;left:220px;right:150px;bottom:16px;display:flex;gap:18px;justify-content:center;color:var(--gold);z-index:3}.dragonLeaderboard{position:absolute;right:16px;bottom:14px;width:210px;z-index:5;border:1px solid rgba(230,189,87,.55);background:linear-gradient(180deg,rgba(43,27,14,.86),rgba(9,5,3,.88));box-shadow:0 0 14px rgba(230,189,87,.14),inset 0 0 10px rgba(0,0,0,.55);padding:7px 8px;color:#f3d68e;font-size:11px;line-height:1.25}.dragonLeaderboard h4{margin:0 0 5px;color:var(--gold);font-size:11px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid rgba(230,189,87,.26);padding-bottom:4px}.dragonLeadRow{display:grid;grid-template-columns:22px minmax(0,1fr) 46px;gap:5px;align-items:center;white-space:nowrap}.dragonLeadName{overflow:hidden;text-overflow:ellipsis;color:#ffe3a0}.dragonLeadPct{text-align:right;color:#ffb75d}.dragonLeadRank{margin-top:5px;padding-top:4px;border-top:1px solid rgba(230,189,87,.20);color:#c4ccd8}.dragonDamageFloat{position:absolute;color:#ff3535;font-weight:900;text-shadow:0 0 7px #000;pointer-events:none;animation:dragonDamageArc 1.05s cubic-bezier(.18,.62,.28,1) forwards;z-index:4}.dragonDamageFloat.attack{color:#ff3535}.dragonDamageFloat.defend{color:var(--blue);text-shadow:0 0 7px rgba(91,183,255,.75),0 0 9px #000}.dragonDamageFloat.supplies{color:var(--green);text-shadow:0 0 7px rgba(154,210,118,.75),0 0 9px #000}@keyframes dragonPulse{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.4)}}@keyframes dragonDamageArc{0%{opacity:1;transform:translate(0,0) scale(1)}6%{opacity:1;transform:translate(var(--x1,7px),var(--y1,-18px)) scale(1.015)}12%{opacity:1;transform:translate(var(--x2,15px),var(--y2,-36px)) scale(1.03)}19%{opacity:1;transform:translate(var(--x3,25px),var(--y3,-55px)) scale(1.047)}27%{opacity:1;transform:translate(var(--x4,37px),var(--y4,-72px)) scale(1.065)}36%{opacity:.99;transform:translate(var(--x5,50px),var(--y5,-86px)) scale(1.085)}46%{opacity:.97;transform:translate(var(--x6,64px),var(--y6,-95px)) scale(1.09)}56%{opacity:.92;transform:translate(var(--x7,78px),var(--y7,-91px)) scale(1.065)}65%{opacity:.84;transform:translate(var(--x8,91px),var(--y8,-76px)) scale(1.025)}74%{opacity:.72;transform:translate(var(--x9,104px),var(--y9,-48px)) scale(.985)}83%{opacity:.55;transform:translate(var(--x10,116px),var(--y10,-4px)) scale(.945)}91%{opacity:.32;transform:translate(var(--x11,127px),var(--y11,58px)) scale(.90)}100%{opacity:0;transform:translate(var(--dx,138px),var(--fall,132px)) scale(.84)}}@keyframes dragonJut{0%{transform:translateX(0)}40%{transform:translateX(16px)}100%{transform:translateX(0)}}@keyframes dragonVanish{0%{opacity:1}100%{opacity:0}}@keyframes dragonFlee{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}body[data-theme="light"] .dragonView,body[data-theme="win95"] .dragonView{background:#0b0908;color:#f6e3bd}.invGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));gap:8px}.item{border:1px solid #4e5d6e;background:#151b24;padding:10px;border-radius:3px}.item.epic{border-color:#d886ff}.item.rare{border-color:#78b7ff}.item.uncommon{border-color:#79c56a}.item.common{border-color:#aaa}.item h4{margin:0 0 5px;font-size:16px}.affix{display:flex;justify-content:space-between;color:#aeb8c5}.locked{color:var(--gold)}.equipGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.craftBtns{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.auth{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#03070ccc;z-index:10}.authCard{width:360px}.auth input{width:100%;margin:7px 0;background:#07101b;color:#fff;border:1px solid #4c5d6c;padding:10px;font:inherit}.helpTable{width:100%;border-collapse:collapse}.helpTable td,.helpTable th{border-bottom:1px solid #233242;padding:7px;text-align:left}.toast{position:fixed;right:16px;bottom:16px;background:#171f2a;border:1px solid #607284;padding:10px;display:none}.small{font-size:13px}.scrollArea{overflow:auto;height:calc(100% - 29px)} /* v520 Active Intel spacing: reduce unused top gap above the Combat heading. */ #sidePanel{padding-top:4px!important} #sidePanel > h3:first-child{margin-top:1px!important} .controls{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.enemyStats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.statCell{background:#0d141d;padding:6px;border-radius:3px}.selectable{cursor:pointer}.selectable:hover{border-color:var(--blue)}.selected{outline:1px solid var(--gold)}.activityGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.activity{border:1px solid #536273;border-radius:4px;background:#101821;padding:9px;min-width:0}.activity.active{border-color:#79c56a;background:linear-gradient(180deg,#0e3322,#082017);box-shadow:0 0 14px rgba(121,197,106,.18)}.activity h3{margin:0 0 6px;font-size:17px;line-height:1.15}.activity .row{gap:5px;font-size:13px}.activity button{padding:6px 8px;font-size:13px}.activity .progress{height:16px;border:1px solid #536273;background:#070d14;border-radius:2px;overflow:hidden;margin:6px 0}.activity .progress div{height:100%;background:linear-gradient(90deg,#79c56a,#5bb7ff)}.resourceLog{height:155px;overflow:auto;border-top:1px solid #526275;margin-top:12px;padding-top:8px}#resourceViewWrap{height:100%;display:flex;flex-direction:column;min-height:0}#resourceActivityGrid{flex:0 0 auto}.resourceLog{flex:1 1 auto;height:auto;min-height:155px} .invLayout{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(430px,1fr);gap:16px;height:100%}.equipCards{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:10px}.equipCard{height:96px;border:1px solid #8940b8;background:linear-gradient(180deg,#112023,#050a10);box-shadow:0 0 12px rgba(216,134,255,.25) inset;border-radius:4px;padding:10px;position:relative;cursor:pointer}.equipCard.empty{border-color:#3b4b5d;box-shadow:none}.equipSlot{position:absolute;top:8px;left:10px;color:#6f7b8a;font-size:12px;text-transform:uppercase}.equipIlvl{position:absolute;top:8px;right:10px;color:var(--purple);font-weight:900;font-size:12px}.equipName{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;font-size:18px;padding:14px 20px 6px}.equipStab{position:absolute;right:9px;bottom:7px;border:1px solid #273645;background:#070d14;border-radius:3px;padding:1px 5px;font-size:11px}.invPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.invSearch{width:100%;background:#07101b;color:#cbd5e1;border:1px solid #4c5d6c;padding:8px;font:inherit;margin:6px 0 10px}.invList{height:calc(100vh - 390px);min-height:260px;overflow:auto;border:1px solid #3d4f62}.invGroup{border-bottom:1px solid #34465a}.invGroupTitle{padding:7px 10px;background:#080d13;color:var(--blue);text-transform:uppercase}.invHeader,.invRow{display:grid;grid-template-columns:82px 1fr 95px 76px;gap:8px;align-items:center;padding:8px 10px}.invHeader{color:#7f8998;text-transform:uppercase;font-weight:900;border-bottom:1px solid #233242}.invRow{cursor:pointer;border-left:4px solid var(--purple);background:#060a0f}.invRow:hover{background:#111b25}.invRowName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flagBtn{border:0;background:transparent;padding:0 3px;color:var(--blue)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:30}.modalCard{width:min(440px,92vw);background:#272c35;border:2px solid var(--blue);box-shadow:0 0 22px rgba(91,183,255,.55);padding:14px}.modalHead{display:flex;justify-content:space-between;gap:10px}.modalClose{border:0;background:transparent;color:#cbd5e1;font-size:22px;padding:0 6px}.modal .itemDetailName{font-size:18px;font-weight:900;margin-bottom:3px}.resourceSelect{background:#07101b;color:#dce7f7;border:1px solid #647385;padding:7px;font:inherit}.chatItem{color:var(--purple);font-weight:900;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.chatItem:hover{color:#fff}.itemCompare{border-top:1px solid rgba(255,255,255,.18);margin-top:10px;padding-top:8px}.itemCompareTitle{color:var(--muted);text-transform:uppercase;font-size:12px;margin-bottom:5px}.itemCompareLine{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.itemCompareLine.up{color:var(--green)}.itemCompareLine.down{color:var(--red)}.modalActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.modalActions .wide{grid-column:1 / span 2}.itemDetailAffix{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding:5px 0}.itemDetailAffix.main{color:var(--blue);font-weight:900}.craftingItemWrap{max-width:620px;margin:0 auto 12px}.enhancingTitle{text-align:center;color:var(--purple);font-size:20px;font-weight:900;margin-bottom:8px}.craftTop{display:flex;justify-content:flex-end;gap:8px}.craftBias{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.craftAffix{border-top:1px solid #233242;padding:8px 0}.craftAffixTitle{font-weight:900}.craftAffixBtns{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.implicitLine{border-top:1px solid #536273;border-bottom:1px solid #536273;margin:12px 0;padding:8px;text-align:center}.craftAffixGrid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.craftAffix{border:1px solid #233242;padding:8px;background:#09111a}.costLine.bad{color:var(--red)} .costTip{position:fixed;z-index:60;pointer-events:none;background:#05090f;border:1px solid var(--blue);box-shadow:0 0 12px rgba(91,183,255,.35);padding:6px 8px;color:#dce7f7;font-size:12px;display:none;white-space:normal;line-height:1.35}.hoverTip{position:fixed;z-index:61;pointer-events:none;background:#05090f;border:1px solid var(--gold);box-shadow:0 0 12px rgba(230,189,87,.30);padding:7px 9px;color:#f1d79b;font-size:12px;display:none;white-space:normal;line-height:1.35;max-width:260px}.hoverTip.preline{white-space:pre-line;max-width:380px} .name{cursor:pointer}.name:hover{box-shadow:0 0 10px rgba(216,134,255,.35)}.profileShell{display:grid;grid-template-columns:180px 1fr;gap:18px;height:100%}.profileNav button{display:block;width:100%;text-align:left;margin:8px 0;background:#121a23;border:0}.profileNav button.active{background:#24313d;color:var(--blue);border-left:3px solid var(--blue)}.profileContent{overflow:auto;padding-right:8px}.profileCard{border:1px solid #536273;background:linear-gradient(180deg,#0d151e,#081018);padding:16px;margin-bottom:16px}.profileCard h3{color:var(--blue);border-bottom:1px solid #526275;padding-bottom:8px;margin:0 0 12px}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.metric{background:#080f16;padding:9px 12px}.metric b{float:right;color:var(--blue);font-size:18px}.statTable{width:100%;border-collapse:collapse}.statTable th,.statTable td{border-bottom:1px solid #1c2a36;padding:8px 10px;text-align:left}.statTable th{color:#798596}.statTable .total{color:var(--gold);font-weight:900}.equipMini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.equipMini .equipCard{min-height:68px}.chatItem{cursor:pointer;color:var(--purple)}.chatItem:hover{text-decoration:underline} #essenceRow{cursor:pointer;position:relative}.essenceTip{position:fixed;z-index:99999;background:#232832;border:1px solid #6f7886;border-radius:4px;color:#c8d0dc;padding:9px 12px;box-shadow:0 8px 22px rgba(0,0,0,.5);font-size:14px;line-height:1.35;pointer-events:none;white-space:nowrap}.essenceTip .essLine{display:flex;justify-content:space-between;gap:18px}.essenceTip b{color:#c8d0dc}.essenceTip .essName{text-transform:capitalize}.essenceTip .augOrange{color:#ff9f2f!important}.essenceTip .augSilver{color:#f5fff5!important;text-shadow:0 0 7px rgba(255,255,255,.75),0 0 14px rgba(200,255,215,.45)}.essenceTip .augMirror{color:#35ffd1!important;text-shadow:0 0 8px rgba(53,255,209,.8),0 0 16px rgba(53,255,209,.42)}.bloodSigilText,.chatPlayer.bloodRedName{color:#9b111e!important;text-shadow:0 0 7px rgba(155,17,30,.55)!important}.battlegroundIntro{border-color:#6d2a1f!important;background:linear-gradient(180deg,rgba(67,24,18,.9),rgba(34,13,10,.92))!important}.bloodTitheGrid,.accessoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}.bloodTitheCard,.accessoryCard{border:1px solid #6d2a1f;background:linear-gradient(180deg,#180908,#090504);padding:10px;border-radius:4px}.bloodTitheCard h4,.accessoryCard h4{margin:0 0 8px;color:#b51f2d}.accessoryCard.equipped{border-color:#9b111e;box-shadow:0 0 14px rgba(155,17,30,.35)}.bloodSigilText,.chatPlayer.bloodRedName{color:#9b111e!important;text-shadow:0 0 7px rgba(155,17,30,.55)!important}.battlegroundIntro{border-color:#6d2a1f!important;background:linear-gradient(180deg,rgba(67,24,18,.9),rgba(34,13,10,.92))!important}.bloodTitheGrid,.accessoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}.bloodTitheCard,.accessoryCard{border:1px solid #6d2a1f;background:linear-gradient(180deg,#180908,#090504);padding:10px;border-radius:4px}.bloodTitheCard h4,.accessoryCard h4{margin:0 0 8px;color:#b51f2d}.accessoryCard.equipped{border-color:#9b111e;box-shadow:0 0 14px rgba(155,17,30,.35)}.chatLucky{color:var(--blue)!important}.chatLucky .legendaryItem{color:#ff9f2f!important;font-weight:900} .trainingShell{display:grid;grid-template-columns:210px 1fr;height:100%;gap:14px}.trainingNav{border-right:1px solid var(--line);padding:14px 8px}.trainingNav button{display:block;width:100%;text-align:left;margin:8px 0;border:0;background:transparent;color:#c4ccd8;text-transform:uppercase;font-weight:900}.trainingNav button.active{background:#1b2a36;color:var(--blue);border-left:3px solid var(--blue)}.trainingContent{overflow:auto;padding:14px}.trainingNote{border:1px solid var(--gold);background:rgba(230,189,87,.08);color:#f4d681;padding:12px;margin-bottom:14px}.trainingGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:12px}.trainingCard{border:1px solid #9ad276;background:#071019;padding:12px;min-height:172px}.trainingCard h3{margin:0 0 8px;color:var(--blue);font-size:18px}.trainingCard .lvl{float:right;color:var(--purple);font-weight:400}.trainingEffect{color:var(--green);margin-bottom:8px}.costBox{border:1px solid #536273;background:#05090f;padding:8px;margin:8px 0;min-height:52px}.trainingBtns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:6px}.trainingBtns button:first-child{grid-column:1 / span 5}.trainingBtns button{border-color:#9ad276;color:#9ad276;background:#06110b}.trainingBtns button:disabled,.trainingBtns button.trainingBtnDisabled{opacity:.35;cursor:not-allowed}.trainingBtns button.trainingBtnDisabled:hover{border-color:#9ad276;color:#9ad276} .trainingLockedBox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px} .trainingLockedBox h3{color:var(--gold);margin:0 0 8px;text-transform:uppercase} .trainingLockedGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px} .trainingLockedLine{border:1px solid #34465a;background:#070d14;padding:8px;display:flex;justify-content:space-between;gap:10px} .trainingLockedLine b{color:var(--blue)} .resetRefundTable{width:100%;border-collapse:collapse;margin-top:10px}.resetRefundTable th,.resetRefundTable td{border-bottom:1px solid #34465a;padding:7px;text-align:left}.resetWarn{color:var(--red);font-weight:900}.resetActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.resetTypeBox{border:1px solid #34465a;background:#080d13;padding:9px 10px;margin:10px 0}.resetAvailability{margin-top:5px} /* Rarity color system */ :root{--rarity-basic:#8b95a1;--rarity-common:#f2f5f8;--rarity-uncommon:#36d36b;--rarity-rare:#58aaff;--rarity-epic:#8b5cf6;} .rarity-basic{color:var(--rarity-basic)!important}.rarity-common{color:var(--rarity-common)!important}.rarity-uncommon{color:var(--rarity-uncommon)!important}.rarity-rare{color:var(--rarity-rare)!important}.rarity-epic{color:var(--rarity-epic)!important} .item.basic{border-color:var(--rarity-basic);box-shadow:0 0 10px rgba(139,149,161,.12) inset}.item.common{border-color:var(--rarity-common);box-shadow:0 0 10px rgba(242,245,248,.10) inset}.item.uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 10px rgba(54,211,107,.14) inset}.item.rare{border-color:var(--rarity-rare);box-shadow:0 0 10px rgba(88,170,255,.16) inset}.item.epic{border-color:var(--rarity-epic);box-shadow:0 0 10px rgba(139,92,246,.20) inset} .item.basic .affix,.item.basic .muted,.item.basic h4{color:var(--rarity-basic)}.item.common .affix,.item.common .muted,.item.common h4{color:var(--rarity-common)}.item.uncommon .affix,.item.uncommon .muted,.item.uncommon h4{color:var(--rarity-uncommon)}.item.rare .affix,.item.rare .muted,.item.rare h4{color:var(--rarity-rare)}.item.epic .affix,.item.epic .muted,.item.epic h4{color:var(--rarity-epic)} .invRow.basic{border-left-color:var(--rarity-basic)}.invRow.common{border-left-color:var(--rarity-common)}.invRow.uncommon{border-left-color:var(--rarity-uncommon)}.invRow.rare{border-left-color:var(--rarity-rare)}.invRow.epic{border-left-color:var(--rarity-epic)} .invRow.basic,.invRow.basic b,.invRow.basic .invRowName{color:var(--rarity-basic)}.invRow.common,.invRow.common b,.invRow.common .invRowName{color:var(--rarity-common)}.invRow.uncommon,.invRow.uncommon b,.invRow.uncommon .invRowName{color:var(--rarity-uncommon)}.invRow.rare,.invRow.rare b,.invRow.rare .invRowName{color:var(--rarity-rare)}.invRow.epic,.invRow.epic b,.invRow.epic .invRowName{color:var(--rarity-epic)}.invRow.orange{border-left-color:#ff9f2f}.invRow.mirrorbrand{border-left-color:#35ffd1}.invRow.orange,.invRow.orange b,.invRow.orange .invRowName{color:#ff9f2f}.invRow.mirrorbrand,.invRow.mirrorbrand b,.invRow.mirrorbrand .invRowName{color:#35ffd1}.chatItem.orange,.chatItem.rarity-orange{color:#ff9f2f!important}.chatItem.mirrorbrand,.chatItem.rarity-mirrorbrand{color:#35ffd1!important} .equipCard.basic{border-color:var(--rarity-basic);box-shadow:0 0 12px rgba(139,149,161,.20) inset,0 0 10px rgba(139,149,161,.10)}.equipCard.common{border-color:var(--rarity-common);box-shadow:0 0 12px rgba(242,245,248,.16) inset,0 0 10px rgba(242,245,248,.08)}.equipCard.uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 12px rgba(54,211,107,.22) inset,0 0 12px rgba(54,211,107,.12)}.equipCard.rare{border-color:var(--rarity-rare);box-shadow:0 0 12px rgba(88,170,255,.24) inset,0 0 14px rgba(88,170,255,.14)}.equipCard.epic{border-color:var(--rarity-epic);box-shadow:0 0 12px rgba(139,92,246,.28) inset,0 0 16px rgba(139,92,246,.18)} .equipCard.basic .equipName,.equipCard.basic .equipIlvl,.equipCard.basic .equipStab{color:var(--rarity-basic)}.equipCard.common .equipName,.equipCard.common .equipIlvl,.equipCard.common .equipStab{color:var(--rarity-common)}.equipCard.uncommon .equipName,.equipCard.uncommon .equipIlvl,.equipCard.uncommon .equipStab{color:var(--rarity-uncommon)}.equipCard.rare .equipName,.equipCard.rare .equipIlvl,.equipCard.rare .equipStab{color:var(--rarity-rare)}.equipCard.epic .equipName,.equipCard.epic .equipIlvl,.equipCard.epic .equipStab{color:var(--rarity-epic)} .chatItem.basic{color:var(--rarity-basic)!important}.chatItem.common{color:var(--rarity-common)!important}.chatItem.uncommon{color:var(--rarity-uncommon)!important}.chatItem.rare{color:var(--rarity-rare)!important}.chatItem.epic{color:var(--rarity-epic)!important} .modalCard.basic{border-color:var(--rarity-basic);box-shadow:0 0 20px rgba(139,149,161,.28)}.modalCard.common{border-color:var(--rarity-common);box-shadow:0 0 20px rgba(242,245,248,.18)}.modalCard.uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 20px rgba(54,211,107,.30)}.modalCard.rare{border-color:var(--rarity-rare);box-shadow:0 0 20px rgba(88,170,255,.36)}.modalCard.epic{border-color:var(--rarity-epic);box-shadow:0 0 22px rgba(139,92,246,.42)} .premiumWrap{max-width:1120px;margin:18px auto 40px;padding:0 10px}.premiumHero{border:1px solid #6c5840;border-radius:14px;background:linear-gradient(135deg,rgba(52,36,18,.95),rgba(16,10,6,.98));box-shadow:inset 0 0 30px rgba(230,189,87,.08);padding:26px;margin-bottom:18px}.premiumKicker{text-transform:uppercase;color:#9ad276;font-weight:900;letter-spacing:.12em;font-size:13px}.premiumHero h2{margin:10px 0 12px;color:#f4e7c8;font-size:30px;letter-spacing:.04em}.premiumHero p{font-size:17px;max-width:720px}.premiumBadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.premiumBadges span{border:1px solid #7a653e;border-radius:999px;padding:5px 10px;color:#f0c35a;background:#100c08;font-size:12px;font-weight:900}.premiumGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.premiumCard{border:1px solid #6c5840;border-radius:10px;background:rgba(13,9,6,.75);padding:18px}.premiumCard h3{margin:0 0 12px;color:#f4e7c8;text-transform:uppercase;font-size:15px;letter-spacing:.08em}.premiumStatus{border:1px solid #5c4432;background:#1b1010;border-radius:8px;padding:10px 12px;margin:8px 0}.premiumStatus.active{border-color:#2d8b6f;background:#082b22;color:#a9ffe3}.premiumButton{display:block;width:100%;margin:10px 0;padding:12px;text-align:center;font-weight:900;border-radius:4px}.premiumButton.blue{background:#4b6ec7;color:#fff;border-color:#6f8ff0}.premiumButton.green{background:#2d9b84;color:#05100d;border-color:#58d5bc}.premiumButton.goldBtn{background:linear-gradient(90deg,#9e7418,#e0b840);color:#120d06;border-color:#f0c35a}.premiumBuy{position:relative}.premiumSave{float:right;background:#1b8068;color:white;border-radius:14px;padding:3px 8px;font-size:11px;margin-top:-28px;position:relative;z-index:1;box-shadow:0 2px 9px rgba(0,0,0,.45)}.premiumInputRow{display:flex;gap:10px;margin-top:10px}.premiumInputRow input{flex:1;background:#100c08;color:#f4e7c8;border:1px solid #6c5840;border-radius:8px;padding:12px;font:inherit}.premiumNote{color:#a8c9e8;font-size:13px;margin-top:14px}.premiumCheckoutStatus{min-height:18px;color:var(--gold);font-size:13px;margin-top:8px}.premiumDivider{border:none;border-top:1px solid #4d3a25;margin:16px 0}@media(max-width:900px){.premiumGrid{grid-template-columns:1fr}.premiumWrap{margin-top:6px}} .paypalCard{width:min(980px,94vw);height:min(720px,88vh);display:flex;flex-direction:column;padding:0;overflow:hidden}.paypalHead{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:#120d08}.paypalFrame{flex:1;width:100%;border:0;background:#fff}.paypalFallback{padding:8px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}#paypalCheckoutForm{display:none} .marketWrap{display:grid;grid-template-columns:170px 1fr;height:100%;gap:16px}.marketNav button{display:block;width:100%;text-align:left;margin:8px 0;border:0;background:#111b25;text-transform:uppercase;font-weight:900}.marketNav button.active{background:#1b2a36;color:var(--blue);border-left:2px solid var(--blue)}.marketMain{overflow:auto;padding-right:8px}.marketTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.marketSelect,.marketInput{background:#080d13;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}.marketPanels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.marketPanel{background:rgba(154,210,118,.05);border:1px solid #233242;padding:14px}.marketPanel.sell{background:rgba(230,189,87,.06)}.marketPanel h3{margin:0 0 10px;color:var(--green);border-bottom:1px solid #4c5d39;padding-bottom:8px}.marketPanel.sell h3{color:var(--gold);border-color:#665737}.marketPanel label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;margin-top:10px}.marketPanel input{width:100%;margin-top:4px}.marketButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.orderGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.orderTable,.marketTable{width:100%;border-collapse:collapse}.orderTable th,.orderTable td,.marketTable th,.marketTable td{border-bottom:1px solid #233242;padding:7px;text-align:left}.orderTable th,.marketTable th{color:var(--muted);text-transform:uppercase}.marketListingSection{margin-bottom:18px}.marketListingSection:last-child{margin-bottom:0}.marketListingSection .marketTable{margin-top:6px}.marketListingSubhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:12px;border-top:1px solid #233242}.marketListingSubhead h3{margin:0}.equipFilters{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;border:1px solid #3d4f62;padding:10px;margin-bottom:10px}.equipFilterBox{border:1px solid #3d4f62;padding:8px;margin-bottom:10px}.equipFilterSection{border-top:1px solid #3d4f62;padding:8px 0}.equipFilterRow{display:grid;grid-template-columns:minmax(190px,1fr) 110px 110px;gap:6px;margin-top:6px}.marketItemRow{cursor:pointer}.marketItemRow:hover{background:#102031}.marketActivityLine{background:rgba(255,255,255,.025);padding:10px;margin-bottom:6px}.marketToast{position:fixed;right:20px;bottom:72px;z-index:50;background:#272c35;border:1px solid var(--green);padding:12px 18px;box-shadow:0 0 16px rgba(0,0,0,.5)} .newsLink{cursor:pointer}.newsLink:hover{color:var(--gold)}.newsLinks{height:calc(100% - 29px);overflow:auto;padding-bottom:4px}.newsLinks p{margin:8px 0} .infoModalCard{width:min(720px,92vw);max-height:78vh;overflow:auto;background:#211a14;border:2px solid var(--blue);box-shadow:0 0 24px rgba(214,167,90,.35)}.onlineModalCard{width:min(360px,92vw)}.onlineSearch{width:100%;background:#07101b;color:#dce7f7;border:1px solid var(--blue);padding:9px;font:inherit;margin:8px 0}.onlineList{max-height:430px;overflow:auto}.onlineRow{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid #263547}.onlineBadge{font-size:12px;color:#a7f070;border:1px solid #3d9b2f;background:#153513;border-radius:3px;padding:2px 6px}.rulesList{margin:10px 0 0 20px;padding:0}.rulesList li{margin:0 0 16px 0;padding-left:8px}.btnEnhance{border-color:var(--blue)!important;color:var(--blue)!important}.btnEnhance:hover{background:#102333!important;color:#fff!important}.btnDismantle{border-color:var(--red)!important;color:var(--red)!important}.btnDismantle:disabled{opacity:.35;cursor:not-allowed;color:var(--muted)!important;border-color:#536273!important;background:#111820!important}.btnDismantle:hover{background:#351112!important;color:#fff!important} /* v58 top collapse snap + inventory equipment scrolling */ .user,.stats,.news{height:205px} .user.collapsed,.stats.collapsed,.news.collapsed{height:auto!important} .wrap{grid-template-rows:auto minmax(0,1fr) var(--chatH)!important} .invLayout{min-height:0!important;overflow:hidden!important} .invCol{min-height:0!important} .invCol:first-child{overflow:auto!important;padding-right:4px} .invCol:last-child{overflow:hidden!important;display:flex;flex-direction:column;min-height:0} .invCol:last-child .invList{flex:1 1 auto;height:auto!important;min-height:0!important} /* v60 independent column snapping + restored inventory scrollbars */ .wrap{display:grid!important;grid-template-columns:285px minmax(0,1fr) 290px!important;grid-template-rows:none!important;height:100vh!important;gap:10px!important;padding:4px!important} .layoutCol{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;height:100%!important} .leftCol{grid-column:1}.centerCol{grid-column:2}.rightCol{grid-column:3} .user,.stats,.news{grid-column:auto!important;grid-row:auto!important;flex:0 0 205px;height:auto!important} .user.collapsed,.stats.collapsed,.news.collapsed{flex:0 0 auto!important;height:auto!important} .leftStack{grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;overflow:visible!important} .main{grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} .chat{grid-column:auto!important;grid-row:auto!important;flex:0 0 var(--chatH)!important;min-height:130px!important} .side{grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;min-height:0!important} .menu .nav{height:auto!important;min-height:0!important} .content.inventoryView{overflow:hidden!important;padding:10px!important;min-height:0!important} .content.inventoryView .invLayout{height:100%!important;min-height:0!important;overflow:hidden!important} .content.inventoryView .invLayout>div{min-height:0!important;display:flex!important;flex-direction:column!important} .content.inventoryView .invCol:first-child{overflow:auto!important;padding-right:4px!important} .content.inventoryView .invCol:last-child{overflow:hidden!important} .content.inventoryView .equipCards{overflow:visible!important} .content.inventoryView .invList{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:auto!important} /* v61 collapse width/flex fixes */ .layoutCol > .box, .leftStack > .box { width:100% !important; align-self:stretch !important; min-width:0 !important; } .layoutCol > .box.collapsed, .leftStack > .box.collapsed, .side.collapsed, .menu.collapsed, .contractsBox.collapsed, .main.collapsed, .user.collapsed, .stats.collapsed, .news.collapsed { flex:0 0 auto !important; height:auto !important; min-height:0 !important; width:100% !important; align-self:stretch !important; } .box.collapsed > .title { width:100% !important; display:block !important; } .box.collapsed > :not(.title) { display:none !important; } .rightCol > .side.collapsed { flex:0 0 auto !important; } /* v64 requested layout/bonus fixes */ .premiumMenuStar{color:var(--gold);font-weight:900;text-shadow:0 0 7px rgba(230,189,87,.55)} #view.trainingView{overflow:hidden!important;padding:0!important} .trainingShell{min-height:0!important} .trainingNav{display:flex!important;flex-direction:column!important;min-height:0!important} .trainingReset{margin-top:auto!important;color:var(--red)!important} .trainingContent{min-height:0!important;height:100%!important} .profileNav button.activityTab{display:none!important} .profileTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start} .profileWide{grid-column:1 / -1} .profileCompact .metricGrid{grid-template-columns:1fr!important} .profileCompact .metric{display:flex;justify-content:space-between;gap:12px;align-items:center} .profileCompact .metric b{font-size:18px!important} .bonusModal{width:min(460px,92vw)!important} .bonusSection{border:1px solid #536273;background:#0b1118;margin-top:12px;padding:10px} .bonusSection h4{margin:0 0 8px;color:var(--muted);text-transform:uppercase;font-size:13px;border-bottom:1px solid #34465a;padding-bottom:6px} .bonusLine{display:grid;grid-template-columns:1fr auto;gap:12px;padding:2px 0} .bonusLine b{color:var(--purple)} .bonusLine.resource b{color:var(--blue)} @media(max-width:1100px){.profileTwoCol{grid-template-columns:1fr}} .questGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.questCard{border:1px solid var(--line);background:rgba(11,18,25,.82);padding:14px;border-radius:4px}.questCard.active{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.questCard.claimed{opacity:.55;border-color:var(--gold)}.questHead{display:flex;gap:12px;align-items:flex-start}.questIcon{font-size:24px;background:#16212b;border-radius:4px;padding:4px 8px}.questName{font-size:18px;font-weight:900}.questTier{text-transform:uppercase;color:var(--muted);font-size:12px}.questMeta{color:var(--muted);font-size:13px}.questProgress{height:8px;background:#303842;border-radius:4px;overflow:hidden;margin:10px 0 3px}.questProgress div{height:100%;background:var(--green)}.questRewards{color:var(--green);line-height:1.6}.questActions button{width:100%;margin-top:10px}.contractsBox .title{content:none} /* v65 quest board overhaul */ .questGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.questCard{border:1px solid #34465a;background:linear-gradient(180deg,rgba(13,22,31,.96),rgba(5,9,14,.96));padding:14px;border-radius:5px;position:relative;overflow:hidden}.questCard.active{border-color:var(--blue);box-shadow:inset 4px 0 0 var(--blue),0 0 18px rgba(91,183,255,.12)}.questCard.claimed{opacity:.55;border-color:var(--gold)}.questCard.ready{border-color:var(--green);box-shadow:0 0 16px rgba(154,210,118,.14)}.questHead{display:flex;gap:12px;align-items:flex-start}.questIcon{font-size:24px;background:#16212b;border-radius:4px;padding:4px 8px}.questName{font-size:18px;font-weight:900}.questTier{text-transform:uppercase;color:var(--muted);font-size:12px}.questMeta{color:var(--muted);font-size:13px}.questProgress{height:10px;background:#303842;border-radius:4px;overflow:hidden;margin:10px 0 3px}.questProgress div{height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.questRewards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.questRewardBox{border:1px solid #273645;background:#071019;padding:7px}.questRewardBox span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.questRewardBox b{font-size:16px}.questActions button{width:100%;margin-top:10px}.questBoardTop{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.questActivePanel,.questFormulaPanel{border:1px solid #34465a;background:#071019;padding:14px}.questActiveTitle{font-size:20px;font-weight:900;color:var(--blue)}.questFeed{display:grid;gap:6px;margin-top:10px;max-height:190px;overflow:auto}.questFeedLine{border-left:3px solid var(--blue);background:#08111a;padding:7px 9px}.questFeedLine b{color:var(--gold)}.questPillRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.questPill{border:1px solid #536273;background:#05090f;border-radius:999px;padding:4px 8px;font-size:12px;color:#aeb8c5}.questMiniFeed{margin-top:6px;color:var(--green);font-size:12px}.questFormulaPanel code{color:var(--green)}@media(max-width:1100px){.questBoardTop{grid-template-columns:1fr}} /* v67 single daily pilgrimage watch selector */ .questChoiceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px}.questChoice{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;background:#120d08;border:1px solid var(--line);padding:11px;border-radius:4px}.questChoice b{color:var(--gold);font-size:15px}.questChoice span,.questChoice em{color:var(--muted);font-style:normal;font-size:12px}.questChoice strong{grid-row:1 / span 2;align-self:center;color:var(--blue);font-size:12px}.questChoice.active{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue);background:#1b130b}.questChoice.complete{opacity:.55;border-color:var(--gold)}.questTrackGrid{display:grid;gap:8px;margin-top:10px}.questTrack{border:1px solid #3d2d1d;background:#0b0805;padding:7px}.questTrack span{color:var(--muted)}.questTrack b{float:right;color:var(--gold)} /* v70 locked affix controls + quest feed scroll preservation */ .craftAffix.lockedAffix{opacity:.58;filter:grayscale(1);border-color:#4a4a4a!important} .craftAffix.lockedAffix .craftAffixTitle{color:#8f8f8f!important} .craftAffix.lockedAffix .muted{color:#777!important} .craftAffix.lockedAffix button:disabled{border-color:#555!important;color:#777!important;background:#151515!important;cursor:not-allowed!important} /* v16 requested training/quest/purple fixes */ #xpFill{background:linear-gradient(90deg,var(--purple),#d7b8ff)!important} #level,#woodcuttingLvl,#miningLvl,#gatheringLvl,#skinningLvl{color:var(--purple)!important} .floatGain.levelGain{color:var(--purple)!important} .questActions button{border-color:var(--purple)!important;color:var(--purple)!important;background:rgba(185,135,255,.10)!important;font-weight:900} .questActions button:hover{border-color:var(--purple)!important;color:#fff!important;background:rgba(185,135,255,.20)!important} .questActions button:disabled{opacity:.75;cursor:not-allowed;color:var(--purple)!important;background:rgba(185,135,255,.07)!important} .questResetCountdown{color:var(--gold);font-weight:900;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:8px} .trainingLockedCompact{border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;margin:10px 0!important;padding:8px 0!important;font-size:11px!important} .trainingLockedCompact h3{font-size:11px!important;color:var(--muted)!important;margin:0 0 6px!important;letter-spacing:.04em} .trainingLockedCompact .trainingLockedGrid{display:grid!important;grid-template-columns:1fr!important;gap:3px!important} .trainingLockedCompact .trainingLockedLine{border:0!important;background:transparent!important;padding:1px 2px!important;display:flex!important;justify-content:space-between!important;gap:6px!important} .trainingLockedCompact .trainingLockedLine span{color:var(--muted)!important} .trainingLockedCompact .trainingLockedLine b{color:var(--purple)!important;font-weight:900!important} /* v74 gear sets */ .gearSetModal{width:min(600px,94vw)!important;max-height:86vh;overflow:auto;background:#141c26!important;border-color:var(--blue)!important}.gearSetNameModal{width:min(520px,94vw)!important}.gearSetPreviewModal{width:min(1180px,94vw)!important} .gearSetHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px} .gearSetHead h3{margin:0;color:var(--blue);text-transform:uppercase;letter-spacing:.04em} .gearSetTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.gearSetTop .muted{line-height:1.4} .gearSetList{display:grid;gap:10px}.gearSetCard{border:1px solid #536273;background:#101821;padding:12px;border-radius:4px}.gearSetCard.equipped{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.gearSetCard h4{margin:0 0 3px;color:#c4ccd8;font-size:18px}.gearSetTitle{display:flex;align-items:center;gap:8px}.gearSetIconBtn{border:1px solid var(--blue);background:#102031;color:#dce7f7;width:30px;height:30px;padding:0;text-align:center}.gearSetIconPicker{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px 0}.gearSetIconPicker button{width:30px;height:30px;padding:0}.gearSetButtons{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.gearSetButtons button{padding:6px 10px}.gearSetEmpty{border:1px dashed #536273;background:#0b1118;color:var(--muted);padding:14px;line-height:1.45}.gearSetUnlock{border:1px dashed #536273;background:#0b1118;padding:12px;margin-top:12px}.gearSetInput{width:360px;max-width:100%;background:#05090f;color:#dce7f7;border:1px solid var(--blue);padding:10px;font:inherit;margin-top:8px}.gearSetDanger{border-color:var(--gold)!important}.gearSetEditor{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(420px,1.1fr);gap:16px;height:100%;min-height:0}.gearSetSlots{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:8px;align-content:start;overflow:auto;padding-right:4px}.gearSetSlot{height:96px;border:1px solid #8940b8;background:linear-gradient(180deg,#112023,#050a10);box-shadow:0 0 12px rgba(216,134,255,.20) inset;border-radius:4px;padding:10px;position:relative;cursor:pointer}.gearSetSlot.active{border-color:var(--blue);box-shadow:0 0 14px rgba(91,183,255,.35), inset 3px 0 0 var(--blue)}.gearSetSlot.empty{border-color:#3b4b5d;box-shadow:none}.gearSetInv{border:1px solid #3d4f62;overflow:auto;min-height:0;height:calc(100vh - 365px)}.gearSetEditorTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:8px}.gearSetPreviewGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.gearSetPreviewBox{border:1px solid #536273;background:#111820;padding:10px}.gearSetPreviewBox h4{margin:0 0 8px;color:var(--muted);text-transform:uppercase;border-bottom:1px solid #2a3a4a;padding-bottom:6px}.gearStatLine{display:flex;justify-content:space-between;gap:10px;margin:3px 0}.gearStatLine b{color:var(--purple)}.gearStatLine.up b{color:var(--green)}.gearStatLine.down b{color:var(--red)}@media(max-width:1050px){.gearSetEditor,.gearSetPreviewGrid{grid-template-columns:1fr}.gearSetInv{height:280px}} .gearAutoWrap{height:100%;display:flex;flex-direction:column;gap:12px;overflow:hidden}.gearAutoTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}.gearAutoTop h3{margin:0;color:var(--blue);text-transform:uppercase}.gearAutoPanel{border:1px solid #536273;background:#09111a;padding:12px}.gearAutoGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gearAutoField label{display:block;color:#aeb8c5;margin-bottom:5px}.gearAutoField select,.gearAutoField input{width:100%;background:#05090f;color:#c4ccd8;border:1px solid #536273;border-radius:3px;padding:9px;font:inherit}.gearAutoTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gearAutoTabs button.active{border-color:var(--blue);color:var(--blue);background:#102031}.gearAutoRules{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid #536273;background:#070d14;padding:12px}.gearAutoRulesHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.gearAutoRule{border-left:1px solid var(--blue);background:#101821;padding:10px 12px;margin-bottom:10px}.gearAutoRule h4{margin:0 0 6px;font-size:18px}.gearAutoRuleActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.gearAutoRuleActions button{padding:4px 9px;font-size:12px}.gearAutoOn{float:right;border:1px solid #8cbcff;color:#b9d8ff;padding:2px 9px}.gearAutoEditor{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid #536273;background:#070d14;padding:12px}.gearAutoEditorGrid{display:grid;grid-template-columns:110px minmax(260px,1fr) 80px minmax(260px,1fr);gap:10px;align-items:center}.gearAutoEditorGrid .gearAutoAtLeast{grid-column:auto}.gearAutoCondList{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.gearAutoCond{border:1px solid #263547;background:#0a121b;padding:12px;min-width:0}.gearAutoCondTools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.gearAutoCondFields{display:grid;grid-template-columns:minmax(230px,1.45fr) minmax(110px,.55fr) minmax(230px,1fr);gap:8px;align-items:end}.gearAutoMiniField label{display:block;color:var(--muted);margin:0 0 4px}.gearAutoCondFields input,.gearAutoEditorGrid input{width:100%;background:#05090f;color:#c4ccd8;border:1px solid #536273;border-radius:3px;padding:9px;font:inherit}.gearAutoNameInput{background:#05090f;color:#c4ccd8;border:1px solid #536273;border-radius:3px;padding:7px;font:inherit;font-weight:900;max-width:250px}.gearAutoDrop{position:relative;width:100%;min-width:0}.gearAutoDropBtn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#05090f;color:#c4ccd8;border:1px solid #536273;border-radius:3px;padding:9px 10px;font:inherit;text-align:left}.gearAutoDropBtn:after{content:'▾';color:#aeb8c5}.gearAutoDrop.open .gearAutoDropBtn{border-color:var(--blue);box-shadow:0 0 8px rgba(91,183,255,.55)}.gearAutoDropMenu{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 2px);max-height:235px;overflow:auto;background:#05090f;border:1px solid #536273;box-shadow:0 10px 22px rgba(0,0,0,.65)}.gearAutoDrop.open .gearAutoDropMenu{display:block}.gearAutoDropOption{display:block;width:100%;border:0;border-radius:0;background:#101821;color:#c4ccd8;text-align:left;padding:8px 10px}.gearAutoDropOption:hover,.gearAutoDropOption.active{background:#1b2a36;color:#fff}.gearAutoDropOption.active{color:var(--blue)}@media(max-width:1050px){.gearAutoGrid,.gearAutoEditorGrid,.gearAutoCondList,.gearAutoCondFields{grid-template-columns:1fr}} /* v28 item popup/enhance polish */ .craftingItemWrap .row{justify-content:center!important;gap:8px!important} .craftAffixBtns button:disabled{opacity:.38!important;cursor:not-allowed!important;background:#27313a!important;color:#7d8794!important;border-color:#46515d!important} .btnEnhance{background:#123b5a!important;border-color:var(--blue)!important;color:#9ed8ff!important} .btnEnhance:hover{background:#1d5f8c!important;border-color:#7dd3ff!important;color:#fff!important} .itemDetailTop{position:relative;padding-right:92px;flex:1 1 auto;min-width:0;width:100%} .itemRarityBadge{position:absolute;right:0;top:0;border:1px solid currentColor;border-radius:2px;padding:3px 8px;font-size:12px;font-weight:900;text-transform:uppercase;background:#151b24} .itemMetaLine{margin:7px 0;color:var(--muted)} .itemRatio{color:var(--blue);font-weight:900} .reqBadge{display:inline-block;margin-left:7px;padding:1px 6px;border:1px solid var(--red);border-radius:999px;color:var(--red);font-size:11px;font-weight:900;vertical-align:middle}.reqBad{color:var(--red)!important;font-weight:900}.combatResult{min-height:154px}.combatResult p{min-height:22px}.combatRewardSpacer{display:inline-block;min-height:22px} /* v68 combat log fills remaining combat panel height */ .content.combatView{display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important} .content.combatView .combatResult{flex:0 0 auto!important} .content.combatView > h3.val{flex:0 0 auto!important;margin:6px 0 8px!important} .content.combatView .log{height:auto!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important} /* v46 Idlemoor settings menu */ .settingsShell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;height:100%;min-height:0;overflow:hidden}.settingsNav{border-right:1px solid var(--line);padding:14px 10px;min-height:0}.settingsNav button{display:block;width:100%;text-align:left;margin:6px 0;border:0;background:transparent;color:var(--text);text-transform:uppercase;font-weight:900}.settingsNav button.active{background:#1b130b;color:var(--blue);border-left:3px solid var(--blue)}.settingsNav hr{border:0;border-top:1px solid var(--line);margin:14px 0}.settingsContent{overflow:auto;min-height:0;padding:14px}.settingBox{border:1px solid var(--line);background:rgba(7,13,20,.58);padding:12px;margin-bottom:12px}.settingBox h3{margin:0;color:var(--blue);font-size:15px;text-transform:uppercase}.settingBox p{margin:2px 0 10px;color:var(--muted);font-size:13px}.settingRow{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,240px) minmax(150px,230px);gap:10px;align-items:center;border:1px solid #34465a;background:#070d14;padding:9px 10px;margin:8px 0}.settingRow.single{grid-template-columns:1fr auto}.settingRow label{color:#c4ccd8;text-transform:uppercase}.settingRow small{display:block;color:var(--muted);text-transform:none;margin-top:3px}.settingInput,.settingSelect{width:100%;background:#070d14;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}.settingCheck{width:16px;height:16px;justify-self:end}.settingsTable{width:100%;border-collapse:collapse}.settingsTable th,.settingsTable td{border:1px solid #34465a;padding:8px;text-align:left}.settingsTable th{color:var(--muted);text-transform:uppercase}.settingsCrestIcon{font-size:18px}.settingsNote{color:var(--muted);font-size:14px;margin-top:10px}.settingsApply{color:var(--muted);text-transform:uppercase;margin-top:12px}.settingsButtonRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.settingsContent select,.settingsContent input{background:#070d14;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}body[data-chat-font="80"] .chatLog,body[data-chat-font="80"] .chatInput textarea{font-size:80%}body[data-chat-font="90"] .chatLog,body[data-chat-font="90"] .chatInput textarea{font-size:90%}body[data-chat-font="100"] .chatLog,body[data-chat-font="100"] .chatInput textarea{font-size:100%}body[data-chat-font="110"] .chatLog,body[data-chat-font="110"] .chatInput textarea{font-size:110%}body[data-chat-font="120"] .chatLog,body[data-chat-font="120"] .chatInput textarea{font-size:120%}body[data-chat-font="130"] .chatLog,body[data-chat-font="130"] .chatInput textarea{font-size:130%}body[data-chat-font="140"] .chatLog,body[data-chat-font="140"] .chatInput textarea{font-size:140%}body[data-high-contrast="strong"] .muted{color:#a8b3c3}body[data-high-contrast="strong"] .box,body[data-high-contrast="strong"] .settingBox,body[data-high-contrast="strong"] .settingRow{border-color:#7b8798}@media(max-width:900px){.settingsShell{grid-template-columns:1fr}.settingsNav{border-right:0;border-bottom:1px solid var(--line)}.settingRow{grid-template-columns:1fr}.settingCheck{justify-self:start}} /* v50 Rankings */ .rankingsWrap{height:100%;overflow:auto;padding:12px}.rankingGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.rankingCard{border:1px solid #34465a;background:linear-gradient(180deg,#0c141d,#05090f);padding:12px;min-height:320px}.rankingCard h3{margin:0 0 8px;color:var(--blue);border-bottom:1px solid #34465a;padding-bottom:7px;text-transform:uppercase;font-size:15px}.rankingRows{display:grid;gap:2px}.rankingRow{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border-bottom:1px solid rgba(52,70,90,.35)}.rankingRow.me{background:rgba(91,183,255,.10);outline:1px solid rgba(91,183,255,.18)}.rankingRank{color:var(--muted);font-weight:900}.rankingRank.r1{color:var(--gold)}.rankingRank.r2{color:#c7d2de}.rankingRank.r3{color:#d98a3c}.rankingName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb8c5}.rankingRow.me .rankingName{color:#dce7f7;font-weight:900}.rankingValue{color:var(--blue);font-weight:900}.rankingContextBreak{color:var(--muted);font-size:12px;text-align:center;padding:6px 0;border-bottom:1px solid rgba(52,70,90,.35);letter-spacing:.08em}.rankingSectionTitle{margin:20px 0 10px;color:var(--gold);font-size:18px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:6px}.rankingEmpty{color:var(--muted);padding:10px} /* v87 interface scaling + light contrast polish */ body > .wrap{transform:scale(var(--uiScale))!important;transform-origin:top left!important;width:calc(100vw / var(--uiScale))!important;height:calc(100vh / var(--uiScale))!important} /* v92 Idlemoor Light common item contrast */ body[data-theme="light"] .rarity-common, body[data-theme="light"] .item.common, body[data-theme="light"] .item.common .affix, body[data-theme="light"] .item.common .muted, body[data-theme="light"] .item.common h4, body[data-theme="light"] .item.common b, body[data-theme="light"] .invRow.common, body[data-theme="light"] .invRow.common b, body[data-theme="light"] .invRow.common .invRowName, body[data-theme="light"] .invRow.common span, body[data-theme="light"] .equipCard.common .equipName, body[data-theme="light"] .equipCard.common .equipIlvl, body[data-theme="light"] .equipCard.common .equipStab, body[data-theme="light"] .chatItem.common, body[data-theme="light"] .modalCard.common .rarity-common{color:#000!important} /* v101 Immortal Dragon view stabilization */ .dragonView{grid-template-columns:190px minmax(0,1fr)!important;gap:10px!important;padding:18px 12px 78px!important;background:radial-gradient(circle at 46% 40%,rgba(74,46,11,.24),rgba(0,0,0,.88) 64%)!important;align-items:center!important;overflow:hidden!important;position:relative!important;} .dragonChoices{display:flex!important;flex-direction:column!important;gap:10px!important;align-self:center!important;justify-self:start!important;transform:translate(139px,24px)!important;z-index:2;} .dragonArtWrap{transform:translate(-100px,-23px)!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-width:0;} .dragonAscii{font:11px/10px Consolas,Monaco,monospace;white-space:pre;letter-spacing:0;display:block;color:#d6a143;text-shadow:0 0 4px rgba(218,151,44,.26);user-select:none;pointer-events:none;} .dragonImage{display:block;width:auto;height:462px!important;max-width:100%;opacity:.85;user-select:none;pointer-events:none;filter:drop-shadow(0 0 16px rgba(230,189,87,.24));} .dragonAscii .dc-at{color:#df9234}.dragonAscii .dc-a{color:#8fa440}.dragonAscii .dc-v{color:#6f8e35}.dragonAscii .dc-e{color:#d2aa55}.dragonAscii .dc-o{color:#be7e2e}.dragonAscii .dc-p{color:#efc067}.dragonAscii .dc-dot{color:#f7dc9d}.dragonAscii .dc-dark{color:#2e2a20;text-shadow:none}.dragonAscii .dc-star{color:#ffe2a1;text-shadow:0 0 5px rgba(255,221,145,.75)} .dragonWard{position:absolute!important;left:calc(54% - 280px)!important;top:3px!important;transform:translateX(-50%)!important;padding:0!important;width:320px!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;z-index:3;} .dragonWardLabel{position:static!important;writing-mode:horizontal-tb!important;text-orientation:initial!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;text-align:center!important;font:700 15px Georgia,serif!important;white-space:normal!important;line-height:1.05!important;margin:0 0 8px!important;} .dragonBar{width:320px!important;height:14px!important;align-self:center!important;position:relative!important;overflow:hidden!important;} .dragonArtWrap .dragonDamageFloat{left:calc(56% - 150px)!important;top:42%!important;} .dragonBarFill{position:absolute!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;height:100%!important;} .dragonImage.dragonJut,.dragonAscii.dragonJut{animation:dragonJut .18s ease-out;} /* v242 light/win95 dragon view: light edges with dark center */ body[data-theme="light"] .dragonView,body[data-theme="win95"] .dragonView{ background:radial-gradient(circle at 46% 40%,rgba(18,12,10,.72),rgba(232,224,207,.78) 66%,rgba(246,240,226,.92) 100%)!important; } .dragonStats{left:18px!important;right:110px!important;bottom:18px!important;max-width:none!important;display:flex!important;flex-wrap:wrap!important;gap:18px!important;justify-content:flex-start!important;align-items:center!important;transform:translateX(559px)!important;} .dragonOutcome{position:absolute;top:0;bottom:0;left:57px;right:-157px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;z-index:5;transform:translateX(100px)!important} .dragonFlee{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;display:block!important;color:var(--gold);font-family:Georgia,serif;font-size:34px;line-height:1.25;text-align:center;text-shadow:0 0 16px rgba(230,189,87,.8);animation:dragonFlee 2.6s ease forwards} .dragonReward{position:static!important;color:var(--gold);font-weight:900;font-size:37px;line-height:1.05;text-align:center;text-shadow:0 0 10px rgba(230,189,87,.82);z-index:5} .dragonDefeated .dragonAscii,.dragonDefeated .dragonImage{animation:dragonVanish 2.4s ease forwards;} .adminShell{height:100%;overflow:auto;padding:16px;max-width:980px;margin:0 auto}.adminHero{border:1px solid #6c5840;background:linear-gradient(135deg,rgba(45,28,13,.95),rgba(7,13,20,.98));box-shadow:inset 0 0 24px rgba(230,189,87,.08);padding:18px 20px;margin-bottom:14px}.adminHero h2{margin:0 0 6px;color:var(--gold);font-size:22px;text-transform:uppercase;letter-spacing:.06em}.adminGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.adminCard{border:1px solid #34465a;background:rgba(7,13,20,.72);padding:14px}.adminCard h3{margin:0 0 5px;color:var(--blue);font-size:15px;text-transform:uppercase;border-bottom:1px solid #26394c;padding-bottom:8px}.adminCard p{margin:0 0 12px;color:var(--muted);font-size:13px}.adminGrantRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.adminGrantRow input{min-width:0;background:#070d14;color:#dce7f7;border:1px solid #647385;padding:9px;font:inherit}.adminGrantRow button{white-space:nowrap;min-width:150px}.adminDanger{border-color:#6c5840;background:rgba(230,189,87,.06)}.adminDanger h3{color:var(--gold);border-color:#59492b}.adminWide{grid-column:1 / -1}.adminLegendaryBtn{border-color:#c96f2d;color:#ff9b45}.adminLegendaryBtn:hover{background:#2b1607;color:#ffd0a3}.adminBuffGrid{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin-top:10px}.adminBuffGrid button{min-width:0;padding:7px 6px;font-size:12px}.adminBuffClearList{margin-top:10px;border:1px solid #34465a;background:rgba(0,0,0,.18);padding:8px;display:grid;gap:6px}.adminBuffClearRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-left:2px solid var(--gold);padding:6px 8px;background:rgba(240,195,90,.05)}.adminBuffClearRow button{min-width:95px}.adminBuffClearMeta{font-size:12px;color:var(--muted);margin-top:2px}.buffLine{border-left:2px solid var(--gold);padding:5px 8px;margin:6px 0;background:rgba(240,195,90,.06)}.buffLine b{color:var(--gold)}@media(max-width:900px){.adminGrid{grid-template-columns:1fr}.adminGrantRow{grid-template-columns:1fr}.adminGrantRow button{width:100%}}.adminSection{grid-column:1/-1;border:1px solid #34465a;background:rgba(5,10,16,.42);margin-bottom:12px}.adminSection>summary{cursor:pointer;list-style:none;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid #26394c;background:rgba(230,189,87,.08)}.adminSection>summary::-webkit-details-marker{display:none}.adminSection>summary:before{content:"";color:var(--blue)}.adminSection[open]>summary:before{content:"";color:var(--blue)}.adminSectionGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px;padding:14px}.adminSection .adminCard{margin:0}@media(max-width:900px){.adminSectionGrid{grid-template-columns:1fr}} /* v137 legendary augment enhancing */ .rarity-orange,.orangeText{color:#ff9f2f!important}.rarity-mirrorbrand,.mirrorbrandText{color:#35ffd1!important}.item.orange,.equipCard.orange,.modalCard.orange{border-color:#ff9f2f!important;box-shadow:0 0 18px rgba(255,159,47,.32) inset,0 0 16px rgba(255,159,47,.18)!important}.item.mirrorbrand,.equipCard.mirrorbrand,.modalCard.mirrorbrand{border-color:#35ffd1!important;box-shadow:0 0 18px rgba(53,255,209,.28) inset,0 0 16px rgba(53,255,209,.16)!important}.legendaryAugmentBox{border:1px solid #a86f2c;background:radial-gradient(circle at 50% 0,rgba(255,159,47,.18),rgba(7,13,20,.88) 68%);padding:8px 10px;margin:0 0 0 auto;min-width:455px;max-width:560px;text-align:left;box-shadow:inset 0 0 22px rgba(255,159,47,.10),0 0 18px rgba(0,0,0,.28);display:flex;align-items:center;gap:14px;align-self:stretch;flex:0 0 auto;overflow:visible}.legendaryAugmentBox h3{margin:0;color:#ffcf86;letter-spacing:.08em;text-transform:uppercase;font-size:13px;text-align:center;white-space:nowrap}.legendaryAugmentControls{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex:1;min-width:0}.legendarySelect{background:#120a04;color:#ffd8a3;border:1px solid #ff9f2f;padding:8px 10px;font:inherit;width:100%;min-width:0}.legendaryButton{position:relative;overflow:hidden;border:1px solid #ffd08a!important;color:#2a1200!important;background:linear-gradient(90deg,#7b3509,#ff9f2f,#fff0b8,#ff9f2f,#7b3509)!important;background-size:220% 100%!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 18px rgba(255,159,47,.62),inset 0 0 10px rgba(255,255,255,.45);animation:legendaryButtonGlow 2.4s ease-in-out infinite;white-space:nowrap;flex:0 0 auto;min-width:96px;padding-left:12px!important;padding-right:12px!important}.legendaryButton:hover{filter:brightness(1.18);color:#000!important}.mimicAffixBtn{width:100%;margin-top:8px;border-color:#ff9f2f!important;color:#ffd39b!important;background:linear-gradient(180deg,#371906,#120804)!important;box-shadow:0 0 12px rgba(255,159,47,.24)}.legendaryConfirm{border-color:#ffbd66!important;background:radial-gradient(circle at 50% 0,rgba(255,159,47,.22),#1a0e06 72%)!important;color:#ffe8c4}.legendaryConfirm h3{color:#ffcf86;text-transform:uppercase;letter-spacing:.08em}.legendaryConfirmActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.idleConfirmCard{width:min(560px,92vw)!important;border-color:var(--gold)!important;background:radial-gradient(circle at 50% 0,rgba(230,189,87,.13),rgba(16,27,38,.98) 68%)!important;box-shadow:0 0 22px rgba(230,189,87,.28),inset 0 0 20px rgba(0,0,0,.34)!important}.idleConfirmBody{padding:2px 0 0;color:var(--text);line-height:1.45}.idleConfirmWarn{border-left:2px solid var(--gold);background:rgba(230,189,87,.07);padding:9px 10px;margin:10px 0;color:#f1d79b}.idleConfirmDanger{border-left-color:var(--red);background:rgba(255,107,107,.06);color:#ffb5b5}.idleConfirmActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.idleConfirmActions button{min-height:42px}.idleConfirmActions .danger{border-color:var(--red);color:var(--red)}.mirrorSlotGrid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin-top:14px}.mirrorSlotBtn{min-height:72px;border-color:#35ffd1!important;color:#a9fff0!important;background:linear-gradient(180deg,#05342d,#061512)!important;box-shadow:0 0 16px rgba(53,255,209,.20)}.mirrorbrandView{max-width:960px;margin:0 auto;padding:18px;text-align:center}.mirrorbrandView h2{color:#35ffd1;font-size:25px;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 14px rgba(53,255,209,.35)}.mirrorbrandNote{border:1px solid #35ffd1;background:rgba(53,255,209,.07);padding:12px;margin:12px auto;max-width:720px;color:#a9fff0} /* v498 UI polish: equipped legendary iLvl colors and training tones */ .equipCard.orange .equipIlvl,.gearSetSlot.orange .equipIlvl{color:#ff9f2f!important;text-shadow:0 0 8px rgba(255,159,47,.55)!important} .equipCard.mirrorbrand .equipIlvl,.gearSetSlot.mirrorbrand .equipIlvl{color:#35ffd1!important;text-shadow:0 0 8px rgba(53,255,209,.45)!important} .trainingNav button.trainingToneRed{color:#ff8a8a!important;border-left:3px solid transparent!important}.trainingNav button.trainingToneRed.active{background:#2a1116!important;color:#ffb0b0!important;border-left-color:#9b111e!important}.trainingNav button.trainingToneRed:hover{background:#261018!important;color:#fff!important} .trainingNav button.trainingToneGreen{color:#9ad276!important;border-left:3px solid transparent!important}.trainingNav button.trainingToneGreen.active{background:#102414!important;color:#d8ffd0!important;border-left-color:#79c56a!important}.trainingNav button.trainingToneGreen:hover{background:#102414!important;color:#fff!important} .trainingNav button.trainingNavDisabled{filter:grayscale(1)!important;opacity:.42!important;color:#89919d!important;border-left-color:#586270!important;cursor:not-allowed!important;background:transparent!important;text-shadow:none!important;box-shadow:none!important} .trainingNav button.trainingNavDisabled:hover{background:#0a0d11!important;color:#a2aab6!important;border-left-color:#586270!important} .urTouched{color:#ff9f2f!important;font-weight:900;margin-left:6px}@keyframes legendaryButtonGlow{0%,100%{background-position:0 0;box-shadow:0 0 14px rgba(255,159,47,.42),inset 0 0 10px rgba(255,255,255,.35)}50%{background-position:100% 0;box-shadow:0 0 28px rgba(255,210,117,.85),inset 0 0 16px rgba(255,255,255,.62)}} .omenLayer{position:fixed;inset:0;pointer-events:none;z-index:80}.omenButton,.crackedRuneButton,.paleMothButton,.buriedHourglassButton{position:absolute;display:flex;align-items:center;justify-content:center;border:0;background:transparent!important;pointer-events:auto;transform:translate(-50%,-50%);padding:0;overflow:visible}.omenButton{width:46px;height:46px;border-radius:50%;border:1px solid #35ffd1!important;background:radial-gradient(circle at 42% 35%,#eafff9,#35ffd1 28%,#04675a 62%,rgba(2,19,17,.92) 100%)!important;box-shadow:0 0 14px rgba(53,255,209,.9),0 0 34px rgba(53,255,209,.48),inset 0 0 12px rgba(255,255,255,.42);color:#dffff8!important;text-shadow:0 0 8px #02110f;font-size:22px;font-weight:900;animation:omenDrift 5.8s ease-in-out infinite,omenGlow 1.7s ease-in-out infinite}.eventSvg{display:block;overflow:visible;filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 18px currentColor)}.crackedRuneButton{width:76px;height:76px;color:#35ffd1;animation:runeFloat 7.2s ease-in-out infinite,omenGlow 1.8s ease-in-out infinite}.paleMothButton{width:136px;height:136px;color:#f3fff1;animation:mothFloat 6.7s ease-in-out infinite}.paleMothSprite{display:block;width:136px;height:136px;object-fit:contain;pointer-events:none;filter:none!important;background:transparent!important;box-shadow:none!important}.omenButton:hover,.crackedRuneButton:hover{filter:brightness(1.25)}.paleMothButton:hover{filter:none!important}.paleMothButton:hover .paleMothSprite{filter:brightness(1.14)!important}@keyframes omenDrift{0%,100%{margin-left:0;margin-top:0}25%{margin-left:13px;margin-top:-9px}50%{margin-left:-8px;margin-top:12px}75%{margin-left:10px;margin-top:8px}}@keyframes runeFloat{0%,100%{margin-left:0;margin-top:0;transform:translate(-50%,-50%) rotate(0deg)}33%{margin-left:10px;margin-top:-13px;transform:translate(-50%,-50%) rotate(2deg)}66%{margin-left:-9px;margin-top:9px;transform:translate(-50%,-50%) rotate(-3deg)}}@keyframes mothFloat{0%,100%{margin-left:0;margin-top:0;transform:translate(-50%,-50%) scale(1)}25%{margin-left:18px;margin-top:-10px;transform:translate(-50%,-50%) scale(1.02) rotate(1deg)}50%{margin-left:4px;margin-top:12px;transform:translate(-50%,-50%) scale(.99) rotate(-1deg)}75%{margin-left:-14px;margin-top:-3px;transform:translate(-50%,-50%) scale(1.01) rotate(.5deg)}}@keyframes omenGlow{0%,100%{opacity:.86}50%{opacity:1}}@keyframes paleMothPulse{0%,100%{opacity:.86;filter:drop-shadow(0 0 7px rgba(255,255,255,.72)) drop-shadow(0 0 18px rgba(220,255,220,.45))}50%{opacity:1;filter:drop-shadow(0 0 13px rgba(255,255,255,1)) drop-shadow(0 0 30px rgba(225,255,220,.7))}}.eventTip{position:fixed;z-index:99999;background:#232832;border:1px solid #6f7886;border-radius:4px;color:#c8d0dc;padding:9px 12px;box-shadow:0 8px 22px rgba(0,0,0,.5);font-size:14px;line-height:1.35;pointer-events:none;white-space:nowrap}.spectateClickMarker{position:fixed;z-index:1199;width:34px;height:34px;border:2px solid #ff6b6b;border-radius:50%;box-shadow:0 0 12px rgba(255,107,107,.8),inset 0 0 8px rgba(255,255,255,.35);transform:translate(-50%,-50%);pointer-events:none;animation:spectateClickPulse .9s ease-out forwards}.spectateClickMarker:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;transform:translate(-50%,-50%)}@keyframes spectateClickPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.35)}65%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}.chatSystemName{color:#fff!important;font-weight:900;text-shadow:0 0 7px rgba(255,255,255,.45)}.chatPaleMoth{color:#fff!important;text-shadow:0 0 7px rgba(255,255,255,.75),0 0 16px rgba(210,255,220,.42)} /* v158 gear set slot rarity borders */ .gearSetSlot.basic{border-color:var(--rarity-basic)!important;box-shadow:0 0 12px rgba(139,149,161,.20) inset,0 0 10px rgba(139,149,161,.10)!important} .gearSetSlot.common{border-color:var(--rarity-common)!important;box-shadow:0 0 12px rgba(242,245,248,.16) inset,0 0 10px rgba(242,245,248,.08)!important} .gearSetSlot.uncommon{border-color:var(--rarity-uncommon)!important;box-shadow:0 0 12px rgba(54,211,107,.22) inset,0 0 12px rgba(54,211,107,.12)!important} .gearSetSlot.rare{border-color:var(--rarity-rare)!important;box-shadow:0 0 12px rgba(88,170,255,.24) inset,0 0 14px rgba(88,170,255,.14)!important} .gearSetSlot.epic{border-color:var(--rarity-epic)!important;box-shadow:0 0 12px rgba(139,92,246,.28) inset,0 0 16px rgba(139,92,246,.18)!important} .gearSetSlot.orange{border-color:#ff9f2f!important;box-shadow:0 0 18px rgba(255,159,47,.32) inset,0 0 16px rgba(255,159,47,.18)!important} .gearSetSlot.mirrorbrand{border-color:#35ffd1!important;box-shadow:0 0 18px rgba(53,255,209,.28) inset,0 0 16px rgba(53,255,209,.16)!important} .gearSetSlot.basic .equipName,.gearSetSlot.basic .equipIlvl,.gearSetSlot.basic .equipStab{color:var(--rarity-basic)!important} .gearSetSlot.common .equipName,.gearSetSlot.common .equipIlvl,.gearSetSlot.common .equipStab{color:var(--rarity-common)!important} .gearSetSlot.uncommon .equipName,.gearSetSlot.uncommon .equipIlvl,.gearSetSlot.uncommon .equipStab{color:var(--rarity-uncommon)!important} .gearSetSlot.rare .equipName,.gearSetSlot.rare .equipIlvl,.gearSetSlot.rare .equipStab{color:var(--rarity-rare)!important} .gearSetSlot.epic .equipName,.gearSetSlot.epic .equipIlvl,.gearSetSlot.epic .equipStab{color:var(--rarity-epic)!important} .gearSetSlot.orange .equipName,.gearSetSlot.orange .equipIlvl,.gearSetSlot.orange .equipStab{color:#ff9f2f!important} .gearSetSlot.mirrorbrand .equipName,.gearSetSlot.mirrorbrand .equipIlvl,.gearSetSlot.mirrorbrand .equipStab{color:#35ffd1!important} .gearSetSlot.active{outline:1px solid var(--blue)!important;outline-offset:-3px} .gearSetSlot.empty{border-color:#3b4b5d!important;box-shadow:none!important} .statsOverwatchTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:8px}.statsOverwatchTop h2{margin:0;color:var(--blue)}.statsOverwatchGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.statsOverwatchCard{border:1px solid #536273;background:#09111a;padding:12px}.statsOverwatchWide{grid-column:span 2}.statsOverwatchFull{grid-column:1/-1}.statsOverwatchTall{min-height:330px}.statsOverwatchSearch{width:100%;margin:0 0 10px;background:#07101b;color:#dce7f7;border:1px solid #4c5d6c;padding:8px;font:inherit}.statsOverwatchScroll{max-height:292px;overflow:auto;border:1px solid #233242}@media(max-width:1100px){.statsOverwatchWide{grid-column:span 1}}.statsOverwatchCard h3{margin:0 0 8px;color:var(--gold);text-transform:uppercase;font-size:14px;border-bottom:1px solid #233242;padding-bottom:6px}.statsOverwatchMetric{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.statsOverwatchMetric b{color:var(--blue)}.statsOverwatchTable{width:100%;border-collapse:collapse}.statsOverwatchTable th,.statsOverwatchTable td{border-bottom:1px solid #233242;padding:5px 6px;text-align:left}.statsOverwatchTable th{color:var(--muted);text-transform:uppercase;font-size:12px}.statsOverwatchItem{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.statsOverwatchItem:hover{color:#fff!important}.adminHero{position:relative}.adminOverwatchBtn,.adminReportsBtn,.adminManaStatsBtn{position:absolute;top:12px;border-color:var(--blue);color:var(--blue);background:#081724;font-weight:900}.adminOverwatchBtn{right:12px}.adminReportsBtn{right:172px}.adminManaStatsBtn{right:252px}.adminHeroBtns{position:absolute;top:12px;right:12px;display:flex;gap:8px;align-items:center}.adminHeroBtns .adminOverwatchBtn,.adminHeroBtns .adminReportsBtn,.adminHeroBtns .adminManaStatsBtn,.adminHeroBtns .adminBackupBtn{position:static;top:auto;right:auto}.adminHeroBtns .adminBackupBtn{border-color:var(--green);color:#07101b;background:linear-gradient(180deg,#b8ef94,#77bd55);font-weight:900}.adminHeroBtns .adminBackupBtn:hover{border-color:#d9ffc7;color:#020602;background:linear-gradient(180deg,#d2ffba,#8bd46c)}.manaStatsWarn{border-color:var(--gold)!important;background:rgba(230,189,87,.06)!important}.manaStatsAdjustRow{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:8px;align-items:center}.manaStatsAdjustRow input{background:#070d14;color:#dce7f7;border:1px solid #647385;padding:9px;font:inherit}.manaStatsTableSearch{margin:0 0 6px}.manaStatsTableCount{margin:0 0 8px}.adminReportContext{grid-column:1/-1;border:1px solid #536273;background:#07101b;padding:12px}.adminReportChatBox{height:260px;overflow:auto;border:1px solid #233242;background:#05090f;padding:8px}.adminReportMsg{border-bottom:1px solid #112023;padding:4px 0}.adminReportMsg.reportMoment{background:rgba(230,189,87,.09);border-left:3px solid var(--gold);padding-left:7px}.adminReportActions{display:flex;gap:6px;flex-wrap:wrap}.adminReportActions button{padding:5px 7px;font-size:12px} .spectateBanner{position:fixed!important;top:8px!important;right:8px!important;z-index:2147483000!important;display:flex!important;align-items:center!important;gap:10px!important;background:rgba(10,18,30,.97)!important;border:1px solid #aee8ff!important;border-radius:12px!important;padding:8px 12px!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important;pointer-events:auto!important;max-width:calc(100vw - 24px)!important;overflow:visible!important} .spectateBannerInfo{min-width:0!important;max-width:420px!important;overflow:hidden!important;text-overflow:ellipsis!important} .spectateBanner b{color:#dff7ff!important;white-space:nowrap!important} .spectateBanner .muted{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .spectateBanner button{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2147483001!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important} .spectateClose{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:999px!important;border:1px solid #ff7b7b!important;background:#3a0e14!important;color:#ffd7d7!important;font-size:18px!important;font-weight:900!important;line-height:1!important;padding:0!important} .spectateToggle{border:1px solid #aee8ff!important;background:#082233!important;color:#dff7ff!important;border-radius:6px!important;padding:6px 8px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;min-width:84px!important} .spectateToggle.free{border-color:#e6bd57!important;color:#ffe3a0!important;background:#2b1b0e!important} .adminSpectateBtn{border-color:#aee8ff;color:#dff7ff;background:#082233;font-weight:900} /* v91 light/win95 cleanup for gear/chat/admin surfaces */ body[data-theme="light"] .resetTypeBox, body[data-theme="light"] .autoDismantleOption, body[data-theme="light"] .autoDismantleNote, body[data-theme="light"] .massMaxRow, body[data-theme="light"] .massDismantleOption, body[data-theme="light"] .bonusSection, body[data-theme="light"] .gearSetModal, body[data-theme="light"] .gearSetCard, body[data-theme="light"] .gearSetEmpty, body[data-theme="light"] .gearSetUnlock, body[data-theme="light"] .gearSetPreviewBox, body[data-theme="light"] .gearSetSlot, body[data-theme="light"] .gearSetSlot.empty, body[data-theme="light"] .gearSetInv, body[data-theme="light"] .gearAutoPanel, body[data-theme="light"] .gearAutoRules, body[data-theme="light"] .gearAutoEditor, body[data-theme="light"] .gearAutoRule, body[data-theme="light"] .gearAutoCond, body[data-theme="light"] .gearAutoDropBtn, body[data-theme="light"] .gearAutoDropMenu, body[data-theme="light"] .gearAutoDropOption, body[data-theme="light"] .equipMarketSearch, body[data-theme="light"] .playerMenu, body[data-theme="light"] .reportModalCard, body[data-theme="light"] .reportField{background:#fff8ec!important;color:#2b2118!important;border-color:#a88657!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="light"] .playerMenu button, body[data-theme="light"] .gearAutoField label, body[data-theme="light"] .gearAutoMiniField label, body[data-theme="light"] .bonusSection h4, body[data-theme="light"] .gearSetCard h4, body[data-theme="light"] .gearSetPreviewBox h4, body[data-theme="light"] .equipMarketSearch label, body[data-theme="light"] .chatSystemName, body[data-theme="light"] .chatPaleMoth, body[data-theme="light"] .reportHead, body[data-theme="light"] .reportBody label{color:#2b2118!important;text-shadow:none!important} body[data-theme="light"] .reportHead{background:#ead8bd!important;border-bottom:1px solid #a88657!important} body[data-theme="light"] .gearAutoField select, body[data-theme="light"] .gearAutoField input, body[data-theme="light"] .gearAutoCondFields input, body[data-theme="light"] .gearAutoEditorGrid input, body[data-theme="light"] .gearAutoNameInput, body[data-theme="light"] .gearSetInput, body[data-theme="light"] .reportBody select, body[data-theme="light"] .reportBody textarea{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important} body[data-theme="light"] .gearAutoDropOption:hover, body[data-theme="light"] .gearAutoDropOption.active{background:#ead8bd!important;color:#2b2118!important} body[data-theme="light"] .gearAutoOn{border-color:#7a4d17!important;color:#7a4d17!important} body[data-theme="light"] .chatLink:hover{color:#2b2118!important} body[data-theme="win95"] .resetTypeBox, body[data-theme="win95"] .autoDismantleOption, body[data-theme="win95"] .autoDismantleNote, body[data-theme="win95"] .massMaxRow, body[data-theme="win95"] .massDismantleOption, body[data-theme="win95"] .bonusSection, body[data-theme="win95"] .gearSetModal, body[data-theme="win95"] .gearSetCard, body[data-theme="win95"] .gearSetEmpty, body[data-theme="win95"] .gearSetUnlock, body[data-theme="win95"] .gearSetPreviewBox, body[data-theme="win95"] .gearSetSlot, body[data-theme="win95"] .gearSetSlot.empty, body[data-theme="win95"] .gearSetInv, body[data-theme="win95"] .gearAutoPanel, body[data-theme="win95"] .gearAutoRules, body[data-theme="win95"] .gearAutoEditor, body[data-theme="win95"] .gearAutoRule, body[data-theme="win95"] .gearAutoCond, body[data-theme="win95"] .gearAutoDropBtn, body[data-theme="win95"] .gearAutoDropMenu, body[data-theme="win95"] .gearAutoDropOption, body[data-theme="win95"] .equipMarketSearch, body[data-theme="win95"] .playerMenu, body[data-theme="win95"] .reportModalCard, body[data-theme="win95"] .reportField{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .playerMenu button, body[data-theme="win95"] .gearAutoField label, body[data-theme="win95"] .gearAutoMiniField label, body[data-theme="win95"] .bonusSection h4, body[data-theme="win95"] .gearSetCard h4, body[data-theme="win95"] .gearSetPreviewBox h4, body[data-theme="win95"] .equipMarketSearch label, body[data-theme="win95"] .chatSystemName, body[data-theme="win95"] .chatPaleMoth, body[data-theme="win95"] .reportHead, body[data-theme="win95"] .reportBody label{color:#000!important;text-shadow:none!important} body[data-theme="win95"] .reportHead{background:#000080!important;color:#fff!important;border-bottom:2px solid #404040!important} body[data-theme="win95"] .reportHead *{color:inherit!important} body[data-theme="win95"] .gearAutoField select, body[data-theme="win95"] .gearAutoField input, body[data-theme="win95"] .gearAutoCondFields input, body[data-theme="win95"] .gearAutoEditorGrid input, body[data-theme="win95"] .gearAutoNameInput, body[data-theme="win95"] .gearSetInput, body[data-theme="win95"] .reportBody select, body[data-theme="win95"] .reportBody textarea{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .gearAutoDropOption:hover, body[data-theme="win95"] .gearAutoDropOption.active{background:#000080!important;color:#fff!important} body[data-theme="win95"] .gearAutoOn{border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;color:#000!important;background:#d4d0c8!important} body[data-theme="win95"] .chatLink:hover{color:#000080!important} /* v92 real chat scrollbar fix */ .chatLog{display:block!important;justify-content:initial!important;overflow-y:scroll!important;overflow-x:hidden!important;min-height:0!important;scrollbar-gutter:stable!important} .chatLog.topFirst{justify-content:initial!important} .chatMsg{display:block!important;flex:0 0 auto!important} /* v175 interface-theme cleanup + chat scrollbar */ .chatLog{display:block!important;justify-content:initial!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-gutter:stable both-edges!important} .chatLog.topFirst{justify-content:initial!important} body[data-theme="win95"] .nav button:before, body[data-theme="win95"] .newsLink:before{content:none!important;display:none!important} body[data-theme="win95"] .nav button{padding-left:7px!important} body[data-theme="win95"] .newsLink{padding-left:0!important} body[data-theme="light"] .questBoardTop, body[data-theme="light"] .questActivePanel, body[data-theme="light"] .questFormulaPanel, body[data-theme="light"] .questChoice, body[data-theme="light"] .questChoice.active, body[data-theme="light"] .questTrack, body[data-theme="light"] .questFeed, body[data-theme="light"] .questFeedLine, body[data-theme="light"] .questPill, body[data-theme="light"] .plfModalCard, body[data-theme="light"] .plfTop, body[data-theme="light"] .plfRule, body[data-theme="light"] .plfCondRow, body[data-theme="light"] .plfConfirmBox, body[data-theme="light"] .plfConfirmNote, body[data-theme="light"] .plfChip{background:#fff8ec!important;color:#2b2118!important;border-color:#a88657!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="light"] .plfEditorGrid input, body[data-theme="light"] .plfEditorGrid select, body[data-theme="light"] .plfCondRow input, body[data-theme="light"] .plfCondRow select, body[data-theme="light"] #plfAtLeast{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important} body[data-theme="light"] .questActivePanel p, body[data-theme="light"] .questFormulaPanel p, body[data-theme="light"] .questActivePanel span, body[data-theme="light"] .questFormulaPanel span, body[data-theme="light"] .questChoice span, body[data-theme="light"] .questChoice em, body[data-theme="light"] .plfModalCard p, body[data-theme="light"] .plfModalCard label, body[data-theme="light"] .plfRule small, body[data-theme="light"] .plfCondRow .muted{color:#2b2118!important;text-shadow:none!important;opacity:1!important} body[data-theme="light"] .questProgress{background:#efe1cd!important;border-color:#9b7a50!important} body[data-theme="win95"] .premiumHero, body[data-theme="win95"] .premiumCard, body[data-theme="win95"] .premiumStatus, body[data-theme="win95"] .premiumNote, body[data-theme="win95"] .premiumInputRow, body[data-theme="win95"] .premiumInputRow input, body[data-theme="win95"] .questBoardTop, body[data-theme="win95"] .questActivePanel, body[data-theme="win95"] .questFormulaPanel, body[data-theme="win95"] .questChoice, body[data-theme="win95"] .questChoice.active, body[data-theme="win95"] .questTrack, body[data-theme="win95"] .questFeed, body[data-theme="win95"] .questFeedLine, body[data-theme="win95"] .questPill, body[data-theme="win95"] .plfModalCard, body[data-theme="win95"] .plfTop, body[data-theme="win95"] .plfRule, body[data-theme="win95"] .plfCondRow, body[data-theme="win95"] .plfConfirmBox, body[data-theme="win95"] .plfConfirmNote, body[data-theme="win95"] .plfChip{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .plfEditorGrid input, body[data-theme="win95"] .plfEditorGrid select, body[data-theme="win95"] .plfCondRow input, body[data-theme="win95"] .plfCondRow select, body[data-theme="win95"] #plfAtLeast{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .premiumHero p, body[data-theme="win95"] .premiumCard p, body[data-theme="win95"] .premiumNote, body[data-theme="win95"] .questActivePanel p, body[data-theme="win95"] .questFormulaPanel p, body[data-theme="win95"] .questActivePanel span, body[data-theme="win95"] .questFormulaPanel span, body[data-theme="win95"] .questChoice span, body[data-theme="win95"] .questChoice em, body[data-theme="win95"] .plfModalCard p, body[data-theme="win95"] .plfModalCard label, body[data-theme="win95"] .plfRule small, body[data-theme="win95"] .plfCondRow .muted{color:#000!important;text-shadow:none!important;opacity:1!important} body[data-theme="win95"] .questProgress{background:#fff!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important} body[data-theme="win95"] .questProgress div{background:#000080!important} /* v176 player profile table spacing */ .profileCombatTable{table-layout:fixed;width:100%} .profileCombatTable th,.profileCombatTable td{text-align:left} .profileCombatTable th:nth-child(n+2),.profileCombatTable td:nth-child(n+2){width:14%;padding-left:10px;padding-right:10px} .profileCombatTable th:first-child,.profileCombatTable td:first-child{width:30%} /* v183 Town Crier */ .townCrierWrap{height:100%;overflow:auto;padding-right:8px}.townCrierAdmin{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:12px;margin-bottom:14px}.townCrierAdmin input,.townCrierAdmin textarea{width:100%;background:#070d14;color:#dce7f7;border:1px solid #536273;padding:9px;font:inherit;margin:6px 0}.townCrierAdmin textarea{height:110px;resize:vertical}.townCrierPost{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:16px;margin-bottom:14px}.townCrierTitle{font-size:28px;line-height:1.1;font-weight:900;color:var(--gold);margin:0 0 10px}.townCrierBody{font-size:20px;line-height:1.35;white-space:pre-wrap}.townCrierMeta{font-size:12px;color:var(--muted);margin-top:10px}.townCrierActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.townCrierEmpty{border:1px dashed var(--line);padding:18px;color:var(--muted)} body[data-theme="light"] .townCrierAdmin,body[data-theme="light"] .townCrierPost,body[data-theme="light"] .townCrierEmpty{background:#fff8ec!important;color:#2b2118!important;border-color:#a88657!important;box-shadow:none!important}body[data-theme="light"] .townCrierAdmin input,body[data-theme="light"] .townCrierAdmin textarea{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important} body[data-theme="win95"] .townCrierAdmin,body[data-theme="win95"] .townCrierPost,body[data-theme="win95"] .townCrierEmpty{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important}body[data-theme="win95"] .townCrierAdmin input,body[data-theme="win95"] .townCrierAdmin textarea{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important} /* v188 mention highlight and notification sound controls */ .chatMention{display:inline-block;background:rgba(240,195,90,.22)!important;color:#ffe39a!important;border:1px solid rgba(240,195,90,.7);border-radius:3px;padding:0 3px;font-weight:900;text-shadow:0 0 7px rgba(240,195,90,.45)} body[data-theme="light"] .chatMention{background:#f1d89d!important;color:#3b2607!important;border-color:#b9853e!important;text-shadow:none!important} body[data-theme="win95"] .chatMention{background:#ffff00!important;color:#000!important;border:1px solid #000!important;border-radius:0!important;text-shadow:none!important} .soundTestBtn{margin-left:8px;white-space:nowrap} .notificationSoundRow{display:flex;align-items:center;gap:8px;justify-content:flex-end} .plfSoundRow{display:flex;align-items:center;gap:8px} .plfSoundRow select{flex:1} /* v191 spectator modal + chat live-anchor defaults */ .spectateModalMirror{position:fixed;inset:0;z-index:1198;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);pointer-events:none} .spectateModalMirror .modalCard{max-width:min(1180px,94vw);max-height:86vh;overflow:auto;pointer-events:none} .spectateModalMirror input,.spectateModalMirror textarea,.spectateModalMirror select,.spectateModalMirror button{pointer-events:none!important} .chatLog{display:block!important;justify-content:initial!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-gutter:stable both-edges!important} .chatLog.topFirst{justify-content:initial!important} .chatMsg{display:block!important;flex:0 0 auto!important} /* v203 inventory list typography tuning */ .invList .invGroupTitle{font-size:80%!important;line-height:1.15!important} .invList .invHeader{font-size:80%!important;line-height:1.15!important} .invList .invRowName{font-size:110%!important} .content.inventoryView .equipCards{transform:translateY(-14px)!important} .content.inventoryView #equipScrollCol>.invPanelHeader{transform:translateY(-10px)!important} .content.inventoryView #equipScrollCol{flex:0 0 auto!important;height:auto!important;min-height:0!important;overflow:visible!important} /* v215 admin select styling + Stats Overwatch grouping */ .adminCard select,.adminGrantRow select{ background:#080d13!important;color:#dce7f7!important;border:1px solid #647385!important; border-radius:3px!important;padding:8px!important;font:inherit!important;min-width:150px!important; box-shadow:inset 0 0 10px rgba(91,183,255,.08)!important; } .adminCard select:focus,.adminGrantRow select:focus{outline:none!important;border-color:var(--blue)!important;box-shadow:0 0 10px rgba(91,183,255,.22)!important} .statsOverwatchSection{grid-column:1/-1;border:1px solid var(--line);background:rgba(0,0,0,.18);padding:8px;margin-bottom:4px} .statsOverwatchSection>summary{cursor:pointer;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;background:#100c08;border:1px solid #2b2118} .statsOverwatchSection[open]>summary{margin-bottom:10px;border-color:var(--blue)} .statsOverwatchSectionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px} .statsOverwatchSectionGrid>.statsOverwatchFull{grid-column:1/-1} .statsOverwatchSectionGrid>.statsOverwatchWide{grid-column:span 2} @media(max-width:1100px){.statsOverwatchSectionGrid>.statsOverwatchWide{grid-column:1/-1}} body[data-theme="light"] .adminCard select,body[data-theme="light"] .adminGrantRow select{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important;box-shadow:none!important} body[data-theme="win95"] .adminCard select,body[data-theme="win95"] .adminGrantRow select{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important} /* v219 mobile-only compatibility; desktop layout untouched */ @media (max-width:900px){ html,body{ overflow:auto!important; min-width:0!important; height:auto!important; } .wrap{ display:flex!important; flex-direction:column!important; width:100vw!important; min-width:0!important; max-width:100vw!important; height:auto!important; min-height:100vh!important; overflow:visible!important; transform:none!important; padding:4px!important; gap:8px!important; } .layoutCol,.leftCol,.centerCol,.rightCol,.leftStack{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; flex:0 0 auto!important; gap:8px!important; } .box,.layoutCol>.box,.leftStack>.box{ width:100%!important; min-width:0!important; max-width:100%!important; flex:0 0 auto!important; } .user,.stats,.news,.side,.chat{ height:auto!important; min-height:0!important; flex:0 0 auto!important; } .stats .grid4{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .main{ height:auto!important; min-height:70vh!important; flex:0 0 auto!important; overflow:visible!important; } .mainGrid{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:70vh!important; } .zones{ border-right:0!important; border-bottom:1px solid var(--line)!important; max-height:260px!important; overflow:auto!important; } .content{ min-height:60vh!important; overflow:auto!important; -webkit-overflow-scrolling:touch; } .chat{ min-height:240px!important; flex-basis:auto!important; } .chatLog{ min-height:150px!important; max-height:320px!important; } .scrollArea{ height:auto!important; max-height:360px!important; overflow:auto!important; -webkit-overflow-scrolling:touch; } .nav button,.tabs button,button{ min-height:38px; } .activityGrid,.grid4,.enemyStats,.profileTwoCol,.profileOverviewGrid,.marketPanels,.orderGrid,.premiumGrid,.settingsGrid,.statsOverwatchSectionGrid{ grid-template-columns:1fr!important; } .invLayout{ display:flex!important; flex-direction:column!important; height:auto!important; overflow:visible!important; } .content.inventoryView{ overflow:auto!important; } .content.inventoryView .invLayout, .content.inventoryView .invLayout>div{ height:auto!important; overflow:visible!important; } .content.inventoryView .invCol:first-child, .content.inventoryView .invCol:last-child, .content.inventoryView .invList{ overflow:visible!important; height:auto!important; max-height:none!important; } .equipCards{ grid-template-columns:1fr!important; } .invRow{ grid-template-columns:62px minmax(0,1fr)!important; gap:6px!important; } .invRow>span:nth-child(3), .invRow>span:nth-child(4){ font-size:12px!important; } .marketWrap,.profileShell,.settingsShell,.rankingsShell,.gearAutoShell,.trainingShell{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; } .marketMain,.profileContent,.settingsContent,.rankingsContent,.gearAutoContent,.trainingContent{ overflow:visible!important; height:auto!important; min-height:0!important; } .modalCard{ width:calc(100vw - 18px)!important; max-width:calc(100vw - 18px)!important; max-height:88vh!important; overflow:auto!important; } .dragonView{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:70vh!important; overflow:auto!important; } .dragonChoices{ flex-direction:row!important; flex-wrap:wrap!important; align-self:stretch!important; } .dragonChoices button{ flex:1 1 42%!important; } .dragonArt{ width:100%!important; height:auto!important; object-fit:contain!important; } } @media (max-width:520px){ .stats .grid4,.grid4{ grid-template-columns:1fr!important; } .tabs{ overflow-x:auto!important; flex-wrap:nowrap!important; } .tabs button{ white-space:nowrap!important; font-size:15px!important; } .nav button{ font-size:16px!important; } .panel{ padding:8px!important; } .content{ padding:8px!important; } .marketTable,.orderTable,.statsOverwatchTable{ font-size:12px!important; } } /* v223 combat trait SVG wrapper spacing */ .logLine .svgTraitWrap + .svgTraitWrap, .combatResult .svgTraitWrap + .svgTraitWrap, .lossEntry .svgTraitWrap + .svgTraitWrap{margin-left:5px!important} /* v225 auth register password visibility */ .auth .passWrap{position:relative;margin:7px 0} .auth .passWrap input{width:100%;margin:0!important;padding-right:44px!important} .auth .passEye{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:0!important;height:28px;padding:2px 7px;font-size:14px;line-height:1} /* v226 auth overhaul */ .auth{background: radial-gradient(circle at 50% 18%,rgba(184,117,214,.14),rgba(184,117,214,0) 26%), radial-gradient(circle at 18% 82%,rgba(197,138,58,.10),rgba(197,138,58,0) 28%), linear-gradient(180deg,rgba(7,8,8,.985),rgba(18,14,11,.992) 52%,rgba(3,4,5,.995))} .auth:before{content:"";position:absolute;inset:0;background:none;opacity:0;pointer-events:none} .loginMusicToggle{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #5a4532;border-radius:4px;background:linear-gradient(180deg,rgba(29,23,19,.92),rgba(8,8,8,.94));color:#d8c6a6;font:900 12px/1 Consolas,Monaco,monospace;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 16px rgba(0,0,0,.45);user-select:none} .loginMusicToggle input{width:auto!important;margin:0!important;accent-color:#e6bd57;box-shadow:none!important} .loginMusicToggle span{display:inline-block} .authCard{width:min(476px,92vw)!important;border:1px solid #5a4532!important;border-radius:6px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(29,23,19,.98),rgba(8,8,8,.99))!important;box-shadow:inset 0 0 0 1px #000,0 0 22px rgba(0,0,0,.62)!important;position:relative;z-index:1} .authCard>.title{display:none!important} .authPanel{padding:22px 26px 22px!important;background:radial-gradient(circle at 50% 0%,rgba(230,189,87,.06),transparent 32%)} .authBrand{display:flex;justify-content:center;margin-bottom:14px} .authLogoFrame{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible} .authHomepageTitle{margin:0 0 4px;font:700 64px/.95 Georgia,"Times New Roman",serif;color:#eadbc3;letter-spacing:.015em;text-shadow:0 0 20px rgba(184,117,214,.25),2px 2px 0 #000} .authKicker{color:var(--purple);font:900 13px/1.2 Consolas,Monaco,monospace;text-transform:uppercase;letter-spacing:.16em;text-align:center;margin:16px 0 10px} .authLead{max-width:340px;margin:0 auto 16px;color:#cfc2ae;text-align:center;font:16px/1.45 Georgia,"Times New Roman",serif} .auth .authFields{display:grid;gap:10px;margin:0 0 12px} .auth input{width:100%;margin:0!important;background:linear-gradient(180deg,#18120f,#0a0908)!important;color:#eadbc3!important;border:1px solid #4a3828!important;border-radius:3px!important;padding:11px 12px!important;font:15px/1.3 Consolas,Monaco,monospace!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.52)} .auth input::placeholder{color:#8d8375} .auth input:focus{outline:none;border-color:#d8b46b!important;box-shadow:0 0 0 1px rgba(216,180,107,.18),0 0 12px rgba(184,117,214,.16)} .authRemember{display:flex;align-items:center;gap:8px;margin:-2px 0 10px;color:#b8aa93;font:13px/1.35 Consolas,Monaco,monospace;user-select:none} .authRemember input{width:auto!important;margin:0!important;accent-color:#e6bd57;box-shadow:none!important} .authRemember span{display:inline-block} .auth .passWrap{margin:0!important} .auth .passWrap input{padding-right:46px!important} .auth .passEye{right:8px!important;width:34px!important;height:30px!important;min-width:34px!important;padding:2px 0!important;border:1px solid #5a4532!important;background:linear-gradient(180deg,#25190f,#110c09)!important;color:#f2d895!important;border-radius:3px!important;text-align:center!important} .auth .passEye:hover{border-color:#d8b46b!important;color:#fff!important} .authActionRow{display:grid;gap:10px;margin-top:12px} .authPrimaryRow{grid-template-columns:1fr 1fr} .authSecondaryRow{grid-template-columns:1fr} .auth button{width:100%;border-radius:3px!important;font:900 14px/1.2 Consolas,Monaco,monospace!important;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px!important} #loginBtn{background:linear-gradient(180deg,#e6bd57,#8d5f21)!important;color:#171009!important;border:1px solid #f0d27c!important;box-shadow:0 0 18px rgba(230,189,87,.12)} #loginBtn:hover{filter:brightness(1.06);color:#090604!important} #registerBtn{background:linear-gradient(180deg,#241912,#120d09)!important;color:#f2d895!important;border:1px solid #8b6535!important} #registerBtn:hover,#forgotBtn:hover{border-color:#d8b46b!important;color:#fff!important} #forgotBtn{background:transparent!important;color:#b875d6!important;border:1px solid #493827!important} .authRecovery{margin-top:12px;padding:14px;border:1px solid #3d3024;background:linear-gradient(180deg,rgba(20,17,15,.86),rgba(8,8,8,.82))} .authRecovery .authRecoveryBtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} .authRecoveryNote{color:#b8aa93;font-size:12px;line-height:1.4;margin:0 0 10px} .authMeta{margin-top:14px;text-align:center} .authMetaLine{margin-top:10px;color:#b8aa93;font-size:12px;line-height:1.4} .authMetaLine a,.authMetaLine span{color:var(--gold)} .auth #authOk,.auth #authErr{margin-top:8px;text-align:center;font-weight:700} @media (max-width:560px){.authPanel{padding:18px!important}.authPrimaryRow{grid-template-columns:1fr}.authLead{font-size:15px}} /* v253 Idlemoor distinctiveness pass: visual-only spacing, frames, tabs, and ledger cues */ body:not([data-theme="win95"]):before{ background-image:radial-gradient(circle at 18% 16%,rgba(230,189,87,.055) 0 1px,transparent 1.4px),radial-gradient(circle at 78% 62%,rgba(110,77,38,.05) 0 1px,transparent 1.3px)!important; background-size:74px 74px,118px 118px!important; } body:not([data-theme="win95"]) .box{ border-radius:9px 9px 6px 6px!important; border-color:#6d5231!important; box-shadow:inset 0 0 0 1px rgba(255,219,148,.045),0 10px 24px rgba(0,0,0,.34)!important; } body:not([data-theme="win95"]) .title{ padding:6px 12px!important; background:linear-gradient(180deg,#a8793d,#7c5126 52%,#5c3818)!important; color:#160d05!important; border-bottom:1px solid #d1aa66!important; text-shadow:0 1px rgba(245,218,154,.45)!important; letter-spacing:.075em!important; } body:not([data-theme="win95"]) .title:before{content:"✦ "!important;color:#2a1708!important;text-shadow:0 1px rgba(245,218,154,.55)!important} body:not([data-theme="win95"]) .box.collapsed>.title:before{content:"✧ "!important;color:#2a1708!important;text-shadow:0 1px rgba(245,218,154,.55)!important} body:not([data-theme="win95"]) .panel{padding:12px!important} body:not([data-theme="win95"]) .nav button{ position:relative; border:1px solid rgba(169,126,68,.42)!important; border-radius:5px!important; padding:9px 12px 9px 16px!important; background:linear-gradient(90deg,rgba(45,30,17,.92),rgba(16,12,8,.72))!important; box-shadow:inset 0 0 0 1px rgba(0,0,0,.20)!important; } body:not([data-theme="win95"]) .nav button:before{ content:""; position:absolute; left:6px;top:50%;transform:translateY(-50%); width:3px;height:45%;border-radius:99px; background:rgba(230,189,87,.28); } body:not([data-theme="win95"]) .nav button.active:before{background:#e6bd57;box-shadow:0 0 8px rgba(230,189,87,.45)} body:not([data-theme="win95"]) .nav button.active{ color:#f5d679!important; background:linear-gradient(90deg,rgba(74,48,19,.96),rgba(27,16,8,.86))!important; border-color:#e0b85b!important; box-shadow:inset 0 0 0 1px rgba(230,189,87,.15),0 0 12px rgba(230,189,87,.08)!important; } body:not([data-theme="win95"]) .newsLinks p,body:not([data-theme="win95"]) .newsLinks .val{ padding:5px 7px!important; border-left:3px solid rgba(230,189,87,.22)!important; background:rgba(0,0,0,.10)!important; } body:not([data-theme="win95"]) .newsLinks p:hover{border-left-color:#e6bd57!important;background:rgba(230,189,87,.08)!important} body:not([data-theme="win95"]) .grid4{ gap:10px!important; background:linear-gradient(90deg,rgba(230,189,87,.035),transparent 12%,transparent 88%,rgba(230,189,87,.035))!important; } body:not([data-theme="win95"]) .statBlock{ padding:0 12px!important; border-left:1px solid rgba(169,126,68,.26)!important; } body:not([data-theme="win95"]) .statBlock:first-child{border-left:0!important} body:not([data-theme="win95"]) .statBlock h3{ color:#f0c65e!important; border-bottom:1px solid rgba(230,189,87,.42)!important; font-size:14px!important; } body:not([data-theme="win95"]) .tabs{ gap:6px!important; padding:7px 8px 0!important; background:linear-gradient(180deg,rgba(93,64,32,.30),rgba(10,7,4,.16))!important; border-bottom-color:#6d5231!important; } body:not([data-theme="win95"]) .tabs button{ border:1px solid #6d5231!important; border-bottom:0!important; border-radius:6px 6px 0 0!important; padding:7px 13px!important; background:linear-gradient(180deg,#1c140d,#0d0906)!important; color:#d6c3a0!important; } body:not([data-theme="win95"]) .tabs button.active{ background:linear-gradient(180deg,#5e3b16,#171006)!important; color:#ffd872!important; border-color:#e0b85b!important; box-shadow:inset 0 2px 0 rgba(255,223,151,.18)!important; } body:not([data-theme="win95"]) .zone,body:not([data-theme="win95"]) .activity,body:not([data-theme="win95"]) .trainingCard,body:not([data-theme="win95"]) .marketPanel,body:not([data-theme="win95"]) .profileCard,body:not([data-theme="win95"]) .item{ border-radius:7px!important; box-shadow:inset 0 0 18px rgba(0,0,0,.18)!important; } body:not([data-theme="win95"]) .chatInput textarea{border-radius:0 0 0 6px!important} body[data-theme="light"] .nav button{background:linear-gradient(90deg,#f6e5c7,#ead2aa)!important;color:#302114!important} body[data-theme="light"] .nav button.active{background:linear-gradient(90deg,#ddbd7f,#c99a50)!important;color:#261606!important} body[data-theme="light"] .newsLinks p,body[data-theme="light"] .newsLinks .val{background:rgba(126,82,28,.06)!important} /* v255: requested label/button/header/log/tooltip refinements */ .trainingCard{display:flex!important;flex-direction:column!important;min-height:172px!important} .trainingCard .trainingBtns{margin-top:auto!important} .trainingBtns button:last-child{font-weight:900!important;color:var(--gold)!important;border-color:var(--gold)!important} body:not([data-theme="win95"]) .logLine{font-size:14px!important;line-height:1.45!important} body:not([data-theme="win95"]) .logPrefix{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;margin-right:4px!important;border-radius:50%!important;border:1px solid rgba(230,189,87,.45)!important;background:rgba(32,20,9,.85)!important;box-shadow:inset 0 0 5px rgba(230,189,87,.12)!important;font-size:12px!important;line-height:1!important} body:not([data-theme="win95"]) .logPrefix.win{color:#a7e37d!important;border-color:rgba(154,210,118,.55)!important} body:not([data-theme="win95"]) .logPrefix.loss{color:#ff7777!important;border-color:rgba(255,107,107,.55)!important} .logDetailBtn{padding:1px 5px!important;font-size:11px!important;line-height:1.15!important;border-color:#7b5d33!important;color:#e6bd57!important;background:rgba(20,12,5,.8)!important} .gearSetFlag{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;vertical-align:middle} .gearSetFlag:after{content:attr(data-gear-tip);position:absolute;right:0;bottom:calc(100% + 8px);z-index:80;min-width:150px;max-width:260px;padding:7px 9px;background:linear-gradient(180deg,#21170d,#0d0905);border:1px solid #9d763e;color:#f1d69a;box-shadow:0 8px 22px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,225,160,.08);font-size:12px;line-height:1.25;white-space:nowrap;opacity:0;transform:translateY(3px);pointer-events:none;transition:opacity .12s ease,transform .12s ease} .gearSetFlag:hover:after{opacity:1;transform:translateY(0)} body[data-theme="light"] .gearSetFlag:after{background:linear-gradient(180deg,#fff3dc,#e9d0a5);border-color:#9c7544;color:#2b2118;box-shadow:0 8px 18px rgba(84,55,22,.20)} body[data-theme="win95"] .logLine{font-size:13px!important;line-height:1.35!important} body[data-theme="win95"] .logPrefix{font-weight:900!important;margin-right:4px!important} body[data-theme="win95"] .logDetailBtn{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important} body[data-theme="win95"] .gearSetFlag:after{background:#ffffe1!important;color:#000!important;border:1px solid #000!important;box-shadow:2px 2px 0 rgba(0,0,0,.35)!important;font-family:"MS Sans Serif",Tahoma,sans-serif!important} /* v259 requested UI refinements */ .stats .row b{margin-left:25px!important} .floatGain{left:calc(100% + 10px)!important} .floatGain.levelGain{left:calc(100% + 10px)!important} body:not([data-theme="win95"]) .btnEnhance{border-color:#3f6f98!important;color:#9ed8ff!important;background:linear-gradient(180deg,#102338,#07121f)!important} body:not([data-theme="win95"]) .btnEnhance:hover{border-color:#77c9ff!important;color:#ffffff!important;background:linear-gradient(180deg,#17416d,#0a2036)!important;box-shadow:0 0 12px rgba(91,183,255,.35)!important} body[data-theme="light"] .btnEnhance{border-color:#5f86a6!important;color:#164462!important;background:#e7f1f7!important} body[data-theme="light"] .btnEnhance:hover{border-color:#1674a8!important;color:#06283d!important;background:#cde9f8!important;box-shadow:0 0 9px rgba(22,116,168,.22)!important} #xpFill{background:#d886ff!important;background-image:none!important} #tickFill{background:#d8ceb2!important;background-image:none!important} body[data-theme="light"] #tickFill{background:#d4c5a4!important;background-image:none!important} body[data-theme="win95"] #tickFill{background:#ffffcc!important;background-image:none!important} body[data-theme="light"] .statBlock h3,body[data-theme="light"] .stats .statBlock h3{color:#241709!important;border-bottom-color:#7c5a2c!important} body[data-theme="light"] .orderTable th,body[data-theme="light"] .marketTable th{color:#2d1d0b!important} body[data-theme="light"] button:not(.btnGreen):not(.btnRed):not(.btnGold):not(.btnCyanGreen):not(.btnEnhance):not(.premiumButton):not(.marketRemoveBtn):not(.marketEditBtn), body[data-theme="light"] .nav button:not(.active), body[data-theme="light"] .tabs button:not(.active){background:#f7ecd8!important;color:#2a1b0a!important;border-color:#8a6a3d!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important} body[data-theme="light"] button:not(.btnGreen):not(.btnRed):not(.btnGold):not(.btnCyanGreen):not(.btnEnhance):not(.premiumButton):not(.marketRemoveBtn):not(.marketEditBtn):hover, body[data-theme="light"] .nav button:not(.active):hover, body[data-theme="light"] .tabs button:not(.active):hover{background:#fff7e8!important;color:#120b04!important;border-color:#5e4321!important} body:not([data-theme="win95"]) .marketEditBtn{border-color:#a97d32!important;color:#ffe09a!important;background:linear-gradient(180deg,#3f2a10,#150d04)!important} body:not([data-theme="win95"]) .marketEditBtn:hover{border-color:#f0c35a!important;color:#fff4cd!important;background:linear-gradient(180deg,#624114,#221405)!important} body[data-theme="light"] .marketEditBtn{background:#f1d89d!important;color:#3b2607!important;border-color:#b9853e!important} body[data-theme="light"] .marketEditBtn:hover{background:#e2bf75!important;border-color:#8b5e12!important} /* v260 tick bar and market edit modal refinements */ .tickbar .fill,.tickbar #tickFill,#tickFill{background:#8b1111!important;background-image:none!important;filter:none!important;box-shadow:inset 0 0 8px rgba(255,90,70,.22),0 0 9px rgba(139,17,17,.28)!important} body[data-theme="light"] .tickbar .fill,body[data-theme="light"] .tickbar #tickFill,body[data-theme="light"] #tickFill{background:#8b1111!important;background-image:none!important;filter:none!important;box-shadow:none!important} body[data-theme="win95"] .tickbar .fill,body[data-theme="win95"] .tickbar #tickFill,body[data-theme="win95"] #tickFill{background:#ffffcc!important;background-image:none!important;filter:none!important;box-shadow:none!important} .marketEditPriceModal h3{margin:10px 0 8px;text-align:center;letter-spacing:.04em;text-transform:uppercase} .marketEditPriceModal hr{border:0;border-top:1px solid rgba(230,189,87,.22);margin:10px 0} .marketEditPriceModal label{display:block;margin:8px 0 5px} .marketEditPriceModal .wideInput{width:100%;font-weight:900;text-align:center} body:not([data-theme="win95"]) .marketEditPriceModal{background:linear-gradient(180deg,#24190e,#110b06)!important;border-color:#9d763e!important;box-shadow:0 0 24px rgba(214,167,90,.32),inset 0 0 0 1px rgba(255,224,154,.08)!important} body[data-theme="light"] .marketEditPriceModal{background:linear-gradient(180deg,#fff5e1,#ead2a8)!important;border-color:#9c7544!important;box-shadow:0 10px 24px rgba(84,55,22,.20),inset 0 0 0 1px rgba(255,255,255,.55)!important} /* v264 Pale Moth: remove CSS glow/filter box; the WebP contains its own glow */ .paleMothButton{background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;animation:mothFloat 6.7s ease-in-out infinite!important;isolation:isolate} .paleMothSprite{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;filter:none!important;mix-blend-mode:normal!important} .paleMothButton:hover{background:transparent!important;box-shadow:none!important;filter:none!important} .paleMothButton:hover .paleMothSprite{filter:brightness(1.12)!important} .omenButton{border-radius:999px!important;overflow:hidden!important;clip-path:circle(50% at 50% 50%)!important;line-height:1!important;aspect-ratio:1/1!important} .crackedRuneButton{width:min(450px,calc(100vw - 40px),calc((100vh - 40px) * .63559322))!important;aspect-ratio:150 / 236;height:auto!important;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;animation:none!important;isolation:isolate} .crackedRuneSprite{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;filter:none!important;mix-blend-mode:normal!important} .crackedRuneButton:hover{background:transparent!important;box-shadow:none!important;filter:none!important} .crackedRuneButton:hover .crackedRuneSprite{filter:brightness(1.12)!important} /* v334 Buried Hourglass: static hourglass sprite; the WebP supplies the gold glow pulse */ .buriedHourglassButton{width:300px!important;height:300px!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;animation:none!important;overflow:visible!important;padding:0!important;isolation:isolate} .buriedHourglassSprite{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;filter:none!important;mix-blend-mode:normal!important} .buriedHourglassButton:hover{background:transparent!important;box-shadow:none!important;filter:none!important} .buriedHourglassButton:hover .buriedHourglassSprite{filter:brightness(1.12)!important} /* v291 marketplace/premium refinements */ .premiumConsumeGlow{min-height:62px!important;padding-top:19px!important;padding-bottom:19px!important;gap:8px!important;font-size:15px!important} .premiumConsumeStar{width:1.15em!important;height:1.15em!important;margin-right:6px;filter:none!important;text-shadow:none!important} .stackableMarketMain .marketTop{margin-bottom:6px!important} .stackableMarketMain .marketRuleNote{margin:0 0 6px!important;font-size:12px!important;line-height:1.2!important} .stackableMarketMain .marketPanels{gap:10px!important} .stackableMarketMain .marketPanel{padding:8px 10px!important} .stackableMarketMain .marketPanel h3{margin:0 0 5px!important;padding-bottom:4px!important;font-size:15px!important} .stackableMarketMain .marketPanel label{margin-top:5px!important;font-size:11px!important} .stackableMarketMain .marketPanel input{margin-top:2px!important;padding:5px 7px!important} .stackableMarketMain .marketPanel p{margin:5px 0!important} .stackableMarketMain .marketButtons{gap:6px!important;margin-top:6px!important} .stackableMarketMain .marketButtons button{padding:5px 7px!important;font-size:12px!important} .stackableMarketMain .orderGrid{margin-top:8px!important;gap:10px!important} .stackableMarketMain .orderGrid h3,.stackableMarketMain .myOrders h3{margin:5px 0 4px!important;font-size:15px!important} .stackableMarketMain .orderTable th,.stackableMarketMain .orderTable td{padding:4px 6px!important;font-size:12px!important} .settingsHelpTools{display:flex;gap:8px;align-items:center;margin:10px 0}.settingsHelpSearch{width:100%;background:#070d14;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}.settingsHelpGrid{max-height:300px;overflow:auto;border:1px solid #34465a;margin-top:8px}.settingsHelpGrid .settingsTable{border:0}.settingsStatExplain{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.settingsStatExplain div{border:1px solid #34465a;background:#070d14;padding:8px}.chatLog,.chatInput textarea{font-size:var(--chatFontSize,15px)!important} /* v296 help/equipment bonus polish */ .equipmentBonusGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;} .equipmentBonusGrid .bonusSection{margin-top:0;margin-bottom:12px;} .bonusColumn{min-width:0;} .gatheringStats .row{display:grid!important;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:center;} .gatheringStats .row b{margin-right:0!important;min-width:0!important;text-align:left!important;} @media(max-width:900px){.equipmentBonusGrid{grid-template-columns:1fr;}} .craftAffix.tierGoldFlash{animation:tierGoldFlash .9s ease-out;box-shadow:0 0 22px rgba(230,189,87,.75),inset 0 0 18px rgba(230,189,87,.25);border-color:var(--gold)!important} @keyframes tierGoldFlash{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.9);transform:scale(1.018);background:rgba(230,189,87,.18)}55%{filter:brightness(1.35);box-shadow:0 0 30px rgba(230,189,87,.9),inset 0 0 20px rgba(230,189,87,.28)}100%{filter:brightness(1);transform:scale(1);background:#09111a}} .battlegroundZone{display:block;width:100%;font:inherit;color:inherit;border-color:#6e1d1d!important;background:linear-gradient(180deg,#240d0d,#0c0708)!important;padding:7px 10px!important;text-align:center}.battlegroundZone h3{font-size:15px;margin:0;color:#d24335;letter-spacing:.08em;text-transform:uppercase}.battlegroundWrap{display:grid;gap:12px}.battlegroundCards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bgCard{border:1px solid #5c2727;background:linear-gradient(180deg,#130b0d,#070507);padding:14px;box-shadow:inset 0 0 18px rgba(128,0,0,.13)}.bgCard h3{margin:0 0 8px;color:#c9342d;text-transform:uppercase;letter-spacing:.06em}.bgCard select{width:100%;background:#080d13;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit;margin:8px 0}.bgQueueMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.bgMetaBox{border:1px solid #2d3948;background:#07101b;padding:8px}.bgWait{color:#b31212;font-weight:900;text-shadow:0 0 8px rgba(179,18,18,.45)}.bgFight{position:relative;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:18px;overflow:hidden;background:radial-gradient(circle at center,rgba(99,13,13,.12),rgba(0,0,0,.34) 58%)}.bgTeam{display:flex;flex-direction:column;gap:10px;justify-content:center}.bgPlayerBar{position:relative;height:42px;border:1px solid #304050;background:#080d13;cursor:pointer;overflow:visible}.bgPlayerBar.dead{filter:grayscale(1);opacity:.72;cursor:not-allowed}.bgPlayerBar.targeted{box-shadow:0 0 0 2px var(--gold),0 0 18px rgba(230,189,87,.45)}.bgPlayerFill{position:absolute;inset:0 auto 0 0;width:0%;background:#1f7f39;box-shadow:inset 0 0 9px rgba(255,255,255,.16)}.bgPlayerBar.enemy .bgPlayerFill{background:#8b1111}.bgPlayerText{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;text-shadow:1px 1px #000;font-weight:900}.bgPlayerSub{font-size:11px;color:#8d99a8;font-weight:400}.bgDmgFloat{position:absolute;right:18px;top:-8px;color:#ff3838;font-weight:900;text-shadow:0 0 7px #000;pointer-events:none;animation:bgDmgArc 1.05s cubic-bezier(.18,.62,.28,1) forwards;z-index:4}@keyframes bgDmgArc{0%{opacity:1;transform:translate(0,0) scale(1)}45%{opacity:1;transform:translate(var(--dx,42px),-42px) scale(1.08)}100%{opacity:0;transform:translate(calc(var(--dx,42px) * 1.7),55px) scale(.84)}}.bgFightBanner{position:absolute;left:0;right:0;top:38%;text-align:center;font-size:52px;font-weight:900;letter-spacing:.12em;pointer-events:none;animation:bgBannerFade 2s ease forwards;text-shadow:0 0 18px #000}.bgFightBanner.fight{color:#b31212}.bgFightBanner.countdown{color:#b31212;animation:none;font-size:64px;text-shadow:0 0 18px #000,0 0 14px rgba(179,18,18,.55)}.bgFightBanner.win{color:var(--gold)}.bgFightBanner.loss{color:var(--red)}@keyframes bgBannerFade{0%{opacity:0;transform:scale(.92)}20%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}.bgPrompt .idleConfirmWarn{border-color:#6e1d1d;color:#e6bd57}.bgPromptTimer{color:#b31212;font-weight:900}.bgSmallNote{font-size:12px;color:#7f8998}.bgResultNote{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#dce7f7}.btnGreen{border-color:#79c56a!important;color:#79c56a!important}.btnRed{border-color:#ff6b6b!important;color:#ff6b6b!important} /* v317 dismantle and focus-help polish */ .invRow.dismantling{pointer-events:none!important;cursor:not-allowed!important;animation:dismantleRedFlash .92s ease-out forwards;box-shadow:0 0 22px rgba(255,70,70,.75),inset 0 0 18px rgba(255,70,70,.25);border-color:var(--red)!important;will-change:opacity,transform,filter} .invRow.dismantling .flagBtn{pointer-events:none!important;opacity:.35!important} @keyframes dismantleRedFlash{0%{filter:brightness(1);transform:scale(1);opacity:1}18%{filter:brightness(1.9);transform:scale(1.018);background:rgba(255,70,70,.18);opacity:1}55%{filter:brightness(1.35);box-shadow:0 0 30px rgba(255,70,70,.9),inset 0 0 20px rgba(255,70,70,.28);opacity:.72}100%{filter:brightness(.75);transform:scale(.965);background:#060a0f;opacity:0}} .dismantleGainFloat{position:fixed;z-index:100000;pointer-events:none;color:var(--green);font-weight:900;font-size:17px;text-shadow:0 0 8px #000,0 0 14px rgba(154,210,118,.7);animation:dismantleGainArc 1.12s cubic-bezier(.18,.62,.28,1) forwards;will-change:transform,opacity} @keyframes dismantleGainArc{0%{opacity:1;transform:translate(0,0) scale(1)}6%{opacity:1;transform:translate(var(--x1,3px),var(--y1,-16px)) scale(1.015)}12%{opacity:1;transform:translate(var(--x2,6px),var(--y2,-31px)) scale(1.03)}19%{opacity:1;transform:translate(var(--x3,10px),var(--y3,-47px)) scale(1.047)}27%{opacity:1;transform:translate(var(--x4,15px),var(--y4,-62px)) scale(1.065)}36%{opacity:.99;transform:translate(var(--x5,21px),var(--y5,-73px)) scale(1.085)}46%{opacity:.97;transform:translate(var(--x6,28px),var(--y6,-80px)) scale(1.09)}56%{opacity:.92;transform:translate(var(--x7,35px),var(--y7,-77px)) scale(1.065)}65%{opacity:.84;transform:translate(var(--x8,42px),var(--y8,-64px)) scale(1.025)}74%{opacity:.72;transform:translate(var(--x9,49px),var(--y9,-40px)) scale(.985)}83%{opacity:.55;transform:translate(var(--x10,56px),var(--y10,-3px)) scale(.945)}91%{opacity:.32;transform:translate(var(--x11,63px),var(--y11,48px)) scale(.90)}100%{opacity:0;transform:translate(var(--dx,70px),var(--fall,102px)) scale(.84)}} .focusRequirementLine{color:var(--gold);font-weight:900;margin:8px 0 4px}.focusDescPlain{color:var(--text);margin:4px 0 8px}.focusDescPlain b{font-weight:900}.focusCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:8px}.focusHelpCard{border:1px solid #34465a;background:#070d14;padding:9px}.focusHelpCard h4{margin:0 0 5px;color:var(--blue)}.focusHelpCard p{margin:5px 0}.focusHelpCard .focusRequirementLine{font-size:12px} body[data-theme="light"] .focusDescPlain{color:#1d1712} body[data-theme="win95"] .focusDescPlain{color:#000} /* v319 marketplace/focus refinements */ .marketCommodityPale{color:#fff4d0!important;font-weight:900;text-shadow:0 0 9px rgba(255,244,208,.95),0 0 18px rgba(200,255,215,.45)}.marketCommodityMirror{color:#35ffd1!important;font-weight:900;text-shadow:0 0 8px rgba(53,255,209,.85),0 0 16px rgba(53,255,209,.42)} .marketCommodityPicker{display:inline-block;position:relative;vertical-align:middle;min-width:190px}.marketCommodityPickBtn{min-width:190px;text-align:left;display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.marketCommodityPickBtn:after{content:"▾";color:var(--muted);font-size:12px}.marketCommodityMenu{display:none;position:absolute;left:0;top:calc(100% + 3px);z-index:80;min-width:230px;max-height:310px;overflow:auto;background:#05090f;border:1px solid #647385;box-shadow:0 8px 22px rgba(0,0,0,.65)}.marketCommodityMenu.open{display:block}.marketCommodityOpt{display:block;width:100%;text-align:left;border:0;border-radius:0;background:#080d13;color:var(--text);padding:7px 9px}.marketCommodityOpt:hover{background:#142132;color:#fff}.marketCommodityOpt.active{outline:1px solid var(--gold);background:#101821;color:var(--text)!important}.marketCommodityOpt.active.marketCommodityMana{color:#35ffd1!important}.marketCommodityOpt.active.marketCommodityOrange{color:#ff9f2f!important}.marketCommodityOpt.active.marketCommodityPale{color:#fff4d0!important}.marketCommodityOpt.active.marketCommodityMirror{color:#35ffd1!important}.focusCurseRed,.badDmg{color:#ff7686!important}.focusDisplayName{display:block;font-size:22px;line-height:1.12;color:#fff4d0;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 9px rgba(255,244,208,.85),0 0 18px rgba(200,255,215,.35);margin:8px 0}.focusInspectBox{border:1px solid #34465a;background:#070d14;padding:9px;margin:8px 0}.focusInspectGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.focusInspectMetric{border:1px solid #263646;background:#05090f;padding:7px}.focusInspectMetric b{display:block;color:var(--gold);font-size:12px;text-transform:uppercase}.focusSoulBlue{color:#5bb7ff!important;font-weight:900;text-shadow:0 0 6px rgba(91,183,255,.38)}.focusWhite{color:#fff!important;font-weight:900;text-shadow:0 0 6px rgba(255,255,255,.30)} body[data-theme="light"] .marketCommodityPale,body[data-theme="light"] .focusDisplayName{color:#7a6500!important;text-shadow:none}body[data-theme="light"] .marketCommodityMenu,body[data-theme="light"] .marketCommodityOpt{background:#fff;color:#1d1712}body[data-theme="win95"] .marketCommodityPale,body[data-theme="win95"] .focusDisplayName,body[data-theme="win95"] .focusSoulBlue,body[data-theme="win95"] .focusWhite{color:#000!important;text-shadow:none!important}body[data-theme="win95"] .marketCommodityMenu,body[data-theme="win95"] .marketCommodityOpt{background:#c0c0c0;color:#000}.marketSelect.marketCommodityMana{color:var(--text)!important}.marketSelect.marketCommodityOrange{color:var(--text)!important} /* v318 marketplace/rankings/premium finishing touches */ .manaStar{color:var(--gold);font-weight:900;text-shadow:0 0 7px rgba(230,189,87,.7)} .manaText,.marketCommodityMana{color:#35ffd1!important;font-weight:900;text-shadow:0 0 7px rgba(53,255,209,.32)}.marketCommodityMirror{color:#35ffd1!important;font-weight:900;text-shadow:0 0 8px rgba(53,255,209,.85),0 0 16px rgba(53,255,209,.42)} .marketCommodityOrange{color:#ff9f2f!important;font-weight:900;text-shadow:0 0 8px rgba(255,159,47,.55)} .marketSelectEcho{margin-left:7px;white-space:nowrap} .marketSelect.marketCommodityMana{border-color:#35ffd1;color:#35ffd1} .marketSelect .marketCommodityOrange,option.marketCommodityOrange{color:#ff9f2f!important} .marketSelect .marketCommodityMana,option.marketCommodityMana{color:#35ffd1!important} .profileBonusNoFocus{grid-template-columns:1fr!important} .rankingCard{position:relative;overflow:hidden} .rankingCard:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05),transparent)} .rankingCard h3{position:relative;z-index:1} .rankTheme-combat{border-color:#8b1b1b!important;box-shadow:0 0 16px rgba(180,20,20,.25),inset 0 0 20px rgba(120,0,0,.16)!important;background:linear-gradient(180deg,#1a0808,#070506)!important} .rankTheme-combat h3{color:#ff5b5b!important;text-shadow:0 0 9px rgba(255,70,70,.65);border-color:#7e2525!important} .rankTheme-wood{border-color:#6d4827!important;background:repeating-linear-gradient(90deg,rgba(90,56,28,.22) 0 10px,rgba(40,24,12,.08) 10px 20px),linear-gradient(180deg,#140e08,#070504)!important} .rankTheme-wood h3{color:#b9853e!important;border-color:#6d4827!important} .rankTheme-mining{border-color:#87909a!important;background:radial-gradient(circle at 18% 22%,rgba(160,170,180,.20),transparent 18%),radial-gradient(circle at 75% 60%,rgba(120,130,140,.16),transparent 22%),linear-gradient(180deg,#11161a,#06080a)!important} .rankTheme-mining h3{color:#c2cbd4!important;border-color:#87909a!important} .rankTheme-foraging{border-color:#2d7a3f!important;background:radial-gradient(ellipse at 15% 20%,rgba(80,180,85,.18),transparent 24%),radial-gradient(ellipse at 75% 70%,rgba(60,140,70,.16),transparent 22%),linear-gradient(180deg,#07140b,#040805)!important} .rankTheme-foraging h3{color:#75d776!important;border-color:#2d7a3f!important} .rankTheme-skinning{border-color:#8a5536!important;background:linear-gradient(180deg,#1b100a,#080504)!important} .rankTheme-skinning h3{color:#d08a55!important;border-color:#8a5536!important} .rankTheme-gold{border-color:#b9853e!important;box-shadow:0 0 16px rgba(230,189,87,.18)!important} .rankTheme-gold h3{color:var(--gold)!important;border-color:#8a6a2e!important} .rankTheme-runes{border-color:#9d5cff!important;background:linear-gradient(180deg,#140b1c,#07050a)!important} .rankTheme-runes h3{color:#d886ff!important;border-color:#7d41b8!important} .rankTheme-relic{border-color:#e8d9a6!important;background:linear-gradient(180deg,#191409,#070604)!important} .rankTheme-relic h3{color:#fff0b8!important;border-color:#9f8650!important} .rankTheme-mana{border-color:#35ffd1!important;box-shadow:0 0 16px rgba(53,255,209,.18)!important;background:linear-gradient(180deg,#071c1a,#050b0b)!important} .rankTheme-mana h3{color:#35ffd1!important;border-color:#1b8d7e!important} body[data-theme="light"] .manaText,body[data-theme="light"] .marketCommodityMana{color:#008878!important;text-shadow:none} body[data-theme="win95"] .manaText,body[data-theme="win95"] .marketCommodityMana,body[data-theme="win95"] .marketCommodityOrange{color:#000!important;text-shadow:none!important} /* v320 marketplace commodity picker refinements */ .marketCommodityPicker{display:inline-block;position:relative;vertical-align:middle;min-width:170px!important} .marketCommodityPickBtn{min-width:170px!important;text-align:left!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:#080d13!important;color:var(--text)!important;border:1px solid #647385!important;padding:7px 10px!important;border-radius:3px!important;font:inherit!important} .marketCommodityPickBtn .marketCommodityLabel{display:inline-flex;align-items:center;gap:4px;min-width:0;white-space:nowrap} .marketCommodityMenu{min-width:190px!important;max-height:290px!important;background:#07101b!important;border:1px solid #647385!important;border-radius:3px!important;box-shadow:0 8px 22px rgba(0,0,0,.65)!important;padding:2px!important} .marketCommodityOpt{display:block!important;width:100%!important;text-align:left!important;border:0!important;border-radius:2px!important;background:#07101b!important;color:var(--text)!important;padding:7px 10px!important;font:inherit!important;line-height:1.25!important} .marketCommodityOpt:hover{background:#142132!important;color:#fff!important} .marketCommodityOpt.active{outline:1px solid var(--gold)!important;background:#101821!important;color:var(--text)!important} .marketCommodityOpt .marketCommodityLabel{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .marketCommodityOpt:not(.active) .marketCommodityLabel:not(.marketCommodityManaLabel):not(.marketCommodityOrange):not(.marketCommodityPale):not(.marketCommodityMirror):not(.marketCommoditySoulscale){color:var(--text)!important;text-shadow:none!important} .marketCommodityManaLabel{color:#35ffd1!important;font-weight:900;text-shadow:0 0 7px rgba(53,255,209,.32)} .marketCommodityManaLabel .manaStar{color:var(--gold)!important;text-shadow:0 0 7px rgba(230,189,87,.7)!important} body[data-theme="light"] .marketCommodityPickBtn,body[data-theme="light"] .marketCommodityMenu,body[data-theme="light"] .marketCommodityOpt{background:#fff!important;color:#1d1712!important} body[data-theme="win95"] .marketCommodityPickBtn,body[data-theme="win95"] .marketCommodityMenu,body[data-theme="win95"] .marketCommodityOpt{background:#c0c0c0!important;color:#000!important} /* v327 light/win95 cleanup for Gear Focus and Battleground cards */ body[data-theme="light"] .focusSimpleCell, body[data-theme="light"] .focusInspectBox, body[data-theme="light"] .focusInspectMetric, body[data-theme="light"] .bgCard, body[data-theme="light"] .bgMetaBox, body[data-theme="light"] .bgPlayerBar, body[data-theme="light"] .bgFight, body[data-theme="light"] .battlegroundZone{ background:#fff8ec!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .focusSimpleCell *, body[data-theme="light"] .focusInspectBox *, body[data-theme="light"] .focusInspectMetric *, body[data-theme="light"] .bgCard *, body[data-theme="light"] .bgMetaBox *, body[data-theme="light"] .battlegroundZone *{ text-shadow:none!important; } body[data-theme="light"] .bgCard select{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; } body[data-theme="light"] .bgSmallNote, body[data-theme="light"] .bgPlayerSub{color:#5b4b3b!important;} body[data-theme="win95"] .focusSimpleCell, body[data-theme="win95"] .focusInspectBox, body[data-theme="win95"] .focusInspectMetric, body[data-theme="win95"] .bgCard, body[data-theme="win95"] .bgMetaBox, body[data-theme="win95"] .bgPlayerBar, body[data-theme="win95"] .bgFight, body[data-theme="win95"] .battlegroundZone{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .focusSimpleCell *, body[data-theme="win95"] .focusInspectBox *, body[data-theme="win95"] .focusInspectMetric *, body[data-theme="win95"] .bgCard *, body[data-theme="win95"] .bgMetaBox *, body[data-theme="win95"] .battlegroundZone *{ text-shadow:none!important; } body[data-theme="win95"] .bgCard select{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; } body[data-theme="win95"] .bgSmallNote, body[data-theme="win95"] .bgPlayerSub{color:#000!important;} /* v337 battleground hero / blood tithe polish */ .oathLedgerValue{color:#fff!important;text-shadow:none!important} #oathsRow,#oathsRow *{cursor:pointer} .battlegroundIntro{border:1px solid #6d2a1f!important;background:radial-gradient(circle at 18% 0%,rgba(123,37,24,.42),transparent 38%),linear-gradient(180deg,#2a120d,#120806 72%,#070403)!important;color:var(--text)!important;border-radius:6px!important;box-shadow:inset 0 0 24px rgba(155,17,30,.16),0 0 18px rgba(0,0,0,.35)!important;margin-bottom:8px!important;padding:18px 20px!important} .battlegroundIntro h3{letter-spacing:.08em;text-transform:uppercase;color:#e23b35!important;text-shadow:0 0 9px rgba(155,17,30,.34)!important} .battlegroundIntro p{max-width:980px;margin:8px 0 2px;color:#d8c9b6!important} .bgHeroActions{margin:-2px 0 16px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap} .bgActionBtn{font-size:16px!important;font-weight:900!important;padding:10px 16px!important;letter-spacing:.03em;text-transform:uppercase;border-radius:4px!important} .bgActionBlood{background:linear-gradient(180deg,#4a1010,#1b0808)!important;border-color:#b12a24!important;color:#ffe1d7!important;box-shadow:inset 0 0 12px rgba(255,90,70,.16),0 0 10px rgba(128,0,0,.18)!important} .bgActionBlood:hover{border-color:#ff6b6b!important;color:#fff!important;background:linear-gradient(180deg,#651414,#240808)!important} .rankTheme-wood{border-color:#6f4b27!important;background:radial-gradient(circle at 10% 0%,rgba(118,83,38,.22),transparent 34%),linear-gradient(180deg,#171009,#080604)!important;box-shadow:inset 0 0 18px rgba(86,54,22,.22)!important} .rankTheme-wood:before{opacity:.10!important;background:linear-gradient(135deg,transparent,rgba(180,125,54,.22),transparent)!important} .rankTheme-wood h3{color:#c9954a!important;border-color:rgba(133,91,44,.65)!important} .rankTheme-wood .rankingRow{border-bottom:1px solid rgba(133,91,44,.28)!important;background:linear-gradient(90deg,rgba(101,68,32,.08),transparent)!important} .rankTheme-wood .rankingRow.me{background:rgba(155,103,43,.18)!important;outline:1px solid rgba(201,149,74,.24)!important} .rankTheme-wood .rankingValue{color:#c9954a!important} body[data-theme="light"] .battlegroundIntro{background:#f3dfc0!important;color:#2b2118!important;border-color:#8f5836!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="light"] .battlegroundIntro *{text-shadow:none!important} body[data-theme="win95"] .battlegroundIntro{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .battlegroundIntro *{text-shadow:none!important} /* v347 targeted battleground/menu fixes */ .nav button{font-size:14px!important;line-height:1.05!important;padding:5.6px 8px!important;margin:2.5px 0!important} .menu .panel.nav{max-height:calc(100% - 29px);overflow-y:auto;overflow-x:hidden} .leftStack>.box:not(.collapsed).menu{min-height:0;max-height:100%} .news{align-self:start!important;height:auto!important}.newsLinks{height:auto!important;max-height:calc(100vh - 42px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:0!important} .newsLinks p:last-child{margin-bottom:0!important} .craftAffix.tierRedFlash{animation:tierRedFlash .9s ease-out;box-shadow:0 0 22px rgba(255,107,107,.75),inset 0 0 18px rgba(255,107,107,.25);border-color:var(--red)!important} @keyframes tierRedFlash{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.65);transform:scale(1.012);background:rgba(255,107,107,.18)}55%{filter:brightness(1.25);box-shadow:0 0 30px rgba(255,107,107,.9),inset 0 0 20px rgba(255,107,107,.28)}100%{filter:brightness(1);transform:scale(1);background:#09111a}} /* v348 battleground cleanup */ .battlegroundIntro{padding:9px 12px!important;margin-bottom:6px!important} .battlegroundIntro p{margin:0!important} .bloodTitheIntro h3{margin:0 0 5px!important} /* v349 paths spacing tweak */ .nav button{margin:3px 0!important} .nav .menuMana{margin-top:3px!important} /* v355 pure CSS collapse sigil: remove legacy text glyphs inside diamond headers */ body:not([data-theme="win95"]) .title:before, body:not([data-theme="win95"]) .box.collapsed>.title:before{ content:""!important; display:block!important; position:absolute!important; left:12px!important; top:50%!important; width:8px!important; height:8px!important; padding:0!important; margin:0!important; overflow:hidden!important; text-indent:-9999px!important; font-size:0!important; line-height:0!important; color:transparent!important; transform:translateY(-50%) rotate(45deg)!important; border:1px solid #2a1708!important; background:#c99d4d!important; box-shadow:0 0 0 2px rgba(230,189,87,.11),0 0 8px rgba(230,189,87,.18)!important; } body:not([data-theme="win95"]) .box.collapsed>.title:before{ background:transparent!important; border-color:#c99d4d!important; box-shadow:0 0 0 2px rgba(230,189,87,.08)!important; } body[data-theme="light"] .title:before, body[data-theme="light"] .box.collapsed>.title:before{ content:""!important; color:transparent!important; text-shadow:none!important; } /* v359 premium checkbox persistence + paths scrollbar styling */ .menu .panel.nav{ scrollbar-color:#a6793d #100c08!important; scrollbar-gutter:stable both-edges; } body:not([data-theme="win95"]) .menu .panel.nav::-webkit-scrollbar{width:10px;height:10px} body:not([data-theme="win95"]) .menu .panel.nav::-webkit-scrollbar-track{background:#100c08;border-left:1px solid #2c2117} body:not([data-theme="win95"]) .menu .panel.nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b48a4e,#6f4722);border:1px solid #d6a75a;border-radius:2px} body:not([data-theme="win95"]) .menu .panel.nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6a75a,#8f5f2b)} body[data-theme="light"] .menu .panel.nav{scrollbar-color:#9c7544 #eadcc8!important} /* v362 premium view performance: static mana glow, no repaint-heavy filter animation */ .premiumConsumeGlow{ animation:none!important; filter:none!important; box-shadow:0 0 14px rgba(88,213,188,.36),inset 0 0 10px rgba(180,255,238,.14)!important; } .premiumConsumeGlow:hover{ box-shadow:0 0 18px rgba(88,213,188,.48),inset 0 0 12px rgba(180,255,238,.18)!important; } /* v366 Premium buttons: low-paint polish, no animation/filter glow */ body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumInputRow button.btnCyanGreen{ position:relative!important; overflow:hidden!important; border-radius:6px!important; letter-spacing:.035em!important; text-transform:none!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.45)!important; filter:none!important; animation:none!important; text-shadow:none!important; transform:none!important; transition:border-color .12s linear, background-color .12s linear, color .12s linear!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.blue{ background:linear-gradient(180deg,#225996 0%,#173d74 48%,#0f2a52 100%)!important; color:#eaf6ff!important; border-color:#74baff!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.green, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumInputRow button.btnCyanGreen{ background:linear-gradient(180deg,#16816f 0%,#0c4d41 52%,#07342c 100%)!important; color:#e5fff8!important; border-color:#58d5bc!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.goldBtn, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeGlow, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeGlow:hover{ background:linear-gradient(180deg,#c58d25 0%,#9b7119 52%,#68490f 100%)!important; color:#170e04!important; border-color:#f0c35a!important; box-shadow:inset 0 1px 0 rgba(255,238,180,.32), inset 0 -1px 0 rgba(0,0,0,.45)!important; filter:none!important; animation:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton:hover, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumInputRow button.btnCyanGreen:hover{ border-color:#f4d681!important; filter:none!important; animation:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton:active, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumInputRow button.btnCyanGreen:active{ background-image:none!important; box-shadow:inset 0 2px 0 rgba(0,0,0,.42)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeStar, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeGlow .premiumConsumeStar{ color:var(--gold)!important; filter:none!important; animation:none!important; text-shadow:none!important; } /* v367 Premium buttons: ornate static glow, no animations or filters */ body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen{ position:relative!important; overflow:hidden!important; border-width:1px!important; border-radius:8px!important; letter-spacing:.055em!important; font-weight:900!important; text-transform:uppercase!important; background-clip:padding-box!important; transition:border-color .12s linear, box-shadow .12s linear, background-color .12s linear!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton::before, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen::before{ content:""; position:absolute; inset:1px; border-radius:6px; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,.035) 34%,rgba(0,0,0,.18) 64%,rgba(255,255,255,.12)); opacity:.72; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton::after, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen::after{ content:""; position:absolute; left:9%;right:9%;top:3px;height:1px; background:linear-gradient(90deg,transparent,rgba(255,244,208,.86),transparent); pointer-events:none; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.blue{ background:linear-gradient(180deg,#4f9def 0%,#275fbc 34%,#12346f 72%,#071a3d 100%)!important; color:#eaf6ff!important; border-color:#96d6ff!important; text-shadow:0 1px 0 #00182d,0 0 8px rgba(126,200,255,.55)!important; box-shadow:0 0 16px rgba(91,183,255,.36),0 0 32px rgba(91,183,255,.14),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -9px 18px rgba(0,0,0,.28)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.green, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen{ background:linear-gradient(180deg,#35d5bb 0%,#148b78 36%,#075247 74%,#032722 100%)!important; color:#e5fff8!important; border-color:#8dffe9!important; text-shadow:0 1px 0 #001f1a,0 0 8px rgba(88,213,188,.58)!important; box-shadow:0 0 16px rgba(88,213,188,.40),0 0 34px rgba(88,213,188,.14),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -9px 18px rgba(0,0,0,.30)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.goldBtn, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow:hover{ background:linear-gradient(180deg,#ffe29a 0%,#d8a238 31%,#8d5f16 70%,#3c2307 100%)!important; color:#170e04!important; border-color:#ffe29a!important; text-shadow:0 1px 0 rgba(255,239,184,.55),0 0 7px rgba(255,220,120,.46)!important; box-shadow:0 0 18px rgba(230,189,87,.46),0 0 38px rgba(230,189,87,.18),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -10px 18px rgba(0,0,0,.30)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton:hover, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen:hover{ border-color:#fff4cd!important; box-shadow:0 0 20px rgba(244,214,129,.38),0 0 42px rgba(244,214,129,.15),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -9px 18px rgba(0,0,0,.28)!important; filter:none!important; animation:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton:active, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen:active{ box-shadow:inset 0 2px 7px rgba(0,0,0,.58),0 0 12px rgba(230,189,87,.22)!important; transform:translateY(1px)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeStar, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow .premiumConsumeStar{ color:#ffe29a!important; text-shadow:0 0 7px rgba(230,189,87,.75),0 0 13px rgba(230,189,87,.34)!important; filter:none!important; animation:none!important; } /* v368 Premium button bulge polish: no top-line pseudo, static glow only */ body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton::after, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen::after{ display:none!important; content:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen{ border-radius:10px!important; border-width:1px!important; min-height:52px!important; padding-top:15px!important; padding-bottom:15px!important; position:relative!important; overflow:hidden!important; letter-spacing:.055em!important; font-weight:900!important; text-transform:uppercase!important; transform:none!important; filter:none!important; animation:none!important; transition:background .14s linear,border-color .14s linear,box-shadow .14s linear,color .14s linear!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton::before, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen::before{ content:""!important; display:block!important; position:absolute!important; inset:2px!important; border-radius:8px!important; pointer-events:none!important; background:radial-gradient(ellipse at 50% 12%,rgba(255,255,255,.30),rgba(255,255,255,.10) 32%,transparent 62%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 48%,rgba(0,0,0,.24))!important; opacity:.95!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.blue{ background:linear-gradient(180deg,#66b9ff 0%,#2e73d0 38%,#153e86 70%,#081e4b 100%)!important; color:#eaf6ff!important; border-color:#9fddff!important; text-shadow:0 1px 0 #00182d,0 0 7px rgba(126,200,255,.45)!important; box-shadow:0 3px 0 #06142b,0 0 14px rgba(91,183,255,.34),inset 0 2px 0 rgba(255,255,255,.34),inset 0 -13px 20px rgba(0,0,0,.35),inset 0 0 14px rgba(132,204,255,.18)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.blue:hover{ background:linear-gradient(180deg,#91d2ff 0%,#3f8bed 38%,#1c55b3 70%,#0b2e70 100%)!important; border-color:#d7f2ff!important; box-shadow:0 3px 0 #06142b,0 0 20px rgba(91,183,255,.46),inset 0 2px 0 rgba(255,255,255,.42),inset 0 -13px 20px rgba(0,0,0,.30),inset 0 0 18px rgba(132,204,255,.24)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.green, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow{ background:linear-gradient(180deg,#55e8cf 0%,#1aa08a 38%,#085b4e 72%,#032b25 100%)!important; color:#e5fff8!important; border-color:#9dffef!important; text-shadow:0 1px 0 #001f1a,0 0 7px rgba(88,213,188,.48)!important; box-shadow:0 3px 0 #021411,0 0 14px rgba(88,213,188,.36),inset 0 2px 0 rgba(255,255,255,.32),inset 0 -13px 20px rgba(0,0,0,.34),inset 0 0 14px rgba(133,255,233,.16)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.green:hover, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen:hover, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow:hover{ background:linear-gradient(180deg,#83fff0 0%,#22c4ab 38%,#0c7565 72%,#053d35 100%)!important; border-color:#d8fff8!important; color:#ffffff!important; box-shadow:0 3px 0 #021411,0 0 20px rgba(88,213,188,.50),inset 0 2px 0 rgba(255,255,255,.40),inset 0 -13px 20px rgba(0,0,0,.30),inset 0 0 18px rgba(133,255,233,.22)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.goldBtn{ background:linear-gradient(180deg,#ffe9aa 0%,#dfaa3d 36%,#956416 72%,#412607 100%)!important; color:#170e04!important; border-color:#ffe7a3!important; text-shadow:0 1px 0 rgba(255,239,184,.55),0 0 7px rgba(255,220,120,.42)!important; box-shadow:0 3px 0 #1f1203,0 0 15px rgba(230,189,87,.38),inset 0 2px 0 rgba(255,255,255,.38),inset 0 -13px 20px rgba(0,0,0,.34),inset 0 0 14px rgba(255,228,151,.18)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.goldBtn:hover{ background:linear-gradient(180deg,#fff2ca 0%,#f2c75d 36%,#bc8423 72%,#5d390d 100%)!important; border-color:#fff4d0!important; box-shadow:0 3px 0 #1f1203,0 0 21px rgba(230,189,87,.52),inset 0 2px 0 rgba(255,255,255,.46),inset 0 -13px 20px rgba(0,0,0,.30),inset 0 0 18px rgba(255,228,151,.25)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton:active, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen:active{ transform:translateY(1px)!important; box-shadow:inset 0 3px 10px rgba(0,0,0,.62),0 0 10px rgba(230,189,87,.18)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeStar, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow .premiumConsumeStar{ color:#ffe29a!important; text-shadow:0 0 6px rgba(230,189,87,.55)!important; filter:none!important; animation:none!important; } /* v373 mobile root-scroll repair: keep one document scrollbar and preserve desktop */ @media (max-width:900px){ html{ height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; scrollbar-color:#a6793d #100c08!important; } body{ height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:visible!important; scrollbar-color:#a6793d #100c08!important; } .wrap{ overflow:visible!important; height:auto!important; max-height:none!important; } html::-webkit-scrollbar{ width:10px!important; height:10px!important; } html::-webkit-scrollbar-track{ background:#100c08!important; border-left:1px solid #2c2117!important; } html::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#b48a4e,#6f4722)!important; border:1px solid #d6a75a!important; border-radius:2px!important; } html::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important; } } /* v374 mobile body-scroller repair: one explicit mobile scroll root, themed scrollbar */ @media (max-width:900px){ html{ height:100%!important; min-height:0!important; overflow:hidden!important; } body{ height:100%!important; min-height:0!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; scrollbar-color:#a6793d #100c08!important; } body::-webkit-scrollbar{ width:10px!important; height:10px!important; } body::-webkit-scrollbar-track{ background:#100c08!important; border-left:1px solid #2c2117!important; } body::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#b48a4e,#6f4722)!important; border:1px solid #d6a75a!important; border-radius:2px!important; } body::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important; } } /* v377 mobile Paths top-gap trim: keep desktop untouched */ @media (max-width:900px){ .menu .panel.nav{ padding-top:1px!important; } .menu .panel.nav > button:first-of-type{ margin-top:0!important; } } /* v380 Paths/left-column scroll behavior */ .menu .panel.nav{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; -webkit-overflow-scrolling:auto!important; } .menu .panel.nav::-webkit-scrollbar{ width:0!important; height:0!important; } .leftStack>.box:not(.collapsed).menu{ flex:0 0 auto!important; min-height:0!important; max-height:none!important; } .menu{ overflow:visible!important; } @media (min-width:901px){ .leftStack{ height:100%!important; max-height:100%!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:2px!important; align-self:stretch!important; scrollbar-color:#a6793d #100c08!important; scrollbar-width:thin!important; } .leftStack::-webkit-scrollbar{ width:10px!important; height:10px!important; } .leftStack::-webkit-scrollbar-track{ background:#100c08!important; border-left:1px solid #2c2117!important; } .leftStack::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#b48a4e,#6f4722)!important; border:1px solid #d6a75a!important; border-radius:2px!important; } .leftStack::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important; } .leftStack>.box, .leftStack>.box:not(.collapsed){ flex-shrink:0!important; } .menu .panel.nav{ display:flex!important; flex-direction:column!important; } .menu .panel.nav > .menuLogoutWrap{ margin-top:3px!important; } } @media (max-width:900px){ .menu .panel.nav{ overflow:visible!important; max-height:none!important; } } /* Battleground live-fight polish: reward banner and readable phase timing */ .bgFightBanner.reward{top:16%;font-size:44px;line-height:1.12;color:var(--gold);animation:bgBannerRewardFade 3.2s ease forwards;text-shadow:0 0 18px #000,0 0 14px rgba(230,189,87,.45)} .bgRewardLine{margin-top:10px;font-size:28px;letter-spacing:.06em;color:var(--gold)} .bgRewardSigils{color:#b31212;text-shadow:0 0 12px rgba(179,18,18,.65),0 0 18px #000} @keyframes bgBannerRewardFade{0%{opacity:0;transform:translateY(-8px) scale(.94)}18%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-6px) scale(1.04)}} /* v394 dragon defend hover/disabled polish */ .dragonChoices button:disabled.dragonChoiceLocked:not(.selected){ opacity:.35!important; filter:grayscale(1)!important; border-color:var(--gold)!important; color:var(--gold)!important; background:linear-gradient(180deg,#2b1b0e,#100805)!important; box-shadow:0 0 16px rgba(230,189,87,.18)!important; } .dragonChoices button.dragonChoiceLocked:not(:disabled):not(.selected){ border-color:#7a4e3d!important; color:#bca58a!important; background:linear-gradient(180deg,#201510,#0d0806)!important; } .focusDarkRed{color:#9b111e!important;font-weight:900;text-shadow:0 0 6px rgba(155,17,30,.45)} /* v418 light/win95 cleanup for accessories and help/settings surfaces */ body[data-theme="light"] .battlegroundIntro, body[data-theme="light"] .bloodTitheCard, body[data-theme="light"] .accessoryCard, body[data-theme="light"] .settingBox, body[data-theme="light"] .settingRow, body[data-theme="light"] .settingsTable, body[data-theme="light"] .settingsTable th, body[data-theme="light"] .settingsTable td, body[data-theme="light"] .helpTable, body[data-theme="light"] .helpTable th, body[data-theme="light"] .helpTable td{background:#fff8ec!important;color:#2b2118!important;border-color:#a88657!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="light"] .accessoryCard.equipped{border-color:#7a4d17!important;box-shadow:0 0 0 1px rgba(122,77,23,.24)!important} body[data-theme="light"] .bloodTitheCard h4, body[data-theme="light"] .accessoryCard h4, body[data-theme="light"] .settingBox h3, body[data-theme="light"] .settingsTable th, body[data-theme="light"] .helpTable th, body[data-theme="light"] .settingsNav button, body[data-theme="light"] .settingsNote, body[data-theme="light"] .settingsApply, body[data-theme="light"] .settingRow label, body[data-theme="light"] .settingRow small, body[data-theme="light"] .settingBox p{color:#2b2118!important;text-shadow:none!important;opacity:1!important} body[data-theme="light"] .settingsNav button.active{background:#ead8bd!important;color:#2b2118!important;border-left-color:#7a4d17!important} body[data-theme="light"] .settingsNav{border-right-color:#a88657!important} body[data-theme="light"] .settingsNav hr{border-top-color:#a88657!important} body[data-theme="light"] .settingInput, body[data-theme="light"] .settingSelect, body[data-theme="light"] .settingsContent select, body[data-theme="light"] .settingsContent input{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important} body[data-theme="win95"] .battlegroundIntro, body[data-theme="win95"] .bloodTitheCard, body[data-theme="win95"] .accessoryCard, body[data-theme="win95"] .settingBox, body[data-theme="win95"] .settingRow, body[data-theme="win95"] .settingsTable, body[data-theme="win95"] .settingsTable th, body[data-theme="win95"] .settingsTable td, body[data-theme="win95"] .helpTable, body[data-theme="win95"] .helpTable th, body[data-theme="win95"] .helpTable td{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .accessoryCard.equipped{border:2px solid!important;border-color:#404040 #fff #fff #404040!important;box-shadow:none!important} body[data-theme="win95"] .bloodTitheCard h4, body[data-theme="win95"] .accessoryCard h4, body[data-theme="win95"] .settingBox h3, body[data-theme="win95"] .settingsTable th, body[data-theme="win95"] .helpTable th, body[data-theme="win95"] .settingsNav button, body[data-theme="win95"] .settingsNote, body[data-theme="win95"] .settingsApply, body[data-theme="win95"] .settingRow label, body[data-theme="win95"] .settingRow small, body[data-theme="win95"] .settingBox p{color:#000!important;text-shadow:none!important;opacity:1!important} body[data-theme="win95"] .settingsNav button.active{background:#000080!important;color:#fff!important;border-left-color:#000080!important} body[data-theme="win95"] .settingsNav{border-right:2px solid #808080!important} body[data-theme="win95"] .settingsNav hr{border-top:2px solid #808080!important} body[data-theme="win95"] .settingInput, body[data-theme="win95"] .settingSelect, body[data-theme="win95"] .settingsContent select, body[data-theme="win95"] .settingsContent input{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important} /* v419 light/win95 battleground and blood tithe contrast fixes */ body[data-theme="light"] .battlegroundIntro, body[data-theme="light"] .bloodTitheIntro{ background:#fff0d8!important; color:#2b2118!important; border-color:#8f5836!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .battlegroundIntro h3, body[data-theme="light"] .bloodTitheIntro h3, body[data-theme="light"] .battlegroundIntro p, body[data-theme="light"] .bloodTitheIntro p, body[data-theme="light"] .bgCard p, body[data-theme="light"] .bgCard .muted, body[data-theme="light"] .bloodTitheCard p, body[data-theme="light"] .accessoryCard p{ color:#2b2118!important; text-shadow:none!important; opacity:1!important; } body[data-theme="light"] .bgResultNote{ display:inline-block!important; left:50%!important; right:auto!important; transform:translateX(-50%)!important; bottom:12px!important; padding:6px 12px!important; border:1px solid #8f5836!important; background:#fffdf7!important; color:#2b2118!important; font-weight:900!important; text-shadow:none!important; box-shadow:0 0 0 1px rgba(43,33,24,.08)!important; } body[data-theme="light"] .bgPlayerBar.targeted{ border-color:#7a4d17!important; box-shadow:0 0 0 3px #7a4d17,0 0 0 6px rgba(122,77,23,.22)!important; background:#ffe8bd!important; } body[data-theme="light"] .bgPlayerBar.targeted .bgPlayerName:before{ content:"TARGET: "; color:#7a4d17!important; font-weight:900!important; } body[data-theme="light"] .bgPlayerText{ color:#2b2118!important; text-shadow:none!important; } body[data-theme="light"] .bgPlayerSub{ color:#5b4b3b!important; } body[data-theme="light"] .bloodTitheCard, body[data-theme="light"] .accessoryCard{ background:#fff8ec!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; } body[data-theme="light"] .bloodTitheCard button, body[data-theme="light"] .accessoryCard button, body[data-theme="light"] .bgActionBtn{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; text-shadow:none!important; box-shadow:none!important; } body[data-theme="light"] .bloodTitheCard button:hover, body[data-theme="light"] .accessoryCard button:hover, body[data-theme="light"] .bgActionBtn:hover{ background:#ead8bd!important; color:#2b2118!important; border-color:#7a4d17!important; } body[data-theme="light"] .battlegroundWrap > h3.val{ color:#7a4d17!important; text-shadow:none!important; } body[data-theme="win95"] .battlegroundIntro, body[data-theme="win95"] .bloodTitheIntro{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .battlegroundIntro h3, body[data-theme="win95"] .bloodTitheIntro h3, body[data-theme="win95"] .battlegroundIntro p, body[data-theme="win95"] .bloodTitheIntro p, body[data-theme="win95"] .bgCard p, body[data-theme="win95"] .bgCard .muted, body[data-theme="win95"] .bloodTitheCard p, body[data-theme="win95"] .accessoryCard p{ color:#000!important; text-shadow:none!important; opacity:1!important; } body[data-theme="win95"] .bgResultNote{ display:inline-block!important; left:50%!important; right:auto!important; transform:translateX(-50%)!important; bottom:12px!important; padding:5px 10px!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; background:#c0c0c0!important; color:#000!important; font-weight:900!important; text-shadow:none!important; box-shadow:none!important; } body[data-theme="win95"] .bgPlayerBar.targeted{ border:2px solid!important; border-color:#000080!important; box-shadow:0 0 0 3px #000080!important; background:#fff!important; } body[data-theme="win95"] .bgPlayerBar.targeted .bgPlayerName:before{ content:"TARGET: "; color:#000080!important; font-weight:900!important; } body[data-theme="win95"] .bgPlayerText{ color:#000!important; text-shadow:none!important; } body[data-theme="win95"] .bgPlayerSub{ color:#000!important; } body[data-theme="win95"] .bloodTitheCard, body[data-theme="win95"] .accessoryCard{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; } body[data-theme="win95"] .bloodTitheCard button, body[data-theme="win95"] .accessoryCard button, body[data-theme="win95"] .bgActionBtn{ background:#d4d0c8!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; text-shadow:none!important; box-shadow:none!important; } body[data-theme="win95"] .bloodTitheCard button:hover, body[data-theme="win95"] .accessoryCard button:hover, body[data-theme="win95"] .bgActionBtn:hover{ background:#000080!important; color:#fff!important; border-color:#fff #404040 #404040 #fff!important; } body[data-theme="win95"] .battlegroundWrap > h3.val{ color:#000!important; text-shadow:none!important; } /* v421 battleground loadout, history, and weekly tournament */ .bgLoadoutPanel,.bgHistoryPanel,.bgTournamentPanel{border:1px solid #5c2727;background:linear-gradient(180deg,#12090a,#070405);box-shadow:inset 0 0 18px rgba(128,0,0,.14);padding:10px;border-radius:4px}.bgLoadoutPanel h4,.bgHistoryPanel h4,.bgTournamentPanel h4{margin:0 0 7px;color:#d24335;text-transform:uppercase;letter-spacing:.06em}.bgLoadoutGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:7px 0}.bgMiniStat{border:1px solid #2d3948;background:#07101b;padding:7px}.bgMiniStat b{display:block;color:var(--gold);font-size:15px}.bgPvpNotes{margin:7px 0 0;padding-left:17px;color:#aeb8c5}.bgPvpNotes li{margin:2px 0}.bgHistoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bgHistoryRow,.bgWinnerRow{display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding:6px 0;font-size:12px}.bgWinnerRow{grid-template-columns:1fr .9fr .8fr}.bgHistoryRow:first-child,.bgWinnerRow:first-child{border-top:0}.bgHistoryName{color:#e6bd57;font-weight:900}.bgTournamentTop{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);gap:12px}.bgTournamentQueue{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.bgBracketMini{border:1px solid #2d3948;background:#07101b;padding:8px;margin-top:8px}.bgBracketRound{margin-top:7px}.bgBracketRound b{color:var(--red)}.bgBracketMatch{font-size:12px;color:#aeb8c5;margin:2px 0}.bgCard .bgLoadoutPanel{margin:10px 0}.bgActionBtn.bgActionBracket{border-color:#9b111e;color:#ffd0d0;background:linear-gradient(180deg,#2a0d0d,#100506)} body[data-theme="light"] .bgLoadoutPanel,body[data-theme="light"] .bgHistoryPanel,body[data-theme="light"] .bgTournamentPanel,body[data-theme="light"] .bgMiniStat,body[data-theme="light"] .bgBracketMini{background:#fff6e5!important;color:#2b2118!important;border-color:#8f5836!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="light"] .bgLoadoutPanel *,body[data-theme="light"] .bgHistoryPanel *,body[data-theme="light"] .bgTournamentPanel *{text-shadow:none!important}body[data-theme="light"] .bgPvpNotes,body[data-theme="light"] .bgBracketMatch{color:#3d3024!important}body[data-theme="light"] .bgLoadoutPanel h4,body[data-theme="light"] .bgHistoryPanel h4,body[data-theme="light"] .bgTournamentPanel h4{color:#7b1d16!important}body[data-theme="light"] .bgMiniStat b,body[data-theme="light"] .bgHistoryName{color:#6b430f!important} body[data-theme="win95"] .bgLoadoutPanel,body[data-theme="win95"] .bgHistoryPanel,body[data-theme="win95"] .bgTournamentPanel,body[data-theme="win95"] .bgMiniStat,body[data-theme="win95"] .bgBracketMini{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="win95"] .bgLoadoutPanel *,body[data-theme="win95"] .bgHistoryPanel *,body[data-theme="win95"] .bgTournamentPanel *{text-shadow:none!important}body[data-theme="win95"] .bgPvpNotes,body[data-theme="win95"] .bgBracketMatch{color:#000!important}body[data-theme="win95"] .bgLoadoutPanel h4,body[data-theme="win95"] .bgHistoryPanel h4,body[data-theme="win95"] .bgTournamentPanel h4{color:#800000!important}body[data-theme="win95"] .bgMiniStat b,body[data-theme="win95"] .bgHistoryName{color:#000080!important} /* v421 battleground/admin/menu refinement */ .menu .nav .menuLogoutWrap{display:none!important} .bgTournamentPanel select{width:100%;background:#080d13;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit;margin:8px 0 10px;display:block} body[data-theme="light"] .bgTournamentPanel select{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .bgTournamentPanel select{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} /* v422 battleground oath fatigue */ .bgOathWarning{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;max-width:720px;text-align:center;color:#e6bd57;font-family:Georgia,serif;font-size:26px;font-weight:900;line-height:1.18;letter-spacing:.03em;text-shadow:0 0 12px #000,0 0 18px rgba(179,18,18,.70);pointer-events:none;animation:bgOathPulse 2.2s ease-in-out infinite}.bgOathWarning small{display:block;margin-top:6px;color:#b31212;font:700 12px Consolas,Monaco,monospace;letter-spacing:.10em;text-transform:uppercase}@keyframes bgOathPulse{0%,100%{opacity:.84;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.22)}}.bgTournamentActions{margin-top:10px}.bgTournamentActions button{width:100%}.bgTournamentPanel .bgLoadoutPanel{margin:10px 0} body[data-theme="light"] .bgOathWarning{color:#7b1d16!important;text-shadow:none!important;background:rgba(255,246,229,.86);border:1px solid #8f5836;padding:10px 14px}body[data-theme="light"] .bgOathWarning small{color:#7b1d16!important} body[data-theme="win95"] .bgOathWarning{color:#800000!important;text-shadow:none!important;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:10px 14px;font-family:Georgia,serif}body[data-theme="win95"] .bgOathWarning small{color:#800000!important} /* v423 battleground mode rows and compact histories */ .bgModeRow{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(230px,.7fr) minmax(230px,.7fr);gap:12px;align-items:stretch} .bgModeRow .bgCard,.bgModeRow .bgHistoryPanel{min-height:100%} .bgModeRow .bgHistoryPanel{overflow:hidden} .bgBloodmireResultWin{color:var(--green);font-weight:900} .bgBloodmireResultLoss{color:var(--red);font-weight:900} .bgBloodmireResultDraw{color:var(--gold);font-weight:900} .bgHistoryPanel.compact .bgHistoryRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;font-size:13px;line-height:1.28}.bgHistoryPanel.compact .bgHistoryRow span:nth-child(2){text-align:center}.bgHistoryPanel.compact .bgHistoryRow span:nth-child(3){text-align:right}.bgHistoryPanel.compact h4{font-size:14px} @media(max-width:1150px){.bgModeRow{grid-template-columns:1fr}.bgHistoryGrid{grid-template-columns:1fr}} body[data-theme="light"] .bgBloodmireResultWin{color:#1d6d2a!important}body[data-theme="light"] .bgBloodmireResultLoss{color:#8a1b13!important}body[data-theme="light"] .bgBloodmireResultDraw{color:#6b430f!important} body[data-theme="win95"] .bgBloodmireResultWin{color:#008000!important}body[data-theme="win95"] .bgBloodmireResultLoss{color:#800000!important}body[data-theme="win95"] .bgBloodmireResultDraw{color:#000080!important} /* v421 settings logout nav */ .settingsLogoutNav{display:block;width:100%;text-align:left;margin:8px 0;border:0;background:#111b25;color:var(--red);text-transform:uppercase;font-weight:900} .settingsLogoutNav:hover{background:#271217;color:#fff} body[data-theme="light"] .settingsLogoutNav{background:#fff6e5!important;color:#8b1e25!important;text-shadow:none!important} body[data-theme="win95"] .settingsLogoutNav{background:#c0c0c0!important;color:#800000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;text-shadow:none!important} /* v427 Immortal Dragon theme polish */ body[data-theme="light"] .dragonView,body[data-theme="win95"] .dragonView{ background:radial-gradient(circle at 46% 40%,rgba(0,0,0,.96) 0%,rgba(1,1,1,.91) 30%,rgba(18,12,10,.68) 52%,rgba(232,224,207,.80) 78%,rgba(246,240,226,.96) 100%)!important; color:#f6e3bd!important; } body[data-theme="light"] .dragonDamageFloat.defend,body[data-theme="win95"] .dragonDamageFloat.defend{color:#5bb7ff!important;text-shadow:0 0 7px rgba(91,183,255,.75),0 0 9px #000!important} body[data-theme="light"] .dragonDamageFloat.supplies,body[data-theme="win95"] .dragonDamageFloat.supplies{color:#9ad276!important;text-shadow:0 0 7px rgba(154,210,118,.75),0 0 9px #000!important} .dragonImage{backface-visibility:hidden;transform:translateZ(0);} /* v429 win95 header control alignment and glyphs */ body[data-theme="win95"] .title{position:relative!important;padding-right:28px!important} body[data-theme="win95"] .title:after{content:"-"!important;position:absolute!important;top:1px!important;right:2px!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:15px!important;height:13px!important;margin:0!important;box-sizing:border-box!important;color:#000!important;background:#c0c0c0!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;font-size:12px!important;font-weight:900!important;line-height:10px!important;text-shadow:none!important} body[data-theme="win95"] .box.collapsed>.title:after{content:"+"!important} /* v431 Win95 chat resize handle */ body[data-theme="win95"] .chatResize{ background:#c0c0c0!important; background-image:none!important; border-top:2px solid #fff!important; border-bottom:2px solid #404040!important; box-shadow:none!important; position:relative; } body[data-theme="win95"] .chatResize::after{ content:""; position:absolute; left:50%; top:50%; width:42px; height:1px; transform:translate(-50%,-50%); background:#404040; border-top:1px solid #808080; border-bottom:1px solid #fff; } /* v436 Dragon naming/health polish + Paths spacing */ .dragonImage{margin-left:40px!important;} .menu .panel.nav > .menuMana{padding-bottom:3px!important;margin-bottom:1px!important;} /* v449 left column scrolling + Town Square menu button */ @media (min-width:901px){ .leftCol{ overflow-y:auto!important; overflow-x:hidden!important; padding-right:2px!important; scrollbar-color:#a6793d #100c08!important; scrollbar-width:thin!important; } .leftCol::-webkit-scrollbar{width:10px!important;height:10px!important} .leftCol::-webkit-scrollbar-track{background:#100c08!important;border-left:1px solid #2c2117!important} .leftCol::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b48a4e,#6f4722)!important;border:1px solid #d6a75a!important;border-radius:2px!important} .leftCol::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important} .leftStack{ flex:0 0 auto!important; height:auto!important; max-height:none!important; overflow:visible!important; } } .townSquareBtn{ display:flex!important; align-items:center!important; gap:7px!important; padding-right:9px!important; } .townSquareBtn .townSquareLabel{ flex:1 1 auto!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .townSquareCount{ flex:0 0 auto!important; margin-left:auto!important; min-width:2ch!important; text-align:right!important; color:var(--gold)!important; font-size:14px!important; font-weight:900!important; } .townSquareEyeSvg{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; width:1.1em!important; height:1.1em!important; color:var(--blue)!important; } .townSquareEyeSvg svg{display:block!important;width:100%!important;height:100%!important} /* v468 Steam/Electron header gutter fix: do not let global scrollbar gutters reserve blank title space */ .title,.box,.name,.bar,button,.tabs,.tab,.row,.statBlock,.rankingCard,.questCard{scrollbar-gutter:auto!important} .zones,.content,.scrollArea,.chatLog,.log,.resourceLog,.invList,.gearSetInv,.gearSetSlots,.trainingContent,.profileContent,.marketMain,.onlineList,.plfRules,.gearAutoRules,.gearAutoMain,#view,#zones,#sidePanel,.menu .panel.nav{scrollbar-gutter:stable both-edges!important} body:not([data-theme="win95"]) .title{position:relative!important;display:block!important;overflow:hidden!important;padding-left:34px!important;padding-right:12px!important;background-clip:padding-box!important} body:not([data-theme="win95"]) .title:before{left:14px!important} /* Steam/Electron: Active Intel uses .side on the outer box. Do not reserve scrollbar gutters on the outer box/title. */ .box.side,.box.side>.title{scrollbar-gutter:auto!important;} /* Rankings collapsible category sections */ .rankingCategory{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,27,38,.72),rgba(5,10,16,.82));margin:0 0 14px;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)} .rankingCategory summary{cursor:pointer;user-select:none;list-style:none;background:linear-gradient(90deg,rgba(230,189,87,.22),rgba(91,183,255,.08));color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:8px 11px;border-bottom:1px solid rgba(52,70,90,.70)} .rankingCategory summary::-webkit-details-marker{display:none} .rankingCategory summary:before{content:"";color:#fff;text-shadow:0 0 5px rgba(255,255,255,.75)} .rankingCategory:not([open]) summary{border-bottom:0} .rankingCategory:not([open]) summary:before{content:""} .rankingCategoryBody{padding:12px} .rankingCategoryBody .rankingGrid{margin:0} .rankingCategoryCount{float:right;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none} .rankingsToolbar{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);background:rgba(8,14,22,.72);border-radius:4px}.rankingsToolbar .miniBtn{padding:5px 10px;font-size:12px}.rankingsToolbar .muted{font-size:12px} body[data-theme="light"] .rankingsToolbar{background:#fff3df!important;border-color:#a88657!important} body[data-theme="win95"] .rankingsToolbar{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important} body[data-theme="light"] .rankingCategory{background:#fff3df!important;border-color:#a88657!important} body[data-theme="win95"] .rankingCategory{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .rankingCategory summary{background:#000080!important;color:#fff!important;border-bottom:2px solid #404040!important} /* v480 rankings category headers use the same diamond collapse sigil as panel headers */ .rankingCategory summary{position:relative;padding-left:30px} body:not([data-theme="win95"]) .rankingCategory summary:before{ content:""!important; position:absolute!important; left:12px!important; top:50%!important; width:8px!important; height:8px!important; transform:translateY(-50%) rotate(45deg)!important; background:#c99d4d!important; border:1px solid #2a1708!important; box-shadow:0 0 0 2px rgba(230,189,87,.11),0 0 8px rgba(230,189,87,.18)!important; color:transparent!important; text-shadow:none!important; } body:not([data-theme="win95"]) .rankingCategory:not([open]) summary:before{ content:""!important; background:transparent!important; border-color:#c99d4d!important; box-shadow:0 0 0 2px rgba(230,189,87,.08)!important; } body[data-theme="light"] .rankingCategory summary:before{ background:#6e491c!important; border-color:#f5e4bf!important; box-shadow:0 0 0 2px rgba(88,56,18,.10)!important; } body[data-theme="light"] .rankingCategory:not([open]) summary:before{ background:transparent!important; border-color:#6e491c!important; } body[data-theme="win95"] .rankingCategory summary{padding-left:11px} body[data-theme="win95"] .rankingCategory summary:before{content:""!important;display:none!important} /* v481 notice scrollbar color: match Idlemoor scroll styling */ body:not([data-theme="win95"]) .news:not(.collapsed)>.newsLinks{ scrollbar-color:#a6793d #100c08!important; scrollbar-width:thin!important; } body:not([data-theme="win95"]) .news:not(.collapsed)>.newsLinks::-webkit-scrollbar{width:10px!important;height:10px!important} body:not([data-theme="win95"]) .news:not(.collapsed)>.newsLinks::-webkit-scrollbar-track{background:#100c08!important;border-left:1px solid #2c2117!important} body:not([data-theme="win95"]) .news:not(.collapsed)>.newsLinks::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b48a4e,#6f4722)!important;border:1px solid #d6a75a!important;border-radius:2px!important} body:not([data-theme="win95"]) .news:not(.collapsed)>.newsLinks::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important} body[data-theme="light"] .news:not(.collapsed)>.newsLinks{scrollbar-color:#9c7544 #eadcc8!important} body[data-theme="light"] .news:not(.collapsed)>.newsLinks::-webkit-scrollbar-track{background:#eadcc8!important;border-left:1px solid #c8ad8b!important} body[data-theme="light"] .news:not(.collapsed)>.newsLinks::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b98a52,#8a6136)!important;border:1px solid #d0a265!important} /* v484 mobile-only Immortal Dragon centering: desktop untouched */ @media (max-width:900px){ .dragonView{ align-items:center!important; } .dragonArtWrap{ transform:none!important; width:100%!important; align-self:center!important; display:flex!important; justify-content:center!important; align-items:center!important; overflow:visible!important; } .dragonArtWrap .dragonImage, .dragonArtWrap .dragonAscii{ margin-left:auto!important; margin-right:auto!important; } .dragonWard{ position:relative!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important; width:min(320px,90vw)!important; align-self:center!important; margin:8px auto 0!important; padding:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; } .dragonWardLabel{ width:100%!important; text-align:center!important; } .dragonBar{ width:100%!important; max-width:320px!important; } } /* v492 persistent battleground oath haze and unified dragon background */ .bgFight{ background:radial-gradient(circle at center,rgba(99,13,13,.12),rgba(0,0,0,.34) 58%)!important; } .bgFight::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background: radial-gradient(circle at 50% 14%,rgba(179,18,18,.20),rgba(179,18,18,.055) 26%,rgba(0,0,0,0) 56%), linear-gradient(180deg,rgba(65,8,8,.22),rgba(0,0,0,0) 44%); } .bgFight>.bgTeam,.bgFight>#bgFightBanner,.bgFight>.bgOathWarning,.bgFight>.bgResultNote{ position:relative; z-index:2; } .bgFight>.bgOathWarning{z-index:4;} body[data-theme="light"] .bgFight{ background:radial-gradient(circle at center,rgba(110,32,24,.14),rgba(232,216,187,.92) 62%),#e8d8bb!important; } body[data-theme="light"] .bgFight::before{ background: radial-gradient(circle at 50% 14%,rgba(110,32,24,.16),rgba(110,32,24,.045) 28%,rgba(0,0,0,0) 58%), linear-gradient(180deg,rgba(110,32,24,.10),rgba(0,0,0,0) 46%); } body[data-theme="win95"] .bgFight::before{ background: radial-gradient(circle at 50% 14%,rgba(128,0,0,.13),rgba(128,0,0,.035) 28%,rgba(0,0,0,0) 58%), linear-gradient(180deg,rgba(128,0,0,.08),rgba(0,0,0,0) 46%); } body[data-theme="light"] .dragonView,body[data-theme="win95"] .dragonView{ background:radial-gradient(circle at 46% 40%,rgba(74,46,11,.24),rgba(0,0,0,.88) 64%)!important; color:#f6e3bd!important; } .chatEveryone{color:var(--gold);font-weight:900;text-shadow:0 0 8px rgba(230,189,87,.75),0 0 14px rgba(230,189,87,.35)} .chat.everyoneFlash{animation:chatEveryoneFlash .72s ease-in-out 0s 2;border-color:var(--gold)!important} .chat.everyoneFlash:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:2px solid rgba(230,189,87,.95);box-shadow:inset 0 0 34px rgba(230,189,87,.46),0 0 24px rgba(230,189,87,.58);animation:chatEveryoneFlashOverlay .72s ease-in-out 0s 2} .chat.everyoneFlash>.chatResize,.chat.everyoneFlash>.tabs,.chat.everyoneFlash>.chatLog,.chat.everyoneFlash>.chatInput{position:relative;z-index:4} @keyframes chatEveryoneFlash{0%,100%{box-shadow:inset 0 0 0 rgba(230,189,87,0),0 0 0 rgba(230,189,87,0)}50%{box-shadow:inset 0 0 26px rgba(230,189,87,.58),0 0 24px rgba(230,189,87,.50);border-color:var(--gold)}} @keyframes chatEveryoneFlashOverlay{0%,100%{opacity:0}50%{opacity:1}} /* v500 quest/training/admin polish */ .questProgress div{background:linear-gradient(90deg,var(--purple),#b16cff)!important} body[data-theme="light"] .questProgress div{background:linear-gradient(90deg,var(--purple),#8d4ed8)!important;filter:none!important} body[data-theme="win95"] .questProgress div{background:#800080!important;filter:none!important} /* Pale Blessing / Blessed item presentation */ .rarity-blessed,.blessedText{color:#f6fff3!important;text-shadow:0 0 7px rgba(255,255,255,.92),0 0 16px rgba(210,255,220,.55)!important} .blessedAffixText{color:#f6fff3!important;font-weight:900;margin-left:6px;text-shadow:0 0 7px rgba(255,255,255,.92),0 0 16px rgba(210,255,220,.55)!important} .item.blessed,.equipCard.blessed,.gearSetSlot.blessed,.modalCard.blessed{border-color:#f6fff3!important;box-shadow:0 0 20px rgba(255,255,255,.36) inset,0 0 20px rgba(210,255,220,.28)!important} .invRow.blessed{border-left-color:#f6fff3!important}.invRow.blessed,.invRow.blessed b,.invRow.blessed .invRowName,.chatItem.blessed,.chatItem.rarity-blessed{color:#f6fff3!important;text-shadow:0 0 7px rgba(255,255,255,.85),0 0 15px rgba(210,255,220,.45)!important} .equipCard.blessed .equipName,.equipCard.blessed .equipIlvl,.equipCard.blessed .equipStab,.gearSetSlot.blessed .equipName,.gearSetSlot.blessed .equipIlvl,.gearSetSlot.blessed .equipStab{color:#f6fff3!important;text-shadow:0 0 7px rgba(255,255,255,.92),0 0 16px rgba(210,255,220,.55)!important} .paleBlessButton{width:100%;margin-top:8px;border-color:#f6fff3!important;color:#f6fff3!important;background:linear-gradient(180deg,#243028,#0b0f0c)!important;box-shadow:0 0 12px rgba(255,255,255,.24),0 0 18px rgba(210,255,220,.12)!important} .equippedProfile .equipmentBonusGrid{margin-top:12px!important;} /* v541 Combat log bottom clipping fix: allow the final log row to fully clear the panel border. */ .content.combatView #combatLogList{box-sizing:border-box!important;padding-bottom:18px!important;scroll-padding-bottom:18px!important;margin-bottom:0!important} .content.combatView #combatLogList .logLine:last-child{margin-bottom:10px!important} /* v546 enhancement hover/resource feedback + success flashes */ .enhancingTitle.enhanceTitleGlow{animation:enhanceTitleGlow .95s ease-out;text-shadow:0 0 8px currentColor,0 0 18px currentColor,0 0 28px currentColor} .enhancingTitle.enhanceTitleGoldGlow{animation:enhanceTitleGoldGlow .95s ease-out!important;color:var(--gold)!important;text-shadow:0 0 9px rgba(230,189,87,.95),0 0 22px rgba(230,189,87,.7),0 0 34px rgba(230,189,87,.38)!important} @keyframes enhanceTitleGlow{0%{filter:brightness(1);transform:scale(1)}22%{filter:brightness(1.9);transform:scale(1.018)}62%{filter:brightness(1.35)}100%{filter:brightness(1);transform:scale(1)}} @keyframes enhanceTitleGoldGlow{0%{filter:brightness(1);transform:scale(1)}22%{filter:brightness(2);transform:scale(1.018)}62%{filter:brightness(1.42)}100%{filter:brightness(1);transform:scale(1)}} button.compileButtonGoldFlash{animation:compileButtonGoldFlash .82s ease-out!important;border-color:var(--gold)!important;color:#160d02!important;background:linear-gradient(180deg,#f8dc8a,#e6bd57,#8b5b12)!important;box-shadow:0 0 18px rgba(230,189,87,.85),inset 0 0 12px rgba(255,255,255,.36)!important} @keyframes compileButtonGoldFlash{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.8);transform:scale(1.025)}55%{filter:brightness(1.35)}100%{filter:brightness(1);transform:scale(1)}} .costLine.bad{color:var(--red)!important;text-shadow:0 0 7px rgba(255,107,107,.45)} /* v23 dark fantasy visual pass */ :root{--bg:#0d0b08;--panel:#14100c;--panel2:#1b1510;--line:#5a4630;--blue:#d6a75a;--purple:#b987ff;--green:#9fbf73;--gold:#f0c35a;--red:#b3342b;--text:#d7cfbf;--muted:#8f8778;--black:#070504} body{background:radial-gradient(1200px 650px at 50% -10%,rgba(120,76,26,.18),transparent 55%),linear-gradient(180deg,#0d0b08,#15100b 48%,#090706);color:var(--text)} body:before{background-image:linear-gradient(rgba(214,167,90,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(214,167,90,.03) 1px,transparent 1px);background-size:38px 38px} .box{background:linear-gradient(180deg,rgba(28,21,15,.98),rgba(9,7,5,.98));border-color:var(--line);box-shadow:inset 0 0 0 1px #000,0 0 24px rgba(0,0,0,.65)} .title{background:#8a6332;color:#120c06;text-shadow:0 1px rgba(255,255,255,.25)} .name{border-color:#9b6b35;background:#120d09}.fill{background:#77624d}.hp .fill{background:#7fb069}#xpFill{background:#f0c35a}.tickbar .fill,#tickFill{background:#8b1111}.bar{border-color:#6c5840;background:#0a0806}.bar span{color:#fff3db}.zone,.activity,.item,.trainingCard,.profileCard,.metric,.statCell{background:#100c08;border-color:#5a4630}.zone.active,.activity.active{border-color:#b48a4e;background:linear-gradient(180deg,#2a1e10,#130d07)}button{background:#1d160f;color:#e4d7bf;border-color:#6c5840}button:hover{border-color:#d6a75a}.nav button{background:#15100b}.nav button.active,.tabs button.active,button.active{background:#3a2815;color:#f0c35a;border-color:#d6a75a}.invRow{background:#0c0906;border-left-color:#b987ff}.invRow:hover{background:#1a130d}.invGroupTitle{background:#120d08;color:#d6a75a}.modalCard{background:#211a14;border-color:#d6a75a;box-shadow:0 0 24px rgba(214,167,90,.35)}.craftingItemWrap{margin:0 auto 5px}.enhancingTitle{margin:2px 0 4px;font-size:18px}.craftTop{margin-bottom:2px}.craftBias{margin:6px 0}.implicitLine{margin:6px 0;padding:5px}.craftAffix{padding:6px}.craftAffixBtns button{padding:4px 6px}.craftAffixGrid{gap:6px}h4.muted{margin:5px 0}.content,.trainingContent,.profileContent,.invList,#view,#zones,#sidePanel,.chatLog{scrollbar-color:#a6793d #100c08;scrollbar-gutter:stable both-edges} /* v82 stable scrollbar gutters */ .zones,.content,.scrollArea,.chatLog,.log,.resourceLog,.invList,.gearSetInv,.gearSetSlots,.trainingContent,.profileContent,.marketMain,.onlineList,.plfRules,.gearAutoRules,.gearAutoMain,#view,#zones,#sidePanel{scrollbar-gutter:stable both-edges} /* v86 Idlemoor Light theme */ body[data-theme="light"]{--bg:#f3eadc;--panel:#fff8ec;--panel2:#eadcc8;--line:#9b7a50;--blue:#7a4d17;--purple:#6d4b8e;--green:#2f6b3f;--gold:#8b5e12;--red:#a5302d;--text:#2b2118;--muted:#67584a;--black:#f7efe4;background:linear-gradient(180deg,#f5eddf,#e7d7bf 45%,#f2e7d6);color:var(--text)} body[data-theme="light"]:before{background-image:linear-gradient(rgba(90,63,35,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,63,35,.055) 1px,transparent 1px)} body[data-theme="light"] .box{background:linear-gradient(180deg,rgba(255,248,236,.98),rgba(232,218,198,.98));border-color:#9b7a50;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 0 14px rgba(75,50,20,.16)} body[data-theme="light"] .title{background:#b9853e;color:#24170b}body[data-theme="light"] .title:before{color:#fff9ed;text-shadow:0 0 4px rgba(0,0,0,.35)} body[data-theme="light"] button{background:#efe1cd;color:#2b2118;border-color:#96764f}body[data-theme="light"] button:hover{border-color:#7a4d17;color:#111}body[data-theme="light"] button.active,body[data-theme="light"] .tabs button.active{background:#b9853e;color:#1e1308;border-color:#7a4d17} body[data-theme="light"] .nav button{background:#eadcc8;color:#2b2118}body[data-theme="light"] .nav button.active{background:#d2b486;color:#4e2f0c} body[data-theme="light"] .content,body[data-theme="light"] .scrollArea,body[data-theme="light"] .chatLog,body[data-theme="light"] .chatInput textarea,body[data-theme="light"] input,body[data-theme="light"] select,body[data-theme="light"] .settingInput,body[data-theme="light"] .settingSelect{background:#fff8ec;color:#2b2118;border-color:#96764f} body[data-theme="light"] .zone,body[data-theme="light"] .activity,body[data-theme="light"] .item,body[data-theme="light"] .trainingCard,body[data-theme="light"] .profileCard,body[data-theme="light"] .metric,body[data-theme="light"] .statCell,body[data-theme="light"] .settingBox,body[data-theme="light"] .settingRow{background:#fff3df;border-color:#a88657} body[data-theme="light"] .zone.active,body[data-theme="light"] .activity.active{background:linear-gradient(180deg,#dceccb,#f3eadc);border-color:#2f6b3f} body[data-theme="light"] .invRow{background:#fff8ec}body[data-theme="light"] .invRow:hover{background:#f0dfc7}body[data-theme="light"] .invGroupTitle{background:#ead8bd;color:#5f390d}body[data-theme="light"] .bar{background:#eadcc8;border-color:#96764f}body[data-theme="light"] .bar span{color:#1d1712;text-shadow:none} body[data-theme="light"] .modalCard{background:#fff8ec;color:#2b2118;border-color:#b9853e;box-shadow:0 0 24px rgba(85,55,20,.22)}body[data-theme="light"] .muted{color:#67584a} body[data-theme="light"] .success{background:#eaf6dc;border-color:#5f8a3e;color:#1f3217} body[data-theme="light"] .fail{background:#f4dfd9;border-color:#a84d43;color:#4a1812} body[data-theme="light"] .success .muted,body[data-theme="light"] .fail .muted{color:#5e4c3b} body[data-theme="light"] .premiumHero,body[data-theme="light"] .premiumCard,body[data-theme="light"] .premiumStatus,body[data-theme="light"] .marketPanel,body[data-theme="light"] .marketPanel.sell,body[data-theme="light"] .equipFilterBox,body[data-theme="light"] .equipFilterSection,body[data-theme="light"] .plfRule,body[data-theme="light"] .plfConfirmBox,body[data-theme="light"] .questActivePanel,body[data-theme="light"] .questFormulaPanel{background:#fff3df!important;color:#2b2118!important;border-color:#a88657!important;box-shadow:none!important} body[data-theme="light"] .premiumHero h2,body[data-theme="light"] .premiumCard h3,body[data-theme="light"] .marketPanel h3,body[data-theme="light"] .profileCard h3,body[data-theme="light"] .trainingCard h3{color:#6a410f!important} body[data-theme="light"] .premiumStatus.active{background:#e3f4e6!important;border-color:#357246!important;color:#174123!important} body[data-theme="light"] .premiumButton.blue{background:#d8e4ff!important;color:#1b2c55!important;border-color:#6d84bf!important} body[data-theme="light"] .premiumButton.green{background:#cdeedb!important;color:#173b22!important;border-color:#4a9862!important} body[data-theme="light"] .premiumButton.goldBtn{background:#f1d89d!important;color:#3b2607!important;border-color:#b9853e!important} body[data-theme="light"] .premiumBadges span{background:#fff7ea!important;color:#6a410f!important;border-color:#b9853e!important;text-shadow:none!important;box-shadow:none!important} body[data-theme="light"] .costBox,body[data-theme="light"] .craftAffix,body[data-theme="light"] .implicitLine,body[data-theme="light"] .resourceLog,body[data-theme="light"] .log{background:#fff8ec!important;color:#2b2118!important;border-color:#a88657!important} body[data-theme="light"] .equipCard,body[data-theme="light"] .equipCard.empty{background:linear-gradient(180deg,#fff8ec,#eadcc8)!important;color:#2b2118!important;border-color:#a88657!important;box-shadow:none!important} body[data-theme="light"] .equipSlot,body[data-theme="light"] .equipName,body[data-theme="light"] .equipIlvl,body[data-theme="light"] .equipStab{color:#2b2118!important} body[data-theme="light"] .bar .fill,body[data-theme="light"] .activity .progress div,body[data-theme="light"] .questProgress div{filter:saturate(.9)} body[data-theme="light"] .item.basic,body[data-theme="light"] .item.common,body[data-theme="light"] .item.uncommon,body[data-theme="light"] .item.rare,body[data-theme="light"] .item.epic{background:#fff8ec!important} body[data-theme="light"] .rankingCard{background:#fff3df!important;border-color:#a88657!important} body[data-theme="light"] .rankingName,body[data-theme="light"] .rankingRow.me .rankingName{color:#2b2118!important} body[data-theme="light"] .chatMsg,body[data-theme="light"] .logLine,body[data-theme="light"] .lossEntry{color:#2b2118} body[data-theme="light"] .lossEntry{background:#fff3df;border-color:#a84d43} body[data-theme="light"] .settingRow label{color:#2b2118} /* v88 gathering four-column layout + Idlemoor Light remaining dark panels */ body[data-theme="light"] .name{background:#fff8ec!important;color:#2b2118!important;border-color:#9b7a50!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important} body[data-theme="light"] .equipStab{background:#fff8ec!important;color:#2b2118!important;border-color:#9b7a50!important} body[data-theme="light"] .activity .progress{background:#efe1cd!important;border-color:#9b7a50!important} body[data-theme="light"] .activity .progress div{background:linear-gradient(90deg,#78b982,#6da7b8)!important;filter:none!important} body[data-theme="light"] .activity{background:#fff3df!important;color:#2b2118!important} body[data-theme="light"] .activity .val,body[data-theme="light"] .activity .gold,body[data-theme="light"] .activity .green{filter:none!important} /* v89 Windows 95 interface theme */ body[data-theme="win95"]{--bg:#008080;--panel:#c0c0c0;--panel2:#d4d0c8;--line:#808080;--blue:#000080;--purple:#000080;--green:#006000;--gold:#8a5a00;--red:#b00000;--text:#000;--muted:#555;--black:#fff;background:#008080!important;color:#000!important;font-family:"MS Sans Serif",Arial,sans-serif!important;font-size:15px!important} body[data-theme="win95"]:before{display:none!important} body[data-theme="win95"] .wrap{gap:7px!important;padding:7px!important;background:#008080!important} body[data-theme="win95"] .box{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .title{background:#000080!important;color:#fff!important;border:0!important;border-bottom:1px solid #000!important;border-radius:0!important;padding:3px 7px!important;font-weight:900!important;letter-spacing:0!important;text-shadow:none!important} body[data-theme="win95"] .title:before{color:#fff!important;text-shadow:none!important} body[data-theme="win95"] .title:after{content:"_";float:right;display:inline-flex;align-items:center;justify-content:center;width:15px;height:13px;margin-top:1px;color:#000;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;font-size:11px;line-height:10px} body[data-theme="win95"] .box.collapsed>.title:after{content:"+"} body[data-theme="win95"] .panel,body[data-theme="win95"] .content,body[data-theme="win95"] .scrollArea{background:#c0c0c0!important;color:#000!important} body[data-theme="win95"] button{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;padding:5px 10px!important;font-weight:700!important} body[data-theme="win95"] button:hover{color:#000!important;filter:brightness(1.03)} body[data-theme="win95"] button:active,body[data-theme="win95"] button.active,body[data-theme="win95"] .tabs button.active,body[data-theme="win95"] .nav button.active{background:#000080!important;color:#fff!important;border-color:#404040 #fff #fff #404040!important} body[data-theme="win95"] input,body[data-theme="win95"] textarea,body[data-theme="win95"] select,body[data-theme="win95"] .settingInput,body[data-theme="win95"] .settingSelect,body[data-theme="win95"] .marketInput,body[data-theme="win95"] .marketSelect,body[data-theme="win95"] .resourceSelect{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .name{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .bar,body[data-theme="win95"] .activity .progress,body[data-theme="win95"] .questProgress,body[data-theme="win95"] .profileProgress{background:#fff!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important} body[data-theme="win95"] .bar span{color:#000!important;text-shadow:none!important;font-weight:900!important} body[data-theme="win95"] .fill,body[data-theme="win95"] .hp .fill,body[data-theme="win95"] .tickbar .fill,body[data-theme="win95"] .activity .progress div,body[data-theme="win95"] .questProgress div,body[data-theme="win95"] .profileProgress div{background:#000080!important;filter:none!important} body[data-theme="win95"] .nav button{background:#c0c0c0!important;color:#000!important;text-transform:uppercase;margin:4px 0!important;text-align:left!important;border:0!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .nav button:before,body[data-theme="win95"] .newsLink:before{content:"> ";color:#000!important} body[data-theme="win95"] .menuMana,body[data-theme="win95"] .muted{color:#555!important} body[data-theme="win95"] .statBlock h3,body[data-theme="win95"] .profileCard h3,body[data-theme="win95"] .trainingCard h3,body[data-theme="win95"] .settingBox h3,body[data-theme="win95"] .rankingCard h3{color:#000080!important;border-color:#000080!important;text-shadow:none!important} body[data-theme="win95"] .val,body[data-theme="win95"] .purple{color:#000080!important}body[data-theme="win95"] .gold{color:#8a5a00!important}body[data-theme="win95"] .green{color:#006000!important}body[data-theme="win95"] .red{color:#b00000!important} body[data-theme="win95"] .zone,body[data-theme="win95"] .activity,body[data-theme="win95"] .item,body[data-theme="win95"] .equipCard,body[data-theme="win95"] .equipCard.empty,body[data-theme="win95"] .trainingCard,body[data-theme="win95"] .profileCard,body[data-theme="win95"] .metric,body[data-theme="win95"] .statCell,body[data-theme="win95"] .settingBox,body[data-theme="win95"] .settingRow,body[data-theme="win95"] .marketPanel,body[data-theme="win95"] .premiumHero,body[data-theme="win95"] .premiumCard,body[data-theme="win95"] .premiumStatus,body[data-theme="win95"] .rankingCard,body[data-theme="win95"] .questActivePanel,body[data-theme="win95"] .questFormulaPanel{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important} body[data-theme="win95"] .zone.active,body[data-theme="win95"] .activity.active,body[data-theme="win95"] .rankingRow.me{background:#d6d6d6!important;outline:2px solid #000080!important;border-color:#000080!important} body[data-theme="win95"] .success{background:#e0e0e0!important;color:#000!important;border:2px solid #008000!important;border-radius:0!important}body[data-theme="win95"] .fail{background:#e0e0e0!important;color:#000!important;border:2px solid #b00000!important;border-radius:0!important} body[data-theme="win95"] .tabs{background:#c0c0c0!important;border-color:#808080!important}body[data-theme="win95"] .tabs button{border-radius:0!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;background:#c0c0c0!important;color:#000080!important} body[data-theme="win95"] .chatLog{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important}body[data-theme="win95"] .chatInput{border-color:#808080!important;background:#c0c0c0!important} body[data-theme="win95"] .log,body[data-theme="win95"] .resourceLog,body[data-theme="win95"] .questFeed,body[data-theme="win95"] .settingsContent,body[data-theme="win95"] .trainingContent,body[data-theme="win95"] .marketMain,body[data-theme="win95"] .rankingsWrap,body[data-theme="win95"] .invList{background:#c0c0c0!important;color:#000!important;border-color:#808080!important} body[data-theme="win95"] .invGroupTitle,body[data-theme="win95"] .invHeader{background:#a8a8a8!important;color:#000!important;border-color:#808080!important}body[data-theme="win95"] .invRow{background:#fff!important;color:#000!important;border-left-color:#000080!important}body[data-theme="win95"] .invRow:hover{background:#e8e8e8!important} body[data-theme="win95"] .equipSlot,body[data-theme="win95"] .equipName,body[data-theme="win95"] .equipIlvl,body[data-theme="win95"] .equipStab,body[data-theme="win95"] .rankingName,body[data-theme="win95"] .rankingRow.me .rankingName{color:#000!important;background:transparent!important;text-shadow:none!important} body[data-theme="win95"] .equipStab{border:1px solid #808080!important;background:#c0c0c0!important} body[data-theme="win95"] .modalCard{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:6px 6px 0 rgba(0,0,0,.35)!important} body[data-theme="win95"] table,body[data-theme="win95"] .settingsTable,body[data-theme="win95"] .marketTable,body[data-theme="win95"] .orderTable{background:#c0c0c0!important;color:#000!important;border-color:#808080!important}body[data-theme="win95"] th,body[data-theme="win95"] td{border-color:#808080!important;color:#000!important} body[data-theme="win95"] ::-webkit-scrollbar{width:17px;height:17px}body[data-theme="win95"] ::-webkit-scrollbar-track{background:#c0c0c0}body[data-theme="win95"] ::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}body[data-theme="win95"] *{scrollbar-color:#c0c0c0 #e0e0e0} /* v33 auto-dismantle and combat log hover fixes */ .logDetailBtn,.logDetailBtn:visited{color:#5bb7ff!important;background:transparent!important;border:0!important;box-shadow:none!important} .logDetailBtn:hover{color:#7dd3ff!important;text-decoration:underline} .lootFilterModalCard{width:min(360px,92vw)!important} .autoDismantleOption{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #536273;padding:9px 10px;margin:8px 0;background:#171f2a} .autoDismantleOption label{display:flex;align-items:center;gap:8px;font-weight:900} .autoDismantleNote{border:1px dashed #536273;padding:9px 10px;margin:12px 0;color:var(--muted);font-size:13px;line-height:1.35} .autoDismantleActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px} .massDismantleModalCard{width:min(500px,92vw)!important} .massMaxRow{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid #536273;padding:9px 12px;margin:10px 0;color:var(--muted)} .massMaxRow input{background:#0a1017;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit;width:100%} .massDismantleOption{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #536273;padding:9px 12px;margin:10px 0;background:#171f2a;font-size:16px} .massDismantleOption input{margin-right:9px} .massDismantleActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px} .massDismantleConfirm{border-color:var(--green);color:var(--green)} /* v36 premium loot filter */ .plfModalCard{width:min(760px,94vw)!important;max-height:86vh;overflow:auto!important} .plfTop{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:12px} .plfRules{display:grid;gap:8px;margin-top:10px}.plfRule{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);background:#100c08;padding:10px;cursor:pointer}.plfRule.disabled{opacity:.45}.plfRule b{color:var(--blue)}.plfRule small{display:block;color:var(--muted);margin-top:3px}.plfRuleBtns{display:flex;gap:5px;align-items:center}.plfRuleBtns button{padding:4px 7px}.plfEditorGrid{display:grid;grid-template-columns:1fr 150px 140px;gap:8px;margin:8px 0}.plfEditorGrid input,.plfEditorGrid select,.plfCondRow input,.plfCondRow select{background:#0a0806;color:var(--text);border:1px solid var(--line);padding:8px;font:inherit;width:100%}.plfCondRow{display:grid;grid-template-columns:190px 1fr auto;gap:8px;margin:7px 0}.plfTabs{display:flex;gap:8px;margin-bottom:10px}.plfTabs button.active{color:var(--gold);border-color:var(--blue)}.plfConfirmGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin:12px 0}.plfCondRow{grid-template-columns:130px 1fr!important;align-items:start}.plfCondRow .danger{display:block;margin-top:6px}.plfCondFields{display:grid;gap:7px}.plfCondFields label{margin-top:4px}.plfChips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.plfChip{border:1px solid var(--line);background:#161f2a;padding:4px 8px}.plfChip button{border:0;background:transparent;color:var(--text);padding:0 0 0 5px}.plfConfirmBox{border:1px solid var(--line);padding:10px;background:#17120c}.plfConfirmBox b{display:block;font-size:22px;margin-top:5px}.plfConfirmNote{border-left:2px solid var(--line);background:#15110d;padding:9px;color:var(--muted)} /* v36 menu premium/mana/logout layout */ .menu .nav{height:calc(100% - 205px);display:flex;flex-direction:column} .menu .nav .menuLogoutWrap{margin-top:auto;border-top:1px solid var(--line);padding-top:8px;padding-bottom:4px} .menuMana{font-size:12px;color:var(--muted);padding:0 10px 5px 22px;line-height:1.2} .menuMana b{color:var(--gold);font-weight:900} /* v28 inventory/training refinements */ .mainGrid{height:calc(100% - 29px);min-height:0} .content{min-height:0} .content.inventoryView{overflow:hidden;padding:10px;min-height:0} .invLayout{height:100%;min-height:0} .invLayout>div{min-height:0;display:flex;flex-direction:column} .invList{flex:1;height:auto;min-height:0;overflow:auto} .invPanelActions{display:grid;grid-template-columns:auto auto auto;grid-template-areas:'loot select mass';gap:8px;align-items:stretch;justify-content:end}.invPanelActions #lootFilterBtn{grid-area:loot}.invPanelActions #selectDismantleBtn{grid-area:select}.invPanelActions #massDismantleHeaderBtn{grid-area:mass}.selectDismantleActive{border-color:var(--red)!important;color:var(--red)!important;box-shadow:0 0 12px rgba(255,70,70,.65),inset 0 0 14px rgba(255,70,70,.15)!important;animation:selectDismantlePulse 1.1s ease-in-out infinite alternate}.invRow.selectDismantlePick{cursor:crosshair}.invRow.selectedDismantleItem{outline:2px solid var(--red);outline-offset:-2px;box-shadow:inset 0 0 18px rgba(255,70,70,.34),0 0 10px rgba(255,70,70,.35);background:linear-gradient(90deg,rgba(120,15,15,.42),rgba(6,10,15,.98))}.selectedDismantleConfirmCard{width:min(620px,92vw)!important}.selectedDismantleList{max-height:42vh;overflow:auto;border:1px solid #53323a;background:#13090b;margin:10px 0;padding:6px}.selectedDismantleLine{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.06);padding:6px 4px}.selectedDismantleLine:last-child{border-bottom:0}.selectedDismantleLine small{color:var(--muted);white-space:nowrap}@keyframes selectDismantlePulse{from{filter:brightness(1)}to{filter:brightness(1.32)}} .invGroupTitle{cursor:pointer} .invGroupTitle .collapsedLabel{float:right;color:var(--muted);font-style:italic;text-transform:none} .costBox{transition:border-color .08s ease, box-shadow .08s ease} .costBox.preview{border-color:var(--gold);box-shadow:0 0 10px rgba(240,195,90,.18)} .combatModalCard{width:min(900px,94vw);max-height:82vh;overflow:auto}.combatStatsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 14px}.combatStatsGrid .statCell{display:flex;justify-content:space-between}.roundTable{width:100%;border-collapse:collapse}.roundTable th,.roundTable td{border-bottom:1px solid #334252;padding:6px 8px;text-align:left;vertical-align:top}.roundTable th{color:var(--muted);text-transform:uppercase}.logDetailBtn{border:0!important;background:transparent!important;color:#5bb7ff!important;padding:0 4px;font-weight:900}.logDetailBtn:hover{color:#7dd3ff!important;text-decoration:underline}.detailToggle{float:right;font-size:13px;color:var(--blue);font-weight:400}.combatTools{float:right;display:flex;align-items:center;gap:8px}.combatTools button{padding:4px 8px}.lossEntry{border-left:3px solid #b95568;margin:10px 0;padding:10px 12px;background:rgba(255,255,255,.035);border-bottom:1px solid #3a3a3a}.lossTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lossStreak{background:#b95568;color:#18080b;font-weight:900;padding:4px 8px}.lossEnemy{color:var(--blue);font-weight:900;font-size:18px}.lossMetric{color:#c8c0ba;font-style:italic;margin:8px 0 0 0}.lossIndex{color:#77808d;font-weight:900}.gearSwitchEntry{border-left:3px solid var(--blue);background:linear-gradient(90deg,rgba(91,183,255,.10),rgba(0,0,0,.08));padding:10px 12px;margin:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.gearSwitchTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gearSwitchIdx{color:#6f7b8a;font-weight:900}.gearSwitchSet{background:var(--blue);color:#06101b;font-weight:900;padding:3px 8px}.gearSwitchWhen{color:var(--muted)}.gearSwitchReason{font-weight:900;color:#c8c0d0;margin:8px 0 4px}.gearSwitchMeta{color:#b6bfd0}.roundTable{font-size:14px}.roundTable td{line-height:1.25}.roundSub{display:block;color:var(--muted);font-size:12px;margin:2px 0 3px;text-transform:uppercase;letter-spacing:.04em}.roundAux td{border-bottom-color:rgba(51,66,82,.55);padding-top:3px;padding-bottom:4px}.roundAuxLabel{color:#8a95a3;font-size:12px;font-weight:900;letter-spacing:.03em}.roundAux.postRow .roundAuxLabel,.roundAux.barrierRow .roundAuxLabel{font-size:10.5px;color:#707a86;opacity:.82}.combatPart{display:block;margin:1px 0}.roundAux.postRow .combatPart,.roundAux.barrierRow .combatPart{font-size:12.5px;opacity:.82}.combatPart.good,.combatPart.goodHeal{color:#9ad276}.combatPart.goodDmg,.combatPart.badDmg,.combatPart.bad{color:#ff7686}.combatPart.miss{color:#b5bcc8}.combatPart.barrier{color:#f4f4f4}.combatPart.result{color:#b8c0cf;text-align:right}.combatPart.post{margin-top:0}body[data-theme="light"] .combatPart.good,body[data-theme="light"] .combatPart.goodHeal{color:#1f6f2f!important}body[data-theme="light"] .combatPart.goodDmg,body[data-theme="light"] .combatPart.badDmg,body[data-theme="light"] .combatPart.bad{color:#8b1e25!important}body[data-theme="light"] .combatPart.barrier{color:#000!important}body[data-theme="light"] .combatPart.miss,body[data-theme="light"] .combatPart.post,body[data-theme="light"] .combatPart.result,body[data-theme="light"] .roundAuxLabel{color:#000!important}body[data-theme="win95"] .combatPart.miss,body[data-theme="win95"] .combatPart.post,body[data-theme="win95"] .combatPart.barrier,body[data-theme="win95"] .combatPart.result,body[data-theme="win95"] .roundAuxLabel{color:#000!important}body[data-theme="win95"] .combatPart.good,body[data-theme="win95"] .combatPart.goodHeal{color:#0b5f16!important}body[data-theme="win95"] .combatPart.goodDmg,body[data-theme="win95"] .combatPart.badDmg,body[data-theme="win95"] .combatPart.bad{color:#8b0000!important}body[data-theme="light"] .gearSwitchEntry{background:#fff8ec;border-color:#6d97b7}body[data-theme="light"] .gearSwitchReason{color:#2b2118} .marketWrap{display:grid;grid-template-columns:170px 1fr;height:100%;gap:16px}.marketNav button{display:block;width:100%;text-align:left;margin:8px 0;border:0;background:#111b25;text-transform:uppercase;font-weight:900}.marketNav button.active{background:#1b2a36;color:var(--blue);border-left:2px solid var(--blue)}.marketMain{overflow:auto;padding-right:8px}.marketTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.marketSelect,.marketInput{background:#080d13;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}.marketPanels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.marketPanel{background:rgba(154,210,118,.05);border:1px solid #233242;padding:14px}.marketPanel.sell{background:rgba(230,189,87,.06)}.marketPanel h3{margin:0 0 10px;color:var(--green);border-bottom:1px solid #4c5d39;padding-bottom:8px}.marketPanel.sell h3{color:var(--gold);border-color:#665737}.marketPanel label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;margin-top:10px}.marketPanel input{width:100%;margin-top:4px}.marketButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.orderGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.orderTable,.marketTable{width:100%;border-collapse:collapse}.orderTable th,.orderTable td,.marketTable th,.marketTable td{border-bottom:1px solid #233242;padding:7px;text-align:left}.orderTable th,.marketTable th{color:var(--muted);text-transform:uppercase}.equipFilters{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;border:1px solid #3d4f62;padding:10px;margin-bottom:10px}.marketItemRow{cursor:pointer}.marketItemRow:hover{background:#102031}.marketActivityLine{background:rgba(255,255,255,.025);padding:10px;margin-bottom:6px}.marketToast{position:fixed;right:20px;bottom:72px;z-index:50;background:#272c35;border:1px solid var(--green);padding:12px 18px;box-shadow:0 0 16px rgba(0,0,0,.5)} .newsLink{cursor:pointer}.newsLink:hover{color:var(--gold)} .infoModalCard{width:min(720px,92vw);max-height:78vh;overflow:auto;background:#211a14;border:2px solid var(--blue);box-shadow:0 0 24px rgba(214,167,90,.35)}.onlineModalCard{width:min(360px,92vw)}.onlineSearch{width:100%;background:#07101b;color:#dce7f7;border:1px solid var(--blue);padding:9px;font:inherit;margin:8px 0}.onlineList{max-height:430px;overflow:auto}.onlineRow{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid #263547}.onlineBadge{font-size:12px;color:#a7f070;border:1px solid #3d9b2f;background:#153513;border-radius:3px;padding:2px 6px}.rulesList{margin:10px 0 0 20px;padding:0}.rulesList li{margin:0 0 16px 0;padding-left:8px}.btnEnhance{border-color:var(--blue)!important;color:var(--blue)!important}.btnEnhance:hover{background:#102333!important;color:#fff!important}.btnDismantle{border-color:var(--red)!important;color:var(--red)!important}.btnDismantle:disabled{opacity:.35;cursor:not-allowed;color:var(--muted)!important;border-color:#536273!important;background:#111820!important}.btnDismantle:hover{background:#351112!important;color:#fff!important} /* v48 marketplace equipment refinement */ .stats .row b{margin-right:44px} .equipMarketSearch{border:1px solid #4c5a68;background:rgba(6,12,18,.72);padding:10px;margin-bottom:8px} .equipSearchTop{display:grid;grid-template-columns:42px 112px 54px 112px 76px 170px 78px 170px 76px 170px;gap:6px;align-items:end;margin-bottom:8px} .equipSearchSecond{display:grid;grid-template-columns:50px 150px 78px 130px 84px 220px;gap:6px;align-items:end} .rangePair{display:grid;grid-template-columns:1fr 20px 1fr;gap:6px;align-items:center}.rangePair span{text-align:center;color:var(--muted)} .equipMarketSearch label{color:var(--muted);font-size:13px}.equipMarketSearch .marketInput,.equipMarketSearch .marketSelect{width:100%;height:34px;padding:6px 8px} .equipFilterSection{border:1px solid #3d4f62;border-top:0;padding:8px 10px;background:rgba(5,10,16,.35)} .equipFilterRow{display:grid;grid-template-columns:minmax(260px,1fr) 112px 112px;gap:6px;margin:5px 0} .equipResultControls{display:flex;align-items:center;gap:8px;margin:10px 0}.equipResultControls .spacer{flex:1} .marketTable.equipmentResults th:nth-child(1){width:32%}.marketTable.equipmentResults th:nth-child(2){width:13%}.marketTable.equipmentResults th:nth-child(3){width:11%}.marketTable.equipmentResults th:nth-child(4){width:11%}.marketTable.equipmentResults th:nth-child(5){width:13%}.marketTable.equipmentResults th:nth-child(6){width:14%}.marketTable.equipmentResults th:nth-child(7){width:6%} .marketTable.equipmentResults tr.marketItemRow:nth-child(even){background:rgba(255,255,255,.025)}.marketTable.equipmentResults tr.marketItemRow:hover{background:rgba(91,183,255,.12)} /* v50 floating gain pair positioning + marketplace equipment compact filters */ .stats .row b{min-width:0!important;text-align:right!important;margin-right:86px!important;position:relative;display:inline-block} .floatGain{left:calc(100% + 6px)!important} .floatGain.levelGain{left:calc(100% + 6px)!important} .equipMarketSearch{padding:8px 10px!important} .equipSearchTop{display:flex!important;align-items:end!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:8px!important} .equipSearchSecond{display:flex!important;align-items:end!important;gap:6px!important;flex-wrap:wrap!important} .equipMarketSearch label{margin-right:2px!important;white-space:nowrap!important;font-size:12px!important;color:var(--muted)!important} .equipMarketSearch .marketInput,.equipMarketSearch .marketSelect{height:32px!important;padding:5px 7px!important;width:auto!important} .marketSelect.slotSelect{width:104px!important}.marketSelect.raritySelect{width:112px!important}.marketSelect.signatureSelect{width:210px!important} .marketInput.tinyInput{width:76px!important}.marketInput.smallInput{width:92px!important}.marketInput.medInput{width:126px!important} .rangePair{display:inline-grid!important;grid-template-columns:82px 14px 82px!important;gap:4px!important;align-items:center!important}.rangePair .marketInput{width:82px!important}.rangePair span{text-align:center!important} .equipFilterSection{padding:7px 10px!important} .equipFilterRow{display:flex!important;align-items:center!important;gap:6px!important;margin:5px 0!important} .equipFilterRow .affixSelect{width:230px!important;max-width:230px!important} .equipFilterRow .bonusSelect{width:220px!important;max-width:220px!important} .equipFilterRow .marketInput{width:100px!important} .equipFilterRow .marketInput.hiddenParam{display:none!important} .equipResultControls .marketSelect{width:auto!important} /* v57 left-column section stacking + resizable chat */ :root{--chatH:228px} .wrap{grid-template-rows:auto minmax(0,1fr) var(--chatH)!important} .leftStack{grid-column:1;grid-row:2 / span 2;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:visible} .leftStack>.box{width:100%;flex:0 0 auto} .leftStack>.box:not(.collapsed).menu{flex:0 1 auto;min-height:0} .leftStack>.box.collapsed{flex:0 0 auto} .menu{grid-column:auto!important;grid-row:auto!important;position:relative!important} .contractsBox{grid-column:auto!important;grid-row:auto!important} .contractsBox .panel{padding:10px} .main,.chat{min-height:0} .main{overflow:hidden} .chat{position:relative;display:flex;flex-direction:column;min-height:130px} .chatResize{height:8px;flex:0 0 8px;cursor:ns-resize;border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent 0,rgba(230,189,87,.55) 45%,rgba(230,189,87,.9) 50%,rgba(230,189,87,.55) 55%,transparent 100%)} .chat .tabs{flex:0 0 auto} .chatLog{height:auto!important;flex:1 1 auto;min-height:62px} .chatInput{flex:0 0 auto} /* v59 top snap + inventory whole-section scrolling */ .wrap{grid-template-rows:auto minmax(0,1fr) var(--chatH)!important} .user:not(.collapsed),.stats:not(.collapsed),.news:not(.collapsed){height:205px} .user.collapsed,.stats.collapsed,.news.collapsed{height:auto!important} .content.inventoryView{overflow:auto!important} .content.inventoryView .invLayout{height:auto!important;min-height:100%!important} .content.inventoryView .invCol:first-child{overflow:visible!important;padding-right:0!important} .content.inventoryView .equipCards{overflow:visible!important} /* v60 final overrides: independent snapping and inventory scroll restoration */ .wrap{display:grid!important;grid-template-columns:285px minmax(0,1fr) 290px!important;grid-template-rows:none!important;height:100vh!important;gap:10px!important;padding:4px!important} .layoutCol{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;height:100%!important} .leftCol{grid-column:1}.centerCol{grid-column:2}.rightCol{grid-column:3} .user,.stats,.news{grid-column:auto!important;grid-row:auto!important;flex:0 0 205px!important;height:auto!important} .user.collapsed,.stats.collapsed,.news.collapsed{flex:0 0 auto!important;height:auto!important} .leftStack{grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;overflow:visible!important} .main{grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} .chat{grid-column:auto!important;grid-row:auto!important;flex:0 0 var(--chatH)!important;min-height:130px!important} .side{grid-column:auto!important;grid-row:auto!important;flex:1 1 auto!important;min-height:0!important} .menu .nav{height:auto!important;min-height:0!important} .content.inventoryView{overflow:hidden!important;padding:10px!important;min-height:0!important} .content.inventoryView .invLayout{height:100%!important;min-height:0!important;overflow:hidden!important} .content.inventoryView .invLayout>div{min-height:0!important;display:flex!important;flex-direction:column!important} .content.inventoryView .invCol:first-child{overflow:auto!important;padding-right:4px!important} .content.inventoryView .invCol:last-child{overflow:hidden!important} .content.inventoryView .equipCards{overflow:visible!important} .content.inventoryView .invList{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:auto!important} /* v61 collapse width/flex fixes */ .layoutCol > .box, .leftStack > .box { width:100% !important; align-self:stretch !important; min-width:0 !important; } .layoutCol > .box.collapsed, .leftStack > .box.collapsed, .side.collapsed, .menu.collapsed, .contractsBox.collapsed, .main.collapsed, .user.collapsed, .stats.collapsed, .news.collapsed { flex:0 0 auto !important; height:auto !important; min-height:0 !important; width:100% !important; align-self:stretch !important; } .box.collapsed > .title { width:100% !important; display:block !important; } .box.collapsed > :not(.title) { display:none !important; } .rightCol > .side.collapsed { flex:0 0 auto !important; } /* v63 chat defaults, smooth scrolling, profile polish */ .profileShell{grid-template-columns:170px minmax(0,1fr)!important;gap:16px!important;height:100%!important;min-height:0!important}.profileContent{overflow:auto!important;min-height:0!important;padding-right:8px!important}.profileOverviewGrid{display:grid;grid-template-columns:minmax(360px,0.9fr) minmax(420px,1.1fr);gap:18px;align-items:start}.profileLeft,.profileRight{min-width:0}.profileHero h1{font-size:32px;margin:10px 0 4px;color:var(--text);letter-spacing:.04em}.profilePremium{margin-top:10px;background:rgba(255,255,255,.035);border-radius:4px;padding:12px}.skillGrid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.skillBox{background:rgba(255,255,255,.035);padding:14px;text-align:center;border-radius:4px}.skillBox span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.skillBox b{font-size:27px}.equippedProfile .equipMini{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profileStatBox{border:1px solid var(--line);background:rgba(0,0,0,.18);padding:10px;margin-top:12px}.profileStatBox h4{margin:0 0 8px;color:var(--muted);border-bottom:1px solid rgba(214,167,90,.25);padding-bottom:6px}.profileBonusRow{display:flex;justify-content:space-between;gap:10px;line-height:1.45}.profileBonusRow b{color:var(--purple);font-weight:900}.achievementBig{font-size:18px;margin:12px 0}.achievementBig b{font-size:32px}.profileProgress{height:8px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden;margin:10px 0 14px}.profileProgress div{height:100%;background:var(--green)}.achievementTier b{font-size:24px}@media(max-width:1100px){.profileOverviewGrid{grid-template-columns:1fr}.skillGrid{grid-template-columns:repeat(2,minmax(120px,1fr))}} /* v64 requested layout/bonus fixes */ .premiumMenuStar{color:var(--gold);font-weight:900;text-shadow:0 0 7px rgba(230,189,87,.55)} #view.trainingView{overflow:hidden!important;padding:0!important} .trainingShell{min-height:0!important} .trainingNav{display:flex!important;flex-direction:column!important;min-height:0!important} .trainingReset{margin-top:auto!important;color:var(--red)!important} .trainingContent{min-height:0!important;height:100%!important} .profileNav button.activityTab{display:none!important} .profileTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start} .profileWide{grid-column:1 / -1} .profileCompact .metricGrid{grid-template-columns:1fr!important} .profileCompact .metric{display:flex;justify-content:space-between;gap:12px;align-items:center} .profileCompact .metric b{font-size:18px!important} .bonusModal{width:min(460px,92vw)!important} .bonusSection{border:1px solid #536273;background:#0b1118;margin-top:12px;padding:10px} .bonusSection h4{margin:0 0 8px;color:var(--muted);text-transform:uppercase;font-size:13px;border-bottom:1px solid #34465a;padding-bottom:6px} .bonusLine{display:grid;grid-template-columns:1fr auto;gap:12px;padding:2px 0} .bonusLine b{color:var(--purple)} .bonusLine.resource b{color:var(--blue)} @media(max-width:1100px){.profileTwoCol{grid-template-columns:1fr}} .questGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.questCard{border:1px solid var(--line);background:rgba(11,18,25,.82);padding:14px;border-radius:4px}.questCard.active{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.questCard.claimed{opacity:.55;border-color:var(--gold)}.questHead{display:flex;gap:12px;align-items:flex-start}.questIcon{font-size:24px;background:#16212b;border-radius:4px;padding:4px 8px}.questName{font-size:18px;font-weight:900}.questTier{text-transform:uppercase;color:var(--muted);font-size:12px}.questMeta{color:var(--muted);font-size:13px}.questProgress{height:8px;background:#303842;border-radius:4px;overflow:hidden;margin:10px 0 3px}.questProgress div{height:100%;background:var(--green)}.questRewards{color:var(--green);line-height:1.6}.questActions button{width:100%;margin-top:10px}.contractsBox .title{content:none} /* v67 single daily pilgrimage watch selector */ .questRewards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.questRewardBox{border:1px solid #273645;background:#071019;padding:7px}.questRewardBox span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.questRewardBox b{font-size:16px}.questBoardTop{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.questActivePanel,.questFormulaPanel{border:1px solid var(--line);background:#100c08;padding:14px}.questActiveTitle{font-size:20px;font-weight:900;color:var(--blue)}.questFeed{display:grid;gap:6px;margin-top:10px;max-height:190px;overflow:auto}.questFeedLine{border-left:3px solid var(--blue);background:#0b0805;padding:7px 9px}.questFeedLine b{color:var(--gold)}.questPillRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.questPill{border:1px solid var(--line);background:#070504;border-radius:999px;padding:4px 8px;font-size:12px;color:var(--muted)}.questMiniFeed{margin-top:6px;color:var(--green);font-size:12px}.questProgress{height:10px;background:#241a10;border-radius:4px;overflow:hidden;margin:10px 0 3px}.questProgress div{height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.questActions button{width:100%;margin-top:10px}.questChoiceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px}.questChoice{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;background:#120d08;border:1px solid var(--line);padding:11px;border-radius:4px}.questChoice b{color:var(--gold);font-size:15px}.questChoice span,.questChoice em{color:var(--muted);font-style:normal;font-size:12px}.questChoice strong{grid-row:1 / span 2;align-self:center;color:var(--blue);font-size:12px}.questChoice.active{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue);background:#1b130b}.questChoice.complete{opacity:.55;border-color:var(--gold)}.questTrackGrid{display:grid;gap:8px;margin-top:10px}.questTrack{border:1px solid #3d2d1d;background:#0b0805;padding:7px}.questTrack span{color:var(--muted)}.questTrack b{float:right;color:var(--gold)}@media(max-width:1100px){.questBoardTop{grid-template-columns:1fr}} /* v70 locked affix controls + quest feed scroll preservation */ .craftAffix.lockedAffix{opacity:.58;filter:grayscale(1);border-color:#4a4a4a!important} .craftAffix.lockedAffix .craftAffixTitle{color:#8f8f8f!important} .craftAffix.lockedAffix .muted{color:#777!important} .craftAffix.lockedAffix button:disabled{border-color:#555!important;color:#777!important;background:#151515!important;cursor:not-allowed!important} /* v46 Idlemoor settings menu */ .settingsShell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;height:100%;min-height:0;overflow:hidden}.settingsNav{border-right:1px solid var(--line);padding:14px 10px;min-height:0}.settingsNav button{display:block;width:100%;text-align:left;margin:6px 0;border:0;background:transparent;color:var(--text);text-transform:uppercase;font-weight:900}.settingsNav button.active{background:#1b130b;color:var(--blue);border-left:3px solid var(--blue)}.settingsNav hr{border:0;border-top:1px solid var(--line);margin:14px 0}.settingsContent{overflow:auto;min-height:0;padding:14px}.settingBox{border:1px solid var(--line);background:rgba(7,13,20,.58);padding:12px;margin-bottom:12px}.settingBox h3{margin:0;color:var(--blue);font-size:15px;text-transform:uppercase}.settingBox p{margin:2px 0 10px;color:var(--muted);font-size:13px}.settingRow{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,240px) minmax(150px,230px);gap:10px;align-items:center;border:1px solid #34465a;background:#070d14;padding:9px 10px;margin:8px 0}.settingRow.single{grid-template-columns:1fr auto}.settingRow label{color:#c4ccd8;text-transform:uppercase}.settingRow small{display:block;color:var(--muted);text-transform:none;margin-top:3px}.settingInput,.settingSelect{width:100%;background:#070d14;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}.settingCheck{width:16px;height:16px;justify-self:end}.settingsTable{width:100%;border-collapse:collapse}.settingsTable th,.settingsTable td{border:1px solid #34465a;padding:8px;text-align:left}.settingsTable th{color:var(--muted);text-transform:uppercase}.settingsCrestIcon{font-size:18px}.settingsNote{color:var(--muted);font-size:14px;margin-top:10px}.settingsApply{color:var(--muted);text-transform:uppercase;margin-top:12px}.settingsButtonRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.settingsContent select,.settingsContent input{background:#070d14;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit}body[data-chat-font="90"] .chatLog,body[data-chat-font="90"] .chatInput textarea{font-size:90%}body[data-chat-font="100"] .chatLog,body[data-chat-font="100"] .chatInput textarea{font-size:100%}body[data-chat-font="110"] .chatLog,body[data-chat-font="110"] .chatInput textarea{font-size:110%}body[data-chat-font="120"] .chatLog,body[data-chat-font="120"] .chatInput textarea{font-size:120%}body[data-chat-font="130"] .chatLog,body[data-chat-font="130"] .chatInput textarea{font-size:130%}body[data-high-contrast="strong"] .muted{color:#a8b3c3}body[data-high-contrast="strong"] .box,body[data-high-contrast="strong"] .settingBox,body[data-high-contrast="strong"] .settingRow{border-color:#7b8798}@media(max-width:900px){.settingsShell{grid-template-columns:1fr}.settingsNav{border-right:0;border-bottom:1px solid var(--line)}.settingRow{grid-template-columns:1fr}.settingCheck{justify-self:start}} /* v50 Rankings */ .rankingsWrap{height:100%;overflow:auto;padding:12px}.rankingGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.rankingCard{border:1px solid #34465a;background:linear-gradient(180deg,#0c141d,#05090f);padding:12px;min-height:320px}.rankingCard h3{margin:0 0 8px;color:var(--blue);border-bottom:1px solid #34465a;padding-bottom:7px;text-transform:uppercase;font-size:15px}.rankingRows{display:grid;gap:2px}.rankingRow{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border-bottom:1px solid rgba(52,70,90,.35)}.rankingRow.me{background:rgba(91,183,255,.10);outline:1px solid rgba(91,183,255,.18)}.rankingRank{color:var(--muted);font-weight:900}.rankingRank.r1{color:var(--gold)}.rankingRank.r2{color:#c7d2de}.rankingRank.r3{color:#d98a3c}.rankingName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb8c5}.rankingRow.me .rankingName{color:#dce7f7;font-weight:900}.rankingValue{color:var(--blue);font-weight:900}.rankingContextBreak{color:var(--muted);font-size:12px;text-align:center;padding:6px 0;border-bottom:1px solid rgba(52,70,90,.35);letter-spacing:.08em}.rankingSectionTitle{margin:20px 0 10px;color:var(--gold);font-size:18px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:6px}.rankingEmpty{color:var(--muted);padding:10px} /* v90 Windows 95 contrast and light-panel cleanup */ body[data-theme="win95"] .name, body[data-theme="win95"] .name *{background:#fff!important;color:#000!important;text-shadow:none!important} body[data-theme="win95"] .bar span{color:#fff!important;text-shadow:1px 1px #000!important;font-weight:900!important} body[data-theme="win95"] .tickbar span{color:#fff!important;text-shadow:1px 1px #000!important} body[data-theme="win95"] .costBox, body[data-theme="win95"] .questRewardBox, body[data-theme="win95"] .questChoice, body[data-theme="win95"] .questChoice.active, body[data-theme="win95"] .questTrack, body[data-theme="win95"] .questFeedLine, body[data-theme="win95"] .questPill, body[data-theme="win95"] .premiumBadges span, body[data-theme="win95"] .premiumDivider, body[data-theme="win95"] .plfRule, body[data-theme="win95"] .plfConfirmBox, body[data-theme="win95"] .autoDismantleBox, body[data-theme="win95"] .trainingLockedLine, body[data-theme="win95"] .gearSetUnlock, body[data-theme="win95"] .premiumInputRow input, body[data-theme="win95"] .premiumNote{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .costBox, body[data-theme="win95"] .questRewardBox, body[data-theme="win95"] .questFeedLine, body[data-theme="win95"] .questTrack{background:#d4d0c8!important} body[data-theme="win95"] .questPill, body[data-theme="win95"] .premiumBadges span{display:inline-flex;align-items:center;color:#000!important;padding:4px 9px!important} body[data-theme="win95"] .questActivePanel p, body[data-theme="win95"] .questFormulaPanel p, body[data-theme="win95"] .questActivePanel span, body[data-theme="win95"] .questFormulaPanel span, body[data-theme="win95"] .questActivePanel em, body[data-theme="win95"] .questFormulaPanel em, body[data-theme="win95"] .questChoice span, body[data-theme="win95"] .questChoice em, body[data-theme="win95"] .questMeta, body[data-theme="win95"] .questTier, body[data-theme="win95"] .questPill, body[data-theme="win95"] .questFeedLine, body[data-theme="win95"] .premiumHero p, body[data-theme="win95"] .premiumCard p, body[data-theme="win95"] .premiumNote, body[data-theme="win95"] .settingBox p, body[data-theme="win95"] .settingRow label, body[data-theme="win95"] .settingRow span, body[data-theme="win95"] .settingRow div, body[data-theme="win95"] .settingsTable td, body[data-theme="win95"] .settingsTable th{color:#000!important;text-shadow:none!important;opacity:1!important} body[data-theme="win95"] .settingBox h3, body[data-theme="win95"] .settingBox p, body[data-theme="win95"] .settingsContent, body[data-theme="win95"] .settingsContent *:not(select):not(option):not(input):not(textarea):not(button){text-shadow:none!important;opacity:1!important} body[data-theme="win95"] .costBox .muted, body[data-theme="win95"] .questRewardBox span, body[data-theme="win95"] .questTrack span, body[data-theme="win95"] .premiumStatus .muted, body[data-theme="win95"] .premiumCard .muted, body[data-theme="win95"] .premiumHero .muted{color:#404040!important} body[data-theme="win95"] .premiumStatus.active{background:#d4d0c8!important;color:#000!important;border-color:#fff #404040 #404040 #fff!important} body[data-theme="win95"] .premiumButton.blue, body[data-theme="win95"] .premiumButton.green, body[data-theme="win95"] .premiumButton.goldBtn{background:#c0c0c0!important;color:#000!important;border-color:#fff #404040 #404040 #fff!important} body[data-theme="win95"] .premiumButton:hover{color:#000!important} body[data-theme="win95"] .questProgress{background:#fff!important;border-color:#404040 #fff #fff #404040!important} body[data-theme="win95"] .questProgress div{background:#000080!important} body[data-theme="win95"] .questResetCountdown, body[data-theme="win95"] .questActiveTitle, body[data-theme="win95"] .questName, body[data-theme="win95"] .questFormulaPanel b, body[data-theme="win95"] .questActivePanel b{color:#000080!important;text-shadow:none!important} body[data-theme="win95"] .questMiniFeed{color:#006000!important} body[data-theme="win95"] .item.basic,body[data-theme="win95"] .item.common,body[data-theme="win95"] .item.uncommon,body[data-theme="win95"] .item.rare,body[data-theme="win95"] .item.epic, body[data-theme="win95"] .invRow.basic,body[data-theme="win95"] .invRow.common,body[data-theme="win95"] .invRow.uncommon,body[data-theme="win95"] .invRow.rare,body[data-theme="win95"] .invRow.epic{background:#fff!important;color:#000!important;box-shadow:none!important} body[data-theme="win95"] .item.basic *,body[data-theme="win95"] .invRow.basic *{color:#404040!important} body[data-theme="win95"] .item.common *,body[data-theme="win95"] .invRow.common *{color:#000!important} body[data-theme="win95"] .item.uncommon *,body[data-theme="win95"] .invRow.uncommon *{color:#006000!important} body[data-theme="win95"] .item.rare *,body[data-theme="win95"] .invRow.rare *{color:#000080!important} body[data-theme="win95"] .item.epic *,body[data-theme="win95"] .invRow.epic *{color:#600080!important} body[data-theme="win95"] .invRow .reqBadge, body[data-theme="win95"] .invRow button, body[data-theme="win95"] .item button{color:#000!important} body[data-theme="win95"] .equipCard.basic .equipName,body[data-theme="win95"] .equipCard.common .equipName,body[data-theme="win95"] .equipCard.uncommon .equipName,body[data-theme="win95"] .equipCard.rare .equipName,body[data-theme="win95"] .equipCard.epic .equipName{color:#000080!important} body[data-theme="win95"] .equipStab{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important} body[data-theme="win95"] .modalCard .itemDetailName, body[data-theme="win95"] .modalCard .itemDetailAffix, body[data-theme="win95"] .modalCard .itemMetaLine{color:#000!important;text-shadow:none!important} body[data-theme="win95"] .resourceLog, body[data-theme="win95"] .log, body[data-theme="win95"] .questFeed, body[data-theme="win95"] .trainingContent, body[data-theme="win95"] .settingsContent, body[data-theme="win95"] .marketMain, body[data-theme="win95"] .profileContent{background:#c0c0c0!important;color:#000!important} body[data-theme="win95"] .activity .progress, body[data-theme="win95"] .bar{background:#fff!important} body[data-theme="win95"] .activity .progress div, body[data-theme="win95"] .fill{background:#000080!important} /* v252 visual identity pass: reduce cyber-terminal similarity while preserving layout/function */ :root{ --idleFrame:#6a5234; --idleFrameSoft:#3d2d1c; --idleSurface:#120d09; --idleSurface2:#1a120c; --idleGlow:rgba(240,195,90,.13); } body{ background: radial-gradient(circle at 20% 12%,rgba(119,81,38,.18),transparent 26%), radial-gradient(circle at 82% 78%,rgba(58,38,22,.20),transparent 30%), linear-gradient(180deg,#0a0806 0%,#120d09 48%,#080604 100%)!important; font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important; letter-spacing:.005em; } body:before{ background-image: radial-gradient(circle at 15% 20%,rgba(240,195,90,.035) 0 1px,transparent 1px), radial-gradient(circle at 70% 65%,rgba(255,255,255,.025) 0 1px,transparent 1px), linear-gradient(135deg,rgba(255,255,255,.018),transparent 46%,rgba(0,0,0,.06)); background-size:64px 64px,92px 92px,100% 100%; opacity:.75; } .wrap{grid-template-columns:300px minmax(0,1fr) 275px!important;gap:12px!important;padding:7px!important} .box{ background:linear-gradient(180deg,rgba(25,18,12,.98),rgba(9,7,5,.99))!important; border:1px solid var(--idleFrame)!important; border-radius:7px!important; box-shadow:inset 0 0 0 1px rgba(255,232,176,.05),inset 0 9px 24px rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.42)!important; } .title{ position:relative; background:linear-gradient(180deg,#9b7138,#6d4a24)!important; color:#160e06!important; padding:6px 11px 6px 28px!important; font-weight:900!important; letter-spacing:.075em!important; text-shadow:0 1px rgba(255,226,160,.35)!important; border-bottom:1px solid rgba(255,221,155,.22)!important; } .title:before{ content:"◆"!important; position:absolute; left:10px; top:50%; transform:translateY(-52%); color:#261306!important; text-shadow:0 1px rgba(255,230,170,.45)!important; font-size:10px!important; } .box.collapsed>.title:before{content:"◇"!important;color:#261306!important;text-shadow:0 1px rgba(255,230,170,.45)!important} .statBlock h3,.profileCard h3,.trainingCard h3,.marketPanel h3{ color:var(--gold)!important; border-bottom:1px solid rgba(240,195,90,.38)!important; letter-spacing:.065em!important; } button,.nav button,.tabs button{ border-radius:5px!important; background:linear-gradient(180deg,#1d1711,#100b07)!important; border:1px solid #6c5840!important; color:#e2d7c2!important; box-shadow:inset 0 1px rgba(255,255,255,.04)!important; } button:hover,.nav button:hover,.tabs button:hover{border-color:var(--gold)!important;color:#fff1cf!important} button.active,.nav button.active,.tabs button.active{ background:linear-gradient(180deg,#3b2a18,#20150c)!important; color:#f0c35a!important; border-color:#d1a24f!important; box-shadow:inset 3px 0 0 #f0c35a!important; } .nav button{font-size:17px!important;margin:6px 0!important;padding:9px 11px!important} .tabs{gap:4px;padding:6px 8px 0;border-bottom:1px solid rgba(240,195,90,.30)!important;background:rgba(12,8,5,.35)} .tabs button{border-bottom:0!important;padding:7px 13px!important;font-size:16px!important;text-transform:none!important} .chatInput{border-top:1px solid rgba(240,195,90,.30)!important} .chatInput textarea,.chatLog,.log,.resourceLog,.roundTable,.lossEntry,.gearSwitchEntry{font-family:"Courier New",Consolas,monospace!important} .name,.bar,.tickbar .bar,.activity .progress,.zone,.activity,.item,.profileCard,.trainingCard,.marketPanel,.settingBox,.metric,.statCell{ border-radius:6px!important; } .name{border-color:#9c7544!important;background:rgba(7,5,3,.62)!important;color:#eadcc6!important} .zone,.activity,.item,.profileCard,.trainingCard,.marketPanel,.settingBox,.metric,.statCell{ background:linear-gradient(180deg,rgba(27,20,14,.96),rgba(12,9,6,.98))!important; border-color:#5e4930!important; } .zone.active,.activity.active{ background:linear-gradient(180deg,rgba(22,58,34,.94),rgba(8,24,14,.98))!important; border-color:#9ad276!important; box-shadow:inset 0 0 0 1px rgba(154,210,118,.12),0 0 12px rgba(154,210,118,.10)!important; } .success{background:linear-gradient(180deg,#0d341f,#082014)!important;border-color:#8bbf68!important;border-radius:6px!important} .fail{background:linear-gradient(180deg,#371017,#1c080c)!important;border-color:#b65a62!important;border-radius:6px!important} .chatLog,.chatInput textarea,.content,.scrollArea,input,select,.settingInput,.settingSelect{ background:rgba(8,6,4,.92)!important; color:#d7cfbf!important; border-color:#5e4930!important; } /* Light theme version of the same identity pass */ body[data-theme="light"]{ background:radial-gradient(circle at 20% 12%,rgba(180,126,54,.16),transparent 28%),linear-gradient(180deg,#f4ead9,#dfcbae 52%,#f1e3cf)!important; font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important; } body[data-theme="light"]:before{ background-image:radial-gradient(circle at 15% 20%,rgba(86,54,21,.06) 0 1px,transparent 1px),radial-gradient(circle at 72% 66%,rgba(86,54,21,.045) 0 1px,transparent 1px)!important; background-size:62px 62px,96px 96px!important; } body[data-theme="light"] .box{background:linear-gradient(180deg,#fff9ed,#eadbc3)!important;border-color:#a77b42!important;border-radius:7px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 8px 20px rgba(84,55,22,.14)!important} body[data-theme="light"] .title{background:linear-gradient(180deg,#c9954c,#a56f2f)!important;color:#24170b!important;border-bottom-color:#8b5e2a!important;text-shadow:0 1px rgba(255,241,205,.55)!important} body[data-theme="light"] .title:before,body[data-theme="light"] .box.collapsed>.title:before{color:#3b2607!important;text-shadow:0 1px rgba(255,241,205,.55)!important} body[data-theme="light"] button,body[data-theme="light"] .nav button,body[data-theme="light"] .tabs button{background:linear-gradient(180deg,#fff5e4,#e9d4b5)!important;color:#2b2118!important;border-color:#9c7544!important;box-shadow:none!important} body[data-theme="light"] button.active,body[data-theme="light"] .nav button.active,body[data-theme="light"] .tabs button.active{background:linear-gradient(180deg,#ead0a4,#d2ad71)!important;color:#3b2607!important;border-color:#7a4d17!important;box-shadow:inset 3px 0 0 #7a4d17!important} body[data-theme="light"] .zone,body[data-theme="light"] .activity,body[data-theme="light"] .item,body[data-theme="light"] .profileCard,body[data-theme="light"] .trainingCard,body[data-theme="light"] .marketPanel,body[data-theme="light"] .settingBox,body[data-theme="light"] .metric,body[data-theme="light"] .statCell{background:linear-gradient(180deg,#fff8ec,#f0dfc7)!important;border-color:#a88657!important} body[data-theme="light"] .chatLog,body[data-theme="light"] .chatInput textarea,body[data-theme="light"] .content,body[data-theme="light"] .scrollArea,body[data-theme="light"] input,body[data-theme="light"] select,body[data-theme="light"] .settingInput,body[data-theme="light"] .settingSelect{background:#fffaf1!important;color:#2b2118!important;border-color:#a88657!important} body[data-theme="light"] .tabs{background:rgba(189,139,70,.12)!important;border-bottom-color:#a88657!important} /* Windows 95 keeps its theme, but loses copied bracket/terminal details */ body[data-theme="win95"]{font-family:"MS Sans Serif",Tahoma,"Segoe UI",sans-serif!important;background:#008080!important} body[data-theme="win95"]:before{display:none!important} body[data-theme="win95"] .wrap{gap:8px!important;padding:6px!important} body[data-theme="win95"] .box{border-radius:0!important;box-shadow:none!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;background:#c0c0c0!important;color:#000!important} body[data-theme="win95"] .title{border-radius:0!important;background:linear-gradient(90deg,#000080,#1084d0)!important;color:#fff!important;text-shadow:none!important;padding:4px 8px 4px 24px!important;border-bottom:0!important;letter-spacing:0!important} body[data-theme="win95"] .title:before{content:"■"!important;color:#fff!important;text-shadow:none!important;font-size:8px!important;left:9px!important} body[data-theme="win95"] .box.collapsed>.title:before{content:"□"!important;color:#fff!important;text-shadow:none!important} body[data-theme="win95"] button,body[data-theme="win95"] .nav button,body[data-theme="win95"] .tabs button{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] button.active,body[data-theme="win95"] .nav button.active,body[data-theme="win95"] .tabs button.active{background:#000080!important;color:#fff!important;border-color:#404040 #fff #fff #404040!important;box-shadow:none!important} body[data-theme="win95"] .tabs{gap:2px;padding:4px 4px 0;background:#c0c0c0!important;border-bottom:2px solid #808080!important} body[data-theme="win95"] .tabs button{font-size:14px!important;padding:4px 10px!important} /* v254: smaller text + distinct Idlemoor header system */ body{font-size:14px!important;line-height:1.32!important} button{font-size:13px!important;padding:5px 8px!important} .name{font-size:16px!important;padding:5px 7px!important} .bar{height:18px!important}.bar span{font-size:11px!important}.tickbar{height:18px!important} .statBlock h3{font-size:12px!important}.row{font-size:13px!important;margin:4px 0!important} .nav button{font-size:15px!important;padding:7px 10px!important} .zone h3,.activity h3,.trainingCard h3,.profileCard h3{font-size:15px!important}.zone,.activity,.trainingCard,.profileCard,.item{font-size:13px!important} .tabs button{font-size:14px!important;padding:5px 10px!important}.chatMsg,.logLine,.chatInput textarea{font-size:13px!important} .townCrierTitle{font-size:22px!important}.townCrierBody{font-size:16px!important} body:not([data-theme="win95"]) .title{position:relative!important;min-height:27px!important;padding:5px 12px 5px 34px!important;display:flex!important;align-items:center!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(255,230,166,.16),transparent 12%,transparent 88%,rgba(74,39,12,.28)),linear-gradient(180deg,#3a2714,#2a1a0d 48%,#15100a)!important;color:#f1d69a!important;border-bottom:1px solid #8c6533!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.75),inset 0 1px 0 rgba(255,232,173,.11)!important;text-shadow:0 1px 0 #000!important;letter-spacing:.055em!important;font-size:12px!important;line-height:1!important} body:not([data-theme="win95"]) .title:before{content:""!important;position:absolute!important;left:12px!important;top:50%!important;width:8px!important;height:8px!important;transform:translateY(-50%) rotate(45deg)!important;background:#c99d4d!important;border:1px solid #2a1708!important;box-shadow:0 0 0 2px rgba(230,189,87,.11),0 0 8px rgba(230,189,87,.18)!important} body:not([data-theme="win95"]) .box.collapsed>.title:before{background:transparent!important;border-color:#c99d4d!important;box-shadow:0 0 0 2px rgba(230,189,87,.08)!important} body:not([data-theme="win95"]) .title:after{content:""!important;position:absolute!important;left:24px!important;right:10px!important;bottom:4px!important;height:1px!important;background:linear-gradient(90deg,rgba(230,189,87,.0),rgba(230,189,87,.42),rgba(230,189,87,.0))!important;pointer-events:none!important} body:not([data-theme="win95"]) .panel{padding:10px!important}body:not([data-theme="win95"]) .box{border-radius:7px!important} body:not([data-theme="win95"]) .nav button:before,body:not([data-theme="win95"]) .newsLink:before{content:""!important;display:none!important} body:not([data-theme="win95"]) .newsLinks p,body:not([data-theme="win95"]) .newsLinks .val{font-size:13px!important;padding:4px 7px!important} body:not([data-theme="win95"]) .grid4{gap:8px!important}.stats .row b{margin-right:26px!important} body:not([data-theme="win95"]) .success,body:not([data-theme="win95"]) .fail{padding:11px!important}.combatResult{min-height:140px!important} body:not([data-theme="win95"]) .combatResult h3{font-size:16px!important;margin:0 0 8px!important} body[data-theme="light"] .title{background:linear-gradient(90deg,rgba(95,57,13,.08),transparent 16%,transparent 84%,rgba(95,57,13,.10)),linear-gradient(180deg,#d7bc88,#c39a5e 50%,#a77838)!important;color:#2a1a0b!important;border-bottom-color:#7d5727!important;text-shadow:0 1px rgba(255,246,222,.5)!important} body[data-theme="light"] .title:before{background:#6e491c!important;border-color:#f5e4bf!important;box-shadow:0 0 0 2px rgba(88,56,18,.10)!important} body[data-theme="light"] .title:after{background:linear-gradient(90deg,rgba(68,42,13,0),rgba(68,42,13,.35),rgba(68,42,13,0))!important} body[data-theme="win95"]{font-size:14px!important}body[data-theme="win95"] .title{padding:3px 24px 3px 7px!important;min-height:20px!important;font-size:12px!important;line-height:14px!important}body[data-theme="win95"] .title:before{content:""!important;display:none!important}body[data-theme="win95"] .nav button:before,body[data-theme="win95"] .newsLink:before{content:""!important;display:none!important}body[data-theme="win95"] button{font-size:12px!important;padding:4px 8px!important}body[data-theme="win95"] .tabs button{font-size:12px!important;padding:4px 8px!important}body[data-theme="win95"] .nav button{font-size:13px!important;padding:5px 6px!important} /* v256 requested visual/button/modal refinements */ body[data-theme="light"] .success.combatResult{background:linear-gradient(180deg,#f1fae8,#dcefcf)!important;border-color:#5f8a3e!important;color:#223319!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important} body[data-theme="light"] .fail.combatResult{background:linear-gradient(180deg,#fff0ea,#f0d0ca)!important;border-color:#ad5a4b!important;color:#481a12!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important} body[data-theme="light"] .combatResult h3.green{color:#2f6b3f!important}body[data-theme="light"] .combatResult h3.red{color:#a5302d!important}body[data-theme="light"] .combatResult .muted{color:#5e4c3b!important} .modalHead{position:relative!important;align-items:flex-start!important}.modalClose{width:22px!important;height:22px!important;min-width:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:3px!important;border:1px solid #8d6b3c!important;background:linear-gradient(180deg,#2a1d10,#0e0905)!important;color:#f4d681!important;font-size:14px!important;line-height:1!important;font-weight:900!important;box-shadow:inset 0 0 0 1px rgba(255,226,160,.06)!important}.modalClose:hover{background:linear-gradient(180deg,#6c2b20,#21100c)!important;border-color:#dca45c!important;color:#fff2ce!important} body[data-theme="light"] .modalClose{background:linear-gradient(180deg,#efd6aa,#d3ab6b)!important;color:#2b2118!important;border-color:#9b7a50!important;box-shadow:none!important}body[data-theme="win95"] .modalClose{width:20px!important;height:20px!important;min-width:20px!important;background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;font-size:12px!important} .btnEnhance{border-color:var(--line)!important;color:var(--text)!important;background:linear-gradient(180deg,#1d160f,#0f0a06)!important}.btnEnhance:hover{border-color:var(--blue)!important;color:#fff!important;background:#102333!important}.btnGreen{border-color:#5f8f50!important;color:#bdf0a2!important;background:linear-gradient(180deg,#173518,#071108)!important}.btnGreen:hover{border-color:#98df76!important;color:#efffe7!important;background:linear-gradient(180deg,#275c2a,#0c2610)!important}.btnRed{border-color:#8c3d34!important;color:#ffb0a7!important;background:linear-gradient(180deg,#351112,#140607)!important}.btnRed:hover{border-color:#ff6b6b!important;color:#fff1ed!important;background:linear-gradient(180deg,#5b1b1d,#21090a)!important}.btnGold{border-color:#a97d32!important;color:#ffe09a!important;background:linear-gradient(180deg,#3f2a10,#150d04)!important}.btnGold:hover{border-color:#f0c35a!important;color:#fff4cd!important;background:linear-gradient(180deg,#624114,#221405)!important}.btnCyanGreen{border-color:#57d6bd!important;color:#cffff5!important;background:linear-gradient(180deg,#0e3a36,#061615)!important}.btnCyanGreen:hover{border-color:#93ffe9!important;color:#ffffff!important;background:linear-gradient(180deg,#145950,#082520)!important} .premiumButton.blue{background:linear-gradient(180deg,#2e69b8,#173d74)!important;color:#eaf6ff!important;border-color:#74baff!important}.premiumButton.green{background:linear-gradient(180deg,#1a9a82,#0c4d41)!important;color:#e5fff8!important;border-color:#58d5bc!important}.premiumButton.goldBtn{background:linear-gradient(180deg,#d39d31,#7d5414)!important;color:#170e04!important;border-color:#f0c35a!important}.premiumConsumeGlow{box-shadow:0 0 14px rgba(88,213,188,.36),inset 0 0 10px rgba(180,255,238,.14)!important;animation:none!important;filter:none!important} body[data-theme="light"] .btnGreen{background:#cdeedb!important;color:#173b22!important;border-color:#4a9862!important}body[data-theme="light"] .btnGreen:hover{background:#a8dfbc!important;border-color:#2f6b3f!important}body[data-theme="light"] .btnRed{background:#f2cfc7!important;color:#5b1b16!important;border-color:#a5302d!important}body[data-theme="light"] .btnRed:hover{background:#e8afa3!important;border-color:#7e231f!important}body[data-theme="light"] .btnGold{background:#f1d89d!important;color:#3b2607!important;border-color:#b9853e!important}body[data-theme="light"] .btnGold:hover{background:#e2bf75!important;border-color:#8b5e12!important}body[data-theme="light"] .btnCyanGreen{background:#c9f4ec!important;color:#16453e!important;border-color:#49a995!important} .logDetailBtn{font-size:13px!important;padding:3px 7px!important;font-weight:900!important}.floatGain{left:calc(100% + 2px)!important;font-size:.92em!important}.floatGain.levelGain{left:calc(100% + 2px)!important}.stats .row{justify-content:flex-start!important;align-items:baseline!important;gap:10px!important}.stats .row>span:first-child{flex:0 0 auto!important;min-width:82px!important}.stats .row b{margin-right:8px!important;min-width:56px!important;text-align:left!important} /* v257 targeted UI refinements: button color fixes, ledger chat frame, inventory sigils, light parchment */ body:not([data-theme="win95"]) .btnEnhance{ color:#63c9ff!important; border-color:var(--line)!important; background:linear-gradient(180deg,#18364b,#0e1e2b)!important; box-shadow:inset 0 0 0 1px rgba(99,201,255,.08)!important; } body:not([data-theme="win95"]) .btnEnhance:hover{ color:#f4fbff!important; border-color:#63c9ff!important; background:linear-gradient(180deg,#23618a,#123349)!important; box-shadow:0 0 14px rgba(99,201,255,.28),inset 0 0 0 1px rgba(255,255,255,.10)!important; } body[data-theme="light"] .btnEnhance{ color:#145a83!important; border-color:#96764f!important; background:linear-gradient(180deg,#e4f4ff,#c4e4f5)!important; box-shadow:none!important; } body[data-theme="light"] .btnEnhance:hover{ color:#082b40!important; border-color:#25719e!important; background:linear-gradient(180deg,#f3fbff,#a9d9f2)!important; box-shadow:0 0 12px rgba(37,113,158,.20)!important; } body[data-theme="win95"] .btnEnhance{color:#000080!important;border-color:#fff #404040 #404040 #fff!important;background:#c0c0c0!important;box-shadow:none!important} body:not([data-theme="win95"]) button.danger, body:not([data-theme="win95"]) .marketRemoveBtn{ color:#ff9b8f!important; border-color:#9b3c33!important; background:linear-gradient(180deg,#3b1713,#1b0b09)!important; } body:not([data-theme="win95"]) button.danger:hover, body:not([data-theme="win95"]) .marketRemoveBtn:hover{ color:#fff!important; border-color:#ff6b5f!important; background:linear-gradient(180deg,#6a211b,#30100d)!important; box-shadow:0 0 12px rgba(255,91,78,.22)!important; } body[data-theme="light"] button.danger, body[data-theme="light"] .marketRemoveBtn{ color:#8d211c!important; border-color:#b85a4e!important; background:linear-gradient(180deg,#ffe8e2,#efb9ad)!important; } body[data-theme="light"] button.danger:hover, body[data-theme="light"] .marketRemoveBtn:hover{ color:#4d0d0a!important; border-color:#a5302d!important; background:linear-gradient(180deg,#ffd0c6,#e9988b)!important; } /* Move Ledger stat numbers back a touch from the labels. */ .stats .row b{transform:translateX(8px)!important} .floatGain{left:calc(100% + 10px)!important} .floatGain.levelGain{left:calc(100% + 10px)!important} /* Parchment / ledger chat box for Idlemoor themes. */ body:not([data-theme="win95"]) .chat.box{ background:linear-gradient(180deg,rgba(30,21,12,.98),rgba(10,7,4,.99))!important; border-color:#8b683b!important; box-shadow:inset 0 0 0 1px rgba(255,222,159,.06),0 8px 22px rgba(0,0,0,.40)!important; } body:not([data-theme="win95"]) .chat .tabs{ padding:8px 10px 0!important; gap:5px!important; background:linear-gradient(180deg,rgba(103,70,33,.44),rgba(30,20,10,.20))!important; border-bottom:1px solid #7e5d35!important; } body:not([data-theme="win95"]) .chat .tabs button{ font-size:13px!important; padding:6px 12px!important; border:1px solid #7e5d35!important; border-bottom:0!important; border-radius:8px 8px 0 0!important; background:linear-gradient(180deg,#2a1b0d,#120b05)!important; color:#d9c49c!important; letter-spacing:.02em!important; } body:not([data-theme="win95"]) .chat .tabs button.active{ background:linear-gradient(180deg,#7c5524,#241608)!important; color:#ffe08a!important; border-color:#e0b85b!important; box-shadow:inset 0 2px 0 rgba(255,230,170,.22)!important; } body:not([data-theme="win95"]) .chatLog{ background: radial-gradient(circle at 30% 0%,rgba(230,189,87,.055),transparent 28%), linear-gradient(180deg,rgba(21,14,7,.88),rgba(5,4,3,.92))!important; border-left:1px solid rgba(230,189,87,.16)!important; border-right:1px solid rgba(230,189,87,.16)!important; color:#dfd2b9!important; padding:8px 10px!important; } body:not([data-theme="win95"]) .chatInput{ border-top:1px solid #7e5d35!important; background:linear-gradient(180deg,#1b1209,#0b0704)!important; } body:not([data-theme="win95"]) .chatInput textarea{ background:rgba(8,6,4,.92)!important; color:#eadbc3!important; border:0!important; } body:not([data-theme="win95"]) .chatInput button{ border-left:1px solid #8b683b!important; border-color:#8b683b!important; background:linear-gradient(180deg,#4e3518,#1c1107)!important; color:#f0c35a!important; } body:not([data-theme="win95"]) .chatInput button:hover{border-color:#e0b85b!important;color:#fff4c8!important;background:linear-gradient(180deg,#6c4a21,#2a190b)!important} .invGroupTitle .invSigil{display:inline-block;width:1.25em;color:#e6bd57;text-align:center;text-shadow:0 0 7px rgba(230,189,87,.22)} body[data-theme="light"] .invGroupTitle .invSigil{color:#7a4d17;text-shadow:none} body[data-theme="win95"] .invGroupTitle .invSigil{color:#000080;text-shadow:none} /* Light mode: warmer parchment only. */ body[data-theme="light"]{ background:radial-gradient(900px 540px at 50% -12%,rgba(188,132,55,.22),transparent 58%),linear-gradient(180deg,#f8ecd6,#e8cfaa 48%,#f3dfbf)!important; } body[data-theme="light"]:before{ background-image:radial-gradient(circle at 22% 18%,rgba(122,77,23,.075) 0 1px,transparent 1.45px),radial-gradient(circle at 70% 70%,rgba(94,55,16,.05) 0 1px,transparent 1.35px)!important; background-size:72px 72px,116px 116px!important; } body[data-theme="light"] .box{ background:linear-gradient(180deg,rgba(255,245,225,.985),rgba(231,207,172,.985))!important; border-color:#9e7440!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 8px 18px rgba(96,62,24,.16)!important; } body[data-theme="light"] .content, body[data-theme="light"] .scrollArea, body[data-theme="light"] .marketMain, body[data-theme="light"] .profileContent, body[data-theme="light"] .trainingContent, body[data-theme="light"] #view, body[data-theme="light"] #zones, body[data-theme="light"] #sidePanel{ background:#fff2dc!important; } body[data-theme="light"] .chat.box{background:linear-gradient(180deg,#eed5ad,#d8b77e)!important;border-color:#9e7440!important} body[data-theme="light"] .chat .tabs{background:linear-gradient(180deg,#d6b178,#c59a5a)!important;border-bottom-color:#9e7440!important} body[data-theme="light"] .chat .tabs button{background:linear-gradient(180deg,#fff5e2,#e8c999)!important;color:#39240e!important;border-color:#9e7440!important} body[data-theme="light"] .chat .tabs button.active{background:linear-gradient(180deg,#c9903e,#f0cf88)!important;color:#261606!important;border-color:#7a4d17!important} body[data-theme="light"] .chatLog{background:linear-gradient(180deg,#fff5e2,#f4dfbd)!important;color:#2b2118!important;border-color:#b98d52!important} body[data-theme="light"] .chatInput{background:#dec08a!important;border-top-color:#9e7440!important} body[data-theme="light"] .chatInput textarea{background:#fff7ea!important;color:#2b2118!important} body[data-theme="light"] .chatInput button{background:linear-gradient(180deg,#d3a358,#a36c28)!important;color:#1f1307!important;border-color:#7a4d17!important} /* v258 requested bar/button refinements */ body:not([data-theme="win95"]) .premiumBuy .premiumButton{ min-height:52px!important; padding-top:16px!important; padding-bottom:16px!important; display:flex!important; align-items:center!important; justify-content:center!important; } body:not([data-theme="win95"]) .premiumInputRow button.btnCyanGreen{ min-height:44px!important; padding-top:12px!important; padding-bottom:12px!important; } body[data-theme="win95"] .premiumBuy .premiumButton{min-height:38px!important;padding-top:8px!important;padding-bottom:8px!important} body:not([data-theme="win95"]) .btnEquip{ color:#d8ffd0!important; border-color:#5f8f50!important; background:linear-gradient(180deg,#1c4a22,#0b1b0d)!important; box-shadow:inset 0 0 0 1px rgba(174,255,154,.08)!important; } body:not([data-theme="win95"]) .btnEquip:hover{ color:#ffffff!important; border-color:#9ad276!important; background:linear-gradient(180deg,#2f7a36,#0f3214)!important; box-shadow:0 0 14px rgba(154,210,118,.30),inset 0 0 0 1px rgba(255,255,255,.12)!important; } body[data-theme="light"] .btnEquip{ color:#123b1b!important; border-color:#4f8f54!important; background:linear-gradient(180deg,#d9f3d4,#acd99f)!important; box-shadow:none!important; } body[data-theme="light"] .btnEquip:hover{ color:#061d0a!important; border-color:#2f7a36!important; background:linear-gradient(180deg,#ecffe8,#8fd77f)!important; box-shadow:0 0 12px rgba(47,122,54,.20)!important; } body[data-theme="win95"] .btnEquip{color:#000!important;background:#c0c0c0!important;border-color:#fff #404040 #404040 #fff!important} .user .bar.hp,.user .bar:not(.hp):not(.tickbar){height:26px!important;margin-top:9px!important;margin-bottom:9px!important} .user .bar.hp span,.user .bar:not(.hp):not(.tickbar) span{font-size:12px!important;line-height:24px!important} .user .bar:not(.hp):not(.tickbar) .fill{background:#d886ff!important} .tickbar .fill,#tickFill{background:#8b1111!important;background-image:none!important} body[data-theme="light"] .tickbar .fill,body[data-theme="light"] #tickFill{background:#8b1111!important;background-image:none!important} body[data-theme="win95"] .tickbar .fill,body[data-theme="win95"] #tickFill{background:#8b1111!important;background-image:none!important} /* v262 combat log sigils + balanced detail link spacing */ #combatLogList .logLine{line-height:1.38!important} #combatLogList .logPrefix{display:inline-flex!important;width:1.12em!important;height:1.12em!important;line-height:1!important;text-align:center!important;vertical-align:-.18em!important;margin:0 .05em 0 0!important;font-size:16px!important;align-items:center!important;justify-content:center!important} #combatLogList .combatLogSigil{display:block;width:100%;height:100%;overflow:visible;shape-rendering:geometricPrecision} #combatLogList .combatLogSigil .sigilFrame{fill:rgba(5,10,16,.72);stroke-width:1.65;vector-effect:non-scaling-stroke} #combatLogList .combatLogSigil .sigilMark{fill:none;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} #combatLogList .logDetailBtn{font-size:16px!important;line-height:1.12!important;padding:2px 6px!important;margin:0 8px!important;vertical-align:baseline!important}#combatLogList .logDetailDisabled{font-size:16px!important;line-height:1.12!important;padding:2px 6px!important;margin:0 8px!important;vertical-align:baseline!important;color:#6f7b8a!important;font-weight:900;opacity:.72;cursor:default;text-decoration:none} body[data-theme="win95"] #combatLogList .logPrefix{margin:0 .05em 0 0!important} body[data-theme="win95"] #combatLogList .combatLogSigil .sigilFrame{fill:#c0c0c0!important;stroke-width:1.4} body[data-theme="win95"] #combatLogList .logDetailBtn{font-size:16px!important;margin:0 8px!important;padding:1px 6px!important} #combatLogList .logDetailBtn.pendingLogBtn{opacity:.94} #combatLogList .logDetailBtn.lossLogBtn,.lossEntry .logDetailBtn.lossLogBtn{color:var(--red)!important} #combatLogList .logDetailBtn.lossLogBtn:hover,.lossEntry .logDetailBtn.lossLogBtn:hover{color:#ff8a8a!important;text-decoration:underline} /* v295 chat/settings/combat-log polish */ .chatLog,.chatMsg,.chatInput textarea{font-size:var(--chatFontSize,15px)!important;} .combatPart.hit{color:#f4f4f4!important;} body[data-theme="light"] .combatPart.hit{color:#2b2118!important;} body[data-theme="win95"] .combatPart.hit{color:#000!important;} .focusSimpleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:10px 0;} .focusSimpleCell{border:1px solid #34465a;background:#070d14;padding:8px;} .focusSimpleCell b{display:block;color:var(--gold);margin-bottom:3px;} .helpAdvancedGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;} .helpAdvancedGrid div{border:1px solid #34465a;background:#070d14;padding:9px;} .settingsTable .affixStatsCell b{color:var(--blue);} /* v296 help/equipment bonus polish */ .equipmentBonusGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;} .equipmentBonusGrid .bonusSection{margin-top:0;margin-bottom:12px;} .bonusColumn{min-width:0;} .gatheringStats .row{display:grid!important;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:center;} .gatheringStats .row b{margin-right:0!important;min-width:0!important;text-align:left!important;} @media(max-width:900px){.equipmentBonusGrid{grid-template-columns:1fr;}} /* v297 ledger, bonuses, and marketplace activity polish */ .gatheringStats .row{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;} .gatheringStats .row b{position:relative!important;display:inline-block!important;min-width:0!important;text-align:left!important;margin-right:0!important;transform:none!important;} .bonusModal{width:min(940px,94vw)!important;} .equipmentBonusGrid{display:grid!important;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr)!important;gap:18px!important;align-items:start!important;} .equipmentBonusGrid .bonusSection{margin-top:0;margin-bottom:14px;} .marketActivityTable{width:100%;border-collapse:collapse;margin-top:8px;} .marketActivityTable th,.marketActivityTable td{border-bottom:1px solid #233242;padding:8px 9px;text-align:left;vertical-align:middle;} .marketActivityTable th{color:var(--muted);text-transform:uppercase;font-weight:900;} .marketActivityType{font-weight:900;letter-spacing:.04em;} .marketActivityType.buy{color:var(--blue);} .marketActivityType.sell{color:var(--gold);} .marketActivityItem{white-space:nowrap;} .marketActivityFilters{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:8px 0 10px;} .pageNavigator{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0;color:var(--muted);} .pageNavigator button{padding:4px 9px;border-color:#6c5840;color:var(--gold);background:linear-gradient(180deg,#21170d,#0c0805);min-width:34px;} .pageNavigator button:disabled{opacity:.35;cursor:not-allowed;} .pageNavigator input{width:58px;text-align:center;background:#070d14;color:var(--gold);border:1px solid #6c5840;padding:5px 6px;font:inherit;} .pageNavigatorLabel{color:var(--muted);} body[data-theme="light"] .pageNavigator input{background:#fffdf7!important;color:#5b3b12!important;border-color:#96764f!important;} body[data-theme="win95"] .pageNavigator input{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important;} @media(max-width:900px){.equipmentBonusGrid{grid-template-columns:1fr!important}.bonusModal{width:min(520px,94vw)!important}} .craftAffix.tierGoldFlash{animation:tierGoldFlash .9s ease-out;box-shadow:0 0 22px rgba(230,189,87,.75),inset 0 0 18px rgba(230,189,87,.25);border-color:var(--gold)!important} @keyframes tierGoldFlash{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.9);transform:scale(1.018);background:rgba(230,189,87,.18)}55%{filter:brightness(1.35);box-shadow:0 0 30px rgba(230,189,87,.9),inset 0 0 20px rgba(230,189,87,.28)}100%{filter:brightness(1);transform:scale(1);background:#09111a}} .craftAffix.honeWhiteFlash{animation:honeWhiteFlash .9s ease-out;box-shadow:0 0 22px rgba(255,255,255,.75),inset 0 0 18px rgba(255,255,255,.25);border-color:#fff!important} @keyframes honeWhiteFlash{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.9);transform:scale(1.018);background:rgba(255,255,255,.18)}55%{filter:brightness(1.35);box-shadow:0 0 30px rgba(255,255,255,.9),inset 0 0 20px rgba(255,255,255,.28)}100%{filter:brightness(1);transform:scale(1);background:#09111a}} #view.craftMirrorFlash{animation:craftMirrorFlash .9s ease-out!important;box-shadow:0 0 24px rgba(26,184,194,.72),inset 0 0 22px rgba(26,184,194,.24)!important;outline:1px solid rgba(26,184,194,.78);outline-offset:-1px} @keyframes craftMirrorFlash{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(1.75);transform:scale(1.006);background:rgba(26,184,194,.13)}55%{filter:brightness(1.28);box-shadow:0 0 32px rgba(26,184,194,.88),inset 0 0 24px rgba(26,184,194,.28)}100%{filter:brightness(1);transform:scale(1);background:transparent}} .battlegroundZone{display:block;width:100%;font:inherit;color:inherit;border-color:#6e1d1d!important;background:linear-gradient(180deg,#240d0d,#0c0708)!important;padding:7px 10px!important;text-align:center}.battlegroundZone h3{font-size:15px;margin:0;color:#d24335;letter-spacing:.08em;text-transform:uppercase}.battlegroundWrap{display:grid;gap:12px}.battlegroundCards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bgCard{border:1px solid #5c2727;background:linear-gradient(180deg,#130b0d,#070507);padding:14px;box-shadow:inset 0 0 18px rgba(128,0,0,.13)}.bgCard h3{margin:0 0 8px;color:#c9342d;text-transform:uppercase;letter-spacing:.06em}.bgCard select{width:100%;background:#080d13;color:#dce7f7;border:1px solid #647385;padding:8px;font:inherit;margin:8px 0}.bgQueueMeta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.bgMetaBox{border:1px solid #2d3948;background:#07101b;padding:8px}.bgWait{color:#b31212;font-weight:900;text-shadow:0 0 8px rgba(179,18,18,.45)}.bgFight{position:relative;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:18px;overflow:hidden;background:radial-gradient(circle at center,rgba(99,13,13,.12),rgba(0,0,0,.34) 58%)}.bgTeam{display:flex;flex-direction:column;gap:10px;justify-content:center}.bgPlayerBar{position:relative;height:42px;border:1px solid #304050;background:#080d13;cursor:pointer;overflow:visible}.bgPlayerBar.dead{filter:grayscale(1);opacity:.72;cursor:not-allowed}.bgPlayerBar.targeted{box-shadow:0 0 0 2px var(--gold),0 0 18px rgba(230,189,87,.45)}.bgPlayerFill{position:absolute;inset:0 auto 0 0;width:0%;background:#1f7f39;box-shadow:inset 0 0 9px rgba(255,255,255,.16)}.bgPlayerBar.enemy .bgPlayerFill{background:#8b1111}.bgPlayerText{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;text-shadow:1px 1px #000;font-weight:900}.bgPlayerSub{font-size:11px;color:#8d99a8;font-weight:400}.bgDmgFloat{position:absolute;right:18px;top:-8px;color:#ff3838;font-weight:900;text-shadow:0 0 7px #000;pointer-events:none;animation:bgDmgArc 1.05s cubic-bezier(.18,.62,.28,1) forwards;z-index:4}@keyframes bgDmgArc{0%{opacity:1;transform:translate(0,0) scale(1)}45%{opacity:1;transform:translate(var(--dx,42px),-42px) scale(1.08)}100%{opacity:0;transform:translate(calc(var(--dx,42px) * 1.7),55px) scale(.84)}}.bgFightBanner{position:absolute;left:0;right:0;top:38%;text-align:center;font-size:52px;font-weight:900;letter-spacing:.12em;pointer-events:none;animation:bgBannerFade 2s ease forwards;text-shadow:0 0 18px #000}.bgFightBanner.fight{color:#b31212}.bgFightBanner.countdown{color:#b31212;animation:none;font-size:64px;text-shadow:0 0 18px #000,0 0 14px rgba(179,18,18,.55)}.bgFightBanner.win{color:var(--gold)}.bgFightBanner.loss{color:var(--red)}@keyframes bgBannerFade{0%{opacity:0;transform:scale(.92)}20%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}.bgPrompt .idleConfirmWarn{border-color:#6e1d1d;color:#e6bd57}.bgPromptTimer{color:#b31212;font-weight:900}.bgSmallNote{font-size:12px;color:#7f8998}.bgResultNote{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#dce7f7}.btnGreen{border-color:#79c56a!important;color:#79c56a!important}.btnRed{border-color:#ff6b6b!important;color:#ff6b6b!important} /* v317 dismantle and focus-help polish */ .invRow.dismantling{pointer-events:none!important;cursor:not-allowed!important;animation:dismantleRedFlash .92s ease-out forwards;box-shadow:0 0 22px rgba(255,70,70,.75),inset 0 0 18px rgba(255,70,70,.25);border-color:var(--red)!important;will-change:opacity,transform,filter} .invRow.dismantling .flagBtn{pointer-events:none!important;opacity:.35!important} @keyframes dismantleRedFlash{0%{filter:brightness(1);transform:scale(1);opacity:1}18%{filter:brightness(1.9);transform:scale(1.018);background:rgba(255,70,70,.18);opacity:1}55%{filter:brightness(1.35);box-shadow:0 0 30px rgba(255,70,70,.9),inset 0 0 20px rgba(255,70,70,.28);opacity:.72}100%{filter:brightness(.75);transform:scale(.965);background:#060a0f;opacity:0}} .dismantleGainFloat{position:fixed;z-index:100000;pointer-events:none;color:var(--green);font-weight:900;font-size:17px;text-shadow:0 0 8px #000,0 0 14px rgba(154,210,118,.7);animation:dismantleGainArc 1.12s cubic-bezier(.18,.62,.28,1) forwards;will-change:transform,opacity} @keyframes dismantleGainArc{0%{opacity:1;transform:translate(0,0) scale(1)}6%{opacity:1;transform:translate(var(--x1,3px),var(--y1,-16px)) scale(1.015)}12%{opacity:1;transform:translate(var(--x2,6px),var(--y2,-31px)) scale(1.03)}19%{opacity:1;transform:translate(var(--x3,10px),var(--y3,-47px)) scale(1.047)}27%{opacity:1;transform:translate(var(--x4,15px),var(--y4,-62px)) scale(1.065)}36%{opacity:.99;transform:translate(var(--x5,21px),var(--y5,-73px)) scale(1.085)}46%{opacity:.97;transform:translate(var(--x6,28px),var(--y6,-80px)) scale(1.09)}56%{opacity:.92;transform:translate(var(--x7,35px),var(--y7,-77px)) scale(1.065)}65%{opacity:.84;transform:translate(var(--x8,42px),var(--y8,-64px)) scale(1.025)}74%{opacity:.72;transform:translate(var(--x9,49px),var(--y9,-40px)) scale(.985)}83%{opacity:.55;transform:translate(var(--x10,56px),var(--y10,-3px)) scale(.945)}91%{opacity:.32;transform:translate(var(--x11,63px),var(--y11,48px)) scale(.90)}100%{opacity:0;transform:translate(var(--dx,70px),var(--fall,102px)) scale(.84)}} .focusRequirementLine{color:var(--gold);font-weight:900;margin:8px 0 4px}.focusDescPlain{color:var(--text);margin:4px 0 8px}.focusDescPlain b{font-weight:900}.focusCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:8px}.focusHelpCard{border:1px solid #34465a;background:#070d14;padding:9px}.focusHelpCard h4{margin:0 0 5px;color:var(--blue)}.focusHelpCard p{margin:5px 0}.focusHelpCard .focusRequirementLine{font-size:12px} body[data-theme="light"] .focusDescPlain{color:#1d1712} body[data-theme="win95"] .focusDescPlain{color:#000} /* v319 marketplace/focus refinements */ .marketCommodityPale{color:#fff4d0!important;font-weight:900;text-shadow:0 0 9px rgba(255,244,208,.95),0 0 18px rgba(200,255,215,.45)}.marketCommodityMirror{color:#35ffd1!important;font-weight:900;text-shadow:0 0 8px rgba(53,255,209,.85),0 0 16px rgba(53,255,209,.42)} .marketCommodityPicker{display:inline-block;position:relative;vertical-align:middle;min-width:190px}.marketCommodityPickBtn{min-width:190px;text-align:left;display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.marketCommodityPickBtn:after{content:"▾";color:var(--muted);font-size:12px}.marketCommodityMenu{display:none;position:absolute;left:0;top:calc(100% + 3px);z-index:80;min-width:230px;max-height:310px;overflow:auto;background:#05090f;border:1px solid #647385;box-shadow:0 8px 22px rgba(0,0,0,.65)}.marketCommodityMenu.open{display:block}.marketCommodityOpt{display:block;width:100%;text-align:left;border:0;border-radius:0;background:#080d13;color:var(--text);padding:7px 9px}.marketCommodityOpt:hover{background:#142132;color:#fff}.marketCommodityOpt.active{outline:1px solid var(--gold);background:#101821;color:var(--text)!important}.marketCommodityOpt.active.marketCommodityMana{color:#35ffd1!important}.marketCommodityOpt.active.marketCommodityOrange{color:#ff9f2f!important}.marketCommodityOpt.active.marketCommodityPale{color:#fff4d0!important}.marketCommodityOpt.active.marketCommodityMirror{color:#35ffd1!important}.focusCurseRed,.badDmg{color:#ff7686!important}.focusDisplayName{display:block;font-size:22px;line-height:1.12;color:#fff4d0;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 9px rgba(255,244,208,.85),0 0 18px rgba(200,255,215,.35);margin:8px 0}.focusInspectBox{border:1px solid #34465a;background:#070d14;padding:9px;margin:8px 0}.focusInspectGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.focusInspectMetric{border:1px solid #263646;background:#05090f;padding:7px}.focusInspectMetric b{display:block;color:var(--gold);font-size:12px;text-transform:uppercase}.focusSoulBlue{color:#5bb7ff!important;font-weight:900;text-shadow:0 0 6px rgba(91,183,255,.38)}.focusWhite{color:#fff!important;font-weight:900;text-shadow:0 0 6px rgba(255,255,255,.30)} body[data-theme="light"] .marketCommodityPale,body[data-theme="light"] .focusDisplayName{color:#7a6500!important;text-shadow:none}body[data-theme="light"] .marketCommodityMenu,body[data-theme="light"] .marketCommodityOpt{background:#fff;color:#1d1712}body[data-theme="win95"] .marketCommodityPale,body[data-theme="win95"] .focusDisplayName,body[data-theme="win95"] .focusSoulBlue,body[data-theme="win95"] .focusWhite{color:#000!important;text-shadow:none!important}body[data-theme="win95"] .marketCommodityMenu,body[data-theme="win95"] .marketCommodityOpt{background:#c0c0c0;color:#000}.marketSelect.marketCommodityMana{color:var(--text)!important}.marketSelect.marketCommodityOrange{color:var(--text)!important} /* v322 legal footer links */ .legalLinks{margin:4px 2px 0 2px;padding:0 2px;font-size:10px;line-height:1.2;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap;opacity:.78;text-transform:uppercase;letter-spacing:.04em} .legalLinks a{color:var(--muted);text-decoration:none} .legalLinks a:hover{color:var(--blue);text-decoration:underline;text-decoration-style:dotted} body[data-theme="light"] .legalLinks a,body[data-theme="light"] .legalLinks{color:#6c5840!important} body[data-theme="win95"] .legalLinks a,body[data-theme="win95"] .legalLinks{color:#000!important;text-transform:none;letter-spacing:0} /* v337 battleground hero / blood tithe polish */ .oathLedgerValue{color:#fff!important;text-shadow:none!important} .battlegroundIntro{border:1px solid #6d2a1f!important;background:radial-gradient(circle at 18% 0%,rgba(123,37,24,.42),transparent 38%),linear-gradient(180deg,#2a120d,#120806 72%,#070403)!important;color:var(--text)!important;border-radius:6px!important;box-shadow:inset 0 0 24px rgba(155,17,30,.16),0 0 18px rgba(0,0,0,.35)!important;margin-bottom:8px!important;padding:18px 20px!important} .battlegroundIntro h3{letter-spacing:.08em;text-transform:uppercase;color:#e23b35!important;text-shadow:0 0 9px rgba(155,17,30,.34)!important} .battlegroundIntro p{max-width:980px;margin:8px 0 2px;color:#d8c9b6!important} .bgHeroActions{margin:-2px 0 16px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap} .bgActionBtn{font-size:16px!important;font-weight:900!important;padding:10px 16px!important;letter-spacing:.03em;text-transform:uppercase;border-radius:4px!important} .bgActionBlood{background:linear-gradient(180deg,#4a1010,#1b0808)!important;border-color:#b12a24!important;color:#ffe1d7!important;box-shadow:inset 0 0 12px rgba(255,90,70,.16),0 0 10px rgba(128,0,0,.18)!important} .bgActionBlood:hover{border-color:#ff6b6b!important;color:#fff!important;background:linear-gradient(180deg,#651414,#240808)!important} .rankTheme-wood{border-color:#6f4b27!important;background:radial-gradient(circle at 10% 0%,rgba(118,83,38,.22),transparent 34%),linear-gradient(180deg,#171009,#080604)!important;box-shadow:inset 0 0 18px rgba(86,54,22,.22)!important} .rankTheme-wood:before{opacity:.10!important;background:linear-gradient(135deg,transparent,rgba(180,125,54,.22),transparent)!important} .rankTheme-wood h3{color:#c9954a!important;border-color:rgba(133,91,44,.65)!important} .rankTheme-wood .rankingRow{border-bottom:1px solid rgba(133,91,44,.28)!important;background:linear-gradient(90deg,rgba(101,68,32,.08),transparent)!important} .rankTheme-wood .rankingRow.me{background:rgba(155,103,43,.18)!important;outline:1px solid rgba(201,149,74,.24)!important} .rankTheme-wood .rankingValue{color:#c9954a!important} body[data-theme="light"] .battlegroundIntro{background:#f3dfc0!important;color:#2b2118!important;border-color:#8f5836!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="light"] .battlegroundIntro *{text-shadow:none!important} body[data-theme="win95"] .battlegroundIntro{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important} body[data-theme="win95"] .battlegroundIntro *{text-shadow:none!important} /* v361 paths sizing - final cascade override */ .menu .panel.nav > button{ font-size:14.4px!important; line-height:1.15!important; padding:7.2px 9.6px!important; margin-top:3px!important; margin-bottom:3px!important; } .menu .panel.nav > .menuMana{ margin-top:3px!important; } #zones .battlegroundZone, .zones .battlegroundZone{ display:none!important; } .menu .panel.nav{padding-bottom:0!important} .menu .panel.nav > .menuLogoutWrap{padding-bottom:0!important;margin-bottom:0!important} .menu .panel.nav > .menuLogoutWrap > button{ font-size:12px!important; line-height:1.15!important; padding:5.6px 8px!important; margin-bottom:0!important; } .communityVideoWrap{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0} .communityVideoIntro{border:1px solid var(--line);background:rgba(214,167,90,.06);padding:9px 11px;color:var(--muted)} .communityVideoPlayer{position:relative;min-height:0;border:1px solid var(--line);background:#050302;display:flex;align-items:center;justify-content:center;overflow:hidden} .communityVideoPlayer iframe,.communityVideoPlayer #communityYoutubePlayer,.communityVideoPlayer #communitySpotifyPlayer{width:100%;height:100%;min-height:0;border:0;background:#000} .communityVideoShield{position:absolute;inset:0;z-index:3;background:transparent;cursor:default} .communityVideoPlayOverlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;background:rgba(5,3,2,.78);color:var(--text);font:inherit;text-align:center;cursor:pointer;padding:22px;} .communityVideoPlayOverlay b{color:var(--gold);font-size:15px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(214,167,90,.28);} .communityVideoPlayOverlay span{color:var(--muted);font-size:12px;max-width:420px;line-height:1.35;} .communityVideoPlayOverlay:hover b{color:var(--green);} .communityVideoSync{font-weight:900;color:var(--green)} .communityVideoSync.resyncing{color:var(--gold)} .communityVideoSync.error{color:var(--red)} .stats.box:not(.collapsed){min-height:205px} .communityVideoEmpty{padding:24px;text-align:center;color:var(--muted)} .communityVideoControls{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,auto);gap:8px;align-items:center} .communityVideoControls input{background:#0a0806;color:var(--text);border:1px solid var(--line);padding:8px;font:inherit;width:100%} .communityVideoVolumeRow{border:1px solid var(--line);background:rgba(214,167,90,.055);padding:7px 9px;color:var(--text)} .communityVideoVolume{display:inline-grid;grid-template-columns:auto 82px 34px;gap:6px;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text);white-space:nowrap;margin-left:-4px} .communityVideoVolume input[type=range]{width:100%;accent-color:var(--gold)} .communityVideoVolume b{color:var(--gold);text-align:right;font-variant-numeric:tabular-nums} .communityVideoMeta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)} .communityVideoDown{color:var(--red)!important;border-color:var(--red)!important} /* v363 premium performance final cascade guard: no continuous premium repaint animation */ .premiumConsumeGlow, .premiumConsumeGlow:hover, body:not([data-theme="win95"]) .premiumConsumeGlow, body:not([data-theme="win95"]) .premiumConsumeGlow:hover{ animation:none!important; filter:none!important; } /* v364 premium consume button: remove all extra glow/shadow */ .premiumConsumeGlow, .premiumConsumeGlow:hover, body:not([data-theme="win95"]) .premiumConsumeGlow, body:not([data-theme="win95"]) .premiumConsumeGlow:hover{ box-shadow:none!important; text-shadow:none!important; animation:none!important; filter:none!important; } .premiumConsumeStar, .premiumConsumeGlow .premiumConsumeStar, body:not([data-theme="win95"]) .premiumConsumeGlow .premiumConsumeStar{ filter:none!important; text-shadow:none!important; box-shadow:none!important; } /* v365 Premium view scroll performance: flatten expensive paint layers */ body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap{ contain:layout paint style!important; isolation:isolate!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap *{ text-shadow:none!important; filter:none!important; animation:none!important; backdrop-filter:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumHero, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumCard, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumStatus, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumBadges span, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumInputRow input, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumNote, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumCheckoutStatus{ box-shadow:none!important; background-image:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumHero{ background:#130d08!important; border-radius:4px!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumCard{ background:#0d0906!important; border-radius:4px!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumStatus{ background:#140b0b!important; border-radius:3px!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumStatus.active{ background:#08261d!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumBadges span, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumInputRow input, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumSave{ border-radius:3px!important; box-shadow:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.blue, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.green, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.goldBtn, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeGlow, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeGlow:hover{ box-shadow:none!important; background-image:none!important; border-radius:3px!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.blue{background:#173d74!important;} body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.green{background:#0c4d41!important;} body:not([data-theme="light"]):not([data-theme="win95"]) .premiumButton.goldBtn{background:#9b7119!important;} body:not([data-theme="light"]):not([data-theme="win95"]) .premiumConsumeStar, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumMenuStar{ filter:none!important; text-shadow:none!important; } /* v369 Premium buttons: tasteful subdued glow, still full/bulged, no animation/filter */ body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen{ border-radius:9px!important; min-height:50px!important; padding-top:14px!important; padding-bottom:14px!important; border-width:1px!important; position:relative!important; overflow:hidden!important; filter:none!important; animation:none!important; text-shadow:0 1px 0 rgba(0,0,0,.35)!important; transition:background .12s linear,border-color .12s linear,box-shadow .12s linear,color .12s linear!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton::after, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen::after{ display:none!important; content:none!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton::before, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen::before{ content:""!important; display:block!important; position:absolute!important; inset:2px!important; border-radius:7px!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.055) 38%,rgba(0,0,0,.18) 100%)!important; opacity:.55!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.blue{ background:linear-gradient(180deg,#3d82d3 0%,#225ba8 44%,#112f67 100%)!important; color:#eaf6ff!important; border-color:#79b8ef!important; box-shadow:0 2px 0 #07172f,0 0 6px rgba(91,183,255,.18),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -10px 16px rgba(0,0,0,.24)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.blue:hover{ background:linear-gradient(180deg,#5598e4 0%,#2c70c9 44%,#173f89 100%)!important; border-color:#aad9ff!important; box-shadow:0 2px 0 #07172f,0 0 8px rgba(91,183,255,.24),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 16px rgba(0,0,0,.22)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.green, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow{ background:linear-gradient(180deg,#2fbfa9 0%,#147e6c 44%,#063f37 100%)!important; color:#e5fff8!important; border-color:#6fe5d2!important; box-shadow:0 2px 0 #031713,0 0 6px rgba(88,213,188,.18),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -10px 16px rgba(0,0,0,.25)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.green:hover, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen:hover, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow:hover{ background:linear-gradient(180deg,#43d8c3 0%,#1a9f89 44%,#075c50 100%)!important; border-color:#aaf9ec!important; color:#fff!important; box-shadow:0 2px 0 #031713,0 0 8px rgba(88,213,188,.24),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -10px 16px rgba(0,0,0,.22)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.goldBtn{ background:linear-gradient(180deg,#e2b957 0%,#b07c23 44%,#65410d 100%)!important; color:#170e04!important; border-color:#e8c673!important; text-shadow:0 1px 0 rgba(255,239,184,.35)!important; box-shadow:0 2px 0 #201305,0 0 6px rgba(230,189,87,.18),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -10px 16px rgba(0,0,0,.25)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton.goldBtn:hover{ background:linear-gradient(180deg,#efcc78 0%,#c9902d 44%,#7b5012 100%)!important; border-color:#f4d681!important; box-shadow:0 2px 0 #201305,0 0 8px rgba(230,189,87,.24),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -10px 16px rgba(0,0,0,.22)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumButton:active, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumInputRow button.btnCyanGreen:active{ transform:translateY(1px)!important; box-shadow:inset 0 3px 9px rgba(0,0,0,.50)!important; } body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeStar, body:not([data-theme="light"]):not([data-theme="win95"]) .premiumWrap .premiumConsumeGlow .premiumConsumeStar{ color:#f0c35a!important; text-shadow:none!important; filter:none!important; animation:none!important; } /* v371 mobile browser layout: final mobile-only override; desktop untouched */ .mobileJumpBar{display:none} @media (max-width:900px){ html,body{ width:100%!important; max-width:100%!important; height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-text-size-adjust:100%; } body{font-size:14px!important} body:before{background-size:28px 28px!important} .mobileJumpBar{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:5px!important; position:sticky!important; top:0!important; z-index:90!important; padding:5px 5px 4px!important; background:linear-gradient(180deg,#120d08 0%,#070d14 100%)!important; border-bottom:1px solid #6c5840!important; box-shadow:0 5px 14px rgba(0,0,0,.55),inset 0 -1px 0 #05090f!important; } .mobileJumpBar button{ position:relative!important; min-height:36px!important; padding:5px 2px 4px!important; font-size:11px!important; line-height:1.05!important; text-align:center!important; color:#f1d79b!important; background:linear-gradient(180deg,#2a1e10 0%,#15100b 55%,#080604 100%)!important; border:1px solid #8a6534!important; border-radius:4px!important; box-shadow:inset 0 1px 0 rgba(255,232,174,.16),inset 0 -5px 10px rgba(0,0,0,.38),0 1px 0 #05090f!important; text-shadow:0 1px 0 #000!important; letter-spacing:.035em!important; } .mobileJumpBar button::before{ content:"◇"; display:block; color:#d6a75a; font-size:9px; line-height:8px; margin-bottom:1px; text-shadow:0 0 5px rgba(214,167,90,.35); } .mobileJumpBar button:hover,.mobileJumpBar button:focus-visible,.mobileJumpBar button.mobileJumpActive{ color:#fff3db!important; border-color:#d6a75a!important; background:linear-gradient(180deg,#3a2815 0%,#1d160f 56%,#0b0805 100%)!important; box-shadow:inset 0 1px 0 rgba(255,232,174,.22),inset 0 -5px 10px rgba(0,0,0,.34),0 0 7px rgba(214,167,90,.18)!important; } .mobileJumpBar button:active{ transform:translateY(1px)!important; } .wrap{ display:flex!important; flex-direction:column!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:100dvh!important; max-height:none!important; transform:none!important; transform-origin:initial!important; overflow:visible!important; grid-template-columns:none!important; grid-template-rows:none!important; gap:8px!important; padding:6px 6px 14px!important; } .layoutCol,.leftCol,.centerCol,.rightCol,.leftStack{ display:contents!important; } .user,.stats,.news,.menu,.main,.chat,.side,.dragonEventBox,.contractsBox,.legalLinks{ grid-column:auto!important; grid-row:auto!important; position:relative!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; max-height:none!important; min-height:0!important; flex:none!important; align-self:stretch!important; } .main{order:1!important;min-height:72dvh!important} .chat{order:2!important;min-height:230px!important} .menu{order:3!important} .user{order:4!important} .stats{order:5!important} .news{order:6!important} .dragonEventBox{order:7!important} .contractsBox{order:8!important} .side{order:9!important} .legalLinks{order:10!important} .chatBackdrop{display:none!important} .box{ overflow:hidden!important; border-radius:4px!important; } .box.collapsed{height:auto!important} .panel{padding:8px!important} .title{ min-height:32px!important; display:flex!important; align-items:center!important; } .mainGrid{ display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; min-height:calc(72dvh - 34px)!important; overflow:visible!important; } .mainGrid.noZones{display:block!important} .mainGrid.noZones .zones{display:none!important} .zones{ width:100%!important; max-height:235px!important; overflow:auto!important; border-right:0!important; border-bottom:1px solid var(--line)!important; padding:8px!important; -webkit-overflow-scrolling:touch; } .zone{ padding:9px!important; margin-bottom:7px!important; } .zone h3{font-size:16px!important} .content,#view{ width:100%!important; min-width:0!important; min-height:58dvh!important; height:auto!important; max-height:none!important; overflow:visible!important; padding:8px!important; } .scrollArea,#sidePanel{ height:auto!important; max-height:420px!important; overflow:auto!important; -webkit-overflow-scrolling:touch; } .chatLog{ min-height:150px!important; max-height:330px!important; height:30vh!important; overflow:auto!important; -webkit-overflow-scrolling:touch; } .chatInput textarea{ min-height:44px!important; font-size:16px!important; } .stats .grid4,.grid4{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .activityGrid,.premiumGrid,.marketPanels,.orderGrid,.equipCards,.craftAffixGrid,.bloodTitheGrid,.accessoryGrid,.adminGrid,.statsOverwatchSectionGrid,.profileOverviewGrid,.profileTwoCol,.metricGrid,.skillGrid{ grid-template-columns:1fr!important; } .mainGrid,.invLayout,.marketWrap,.trainingShell,.profileShell,.settingsShell,.rankingsShell,.gearAutoShell,.gearSetEditor,.gearAutoGrid,.gearAutoEditorGrid,.questBoardTop{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; overflow:visible!important; } .marketMain,.trainingContent,.profileContent,.settingsContent,.rankingsContent,.gearAutoContent,.zones,.content.inventoryView,.content.inventoryView .invLayout,.content.inventoryView .invLayout>div{ height:auto!important; max-height:none!important; overflow:visible!important; } .invList,.gearSetInv{ height:auto!important; max-height:420px!important; overflow:auto!important; -webkit-overflow-scrolling:touch; } .invHeader,.invRow{ grid-template-columns:58px minmax(0,1fr) 72px 54px!important; gap:5px!important; padding:7px 6px!important; font-size:12px!important; } .equipFilters{ grid-template-columns:1fr 1fr!important; } .equipFilterRow{ grid-template-columns:1fr!important; } .marketTable,.orderTable,.statTable,.statsOverwatchTable,.helpTable{ display:block!important; width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch; } .marketTop,.invPanelHeader,.communityVideoControls,.premiumInputRow{ flex-direction:column!important; align-items:stretch!important; } .communityVideoControls{ display:flex!important; } .communityVideoStage iframe{ max-width:100%!important; } .dragonView{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:70dvh!important; overflow:visible!important; padding:10px!important; } .dragonChoices{ flex-direction:row!important; flex-wrap:wrap!important; align-self:stretch!important; } .dragonChoices button{flex:1 1 42%!important} .dragonArt{ width:100%!important; height:auto!important; max-height:55vh!important; object-fit:contain!important; } .dragonStats,.dragonLeaderboard{ position:relative!important; left:auto!important; right:auto!important; bottom:auto!important; width:100%!important; } .dragonStats{flex-wrap:wrap!important} .modalCard,.combatModalCard,.infoModalCard,.paypalCard{ width:calc(100vw - 18px)!important; max-width:calc(100vw - 18px)!important; max-height:88dvh!important; overflow:auto!important; } html{ scroll-padding-top:56px!important; scrollbar-color:#a6793d #100c08!important; } body{ scrollbar-color:#a6793d #100c08!important; } html::-webkit-scrollbar,body::-webkit-scrollbar{ width:10px!important; height:10px!important; } html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{ background:#100c08!important; border-left:1px solid #2c2117!important; } html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#b48a4e,#6f4722)!important; border:1px solid #d6a75a!important; border-radius:2px!important; } html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important; } .main,.chat,.menu,.user,.stats,.news,.side{ scroll-margin-top:58px!important; } button,.nav button,.tabs button{ min-height:36px; touch-action:manipulation; } } @media (max-width:520px){ .stats .grid4,.grid4{ grid-template-columns:1fr!important; } .tabs{ overflow-x:auto!important; flex-wrap:nowrap!important; -webkit-overflow-scrolling:touch; } .tabs button{ white-space:nowrap!important; font-size:14px!important; padding-left:8px!important; padding-right:8px!important; } .nav button{ font-size:14px!important; } .activityGrid{ grid-template-columns:1fr!important; } .activity h3{ font-size:15px!important; } .invHeader,.invRow{ grid-template-columns:48px minmax(0,1fr)!important; } .invHeader>span:nth-child(3),.invHeader>span:nth-child(4), .invRow>span:nth-child(3),.invRow>span:nth-child(4){ display:none!important; } .equipFilters{ grid-template-columns:1fr!important; } } /* v373 final mobile root-scroll repair: after all theme/layout rules */ @media (max-width:900px){ html{ height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; scrollbar-color:#a6793d #100c08!important; } body{ height:auto!important; min-height:100%!important; overflow-x:hidden!important; overflow-y:visible!important; scrollbar-color:#a6793d #100c08!important; } .wrap{ overflow:visible!important; height:auto!important; max-height:none!important; } html::-webkit-scrollbar{ width:10px!important; height:10px!important; } html::-webkit-scrollbar-track{ background:#100c08!important; border-left:1px solid #2c2117!important; } html::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#b48a4e,#6f4722)!important; border:1px solid #d6a75a!important; border-radius:2px!important; } html::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important; } } /* v376 mobile ordering: Wanderer stays directly above the main game view; desktop untouched */ @media (max-width:900px){ .user{order:1!important} .main{order:2!important;min-height:72dvh!important} .chat{order:3!important;min-height:230px!important} .menu{order:4!important} .stats{order:5!important} .news{order:6!important} .dragonEventBox{order:7!important} .contractsBox{order:8!important} .side{order:9!important} .legalLinks{order:10!important} } /* v377 mobile Paths top-gap trim: keep desktop untouched */ @media (max-width:900px){ .menu .panel.nav{ padding-top:1px!important; } .menu .panel.nav > button:first-of-type{ margin-top:0!important; } } /* v379 Paths top-gap: desktop and mobile */ .menu .panel.nav{ padding-top:4px!important; } .menu .panel.nav > button:first-of-type{ margin-top:0!important; } /* v381 Paths spacing polish: small top breathing room and bottom space below Logout */ .menu .panel.nav{ padding-top:9px!important; padding-bottom:14px!important; } .menu .panel.nav > button:first-of-type{ margin-top:0!important; } .menu .panel.nav > .menuLogoutWrap{ margin-bottom:0!important; } @media (max-width:900px){ .menu .panel.nav{ padding-top:9px!important; padding-bottom:14px!important; } } /* v426 light/win95 contrast cleanup + combat cease button */ .ceaseCombatBtn{position:absolute;right:8px;bottom:8px;z-index:2;font-size:11px!important;line-height:1!important;padding:4px 7px!important;min-height:0!important;border-color:#8b1111!important;color:#ff9b9b!important;background:linear-gradient(180deg,#3a0c0c,#130606)!important;text-transform:uppercase;font-weight:900;letter-spacing:.03em;box-shadow:0 0 8px rgba(139,17,17,.28)!important}.ceaseCombatBtn:hover{border-color:#ff6b6b!important;color:#fff!important;background:linear-gradient(180deg,#5a1111,#1b0707)!important}.zone.active{position:relative;padding-bottom:34px!important} body[data-theme="light"] .ceaseCombatBtn{background:#ead0c4!important;color:#7c120d!important;border-color:#7c120d!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="light"] .ceaseCombatBtn:hover{background:#f5ddd1!important;color:#3c0805!important;border-color:#3c0805!important} body[data-theme="win95"] .ceaseCombatBtn{background:#c0c0c0!important;color:#800000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="win95"] .ceaseCombatBtn:hover{background:#d6d6d6!important;color:#800000!important} body[data-theme="light"] .modalCard.bgPrompt,body[data-theme="light"] .idleConfirmCard.bgPrompt{background:linear-gradient(180deg,#fff4dc,#ead4ad)!important;color:#241709!important;border-color:#7a4427!important;box-shadow:0 12px 28px rgba(67,39,17,.28)!important;text-shadow:none!important}body[data-theme="light"] .bgPrompt .modalHead{background:#d7b477!important;color:#241709!important;border-bottom:1px solid #7a4427!important}body[data-theme="light"] .bgPrompt .modalHead h3{color:#7b1d16!important;text-shadow:none!important}body[data-theme="light"] .bgPrompt .modalClose{color:#241709!important}body[data-theme="light"] .bgPrompt .idleConfirmBody,body[data-theme="light"] .bgPrompt .idleConfirmBody p{color:#241709!important;text-shadow:none!important}body[data-theme="light"] .bgPrompt .idleConfirmWarn{background:#f4dfb8!important;color:#3b1f0c!important;border-left-color:#7b1d16!important;text-shadow:none!important}body[data-theme="light"] .bgPromptTimer{color:#7b1d16!important;text-shadow:none!important} body[data-theme="win95"] .modalCard.bgPrompt,body[data-theme="win95"] .idleConfirmCard.bgPrompt{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="win95"] .bgPrompt .modalHead{background:#000080!important;color:#fff!important;border:0!important}body[data-theme="win95"] .bgPrompt .modalHead h3{color:#fff!important;text-shadow:none!important}body[data-theme="win95"] .bgPrompt .modalClose{color:#fff!important}body[data-theme="win95"] .bgPrompt .idleConfirmBody,body[data-theme="win95"] .bgPrompt .idleConfirmBody p{color:#000!important;text-shadow:none!important}body[data-theme="win95"] .bgPrompt .idleConfirmWarn{background:#ffffe1!important;color:#000!important;border:1px solid #808080!important;border-left:4px solid #800000!important;text-shadow:none!important}body[data-theme="win95"] .bgPromptTimer{color:#800000!important;text-shadow:none!important} body[data-theme="light"] .dragonView,body[data-theme="win95"] .dragonView{background:radial-gradient(circle at 52% 44%,#000 0%,#010101 36%,#050403 62%,#0b0908 100%)!important;color:#f6e3bd!important} body[data-theme="light"] .bgFight{background:radial-gradient(circle at center,rgba(110,32,24,.14),rgba(232,216,187,.92) 62%),#e8d8bb!important;color:#2b2118!important;border-color:#8f7651!important}body[data-theme="light"] .bgFight *{text-shadow:none!important}body[data-theme="light"] .bgFight .bgPlayerBar{background:#f1e2c7!important;border-color:#7a4427!important}body[data-theme="light"] .bgFight .bgPlayerBar.targeted{box-shadow:0 0 0 2px #3a1709,0 0 12px rgba(58,23,9,.28)!important;border-color:#3a1709!important}body[data-theme="light"] .bgFight .bgPlayerBar.targeted:before{color:#2a0d05!important;text-shadow:none!important;background:#e0be8c!important;border-color:#3a1709!important}body[data-theme="light"] .bgFight .bgPlayerText{color:#1d140b!important}body[data-theme="light"] .bgFight .bgPlayerSub{color:#3f3021!important} body[data-theme="light"] .toast{background:#fff2d6!important;color:#241709!important;border:1px solid #8a6a3d!important;box-shadow:0 8px 20px rgba(70,45,18,.24)!important;text-shadow:none!important}body[data-theme="win95"] .toast{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;font-family:"MS Sans Serif",Tahoma,sans-serif!important} /* v428 dragon/combat UI refinements */ body[data-theme="light"] .dragonChoices button.selected,body[data-theme="win95"] .dragonChoices button.selected{ outline:3px solid #111!important; box-shadow:0 0 0 2px #f0c35a,0 0 18px rgba(240,195,90,.70)!important; transform:translateX(4px)!important; } body[data-theme="light"] .dragonChoices button.selected{ background:linear-gradient(180deg,#f1d89d,#c98f32)!important; color:#211305!important; border-color:#111!important; } body[data-theme="win95"] .dragonChoices button.selected{ background:#ffff99!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="light"] .dragonFlee,body[data-theme="light"] .dragonReward,body[data-theme="win95"] .dragonFlee,body[data-theme="win95"] .dragonReward{ color:#f0c35a!important; text-shadow:0 0 16px rgba(230,189,87,.85),0 0 9px #000!important; } body[data-theme="light"] .combatIdleBox{ background:linear-gradient(180deg,#f1fae8,#dcefcf)!important; border-color:#5f8a3e!important; color:#223319!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important; } body[data-theme="light"] .combatIdleBox h3.green{color:#2f6b3f!important} body[data-theme="light"] .combatIdleBox p{color:#223319!important} body[data-theme="win95"] .combatIdleBox{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;box-shadow:none!important} body[data-theme="win95"] .combatIdleBox h3.green{color:#008000!important} /* v430 dragon/zone/win95 refinements */ .dragonChoices button.selected{transform:translateX(4px)!important} .dragonDamageFloat.defend{color:#5bb7ff!important;text-shadow:0 0 7px rgba(91,183,255,.75),0 0 9px #000!important} .dragonDamageFloat.supplies{color:#9ad276!important;text-shadow:0 0 7px rgba(154,210,118,.75),0 0 9px #000!important} body[data-theme="win95"] .dragonChoices button.selected{background:#000080!important;color:#fff!important;outline:2px solid #000!important;box-shadow:0 0 0 1px #fff!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important;text-shadow:none!important} body[data-theme="win95"] .tickbar .fill,body[data-theme="win95"] .tickbar #tickFill,body[data-theme="win95"] #tickFill{background:#008000!important;background-image:none!important;filter:none!important;box-shadow:none!important} /* v437 final cascade: dragon image offset + slightly more Paths bottom space */ .dragonImage{margin-left:40px!important;} .menu .panel.nav > .menuMana{padding-bottom:3px!important;margin-bottom:1px!important;} .menu .panel.nav{padding-bottom:1px!important;} /* v449 final cascade: whole left column scroll + Town Square button */ @media (min-width:901px){ .leftCol{ overflow-y:auto!important; overflow-x:hidden!important; padding-right:2px!important; scrollbar-color:#a6793d #100c08!important; scrollbar-width:thin!important; } .leftCol::-webkit-scrollbar{width:10px!important;height:10px!important} .leftCol::-webkit-scrollbar-track{background:#100c08!important;border-left:1px solid #2c2117!important} .leftCol::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b48a4e,#6f4722)!important;border:1px solid #d6a75a!important;border-radius:2px!important} .leftCol::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6a75a,#8f5f2b)!important} .leftStack{ flex:0 0 auto!important; height:auto!important; max-height:none!important; overflow:visible!important; } } .townSquareBtn{display:flex!important;align-items:center!important;gap:7px!important;padding-right:9px!important} .townSquareBtn .townSquareLabel{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .townSquareCount{flex:0 0 auto!important;margin-left:auto!important;min-width:2ch!important;text-align:right!important;color:var(--gold)!important;font-size:14px!important;font-weight:900!important} .townSquareEyeSvg{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:1.1em!important;height:1.1em!important;color:var(--blue)!important} .townSquareEyeSvg svg{display:block!important;width:100%!important;height:100%!important} /* v463 Town Square video sizing: player fills remaining view above meta and URL controls */ .communityVideoWrap{grid-template-rows:minmax(0,1fr) auto!important;} .communityVideoPlayer{min-height:260px!important;} .communityVideoMeta{position:relative!important;z-index:1!important;} .communityVideoControls{position:relative!important;z-index:2!important;} /* v472 responsive side stacking: keep center game view from being crushed on narrower desktop/Steam windows */ @media (min-width:901px) and (max-width:1500px){ body.sideStackedLeft .wrap{ grid-template-columns:285px minmax(0,1fr)!important; } body.sideStackedLeft .centerCol{ grid-column:2!important; min-width:0!important; } body.sideStackedLeft .leftCol{ grid-column:1!important; min-width:0!important; overflow-y:auto!important; overflow-x:hidden!important; } body.sideStackedLeft .rightCol{ grid-column:auto!important; grid-row:auto!important; display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; flex:0 0 auto!important; overflow:visible!important; } body.sideStackedLeft .rightCol>.news{ flex:0 0 auto!important; height:auto!important; min-height:0!important; } body.sideStackedLeft .rightCol>.side{ flex:0 0 auto!important; height:auto!important; min-height:220px!important; max-height:420px!important; } body.sideStackedLeft .rightCol>.side .scrollArea{ height:auto!important; max-height:370px!important; } body.sideStackedLeft .mainGrid:not(.noZones){ grid-template-columns:minmax(340px,430px) minmax(0,1fr)!important; } } /* v576 140% interface scale: stack Notice/Active Intel under Quests to preserve center width */ body[data-ui-scale="140"].sideStackedLeft .wrap{ grid-template-columns:285px minmax(0,1fr)!important; } body[data-ui-scale="140"].sideStackedLeft .centerCol{ grid-column:2!important; min-width:0!important; } body[data-ui-scale="140"].sideStackedLeft .leftCol{ grid-column:1!important; min-width:0!important; overflow-y:auto!important; overflow-x:hidden!important; } body[data-ui-scale="140"].sideStackedLeft .rightCol{ grid-column:auto!important; grid-row:auto!important; display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; flex:0 0 auto!important; overflow:visible!important; } body[data-ui-scale="140"].sideStackedLeft .rightCol>.news{ flex:0 0 auto!important; height:auto!important; min-height:0!important; } body[data-ui-scale="140"].sideStackedLeft .rightCol>.side{ flex:0 0 auto!important; height:auto!important; min-height:220px!important; max-height:420px!important; } body[data-ui-scale="140"].sideStackedLeft .rightCol>.side .scrollArea{ height:auto!important; max-height:370px!important; } body[data-ui-scale="140"].sideStackedLeft .mainGrid:not(.noZones){ grid-template-columns:minmax(340px,430px) minmax(0,1fr)!important; } /* v478 notice scrollbar: keep Notice bounded and scroll its body when links do not fit */ .news:not(.collapsed){display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important} .news:not(.collapsed)>.title{flex:0 0 auto!important} .news:not(.collapsed)>.newsLinks{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important} @media (min-width:901px){.news:not(.collapsed){height:205px!important;max-height:205px!important}} @media (max-width:900px){.news:not(.collapsed){max-height:40vh!important}} /* v485 dragon view edge fit + centered mobile action buttons */ .content.dragonViewHost{ padding:0!important; overflow:hidden!important; } .content.dragonViewHost > .dragonView{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; } @media (max-width:900px){ .content.dragonViewHost{ overflow:auto!important; } .content.dragonViewHost > .dragonView{ width:100%!important; min-height:70dvh!important; height:auto!important; margin:0!important; padding:10px!important; align-items:center!important; } .content.dragonViewHost .dragonChoices{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; width:min(430px,94vw)!important; max-width:100%!important; align-self:center!important; justify-self:center!important; justify-content:center!important; align-items:stretch!important; transform:none!important; margin:0 auto 10px!important; } .content.dragonViewHost .dragonChoices button{ width:100%!important; flex:initial!important; min-width:0!important; text-align:center!important; } .content.dragonViewHost .dragonChoices button.selected{ transform:none!important; } } /* v491 combat log victory color and battleground oath placement */ #combatLogList .logDetailBtn:not(.lossLogBtn){ color:var(--green)!important; } #combatLogList .logDetailBtn:not(.lossLogBtn):hover{ color:#c4f0ad!important; text-decoration:underline; } .bgOathWarning{ top:72px!important; transform:translateX(-50%)!important; } @media(max-height:720px){ .bgOathWarning{top:48px!important;font-size:22px!important;} } /* v493 dragon theme gradient + battleground oath layout correction */ body[data-theme="light"] .dragonView, body[data-theme="win95"] .dragonView, body[data-theme="light"] .content.dragonViewHost > .dragonView, body[data-theme="win95"] .content.dragonViewHost > .dragonView{ background:radial-gradient(circle at 46% 40%,rgba(74,46,11,.24),rgba(0,0,0,.88) 64%)!important; background-color:#050403!important; color:#f6e3bd!important; } .bgFight>.bgTeam, .bgFight>#bgFightBanner{ position:relative; z-index:2; } .bgFight>.bgOathWarning{ position:absolute!important; left:50%!important; right:auto!important; top:18px!important; bottom:auto!important; transform:translateX(-50%)!important; z-index:5!important; margin:0!important; } .bgFight>.bgResultNote{ position:absolute!important; left:0!important; right:0!important; bottom:10px!important; top:auto!important; transform:none!important; text-align:center!important; z-index:5!important; margin:0!important; } @media(max-height:720px){ .bgFight>.bgOathWarning{top:10px!important;font-size:22px!important;} } /* v494 battleground center overlays: keep countdown, FIGHT, victory, and defeat centered */ .bgFight>.bgTeam{ position:relative; z-index:2; } .bgFight>#bgFightBanner, .bgFight>.bgFightBanner{ position:absolute!important; inset:0!important; left:0!important; right:0!important; top:0!important; bottom:0!important; width:auto!important; height:auto!important; margin:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; z-index:6!important; pointer-events:none!important; transform-origin:center center!important; } .bgFight>#bgFightBanner.reward, .bgFight>.bgFightBanner.reward{ top:0!important; line-height:1.12; } .bgFight>.bgOathWarning{ position:absolute!important; left:50%!important; right:auto!important; top:18px!important; bottom:auto!important; transform:translateX(-50%)!important; z-index:5!important; margin:0!important; } .bgFight>.bgResultNote{ position:absolute!important; left:0!important; right:0!important; bottom:10px!important; top:auto!important; transform:none!important; text-align:center!important; z-index:5!important; margin:0!important; } /* v495 hard-center battleground countdown/FIGHT overlay. JS also applies these as inline important styles to avoid older grid rules winning. */ .bgFight #bgFightBanner.bgFightBanner{ position:absolute!important; inset:0!important; left:0!important;right:0!important;top:0!important;bottom:0!important; width:100%!important;height:100%!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; grid-column:1 / -1!important; grid-row:1 / -1!important; place-self:stretch!important; margin:0!important; padding:0!important; z-index:6!important; pointer-events:none!important; } /* v504 item popup badge spacing + live tournament bracket view */ .itemDetailTop{padding-right:132px!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;} .itemRarityBadge{min-width:92px;text-align:center;white-space:nowrap;} .bgFight.bgGrudgeFight #bgFightBanner.reward, .bgFight.bgGrudgeFight #bgFightBanner.win, .bgFight.bgGrudgeFight #bgFightBanner.loss, .bgFight.bgTournamentFight #bgFightBanner.reward, .bgFight.bgTournamentFight #bgFightBanner.win, .bgFight.bgTournamentFight #bgFightBanner.loss{ justify-content:flex-start!important; padding-top:18px!important; box-sizing:border-box!important; } .bgTournamentLivePanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(760px,92%);max-height:72%;overflow:hidden;border:1px solid #6d2a1f;background:radial-gradient(circle at 50% 0,rgba(179,18,18,.18),rgba(7,5,6,.92) 68%);box-shadow:0 0 24px rgba(0,0,0,.62),inset 0 0 18px rgba(128,0,0,.20);padding:14px;color:#dce7f7;text-align:center;pointer-events:none}.bgTournamentLivePanel.inPage{position:relative;left:auto;top:auto;transform:none;width:auto;max-height:none;margin:0 0 12px;pointer-events:auto}.bgTournamentLivePanel h3{margin:0 0 8px;color:#e6bd57;text-transform:uppercase;letter-spacing:.08em}.bgTournamentLiveMeta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#aeb8c5;font-size:12px;margin-bottom:10px}.bgTournamentBracket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:left}.bgTournamentBracketRound{border:1px solid #2d3948;background:#07101b;padding:8px;min-height:80px}.bgTournamentBracketRound h4{margin:0 0 7px;color:#d24335;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.bgTournamentMatch{border-top:1px solid rgba(255,255,255,.08);padding:6px 0}.bgTournamentMatch:first-of-type{border-top:0}.bgTournamentName{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c4ccd8}.bgTournamentName.winner{color:var(--green);font-weight:900;animation:bgTourneyWinGlow 1.5s ease 2}.bgTournamentName.loser{color:var(--red);font-weight:900;animation:bgTourneyLossGlow 1.5s ease 2}.bgTournamentName.out{color:#6e7681;filter:grayscale(1)}.bgTournamentResult{font-size:11px;color:#7f8998;margin-top:2px}.bgTournamentVs{color:#7f8998;font-size:11px;margin:1px 0}@keyframes bgTourneyWinGlow{0%,100%{text-shadow:0 0 0 rgba(154,210,118,0)}50%{text-shadow:0 0 14px rgba(154,210,118,.9)}}@keyframes bgTourneyLossGlow{0%,100%{text-shadow:0 0 0 rgba(255,107,107,0)}50%{text-shadow:0 0 14px rgba(255,107,107,.9)}}body[data-theme="light"] .bgTournamentLivePanel{background:radial-gradient(circle at 50% 0,rgba(122,29,22,.14),rgba(255,246,229,.96) 68%)!important;color:#2b2118!important;border-color:#8f5836!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="light"] .bgTournamentBracketRound{background:#fffdf7!important;color:#2b2118!important;border-color:#96764f!important}body[data-theme="win95"] .bgTournamentLivePanel{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="win95"] .bgTournamentBracketRound{background:#fff!important;color:#000!important;border:2px solid!important;border-color:#404040 #fff #fff #404040!important} /* v510 battleground manual-target warning */ .bgNeedsTargetWarning{position:absolute!important;left:50%!important;top:14px!important;transform:translateX(-50%)!important;z-index:7!important;max-width:min(720px,84%);padding:10px 16px;border:1px solid #8b2b23;background:linear-gradient(180deg,rgba(44,12,10,.96),rgba(10,5,6,.96));box-shadow:0 0 18px rgba(179,18,18,.34),inset 0 0 16px rgba(230,189,87,.08);color:#e6bd57;text-align:center;font-family:Georgia,serif;font-size:20px;font-weight:900;line-height:1.15;letter-spacing:.03em;text-shadow:0 0 10px #000,0 0 12px rgba(179,18,18,.45);pointer-events:none}.bgNeedsTargetWarning small{display:block;margin-top:4px;color:#b9a376;font:700 11px Consolas,Monaco,monospace;letter-spacing:.10em;text-transform:uppercase}body[data-theme="light"] .bgNeedsTargetWarning{background:rgba(255,246,229,.94)!important;color:#7b1d16!important;border-color:#8f5836!important;box-shadow:none!important;text-shadow:none!important}body[data-theme="light"] .bgNeedsTargetWarning small{color:#6f4d31!important}body[data-theme="win95"] .bgNeedsTargetWarning{background:#c0c0c0!important;color:#800000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;box-shadow:none!important;text-shadow:none!important;font-family:Georgia,serif}body[data-theme="win95"] .bgNeedsTargetWarning small{color:#000!important}@media(max-height:720px){.bgNeedsTargetWarning{top:8px!important;font-size:17px!important;padding:8px 12px!important}} /* v511 scale/overflow polish */ .settingsShell{height:100%!important;min-height:0!important;overflow:hidden!important}.settingsNav{min-height:0!important;overflow:auto!important;scrollbar-gutter:stable}.settingsContent{min-height:0!important;overflow:auto!important;max-height:100%!important}.settingsContent .helpTable{min-width:720px} .content.combatView{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:auto!important}.content.combatView #combatIntroSlot,.content.combatView #combatResultSlot,.content.combatView h3{flex:0 0 auto!important}.content.combatView #combatLogList{flex:1 1 auto!important;min-height:115px!important;height:auto!important;overflow:auto!important}.combatTools{display:inline-flex!important;gap:6px;flex-wrap:wrap;vertical-align:middle} .content.inventoryView{overflow:auto!important;min-height:0!important}.content.inventoryView .invLayout{height:100%!important;min-height:0!important;overflow:hidden!important;grid-template-columns:minmax(260px,.92fr) minmax(320px,1.08fr)!important}.content.inventoryView .invCol{min-height:0!important;overflow:auto!important}.content.inventoryView .invCol:last-child{display:flex!important;flex-direction:column!important;overflow:hidden!important}.content.inventoryView .invList{flex:1 1 auto!important;min-height:120px!important;height:auto!important;overflow:auto!important} @media (min-width:901px){.content.inventoryView .equipCards{grid-template-columns:repeat(2,minmax(130px,1fr))!important;gap:calc(10px * var(--equipCompact,1))!important;overflow:visible!important}.content.inventoryView .equipCard{height:calc(96px * var(--equipCompact,1))!important;min-height:64px!important;padding:calc(10px * var(--equipCompact,1))!important}.content.inventoryView .equipName{font-size:calc(18px * var(--equipCompact,1))!important;padding:calc(14px * var(--equipCompact,1)) calc(16px * var(--equipCompact,1)) calc(6px * var(--equipCompact,1))!important}.content.inventoryView .equipSlot,.content.inventoryView .equipIlvl{font-size:calc(12px * var(--equipCompact,1))!important}.content.inventoryView .equipStab{font-size:calc(11px * var(--equipCompact,1))!important}} .gearAutoWrap{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:auto!important}.gearAutoRules,.gearAutoEditor,.gearAutoPanel{min-height:0!important;overflow:auto!important}.gearAutoTop{flex:0 0 auto!important}.gearAutoWrap.rulesMode .gearAutoPanel,.gearAutoWrap.rulesMode .gearAutoTabs{flex:0 0 auto!important} .trainingShell{min-height:0!important;height:100%!important;overflow:hidden!important}.trainingNav{min-height:0!important;overflow:auto!important;scrollbar-gutter:stable!important}.trainingContent{min-height:0!important;overflow:auto!important}.trainingLockedCompact .trainingLockedGrid{max-height:260px;overflow:auto} .modal{overflow:auto!important;padding:calc(16px * var(--modalBoxScale,1))!important}.modalCard,.combatModalCard,.infoModalCard{font-size:calc(15px * var(--modalScale,1))!important;line-height:1.35!important;max-height:calc(88vh - (24px * var(--modalBoxScale,1)))!important;overflow:auto!important;max-width:calc(96vw - 24px)!important}.modalCard{width:min(calc(480px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.lootFilterModalCard{width:min(calc(420px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.massDismantleModalCard{width:min(calc(560px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.plfModalCard{width:min(calc(820px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.combatModalCard{width:min(calc(960px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.infoModalCard{width:min(calc(760px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.gearSetModal{width:min(calc(640px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.gearSetNameModal{width:min(calc(560px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.gearSetPreviewModal{width:min(calc(1180px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.idleConfirmCard{width:min(calc(600px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.bonusModal{width:min(calc(980px * var(--modalBoxScale,1)),calc(96vw - 24px))!important}.plfRules,.plfEditorGrid,.plfConfirmGrid,.massDismantleConfirm{max-height:calc(64vh - 18px)!important;overflow:auto!important}.modalCard input,.modalCard select,.modalCard textarea,.modalCard button{font-size:inherit}.toast{font-size:calc(13px * var(--modalScale,1))!important;right:calc(16px * var(--modalBoxScale,1))!important;bottom:calc(16px * var(--modalBoxScale,1))!important;max-width:min(calc(420px * var(--modalBoxScale,1)),calc(92vw - 24px))!important;overflow-wrap:anywhere} /* v514 high-scale modal controls + equipment column overflow */ .modalCard button,.combatModalCard button,.infoModalCard button,.idleConfirmCard button,.plfModalCard button,.lootFilterModalCard button,.massDismantleModalCard button,.gearSetModal button,.bonusModal button{font-size:calc(15px * var(--modalButtonScale,1))!important;line-height:1.24!important;padding:calc(7px * var(--modalButtonScale,1)) calc(10px * var(--modalButtonScale,1))!important;min-height:calc(34px * var(--modalButtonScale,1))!important}.modalCard .modalClose,.combatModalCard .modalClose,.infoModalCard .modalClose{font-size:calc(22px * var(--modalButtonScale,1))!important;line-height:1!important;padding:0 calc(7px * var(--modalButtonScale,1))!important;min-height:calc(30px * var(--modalButtonScale,1))!important}.modalActions,.idleConfirmActions,.massDismantleActions,.autoDismantleActions,.legendaryConfirmActions,.gearSetActions{gap:calc(8px * var(--modalButtonScale,1))!important}.modalCard input,.modalCard select,.modalCard textarea,.combatModalCard input,.combatModalCard select,.combatModalCard textarea,.infoModalCard input,.infoModalCard select,.infoModalCard textarea{font-size:calc(15px * var(--modalScale,1))!important;line-height:1.28!important;padding:calc(8px * var(--modalButtonScale,1))!important}.content.inventoryView #equipScrollCol{min-height:0!important;overflow:auto!important;scrollbar-gutter:auto!important}.content.inventoryView #equipScrollCol .equipCards{overflow:visible!important}.content.inventoryView #equipScrollCol::-webkit-scrollbar{width:auto}@media (min-width:901px){.content.inventoryView #equipScrollCol{max-height:100%!important}.content.inventoryView #equipCards{padding-bottom:4px!important}} /* v515 Equipment & Inventory viewport-level overflow: show the main view scrollbar only when the equipped gear bottom row is mostly outside the visible view. */ .content.inventoryView:not(.inventoryNeedsViewScroll){overflow:hidden!important} .content.inventoryView:not(.inventoryNeedsViewScroll) .invLayout{height:100%!important;min-height:0!important;overflow:hidden!important} .content.inventoryView:not(.inventoryNeedsViewScroll) #equipScrollCol{overflow:hidden!important;scrollbar-gutter:auto!important} .content.inventoryView.inventoryNeedsViewScroll{overflow:auto!important} .content.inventoryView.inventoryNeedsViewScroll .invLayout{height:auto!important;min-height:100%!important;overflow:visible!important} .content.inventoryView.inventoryNeedsViewScroll #equipScrollCol{overflow:visible!important} .content.inventoryView.inventoryNeedsViewScroll #equipScrollCol .equipCards{overflow:visible!important} /* v518: @everyone flash is a single two-pulse sequence with no trailing half-pulse */ .chat.everyoneFlash{ animation:chatEveryoneFrameV518 .96s ease-in-out 0s 1 forwards!important; border-color:var(--gold)!important; overflow:hidden!important; } .chat.everyoneFlash:before{ content:""; position:absolute; inset:0; z-index:9; pointer-events:none; background: radial-gradient(circle at 18% 22%,rgba(255,242,168,.72),rgba(230,189,87,.25) 19%,rgba(230,189,87,0) 42%), radial-gradient(circle at 78% 72%,rgba(255,242,168,.58),rgba(230,189,87,.22) 22%,rgba(230,189,87,0) 46%), linear-gradient(90deg,rgba(230,189,87,.10),rgba(255,232,154,.45),rgba(230,189,87,.10)); box-shadow:inset 0 0 70px rgba(230,189,87,.68),0 0 36px rgba(230,189,87,.72); mix-blend-mode:screen; animation:chatEveryoneSweepV518 .96s ease-in-out 0s 1 forwards!important; } .chat.everyoneFlash:after{ content:""; position:absolute; inset:0; z-index:10; pointer-events:none; border:3px solid rgba(255,236,157,.98); outline:2px solid rgba(230,189,87,.55); box-shadow:inset 0 0 44px rgba(255,219,116,.62),0 0 32px rgba(230,189,87,.80),0 0 72px rgba(230,189,87,.36); animation:chatEveryoneRingV518 .96s ease-in-out 0s 1 forwards!important; } @keyframes chatEveryoneFrameV518{ 0%,8%,42%,58%,92%,100%{box-shadow:inset 0 0 0 rgba(230,189,87,0),0 0 0 rgba(230,189,87,0);filter:brightness(1)} 22%,72%{box-shadow:inset 0 0 42px rgba(230,189,87,.72),0 0 34px rgba(230,189,87,.66);filter:brightness(1.20)} } @keyframes chatEveryoneSweepV518{ 0%,8%,42%,58%,92%,100%{opacity:0;transform:translateX(-8%) scale(.985)} 22%,72%{opacity:1;transform:translateX(0) scale(1.018)} } @keyframes chatEveryoneRingV518{ 0%,8%,42%,58%,92%,100%{opacity:0} 22%,72%{opacity:1} } @media (min-width:901px){ .user:not(.collapsed),.stats:not(.collapsed){flex:0 0 auto!important;height:auto!important;min-height:0!important} .user:not(.collapsed)>.panel,.stats:not(.collapsed)>.panel{padding-bottom:8px!important} .stats:not(.collapsed) .grid4{align-content:start!important} .content.settingsView{overflow:auto!important;padding:0!important} .content.settingsView .settingsShell{height:auto!important;min-height:0!important;overflow:visible!important;align-items:start!important;padding:12px!important} .content.settingsView .settingsNav{max-height:calc((100vh / var(--uiScale)) - 120px)!important;overflow:auto!important} .content.settingsView .settingsContent{max-height:none!important;overflow:visible!important;padding-top:0!important;padding-bottom:0!important} .content.gearAutomationView .gearAutoWrap{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important} .content.inventoryView:not(.inventoryNeedsViewScroll) .invLayout{min-height:0!important} body[data-ui-scale="130"] .content.inventoryView:not(.inventoryNeedsViewScroll) .invLayout, body[data-ui-scale="140"] .content.inventoryView:not(.inventoryNeedsViewScroll) .invLayout{height:auto!important} } /* v521 Town Crier glow + Wanderer bar/name sizing + marketplace full-inventory tip */ .newsLink.townCrierGlow{color:var(--purple)!important;text-shadow:0 0 7px rgba(216,134,255,.95),0 0 15px rgba(216,134,255,.75),0 0 26px rgba(216,134,255,.42);animation:townCrierPurpleGlowV521 1.2s ease-in-out infinite} @keyframes townCrierPurpleGlowV521{0%,100%{filter:brightness(1)}50%{filter:brightness(1.45)}} .user .name{font-size:24.7px!important;line-height:1.18!important;padding-top:8px!important;padding-bottom:8px!important} .user .bar:not(.tickbar){height:23px!important} .user .bar:not(.tickbar) span{font-size:14px!important;line-height:23px!important;font-weight:900!important} .contractsBox #questMini .bar .fill{background:linear-gradient(90deg,var(--pilgrimagePurple,var(--purple)),var(--pilgrimagePurple2,#b16cff))!important;box-shadow:0 0 10px rgba(185,135,255,.34)!important} .contractsBox #questMini .bar.complete .fill{background:linear-gradient(90deg,#f0c35a,#ffe39a,#f0c35a)!important;box-shadow:0 0 12px rgba(240,195,90,.85),0 0 24px rgba(240,195,90,.42)!important;animation:questMiniGoldGlowV519 1.35s ease-in-out infinite!important} .marketFullInventoryBtn{border-color:var(--red)!important;color:var(--red)!important;cursor:help!important} /* v527: match Wanderer HP/XP bar height and text sizing; HP text stays non-bold. */ .user .bar.hp,.user .bar.xp{height:26px!important} .user .bar.hp span,.user .bar.xp span{font-size:14px!important;line-height:26px!important} .user .bar.hp span,#hpTxt{font-weight:400!important} /* v528: show active Crest next to Wanderer name. */ .user .name{display:flex!important;align-items:center;justify-content:center;gap:7px} .wandererCrest{display:inline-flex;width:1.08em;height:1.08em;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:-.12em} .wandererCrest:empty{display:none!important} .wandererCrest .svgEmoji{width:1.08em;height:1.08em} /* v542 Combat combat log viewport fill: keep the Combat view itself from scrolling and let the combat log consume the remaining height down to the panel edge. */ .content.combatView{ height:100%!important; min-height:0!important; overflow:hidden!important; padding-bottom:0!important; } .content.combatView #combatIntroSlot, .content.combatView #combatResultSlot, .content.combatView h3{ flex:0 0 auto!important; } .content.combatView #combatLogList{ flex:1 1 0!important; min-height:0!important; height:auto!important; max-height:none!important; overflow:auto!important; margin-bottom:0!important; padding-bottom:2px!important; } /* v549: keep the default game UI masked until authentication succeeds, and force the login layer visible while auth is unresolved. */ body.authGate .wrap, body.authGate .mobileJumpBar{ visibility:hidden!important; pointer-events:none!important; } body.authGate #auth{ display:flex!important; } body.authGate #auth.authForceVisible{ display:flex!important; } body.steamElectronClient .nav button[data-tab="premium"], body.steamElectronClient .premiumPurchaseOnly{display:none!important} :root{--mirrorbrandBlue:#1ab8c2;--mirrorbrandBlueGlow:rgba(26,184,194,.62);--soulscalePurple:var(--purple);--soulscalePurpleGlow:rgba(216,134,255,.55);--rarity-epic:#a855f7;} .augMirror,.essenceTip .augMirror,.mirrorbrandText,.rarity-mirrorbrand,.marketCommodityMirror,.marketCommodityLabel.marketCommodityMirror,.marketCommodityOpt.active.marketCommodityMirror,.marketCommodityOpt .marketCommodityLabel.marketCommodityMirror,.marketCommodityPickBtn .marketCommodityLabel.marketCommodityMirror,.chatItem.mirrorbrand,.chatItem.rarity-mirrorbrand{color:var(--mirrorbrandBlue)!important;text-shadow:0 0 8px var(--mirrorbrandBlueGlow),0 0 16px rgba(26,184,194,.32)!important} .item.mirrorbrand,.equipCard.mirrorbrand,.modalCard.mirrorbrand,.gearSetSlot.mirrorbrand{border-color:var(--mirrorbrandBlue)!important;box-shadow:0 0 18px rgba(26,184,194,.24) inset,0 0 16px rgba(26,184,194,.14)!important} .equipCard.mirrorbrand .equipIlvl,.gearSetSlot.mirrorbrand .equipIlvl,.equipCard.mirrorbrand .equipName,.gearSetSlot.mirrorbrand .equipName,.gearSetSlot.mirrorbrand .equipStab{color:var(--mirrorbrandBlue)!important;text-shadow:0 0 8px rgba(26,184,194,.38)!important} .augSoulscale,.essenceTip .augSoulscale,.soulscaleText,.marketCommoditySoulscale,.marketCommodityLabel.marketCommoditySoulscale,.marketCommodityOpt.active.marketCommoditySoulscale,.marketCommodityOpt .marketCommodityLabel.marketCommoditySoulscale,.marketCommodityPickBtn .marketCommodityLabel.marketCommoditySoulscale,.marketCommodityOpt:not(.active) .marketCommodityLabel.marketCommoditySoulscale{color:var(--soulscalePurple)!important;text-shadow:0 0 8px var(--soulscalePurpleGlow),0 0 16px rgba(216,134,255,.28)!important;font-weight:900} .legendarySelect.theme-mirrorbrand,.legendarySelect option.legendaryOptMirror{color:var(--mirrorbrandBlue)!important;text-shadow:0 0 8px var(--mirrorbrandBlueGlow)!important} .legendarySelect.theme-soulscale,.legendarySelect option.legendaryOptSoulscale{color:var(--soulscalePurple)!important;text-shadow:0 0 8px var(--soulscalePurpleGlow)!important} .legendarySelect option.legendaryOptPale{color:#fff4d0!important}.legendarySelect option.legendaryOptOrb{color:#ff9f2f!important}.legendarySelect option.legendaryOptNone{color:#ffd8a3!important} .legendaryButton.legendaryBtnMirror,.legendaryConfirm.theme-mirrorbrand .legendaryButton{border-color:#63eee8!important;color:#031919!important;background:linear-gradient(90deg,#083f43,var(--mirrorbrandBlue),#c8fffb,var(--mirrorbrandBlue),#083f43)!important;box-shadow:0 0 18px rgba(26,184,194,.62),inset 0 0 10px rgba(255,255,255,.42)!important} .legendaryButton.legendaryBtnSoulscale,.legendaryConfirm.theme-soulscale .legendaryButton{border-color:var(--soulscalePurple)!important;color:#17051f!important;background:linear-gradient(90deg,#4e1766,var(--soulscalePurple),#f0dcff,var(--soulscalePurple),#4e1766)!important;box-shadow:0 0 18px rgba(216,134,255,.62),inset 0 0 10px rgba(255,255,255,.42)!important} .legendaryButton.legendaryBtnPale,.legendaryConfirm.theme-pale .legendaryButton{border-color:#ffffff!important;color:#07100b!important;background:linear-gradient(90deg,#dfe9df,#ffffff,#f7fff3,#ffffff,#dfe9df)!important;box-shadow:0 0 18px rgba(255,255,255,.75),0 0 32px rgba(220,255,220,.34),inset 0 0 12px rgba(255,255,255,.72)!important;text-shadow:0 0 6px rgba(255,255,255,.45)!important} .legendaryConfirm.theme-mirrorbrand h3{color:var(--mirrorbrandBlue)!important;text-shadow:0 0 10px rgba(26,184,194,.38)!important}.legendaryConfirm.theme-soulscale h3{color:var(--soulscalePurple)!important;text-shadow:0 0 10px rgba(216,134,255,.38)!important} /* v539 Legendary augment consume button gradients: subtler controls only, confirmations unchanged. */ .legendaryAugmentControls .legendaryButton.legendaryBtnMirror{border-color:#45d7d1!important;color:#dcfffb!important;background:linear-gradient(180deg,#0d393c 0%,#17656a 48%,#10464a 100%)!important;box-shadow:0 0 12px rgba(26,184,194,.34),inset 0 0 8px rgba(195,236,255,.14)!important;text-shadow:0 0 6px rgba(195,236,255,.28)!important} .legendaryAugmentControls .legendaryButton.legendaryBtnSoulscale{border-color:var(--soulscalePurple)!important;color:#f3dcff!important;background:linear-gradient(180deg,#3b174d 0%,#6d2e8d 48%,#411955 100%)!important;box-shadow:0 0 12px rgba(216,134,255,.34),inset 0 0 8px rgba(240,220,255,.14)!important;text-shadow:0 0 6px rgba(240,220,255,.28)!important} .legendaryAugmentControls .legendaryButton.legendaryBtnOrb{border-color:#d68b33!important;color:#ffe2ba!important;background:linear-gradient(180deg,#3a1e09 0%,#8b4c17 48%,#482606 100%)!important;box-shadow:0 0 12px rgba(255,159,47,.30),inset 0 0 8px rgba(255,230,185,.13)!important;text-shadow:0 0 6px rgba(255,207,134,.26)!important} #chatTabs{user-select:none}#chatTabs button{transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease, margin .16s ease;will-change:transform;cursor:grab;-webkit-user-drag:none;user-select:none;touch-action:none}#chatTabs button.dragging{cursor:grabbing!important;opacity:.62;transform:scale(.98);box-shadow:0 0 12px rgba(91,183,255,.24)}#chatTabs button.dragOver{box-shadow:inset 0 -3px 0 var(--gold),0 0 10px rgba(230,189,87,.24)}body.chatTabDragging,body.chatTabDragging *,html.chatTabDragging,html.chatTabDragging *{cursor:grabbing!important;user-select:none!important} .idleConfirmCard.theme-premium{border-color:var(--gold)!important;box-shadow:0 0 24px rgba(230,189,87,.30),inset 0 0 20px rgba(0,0,0,.42)!important}.idleConfirmCard.theme-premium h3{color:var(--gold);text-transform:uppercase;letter-spacing:.07em}.idleConfirmCard.theme-premium .confirmPrimary{border-color:var(--gold)!important;color:#160f03!important;background:linear-gradient(90deg,#8a6418,var(--gold),#fff0b8,var(--gold),#8a6418)!important;font-weight:900}.idleConfirmCard.theme-premium-active{border-color:var(--purple)!important;box-shadow:0 0 24px rgba(216,134,255,.30),inset 0 0 20px rgba(0,0,0,.42)!important}.idleConfirmCard.theme-premium-active h3{color:var(--purple);text-transform:uppercase;letter-spacing:.07em}.idleConfirmCard.theme-premium-active .confirmPrimary{border-color:var(--purple)!important;color:#17051f!important;background:linear-gradient(90deg,#4e1766,var(--purple),#f0dcff,var(--purple),#4e1766)!important;font-weight:900} body[data-theme="light"] .augMirror,body[data-theme="light"] .essenceTip .augMirror,body[data-theme="light"] .mirrorbrandText,body[data-theme="light"] .marketCommodityMirror{color:#087d83!important;text-shadow:none!important}body[data-theme="light"] .augSoulscale,body[data-theme="light"] .essenceTip .augSoulscale,body[data-theme="light"] .soulscaleText,body[data-theme="light"] .marketCommoditySoulscale{color:#8d4ed8!important;text-shadow:none!important} body[data-theme="win95"] .augMirror,body[data-theme="win95"] .essenceTip .augMirror,body[data-theme="win95"] .mirrorbrandText,body[data-theme="win95"] .marketCommodityMirror,body[data-theme="win95"] .augSoulscale,body[data-theme="win95"] .essenceTip .augSoulscale,body[data-theme="win95"] .soulscaleText,body[data-theme="win95"] .marketCommoditySoulscale{color:#000!important;text-shadow:none!important} /* v519 Soulscale/training/quest bar polish */ :root{--pilgrimagePurple:var(--purple);--pilgrimagePurple2:#b16cff} #xpFill{background:linear-gradient(90deg,var(--pilgrimagePurple),var(--pilgrimagePurple2))!important;box-shadow:0 0 10px rgba(185,135,255,.34)!important} .trainingNav button.trainingTonePurple{color:var(--pilgrimagePurple)!important;border-left:3px solid transparent!important;text-shadow:0 0 8px rgba(185,135,255,.22)!important} .trainingNav button.trainingTonePurple.active{background:rgba(185,135,255,.13)!important;color:#dcc5ff!important;border-left-color:var(--pilgrimagePurple)!important;box-shadow:inset 0 0 10px rgba(185,135,255,.12)!important} .trainingNav button.trainingTonePurple:hover{background:rgba(185,135,255,.18)!important;color:#fff!important} .contractsBox #questMini .questMiniBar .fill{background:linear-gradient(90deg,var(--pilgrimagePurple),var(--pilgrimagePurple2))!important;box-shadow:0 0 10px rgba(185,135,255,.34)!important} .contractsBox #questMini .questMiniBar.complete .fill{background:linear-gradient(90deg,#f0c35a,#ffe39a,#f0c35a)!important;box-shadow:0 0 12px rgba(240,195,90,.85),0 0 24px rgba(240,195,90,.42)!important;animation:questMiniGoldGlowV519 1.35s ease-in-out infinite!important} @keyframes questMiniGoldGlowV519{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}} body[data-theme="light"] #xpFill,body[data-theme="light"] .contractsBox #questMini .questMiniBar .fill{background:linear-gradient(90deg,var(--pilgrimagePurple),#8d4ed8)!important;filter:none!important} body[data-theme="win95"] #xpFill,body[data-theme="win95"] .contractsBox #questMini .questMiniBar .fill{background:#800080!important;box-shadow:none!important;filter:none!important} body[data-theme="win95"] .contractsBox #questMini .questMiniBar.complete .fill{background:#ffff00!important;box-shadow:none!important;animation:none!important} /* v523 gear automation editor fills the available view; Premium Loot Filter no longer exposes signature conditions. */ .content.gearAutomationView{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important} .content.gearAutomationView .gearAutoWrap{height:100%!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} .content.gearAutomationView .gearAutoTop{flex:0 0 auto!important} .content.gearAutomationView .gearAutoWrap.editorMode .gearAutoEditor{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding-bottom:24px!important} .content.gearAutomationView .gearAutoWrap.rulesMode .gearAutoRules{flex:1 1 auto!important;min-height:0!important;overflow:auto!important} .spectateChatPanel{position:fixed!important;top:76px!important;right:8px!important;z-index:2147482999!important;width:min(460px,calc(100vw - 16px))!important;max-height:min(520px,calc(100vh - 92px))!important;background:rgba(10,18,30,.97)!important;border:1px solid #607489!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important;pointer-events:auto!important;overflow:hidden!important;color:var(--text)!important} .spectateChatHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding:8px 10px!important;border-bottom:1px solid rgba(96,116,137,.7)!important;background:rgba(15,27,39,.96)!important} .spectateChatHead b{color:#dff7ff!important;font-size:12px!important;letter-spacing:.04em!important}.spectateChatHead span{font-size:11px!important;white-space:nowrap!important} .spectateChatRooms{display:flex!important;gap:5px!important;flex-wrap:wrap!important;padding:7px 8px!important;border-bottom:1px solid rgba(96,116,137,.45)!important}.spectateChatRooms button{font-size:11px!important;padding:4px 7px!important}.spectateChatRooms button.active{background:var(--blue)!important;color:#06101b!important;border-color:var(--blue)!important} .spectateChatLog{max-height:390px!important;overflow:auto!important;padding:8px 10px!important;font-size:12px!important;line-height:1.35!important}.spectateChatMsg{padding:2px 0!important;border-bottom:1px solid rgba(255,255,255,.035)!important;overflow-wrap:anywhere!important}.spectateChatEmpty{padding:10px 0!important}.spectateChatWhisperThread{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 10px!important;padding:5px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.spectateChatWhisperThread b{color:var(--purple)!important}.spectateChatWhisperThread small{grid-column:1 / -1!important} /* Loam Harrowing / Alembic */ .loamNavCards{display:contents}.loamNavBtn{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #506b5a;background:linear-gradient(180deg,#132217,#08110b);color:#dce7f7;font-weight:900;text-transform:uppercase}.loamNavBtn:hover{border-color:var(--green);box-shadow:0 0 14px rgba(154,210,118,.18)}.loamRiceIcon{width:46px;height:42px}.potionSvg{width:42px;height:42px;display:block}.potionSvg.small{width:44px;height:44px}.potionSvg.mini{width:25px;height:25px}.loamShell{height:100%;display:flex;flex-direction:column;gap:12px}.loamTop{display:flex;gap:10px;justify-content:flex-end}.loamPlotWrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loamPlot{width:280px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid #3c4a34;background:radial-gradient(circle at 50% 55%,#2c2418,#120e09 68%,#090705);box-shadow:inset 0 0 30px rgba(0,0,0,.75),0 0 24px rgba(0,0,0,.45);color:#d9c7a1;font-weight:900;text-transform:uppercase}.loamPlot .loamRiceIcon{width:76px;height:72px}.loamPlot.tilled{border-color:#806333;background:radial-gradient(circle,#46351d,#181008 72%)}.loamPlot.sown{border-color:#9ad276;background:radial-gradient(circle,#29381f,#141b10 72%)}.loamPlot.growing{border-color:#5fe0b5;background:radial-gradient(circle,#223d31,#101915 72%)}.loamPlot.harvestable{border-color:var(--gold);box-shadow:inset 0 0 30px rgba(0,0,0,.7),0 0 24px rgba(230,189,87,.32)}.loamUnsow{border-color:var(--red);color:#ffd4d4}.loamGrowMeta{width:320px;display:flex;flex-direction:column;gap:8px;align-items:center}.loamProgress{width:100%;height:20px;border:1px solid #5d6772;background:#111820;overflow:hidden}.loamProgress div{height:100%;background:linear-gradient(90deg,var(--purple),#7dd3ff)}.loamTimer{font-weight:900}.loamReady{font-weight:900;text-shadow:0 0 8px rgba(230,189,87,.25)}.loamSeedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.loamSeedChoice{font-weight:900;text-transform:uppercase}.potionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;padding-right:4px}.potionCard{border:1px solid #44556a;background:linear-gradient(180deg,#111b26,#080d13);padding:10px;border-radius:4px;box-shadow:inset 0 0 0 1px #000}.potionCard h3{margin:4px 0 6px;font-size:14px}.potionCard p{min-height:74px;margin:0 0 8px}.potionCard .potionLore{min-height:58px;margin:0 0 6px}.potionEffect{min-height:42px;margin:0 0 8px;color:var(--green);font-size:12px;line-height:1.28;font-weight:900}.alembicRuleBlurb{max-width:none;width:100%;align-self:stretch}.alembicRuleBlurb p{margin-top:5px} .potionIcon{display:flex;justify-content:center;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--potionColor),transparent 55%))}.potionCost,.potionOwned{font-size:12px;margin:4px 0}.potionActions{display:flex;gap:8px;margin-top:8px}.potionActions button{flex:1}.potionFlash{animation:potionFlash .45s ease-out}@keyframes potionFlash{0%{box-shadow:0 0 0 rgba(255,255,255,0)}35%{box-shadow:0 0 20px var(--potionColor);border-color:var(--potionColor)}100%{box-shadow:0 0 0 rgba(255,255,255,0)}}.woundmossBtn{position:absolute;right:-35px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:2px;display:flex;align-items:center;justify-content:center;border-color:#9ad276;background:#101b12;z-index:5}.woundmossBtn.disabled{opacity:.45;cursor:not-allowed}.bgPlayerBar{position:relative}.loamView .resourceLog{display:none} /* Loam/Alembic refinement */ .ledgerHover{cursor:pointer} .loamNavBtn{min-height:58px!important;flex-direction:row!important;justify-content:flex-start!important;padding:8px 12px!important;gap:10px!important;text-align:left!important} .loamNavBtn .loamRiceIcon,.loamNavBtn .potionSvg.small{flex:0 0 auto;width:30px!important;height:30px!important} .loamTopNavBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:6px 10px!important;min-height:34px!important} .loamTopNavBtn .loamRiceIcon,.loamTopNavBtn .potionSvg.small{width:24px!important;height:24px!important;flex:0 0 auto} .loamPlot{width:210px!important;height:210px!important} .loamPlot .loamRiceIcon{width:58px!important;height:54px!important} .loamGrowMeta{width:260px!important} .loamWaterWarning{width:260px;box-sizing:border-box;border:1px solid #d8a24a;background:linear-gradient(180deg,rgba(79,45,12,.92),rgba(25,16,8,.96));color:#ffe8a7;padding:8px 10px;border-radius:4px;text-align:center;box-shadow:0 0 16px rgba(216,162,74,.20),inset 0 0 0 1px rgba(0,0,0,.45);text-transform:uppercase;font-weight:900;letter-spacing:.04em} .loamWaterWarning:before{content:'⚠';display:inline-block;margin-right:6px;color:#ffd36b;text-shadow:0 0 8px rgba(216,162,74,.45)} .loamWaterWarning b{display:inline;color:#ffd36b}.loamWaterWarning span{display:block;margin-top:4px;color:#eadcc4;font-size:11px;line-height:1.25;text-transform:none;letter-spacing:0;font-weight:800} .loamSeedChoice{color:var(--herbColor)!important;font-weight:900!important} .potionGrid{padding:14px 8px 18px 4px!important;align-items:start} .potionCard{padding-top:16px!important;overflow:visible!important} .potionIcon{min-height:54px!important;align-items:center;overflow:visible!important;margin-bottom:4px} .potionIcon .potionSvg{width:48px!important;height:48px!important;overflow:visible!important} .potionActions button.disabled,.potionActions button[aria-disabled="true"]{opacity:.45!important;filter:grayscale(.85);cursor:not-allowed!important;color:#8c949f!important;border-color:#46515d!important;background:#111820!important} /* v593 requested UI/cost polish */ #combatLogList .logPrefix{width:20px!important;height:20px!important;line-height:0!important;font-size:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:-.24em!important;box-sizing:border-box!important} #combatLogList .combatLogSigil{width:17px!important;height:17px!important;margin:auto!important;display:block!important} .potionSvg{overflow:visible!important} .loamNavBtn .potionSvg.small{width:34px!important;height:34px!important;min-width:34px!important;overflow:visible!important} .loamTopNavBtn .potionSvg.small{width:30px!important;height:30px!important;min-width:30px!important;overflow:visible!important} .loamTopNavBtn{min-height:38px!important;padding:5px 12px!important;overflow:visible!important} .loamNavBtn{overflow:visible!important} .potionActions .woundmossBattlegroundOnly{font-size:10.5px!important;white-space:nowrap!important;padding-left:4px!important;padding-right:4px!important;letter-spacing:-.02em!important} /* v594 Woundmoss battleground placement */ .bgPlayerBar.teamA .woundmossBtn{left:-35px!important;right:auto!important} .bgPlayerBar.teamB .woundmossBtn{right:-35px!important;left:auto!important} /* v597 combat log sigil recenter + battleground Woundmoss top placement */ #combatLogList .logLine{ display:flex!important; align-items:center!important; gap:0!important; line-height:1.34!important; white-space:nowrap!important; } #combatLogList .logPrefix{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:20px!important; height:20px!important; flex:0 0 20px!important; line-height:1!important; font-size:0!important; padding:0!important; margin:0 5px 0 0!important; vertical-align:middle!important; box-sizing:border-box!important; } #combatLogList .combatLogSigil{ display:block!important; width:18px!important; height:18px!important; margin:0!important; overflow:visible!important; transform:none!important; filter:drop-shadow(0 0 3px var(--sigilGlow))!important; } #combatLogList .combatLogSigil .sigilFrame{ fill:var(--sigilDark)!important; stroke:var(--sigilColor)!important; stroke-width:1.7!important; vector-effect:non-scaling-stroke!important; } #combatLogList .combatLogSigil .sigilMark{ fill:none!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; vector-effect:non-scaling-stroke!important; } #combatLogList .logDetailBtn, #combatLogList .logDetailDisabled{ align-self:center!important; margin:0!important; vertical-align:middle!important; } #combatLogList .combatLogTypePair{ display:inline-flex!important; align-items:center!important; gap:2px!important; margin:0 4px 0 0!important; line-height:1!important; flex:0 0 auto!important; } #combatLogList .combatLogTypePair .svgTraitWrap{ display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0!important; line-height:1!important; } #combatLogList .combatLogTypePair .svgTraitWrap + .svgTraitWrap{ margin-left:0!important; } .loamHarrowShell .loamTopNavBtn .potionSvg.small{ width:24px!important; height:24px!important; min-width:24px!important; } .woundmossFightTop{ position:absolute!important; left:0!important; right:0!important; width:100%; height:32px; display:flex; align-items:center; margin:0!important; pointer-events:none; z-index:5; } .bgTeamA .woundmossFightTop{justify-content:flex-start;} .bgTeamB .woundmossFightTop{justify-content:flex-end;} .woundmossFightTop .woundmossFightTopBtn{pointer-events:auto;} .woundmossFightTopBtn{ width:32px!important; height:32px!important; padding:3px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-color:#9ad276!important; background:#101b12!important; box-shadow:0 0 10px rgba(154,210,118,.18)!important; } .woundmossFightTopBtn .potionSvg.mini{ width:18px!important; height:18px!important; min-width:18px!important; } .woundmossFightTopBtn.disabled{ opacity:.45!important; cursor:not-allowed!important; filter:saturate(.65)!important; } /* The Woundmoss button is no longer attached to individual health bars. */ .bgPlayerBar .woundmossBtn{display:none!important;} /* v603 ledger/loam/mobile-scroll refinements */ .ledgerHover{cursor:pointer} .ledgerHerbPotionLine{white-space:nowrap;margin:2px 0} .loamBody{flex:1;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:stretch;min-height:0} .loamInfoCol{display:flex;align-items:flex-start;justify-content:flex-start;min-width:0} .loamBonusBlurb{border:1px solid #3b5143;background:linear-gradient(180deg,rgba(20,34,23,.92),rgba(8,14,10,.92));padding:12px;border-radius:4px;box-shadow:inset 0 0 0 1px #000;color:var(--text);line-height:1.35;max-width:220px} .loamBonusBlurb p{margin:7px 0 0;color:var(--muted)} .loamBody .loamPlotWrap{min-height:0} @media (max-width:900px){.loamBody{display:flex;flex-direction:column}.loamBonusBlurb{max-width:none;width:100%}} /* v606 combat log sigils: padded SVG canvas for unclipped scalable glow */ #combatLogList .logLine{ display:flex!important; align-items:center!important; gap:0!important; line-height:1.34!important; white-space:nowrap!important; } #combatLogList .logPrefix{ --combatLogSigilSize:1.25em; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:var(--combatLogSigilSize)!important; height:var(--combatLogSigilSize)!important; flex:0 0 var(--combatLogSigilSize)!important; padding:0!important; margin:0 .28em 0 0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; line-height:1!important; font-size:16px!important; vertical-align:middle!important; box-sizing:border-box!important; } #combatLogList .combatLogSigil{ display:block!important; width:166.667%!important; height:166.667%!important; margin:-33.333%!important; padding:0!important; overflow:visible!important; transform:none!important; shape-rendering:geometricPrecision!important; filter:drop-shadow(0 0 .16em var(--sigilGlow))!important; } #combatLogList .logLine, #combatLogList .logPrefix{ overflow:visible!important; } #combatLogList .combatLogSigil .sigilFrame{ fill:var(--sigilDark)!important; stroke:currentColor!important; stroke-width:2!important; vector-effect:none!important; } #combatLogList .combatLogSigil .sigilInner{ fill:none!important; stroke:currentColor!important; stroke-width:.9!important; opacity:.45!important; vector-effect:none!important; } #combatLogList .combatLogSigil .sigilMark{ fill:none!important; stroke:currentColor!important; stroke-width:2.45!important; stroke-linecap:round!important; stroke-linejoin:round!important; vector-effect:none!important; } #combatLogList .logDetailBtn, #combatLogList .logDetailDisabled{ align-self:center!important; line-height:1!important; margin:0!important; vertical-align:middle!important; } body[data-theme="win95"] #combatLogList .logPrefix, body[data-theme="light"] #combatLogList .logPrefix{ border:0!important; background:transparent!important; box-shadow:none!important; } body[data-theme="win95"] #combatLogList .combatLogSigil .sigilFrame{ fill:#c0c0c0!important; stroke-width:2!important; } /* v607 light/win95 loam-alembic contrast and ledger value fixes */ body[data-theme="light"] #essences, body[data-theme="light"] #oaths, body[data-theme="light"] .oathLedgerValue{ color:#2b2118!important; text-shadow:none!important; } body[data-theme="win95"] #essences, body[data-theme="win95"] #oaths, body[data-theme="win95"] .oathLedgerValue{ color:#000!important; text-shadow:none!important; } body[data-theme="light"] .loamShell, body[data-theme="light"] .loamBody, body[data-theme="light"] .loamInfoCol, body[data-theme="light"] .loamPlotWrap, body[data-theme="light"] .potionGrid, body[data-theme="light"] .potionCard, body[data-theme="light"] .loamBonusBlurb, body[data-theme="light"] .loamPlot, body[data-theme="light"] .loamNavBtn, body[data-theme="light"] .loamTopNavBtn, body[data-theme="light"] .loamTop button, body[data-theme="light"] .loamUnsow, body[data-theme="light"] .potionActions button{ background:#fff8ec!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .loamPlot{ background:radial-gradient(circle at 50% 55%,#fffaf1,#ead8bd 72%,#d7bd94)!important; } body[data-theme="light"] .loamPlot.tilled{ background:radial-gradient(circle,#f1dfbd,#d6b27f 72%)!important; border-color:#8f6d39!important; } body[data-theme="light"] .loamPlot.sown{ background:radial-gradient(circle,#e4f2d6,#c6dfa9 72%)!important; border-color:#668a3f!important; } body[data-theme="light"] .loamPlot.growing{ background:radial-gradient(circle,#d6efe5,#b3d8c5 72%)!important; border-color:#357d61!important; } body[data-theme="light"] .loamPlot.harvestable{ background:radial-gradient(circle,#fff1bb,#e3bf59 74%)!important; border-color:#9a6f12!important; } body[data-theme="light"] .loamBonusBlurb p, body[data-theme="light"] .potionCard p, body[data-theme="light"] .potionCost, body[data-theme="light"] .potionOwned, body[data-theme="light"] .potionCard .muted, body[data-theme="light"] .loamReady, body[data-theme="light"] .loamTimer{ color:#2b2118!important; text-shadow:none!important; opacity:1!important; } body[data-theme="light"] .loamProgress{ background:#efe1cd!important; border-color:#9b7a50!important; } body[data-theme="light"] .potionActions button.disabled, body[data-theme="light"] .potionActions button[aria-disabled="true"]{ background:#ead8bd!important; color:#6d5a44!important; border-color:#a88657!important; opacity:.72!important; } body[data-theme="light"] .loamNavBtn:hover, body[data-theme="light"] .loamTop button:hover, body[data-theme="light"] .potionActions button:hover{ background:#f3e4cb!important; color:#1d1712!important; border-color:#7b5a2d!important; } body[data-theme="win95"] .loamShell, body[data-theme="win95"] .loamBody, body[data-theme="win95"] .loamInfoCol, body[data-theme="win95"] .loamPlotWrap, body[data-theme="win95"] .potionGrid, body[data-theme="win95"] .potionCard, body[data-theme="win95"] .loamBonusBlurb, body[data-theme="win95"] .loamPlot, body[data-theme="win95"] .loamNavBtn, body[data-theme="win95"] .loamTopNavBtn, body[data-theme="win95"] .loamTop button, body[data-theme="win95"] .loamUnsow, body[data-theme="win95"] .potionActions button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .loamPlot, body[data-theme="win95"] .loamPlot.tilled, body[data-theme="win95"] .loamPlot.sown, body[data-theme="win95"] .loamPlot.growing, body[data-theme="win95"] .loamPlot.harvestable{ background:#d4d0c8!important; color:#000!important; } body[data-theme="win95"] .loamBonusBlurb p, body[data-theme="win95"] .potionCard p, body[data-theme="win95"] .potionCost, body[data-theme="win95"] .potionOwned, body[data-theme="win95"] .potionCard .muted, body[data-theme="win95"] .loamReady, body[data-theme="win95"] .loamTimer{ color:#000!important; text-shadow:none!important; opacity:1!important; } body[data-theme="win95"] .loamProgress{ background:#fff!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .loamProgress div{ background:#000080!important; } body[data-theme="win95"] .potionActions button.disabled, body[data-theme="win95"] .potionActions button[aria-disabled="true"]{ background:#808080!important; color:#000!important; opacity:.75!important; } body[data-theme="win95"] .loamNavBtn:hover, body[data-theme="win95"] .loamTop button:hover, body[data-theme="win95"] .potionActions button:hover{ background:#000080!important; color:#fff!important; } body[data-theme="light"] .loamShell .green{color:#28651f!important;text-shadow:none!important} body[data-theme="light"] .loamShell .gold{color:#7a4d17!important;text-shadow:none!important} body[data-theme="win95"] .loamShell .green, body[data-theme="win95"] .loamShell .gold{color:#000!important;text-shadow:none!important} /* v608 Loam centering and combat log reward spacing */ @media (min-width:901px){ .loamBody{ grid-template-columns:220px minmax(260px,1fr) 220px!important; align-items:center!important; } .loamBody .loamInfoCol{ grid-column:1!important; } .loamBody .loamPlotWrap{ grid-column:2!important; justify-self:center!important; align-self:center!important; width:100%!important; max-width:360px!important; text-align:center!important; } } .loamGrowMeta{ align-items:center!important; text-align:center!important; margin-left:auto!important; margin-right:auto!important; } .loamProgress{ margin-left:auto!important; margin-right:auto!important; } .loamTimer,.loamReady{ text-align:center!important; width:100%!important; } #combatLogList .combatRewardPart{ display:inline-flex!important; align-items:center!important; margin-left:9px!important; flex:0 0 auto!important; } #combatLogList .combatRewardComma{ margin-left:1px!important; color:var(--muted)!important; } /* v612 Loam/Alembic interaction glow polish */ .loamPlot.loamStageGlow{ animation:loamStageGreenGlow .85s ease-out; } @keyframes loamStageGreenGlow{ 0%{box-shadow:inset 0 0 30px rgba(0,0,0,.7),0 0 0 rgba(154,210,118,0);border-color:var(--green);filter:brightness(1)} 22%{box-shadow:inset 0 0 28px rgba(0,0,0,.55),0 0 24px rgba(154,210,118,.72),0 0 46px rgba(154,210,118,.28);border-color:var(--green);filter:brightness(1.18)} 100%{box-shadow:inset 0 0 30px rgba(0,0,0,.75),0 0 24px rgba(0,0,0,.45);filter:brightness(1)} } .loamPlot.harvestable.loamStageGlow{ animation:loamHarvestGreenGlow .85s ease-out; } @keyframes loamHarvestGreenGlow{ 0%{box-shadow:inset 0 0 30px rgba(0,0,0,.7),0 0 24px rgba(230,189,87,.32);filter:brightness(1)} 22%{box-shadow:inset 0 0 28px rgba(0,0,0,.55),0 0 25px rgba(154,210,118,.75),0 0 48px rgba(230,189,87,.34);filter:brightness(1.18)} 100%{box-shadow:inset 0 0 30px rgba(0,0,0,.7),0 0 24px rgba(230,189,87,.32);filter:brightness(1)} } .potionCardFlash{ animation:potionCardFlash .72s ease-out; } @keyframes potionCardFlash{ 0%{border-color:var(--potionColor);box-shadow:inset 0 0 0 1px #000,0 0 0 rgba(255,255,255,0);filter:brightness(1)} 28%{border-color:var(--potionColor);box-shadow:inset 0 0 18px color-mix(in srgb,var(--potionColor),transparent 72%),0 0 24px color-mix(in srgb,var(--potionColor),transparent 35%),0 0 42px color-mix(in srgb,var(--potionColor),transparent 72%);filter:brightness(1.15)} 100%{box-shadow:inset 0 0 0 1px #000,0 0 0 rgba(255,255,255,0);filter:brightness(1)} } .potionCardFlash .potionIcon{ animation:potionIconBrewFlash .72s ease-out; } @keyframes potionIconBrewFlash{ 0%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--potionColor),transparent 55%));transform:scale(1)} 28%{filter:drop-shadow(0 0 18px var(--potionColor));transform:scale(1.045)} 100%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--potionColor),transparent 55%));transform:scale(1)} } /* v614 Alembic blurb placement */ .alembicShell{gap:8px!important} .alembicShell .potionGrid{margin-top:0!important;padding-top:8px!important;flex:1;min-height:0} .alembicShell .alembicRuleBlurb{grid-column:1 / -1!important;justify-self:stretch!important;align-self:stretch!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0 0 2px 0!important;padding:6px 10px!important;min-height:0!important;display:flex!important;align-items:center!important;gap:10px!important;line-height:1.18!important} .alembicShell .alembicRuleBlurb b{flex:0 0 auto!important;white-space:nowrap!important} .alembicShell .alembicRuleBlurb p{flex:1 1 auto!important;margin:0!important;min-height:0!important;font-size:12px!important;line-height:1.18!important} /* v618 ledger tooltip scaling and material coloring */ .costTip .ledgerMaterialLine, .costTip .ledgerHerbPotionLine{ font-size:16.8px!important; line-height:1.38!important; margin:4px 0!important; white-space:nowrap!important; } .costTip .ledgerMaterialLine{ display:flex!important; justify-content:space-between!important; gap:22px!important; min-width:210px!important; } .costTip .ledgerMaterialLine span, .costTip .ledgerMaterialLine b, .costTip .ledgerHerbPotionLine span, .costTip .ledgerHerbPotionLine b{ font-size:inherit!important; } .costTip .ledgerMatWood{color:#8b5a2b!important;font-weight:900!important} .costTip .ledgerMatOre{color:#a8adb4!important;font-weight:900!important} .costTip .ledgerMatFabric{color:#73bf68!important;font-weight:900!important} .costTip .ledgerMatLeather{color:#ffc3a1!important;font-weight:900!important} .essenceTip{ background:linear-gradient(180deg,#21170d,#0d0905)!important; border:1px solid #9d763e!important; box-shadow:0 8px 22px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,225,160,.08)!important; padding:11px 15px!important; font-size:16.8px!important; line-height:1.38!important; border-radius:6px!important; } .essenceTip .essLine{ gap:22px!important; min-width:230px!important; } .essenceTip .essLine, .essenceTip .essName, .essenceTip b{ font-size:inherit!important; } body[data-theme="light"] .essenceTip{ background:linear-gradient(180deg,#fff3dc,#e9d0a5)!important; border-color:#9c7544!important; box-shadow:0 8px 18px rgba(84,55,22,.20)!important; } body[data-theme="win95"] .essenceTip{ background:#ffffe1!important; border:1px solid #000!important; box-shadow:2px 2px 0 rgba(0,0,0,.35)!important; border-radius:0!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } /* v619 ledger tooltip and commodity color refinements */ .costTip .ledgerMaterialName{color:var(--gold)!important;font-weight:900!important} .marketCommodityLabel.marketCommodityHerbPotion, .marketCommodityOpt .marketCommodityLabel.marketCommodityHerbPotion, .marketCommodityOpt.active .marketCommodityLabel.marketCommodityHerbPotion, .marketCommodityPickBtn .marketCommodityLabel.marketCommodityHerbPotion{ color:var(--commodityColor)!important; font-weight:900!important; } body[data-theme="win95"] .marketCommodityLabel.marketCommodityHerbPotion, body[data-theme="win95"] .marketCommodityOpt .marketCommodityLabel.marketCommodityHerbPotion, body[data-theme="win95"] .marketCommodityPickBtn .marketCommodityLabel.marketCommodityHerbPotion{ text-shadow:none!important; } /* v620 ledger material tooltip quantity color */ .costTip .ledgerMaterialLine b.ledgerMatWood, .costTip .ledgerMaterialLine b.ledgerMatOre, .costTip .ledgerMaterialLine b.ledgerMatFabric, .costTip .ledgerMaterialLine b.ledgerMatLeather{ color:#fff!important; } /* v621 restore Augments/Oaths ledger mouseovers to standard Idlemoor tooltip frame */ .essenceTip, body[data-theme="light"] .essenceTip, body[data-theme="win95"] .essenceTip{ background:#05090f!important; border:1px solid var(--blue)!important; border-radius:0!important; box-shadow:0 0 12px rgba(91,183,255,.35)!important; padding:11px 15px!important; font-size:16.8px!important; line-height:1.38!important; font-family:Consolas,Monaco,monospace!important; } /* v622 unbold Soulscale name in Augments mouseover */ .essenceTip .essName.augSoulscale{ font-weight:400!important; } /* v625 ledger resources value alignment */ #materialsLedgerRow,#herbsLedgerRow{ display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; justify-content:start!important; align-items:baseline!important; gap:10px!important; } #materialsLedgerRow>span:first-child,#herbsLedgerRow>span:first-child{ min-width:0!important; flex:0 0 auto!important; } #materialsLedgerRow>b,#herbsLedgerRow>b{ margin-left:0!important; margin-right:0!important; min-width:56px!important; text-align:left!important; transform:none!important; } /* v627 ledger resources switch to individual materials in Training/Crafting */ #ledgerWoodRow,#ledgerOreRow,#ledgerFabricRow,#ledgerLeatherRow{ display:grid!important; grid-template-columns:132px minmax(0,1fr)!important; justify-content:start!important; align-items:baseline!important; gap:10px!important; } #ledgerWoodRow>span:first-child,#ledgerOreRow>span:first-child,#ledgerFabricRow>span:first-child,#ledgerLeatherRow>span:first-child{ min-width:0!important; flex:0 0 auto!important; } #ledgerWoodRow>b,#ledgerOreRow>b,#ledgerFabricRow>b,#ledgerLeatherRow>b{ margin-left:0!important; margin-right:0!important; min-width:56px!important; text-align:left!important; transform:none!important; } /* v636 chat base and local text scaling */ .stats .statBlock .row, .stats .statBlock .row span, .stats .statBlock .row b{ font-size:calc(13.2px * var(--ledgerTextScale,1))!important; line-height:1.35!important; } .stats .statBlock h3, .stats>.title{ font-size:inherit; } .contractsBox .panel{ font-size:calc(12px * var(--questsMiniTextScale,1))!important; line-height:1.35!important; } .contractsBox .panel b, .contractsBox .panel span, .contractsBox .panel button, .contractsBox .panel .questMiniFeed{ font-size:inherit!important; } .contractsBox .title{ font-size:inherit!important; } /* v634 scale only left-column Quests progress bars with Quests Text Scale */ .contractsBox #questMini .questMiniBar{ height:calc(18px * var(--questsMiniTextScale,1))!important; min-height:12px!important; margin-top:calc(8px * var(--questsMiniTextScale,1))!important; margin-bottom:calc(8px * var(--questsMiniTextScale,1))!important; } .contractsBox #questMini .questMiniBar span{ display:flex!important; align-items:center!important; justify-content:center!important; font-size:inherit!important; line-height:1.1!important; } /* v635 high ledger scale combat value alignment */ body[data-ledger-text-scale="140"] .stats .statBlock:has(#level) .row, body[data-ledger-text-scale="150"] .stats .statBlock:has(#level) .row{ display:grid!important; grid-template-columns:126px minmax(0,1fr)!important; justify-content:start!important; align-items:baseline!important; gap:10px!important; } body[data-ledger-text-scale="140"] .stats .statBlock:has(#level) .row>span:first-child, body[data-ledger-text-scale="150"] .stats .statBlock:has(#level) .row>span:first-child{ min-width:0!important; flex:0 0 auto!important; white-space:nowrap!important; } body[data-ledger-text-scale="140"] .stats .statBlock:has(#level) .row>b, body[data-ledger-text-scale="150"] .stats .statBlock:has(#level) .row>b{ margin-left:0!important; margin-right:0!important; min-width:44px!important; text-align:left!important; justify-self:start!important; transform:none!important; } /* v637 display settings: Quest Board and Training Grounds text scales */ #view.questBoardView{ font-size:calc(14px * var(--questBoardTextScale,1))!important; line-height:1.35!important; } #view.questBoardView p, #view.questBoardView .row, #view.questBoardView .small, #view.questBoardView .questFeedLine, #view.questBoardView .questTrack, #view.questBoardView .questActions button{ font-size:calc(14px * var(--questBoardTextScale,1))!important; line-height:1.35!important; } #view.questBoardView .questResetCountdown{ font-size:calc(14px * var(--questBoardTextScale,1))!important; } #view.questBoardView .questActiveTitle{ font-size:calc(20px * var(--questBoardTextScale,1))!important; } #view.questBoardView .questPill, #view.questBoardView .questChoice span, #view.questBoardView .questChoice em, #view.questBoardView .questChoice strong{ font-size:calc(12px * var(--questBoardTextScale,1))!important; } #view.questBoardView .questChoice b{ font-size:calc(15px * var(--questBoardTextScale,1))!important; } #view.questBoardView .questRewardBox span{ font-size:calc(11px * var(--questBoardTextScale,1))!important; } #view.questBoardView .questRewardBox b{ font-size:calc(16px * var(--questBoardTextScale,1))!important; } #view.questBoardView h3.gold, #view.questBoardView .questFormulaPanel h3{ font-size:calc(16px * var(--questBoardTextScale,1))!important; } #view.trainingView .trainingShell, #view.trainingView .trainingContent, #view.trainingView .trainingEffect, #view.trainingView .costBox, #view.trainingView .trainingNote, #view.trainingView .trainingLockedLine, #view.trainingView .trainingShell button, #view.trainingView .trainingShell select, #view.trainingView .trainingShell input{ font-size:calc(13px * var(--trainingGroundsTextScale,1))!important; line-height:1.35!important; } #view.trainingView .trainingCard h3{ font-size:calc(15.3px * var(--trainingGroundsTextScale,1))!important; } #view.trainingView .trainingCard .lvl{ font-size:calc(13px * var(--trainingGroundsTextScale,1))!important; } #view.trainingView .trainingNav button{ font-size:calc(13px * var(--trainingGroundsTextScale,1))!important; } #view.trainingView .trainingLockedCompact, #view.trainingView .trainingLockedCompact h3, #view.trainingView .trainingLockedCompact .trainingLockedLine{ font-size:calc(11px * var(--trainingGroundsTextScale,1))!important; } /* v639 gathering layout + loam plot/pacing polish */ #resourceViewWrap .resourceLogHeader{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-top:12px!important; } #resourceViewWrap .resourceLogHeader h3{ margin:0!important; line-height:1.15!important; flex:0 0 auto!important; } #resourceToolNav{ display:flex!important; justify-content:flex-end!important; min-width:0!important; } #resourceToolNav .loamNavCards{ display:flex!important; gap:8px!important; align-items:center!important; justify-content:flex-end!important; } #resourceToolNav .loamNavBtn{ width:auto!important; min-width:0!important; min-height:31px!important; height:31px!important; padding:3px 8px!important; gap:6px!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; text-align:left!important; font-size:12px!important; line-height:1!important; white-space:nowrap!important; } #resourceToolNav .loamNavBtn .loamRiceIcon, #resourceToolNav .loamNavBtn .potionSvg.small{ width:22px!important; height:22px!important; min-width:22px!important; flex:0 0 22px!important; } .loamPlot{ width:260px!important; height:260px!important; } .loamPlot .loamRiceIcon{ width:68px!important; height:64px!important; } .loamProgress div{ background:linear-gradient(90deg,#8bd46c,#b5e687); } body[data-theme="light"] .loamProgress div{ background:linear-gradient(90deg,#78b982,#96c96f)!important; } /* v1238: larger Harvest/Merchant specialty SVGs */ .trainingCard h3 .svgEmoji svg[aria-label="Harvest Focus"], .trainingCard h3 .svgEmoji svg[aria-label="Merchant Focus"]{ transform:scale(1.265); transform-origin:center center; } /* v651 keep Ledger Resources floating gains beside the value text */ #materialsLedgerRow > b, #herbsLedgerRow > b{ justify-self:start!important; width:max-content!important; min-width:0!important; } #materials .floatGain, #herbsTotal .floatGain{ left:calc(100% + 4px)!important; } /* v654 soft gradient pass: remove hot-pixel centers and make battleground fights full-bleed */ .content.battlegroundFightView{ padding:0!important; overflow:hidden!important; } .content.battlegroundFightView > .bgFight{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; box-sizing:border-box!important; } .bgFight{ background:radial-gradient(ellipse at center,rgba(99,13,13,.070) 0%,rgba(99,13,13,.058) 9%,rgba(0,0,0,.31) 66%,rgba(0,0,0,.38) 100%)!important; } .bgFight::before{ background: radial-gradient(ellipse at 50% 14%,rgba(179,18,18,.110) 0%,rgba(179,18,18,.096) 10%,rgba(179,18,18,.035) 34%,rgba(0,0,0,0) 62%), linear-gradient(180deg,rgba(65,8,8,.18),rgba(0,0,0,0) 46%)!important; } body[data-theme="light"] .bgFight{ background:radial-gradient(ellipse at center,rgba(110,32,24,.060) 0%,rgba(110,32,24,.050) 10%,rgba(232,216,187,.92) 66%,rgba(232,216,187,.95) 100%),#e8d8bb!important; } body[data-theme="light"] .bgFight::before{ background: radial-gradient(ellipse at 50% 14%,rgba(110,32,24,.085) 0%,rgba(110,32,24,.072) 10%,rgba(110,32,24,.030) 34%,rgba(0,0,0,0) 62%), linear-gradient(180deg,rgba(110,32,24,.08),rgba(0,0,0,0) 48%)!important; } body[data-theme="win95"] .bgFight::before{ background: radial-gradient(ellipse at 50% 14%,rgba(128,0,0,.070) 0%,rgba(128,0,0,.058) 10%,rgba(128,0,0,.024) 34%,rgba(0,0,0,0) 62%), linear-gradient(180deg,rgba(128,0,0,.055),rgba(0,0,0,0) 48%)!important; } .dragonView, .content.dragonViewHost > .dragonView{ background:radial-gradient(ellipse at 46% 40%,rgba(74,46,11,.150) 0%,rgba(74,46,11,.135) 10%,rgba(32,21,11,.40) 42%,rgba(0,0,0,.86) 72%,rgba(0,0,0,.90) 100%)!important; } body[data-theme="light"] .dragonView, body[data-theme="win95"] .dragonView, body[data-theme="light"] .content.dragonViewHost > .dragonView, body[data-theme="win95"] .content.dragonViewHost > .dragonView{ background:radial-gradient(ellipse at 46% 40%,rgba(18,12,10,.76) 0%,rgba(18,12,10,.74) 9%,rgba(18,12,10,.56) 44%,rgba(232,224,207,.80) 78%,rgba(246,240,226,.94) 100%)!important; background-color:#050403!important; color:#f6e3bd!important; } .battlegroundIntro{ background:radial-gradient(ellipse at 18% 0%,rgba(123,37,24,.230) 0%,rgba(123,37,24,.205) 10%,rgba(123,37,24,.075) 34%,rgba(123,37,24,0) 48%),linear-gradient(180deg,#2a120d,#120806 72%,#070403)!important; } .bgTournamentLivePanel{ background:radial-gradient(ellipse at 50% 0%,rgba(179,18,18,.100) 0%,rgba(179,18,18,.085) 10%,rgba(179,18,18,.030) 34%,rgba(7,5,6,.92) 68%)!important; } body[data-theme="light"] .bgTournamentLivePanel{ background:radial-gradient(ellipse at 50% 0%,rgba(122,29,22,.075) 0%,rgba(122,29,22,.062) 10%,rgba(122,29,22,.024) 34%,rgba(255,246,229,.96) 68%)!important; } .chat.everyoneFlash:before{ background: radial-gradient(ellipse at 18% 22%,rgba(255,242,168,.280) 0%,rgba(255,242,168,.245) 9%,rgba(230,189,87,.135) 24%,rgba(230,189,87,0) 46%), radial-gradient(ellipse at 78% 72%,rgba(255,242,168,.240) 0%,rgba(255,242,168,.205) 9%,rgba(230,189,87,.120) 25%,rgba(230,189,87,0) 48%), linear-gradient(90deg,rgba(230,189,87,.10),rgba(255,232,154,.34),rgba(230,189,87,.10))!important; } /* v655 auth-pending boot veil: hide login flashes for recognized sessions while preserving immediate login for new visitors. */ .bootOverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(44,26,9,.18) 0%,rgba(9,15,23,.92) 58%,rgba(3,7,12,.98) 100%);z-index:12;color:var(--text);font:15px/1.35 Consolas,Monaco,monospace;text-align:center} .bootCard{width:min(430px,92vw);border-color:#6d5630!important;background:linear-gradient(180deg,rgba(17,29,40,.98),rgba(5,10,16,.99))!important;box-shadow:inset 0 0 0 1px #000,0 0 28px rgba(0,0,0,.72),0 0 24px rgba(230,189,87,.14)!important} .bootPanel{padding:22px 24px 24px;display:grid;gap:9px;justify-items:center} .bootSigil{display:flex;align-items:center;justify-content:center;color:var(--gold);font:900 34px Georgia,serif;border:0;background:transparent;box-shadow:none;text-shadow:0 0 9px rgba(230,189,87,.55);animation:bootSigilPulse 1.8s ease-in-out infinite} .bootText{color:var(--gold);font:900 20px Georgia,serif;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 9px rgba(230,189,87,.28)} .bootSub{color:#aeb8c5;font-size:13px;max-width:330px} .bootBar{width:240px;height:8px;margin-top:5px;border:1px solid #526275;background:#07101b;overflow:hidden;box-shadow:inset 0 0 8px rgba(0,0,0,.75)} .bootBar div{height:100%;width:38%;background:linear-gradient(90deg,rgba(230,189,87,.18),var(--gold),rgba(230,189,87,.18));animation:bootBarSweep 1.35s ease-in-out infinite} html.idlemoor-auth-pending body.authGate #auth,html.idlemoor-auth-pending body.authGate #auth.authForceVisible{display:none!important} html.idlemoor-auth-pending body.authGate #bootOverlay{display:flex!important} @keyframes bootSigilPulse{0%,100%{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1)}} @keyframes bootBarSweep{0%{transform:translateX(-115%)}100%{transform:translateX(285%)}} /* v662 Alembic nav icon and ledger wealth floating gain polish */ #resourceToolNav .loamNavBtn .potionSvg.small{ width:20px!important; height:20px!important; min-width:20px!important; flex:0 0 20px!important; transform:translateY(-4px)!important; } #gold,#salvage,#relic{ width:max-content!important; min-width:0!important; margin-right:0!important; } #gold .floatGain,#salvage .floatGain,#relic .floatGain{ left:calc(100% + 4px)!important; color:var(--gold)!important; } /* v670 light/win95 theme alignment: selected dismantle, premium, training, quest/combat contrast */ body[data-theme="light"] .selectedDismantleConfirmCard, body[data-theme="light"] .selectedDismantleConfirmCard .modalHead, body[data-theme="light"] .selectedDismantleConfirmCard .idleConfirmBody, body[data-theme="light"] .selectedDismantleConfirmCard .selectedDismantleList, body[data-theme="light"] .selectedDismantleConfirmCard .selectedDismantleLine{ background:#fff8ec!important; color:#241709!important; border-color:#9c7544!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .selectedDismantleConfirmCard .modalHead{ background:#ead8bd!important; border-bottom:1px solid #9c7544!important; } body[data-theme="light"] .selectedDismantleConfirmCard .selectedDismantleList{ background:#fffdf7!important; border:1px solid #96764f!important; } body[data-theme="light"] .selectedDismantleConfirmCard .selectedDismantleLine{ border-width:0 0 1px 0!important; border-bottom-color:#d0b385!important; } body[data-theme="light"] .selectedDismantleConfirmCard p, body[data-theme="light"] .selectedDismantleConfirmCard small, body[data-theme="light"] .selectedDismantleConfirmCard .muted, body[data-theme="light"] .selectedDismantleConfirmCard .selectedDismantleLine span{ color:#241709!important; opacity:1!important; text-shadow:none!important; } body[data-theme="light"] .selectedDismantleConfirmCard .red{color:#8c1f1f!important} body[data-theme="light"] .premiumNote, body[data-theme="light"] .premiumCard .premiumNote, body[data-theme="light"] .premiumCard p.premiumNote{ color:#1d1308!important; text-shadow:none!important; opacity:1!important; } body[data-theme="win95"] .selectedDismantleConfirmCard, body[data-theme="win95"] .selectedDismantleConfirmCard .idleConfirmBody, body[data-theme="win95"] .selectedDismantleConfirmCard .selectedDismantleList, body[data-theme="win95"] .selectedDismantleConfirmCard .selectedDismantleLine{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .selectedDismantleConfirmCard .modalHead{ background:#000080!important; color:#fff!important; border:0!important; border-bottom:2px solid #404040!important; border-radius:0!important; } body[data-theme="win95"] .selectedDismantleConfirmCard .modalHead h3, body[data-theme="win95"] .selectedDismantleConfirmCard .modalHead .red{ color:#fff!important; text-shadow:none!important; } body[data-theme="win95"] .selectedDismantleConfirmCard .selectedDismantleList{ background:#fff!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .selectedDismantleConfirmCard .selectedDismantleLine{ border-width:0 0 1px 0!important; border-bottom-color:#808080!important; } body[data-theme="win95"] .selectedDismantleConfirmCard p, body[data-theme="win95"] .selectedDismantleConfirmCard small, body[data-theme="win95"] .selectedDismantleConfirmCard .muted, body[data-theme="win95"] .selectedDismantleConfirmCard .selectedDismantleLine span{ color:#000!important; opacity:1!important; text-shadow:none!important; } body[data-theme="win95"] .selectedDismantleConfirmCard .red{color:#800000!important} body[data-theme="win95"] .selectedDismantleConfirmCard button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; } body[data-theme="win95"] .selectedDismantleConfirmCard button:active{ border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] #combatLogList .logPrefix.win{ color:#006000!important; } body[data-theme="win95"] #combatLogList .logPrefix.win .combatLogSigil .sigilMark, body[data-theme="win95"] #combatLogList .logPrefix.win .combatLogSigil .sigilInner, body[data-theme="win95"] #combatLogList .logPrefix.win .combatLogSigil .sigilFrame{ stroke:#006000!important; } body[data-theme="win95"] #view.trainingView .trainingNav button, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingToneRed, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingToneGreen, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingTonePurple{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-left:4px solid #404040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] #view.trainingView .trainingNav button.active, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingToneRed.active, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingToneGreen.active, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingTonePurple.active{ background:#d4d0c8!important; color:#000!important; border-left-color:#000080!important; } body[data-theme="win95"] #view.trainingView .trainingNav button:hover, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingToneRed:hover, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingToneGreen:hover, body[data-theme="win95"] #view.trainingView .trainingNav button.trainingTonePurple:hover{ color:#000!important; background:#e0e0e0!important; } body[data-theme="win95"] .premiumWrap{ color:#000!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .premiumHero, body[data-theme="win95"] .premiumCard{ background:#d4d0c8!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .premiumHero{ background:linear-gradient(180deg,#e6e6e6 0%,#d4d0c8 100%)!important; border-left-color:#fff!important; } body[data-theme="win95"] .premiumHero h2{ color:#000080!important; text-shadow:none!important; letter-spacing:.03em!important; } body[data-theme="win95"] .premiumKicker{ color:#008000!important; text-shadow:none!important; } body[data-theme="win95"] .premiumHero p, body[data-theme="win95"] .premiumCard p, body[data-theme="win95"] .premiumNote, body[data-theme="win95"] .premiumCard .premiumNote{ color:#000!important; opacity:1!important; text-shadow:none!important; } body[data-theme="win95"] .premiumCard h3{ margin:0 0 10px!important; padding:5px 7px!important; background:#000080!important; color:#fff!important; border:0!important; text-transform:uppercase!important; letter-spacing:.04em!important; text-shadow:none!important; } body[data-theme="win95"] .premiumBadges span{ background:#ffffcc!important; color:#000080!important; border:2px solid!important; border-color:#fff #808080 #808080 #fff!important; font-weight:900!important; } body[data-theme="win95"] .premiumStatus{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; box-shadow:none!important; } body[data-theme="win95"] .premiumStatus.active{ background:#e8ffe8!important; color:#006000!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .premiumButton, body[data-theme="win95"] .premiumButton.blue, body[data-theme="win95"] .premiumButton.green, body[data-theme="win95"] .premiumButton.goldBtn, body[data-theme="win95"] .premiumInputRow button.btnCyanGreen, body[data-theme="win95"] .premiumConsumeGlow{ border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; font-weight:900!important; } body[data-theme="win95"] .premiumButton.blue{ background:#000080!important; color:#fff!important; } body[data-theme="win95"] .premiumButton.green, body[data-theme="win95"] .premiumInputRow button.btnCyanGreen, body[data-theme="win95"] .premiumConsumeGlow{ background:#008080!important; color:#fff!important; } body[data-theme="win95"] .premiumButton.goldBtn{ background:#ffff99!important; color:#000!important; } body[data-theme="win95"] .premiumButton:hover, body[data-theme="win95"] .premiumInputRow button.btnCyanGreen:hover, body[data-theme="win95"] .premiumConsumeGlow:hover{ filter:none!important; outline:1px dotted #000!important; outline-offset:-5px!important; } body[data-theme="win95"] .premiumButton:active, body[data-theme="win95"] .premiumInputRow button.btnCyanGreen:active, body[data-theme="win95"] .premiumConsumeGlow:active{ border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .premiumSave{ background:#008080!important; color:#fff!important; border:1px solid #004040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .premiumInputRow, body[data-theme="win95"] .premiumInputRow input{ background:#fff!important; color:#000!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .premiumDivider{ border-top:2px solid #808080!important; border-bottom:2px solid #fff!important; } body[data-theme="win95"] .premiumConsumeStar, body[data-theme="win95"] .premiumMenuStar{ color:#ffff00!important; text-shadow:1px 1px #000!important; } body[data-theme="win95"] .questProgress.complete div, body[data-theme="win95"] .questTrack.complete .questProgress div, body[data-theme="win95"] .questMiniBar.complete .fill{ background:#008000!important; background-image:none!important; } /* v671 light/win95 theme alignment: marketplace, overwatch/admin panels, Town Square controls */ body[data-theme="light"] .marketListingSection, body[data-theme="light"] .marketTop, body[data-theme="light"] .marketActivityLine, body[data-theme="light"] .marketEditPriceModal, body[data-theme="light"] .modalCard.marketEditPriceModal, body[data-theme="light"] .modalCard .marketInput, body[data-theme="light"] .marketCommodityMenu, body[data-theme="light"] .marketCommodityOpt{ background:#fff4df!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .marketNav button{ background:#ead6b5!important; color:#2b2118!important; border:1px solid #a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .marketNav button.active{ background:#c9974f!important; color:#24170b!important; border-color:#7a4d17!important; } body[data-theme="light"] .marketTable, body[data-theme="light"] .orderTable, body[data-theme="light"] .marketActivityTable, body[data-theme="light"] .marketTable td, body[data-theme="light"] .orderTable td, body[data-theme="light"] .marketActivityTable td{ background:#fff8ec!important; color:#2b2118!important; border-color:#c6a36d!important; text-shadow:none!important; } body[data-theme="light"] .marketTable th, body[data-theme="light"] .orderTable th, body[data-theme="light"] .marketActivityTable th{ background:#ead8bd!important; color:#3b2607!important; border-color:#a88657!important; text-shadow:none!important; } body[data-theme="light"] .marketItemRow:hover, body[data-theme="light"] .marketTable.equipmentResults tr.marketItemRow:hover{ background:#ead8bd!important; } body[data-theme="light"] .marketListingSubhead, body[data-theme="light"] .equipFilterSection, body[data-theme="light"] .equipFilterBox, body[data-theme="light"] .equipMarketSearch{ border-color:#a88657!important; color:#2b2118!important; text-shadow:none!important; } body[data-theme="light"] .marketInput, body[data-theme="light"] .marketSelect, body[data-theme="light"] .marketCommodityPickBtn, body[data-theme="light"] .marketCommodityOpt, body[data-theme="light"] .wideInput{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .marketCommodityOpt:hover, body[data-theme="light"] .marketCommodityOpt.active{ background:#ead8bd!important; color:#2b2118!important; } body[data-theme="light"] .modalCard.marketEditPriceModal .muted, body[data-theme="light"] .modalCard .marketInput + .muted, body[data-theme="light"] .marketListingSection .muted, body[data-theme="light"] .marketTop .muted, body[data-theme="light"] .marketPanel label{ color:#4e3d2e!important; opacity:1!important; text-shadow:none!important; } body[data-theme="win95"] .marketListingSection, body[data-theme="win95"] .marketTop, body[data-theme="win95"] .marketActivityLine, body[data-theme="win95"] .marketEditPriceModal, body[data-theme="win95"] .modalCard.marketEditPriceModal, body[data-theme="win95"] .marketCommodityMenu, body[data-theme="win95"] .marketCommodityOpt, body[data-theme="win95"] .equipFilterBox, body[data-theme="win95"] .equipFilterSection, body[data-theme="win95"] .equipMarketSearch{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .marketNav button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .marketNav button.active{ background:#000080!important; color:#fff!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .marketTable, body[data-theme="win95"] .orderTable, body[data-theme="win95"] .marketActivityTable, body[data-theme="win95"] .marketTable td, body[data-theme="win95"] .orderTable td, body[data-theme="win95"] .marketActivityTable td{ background:#fff!important; color:#000!important; border-color:#808080!important; text-shadow:none!important; } body[data-theme="win95"] .marketTable th, body[data-theme="win95"] .orderTable th, body[data-theme="win95"] .marketActivityTable th{ background:#c0c0c0!important; color:#000!important; border:1px solid #808080!important; text-shadow:none!important; } body[data-theme="win95"] .marketItemRow:hover, body[data-theme="win95"] .marketTable.equipmentResults tr.marketItemRow:hover, body[data-theme="win95"] .marketCommodityOpt:hover, body[data-theme="win95"] .marketCommodityOpt.active{ background:#000080!important; color:#fff!important; } body[data-theme="win95"] .marketInput, body[data-theme="win95"] .marketSelect, body[data-theme="win95"] .marketCommodityPickBtn, body[data-theme="win95"] .wideInput{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .marketListingSubhead, body[data-theme="win95"] .marketPanel label, body[data-theme="win95"] .marketListingSection .muted, body[data-theme="win95"] .marketTop .muted, body[data-theme="win95"] .modalCard.marketEditPriceModal .muted{ color:#000!important; border-color:#808080!important; opacity:1!important; text-shadow:none!important; } body[data-theme="light"] .statsOverwatchTop, body[data-theme="light"] .statsOverwatchCard, body[data-theme="light"] .statsOverwatchSection, body[data-theme="light"] .statsOverwatchScroll, body[data-theme="light"] .adminReportContext, body[data-theme="light"] .adminReportChatBox, body[data-theme="light"] .manaStatsWarn{ background:#fff4df!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .statsOverwatchSection>summary, body[data-theme="light"] .statsOverwatchCard h3, body[data-theme="light"] .adminReportContext h3{ background:#ead8bd!important; color:#5f390d!important; border-color:#a88657!important; text-shadow:none!important; } body[data-theme="light"] .statsOverwatchTable, body[data-theme="light"] .statsOverwatchTable td, body[data-theme="light"] .statsOverwatchMetric, body[data-theme="light"] .adminReportMsg{ background:#fff8ec!important; color:#2b2118!important; border-color:#c6a36d!important; text-shadow:none!important; } body[data-theme="light"] .statsOverwatchTable th{ background:#ead8bd!important; color:#3b2607!important; border-color:#a88657!important; text-shadow:none!important; } body[data-theme="light"] .statsOverwatchSearch, body[data-theme="light"] .manaStatsAdjustRow input{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .adminReportMsg.reportMoment{ background:#f1d89d!important; border-left-color:#8b5e12!important; } body[data-theme="light"] .statsOverwatchCard .muted, body[data-theme="light"] .statsOverwatchSection .muted, body[data-theme="light"] .adminReportContext .muted{ color:#4e3d2e!important; opacity:1!important; text-shadow:none!important; } body[data-theme="light"] .statsOverwatchItem:hover{color:#111!important} body[data-theme="win95"] .statsOverwatchTop, body[data-theme="win95"] .statsOverwatchCard, body[data-theme="win95"] .statsOverwatchSection, body[data-theme="win95"] .statsOverwatchScroll, body[data-theme="win95"] .adminReportContext, body[data-theme="win95"] .adminReportChatBox, body[data-theme="win95"] .manaStatsWarn{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .statsOverwatchSection>summary, body[data-theme="win95"] .statsOverwatchCard h3, body[data-theme="win95"] .adminReportContext h3{ background:#000080!important; color:#fff!important; border:0!important; padding:6px 8px!important; text-shadow:none!important; } body[data-theme="win95"] .statsOverwatchTable, body[data-theme="win95"] .statsOverwatchTable td, body[data-theme="win95"] .statsOverwatchMetric, body[data-theme="win95"] .adminReportMsg{ background:#fff!important; color:#000!important; border-color:#808080!important; text-shadow:none!important; } body[data-theme="win95"] .statsOverwatchTable th{ background:#c0c0c0!important; color:#000!important; border-color:#808080!important; text-shadow:none!important; } body[data-theme="win95"] .statsOverwatchSearch, body[data-theme="win95"] .manaStatsAdjustRow input{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .adminReportMsg.reportMoment{ background:#ffff99!important; border-left:4px solid #808000!important; } body[data-theme="win95"] .statsOverwatchCard .muted, body[data-theme="win95"] .statsOverwatchSection .muted, body[data-theme="win95"] .adminReportContext .muted, body[data-theme="win95"] .statsOverwatchTable .muted{ color:#000!important; opacity:1!important; text-shadow:none!important; } body[data-theme="win95"] .statsOverwatchItem:hover{color:#000080!important} body[data-theme="light"] .communityVideoIntro, body[data-theme="light"] .communityVideoPlayer, body[data-theme="light"] .communityVideoEmpty, body[data-theme="light"] .communityVideoControls, body[data-theme="light"] .communityVideoVolumeRow, body[data-theme="light"] .communityVideoMeta{ background:#fff4df!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .communityVideoControls input{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .communityVideoVolume b{color:#7a4d17!important;text-shadow:none!important} body[data-theme="light"] .communityVideoSync{color:#2f6b3f!important;text-shadow:none!important} body[data-theme="light"] .communityVideoSync.resyncing{color:#8b5e12!important;text-shadow:none!important} body[data-theme="light"] .communityVideoSync.error, body[data-theme="light"] .communityVideoDown{color:#a5302d!important;text-shadow:none!important} body[data-theme="win95"] .communityVideoIntro, body[data-theme="win95"] .communityVideoPlayer, body[data-theme="win95"] .communityVideoEmpty, body[data-theme="win95"] .communityVideoControls, body[data-theme="win95"] .communityVideoVolumeRow, body[data-theme="win95"] .communityVideoMeta{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .communityVideoPlayer{ background:#000!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .communityVideoControls input{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .communityVideoControls button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .communityVideoControls button:active{ border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .communityVideoVolume b{color:#000!important;text-shadow:none!important} body[data-theme="win95"] .communityVideoSync{color:#006000!important;text-shadow:none!important} body[data-theme="win95"] .communityVideoSync.resyncing{color:#808000!important;text-shadow:none!important} body[data-theme="win95"] .communityVideoSync.error, body[data-theme="win95"] .communityVideoDown{color:#800000!important;text-shadow:none!important} /* v672 light/win95 theme alignment: market toast, admin console/login, premium badge cleanup */ body[data-theme="light"] .marketToast{ background:#fff2d6!important; color:#241709!important; border:1px solid #8a6a3d!important; box-shadow:0 8px 20px rgba(70,45,18,.24)!important; text-shadow:none!important; } body[data-theme="light"] .marketToast b, body[data-theme="light"] .marketToast .green{ color:#2f6b3f!important; text-shadow:none!important; } body[data-theme="win95"] .marketToast{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .marketToast b, body[data-theme="win95"] .marketToast .green{ color:#006000!important; text-shadow:none!important; } body[data-theme="light"] .adminShell, body[data-theme="light"] .adminHero, body[data-theme="light"] .adminCard, body[data-theme="light"] .adminSection, body[data-theme="light"] .adminBuffClearList, body[data-theme="light"] .adminBuffClearRow{ background:#fff4df!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .adminHero{ border:1px solid #a88657!important; padding:14px!important; margin-bottom:12px!important; } body[data-theme="light"] .adminHero h2, body[data-theme="light"] .adminCard h3, body[data-theme="light"] .adminSection>summary{ background:#ead8bd!important; color:#5f390d!important; border-color:#a88657!important; text-shadow:none!important; } body[data-theme="light"] .adminCard p, body[data-theme="light"] .adminShell .muted, body[data-theme="light"] .adminBuffClearMeta, body[data-theme="light"] .adminSection .muted{ color:#4e3d2e!important; opacity:1!important; text-shadow:none!important; } body[data-theme="light"] .adminGrantRow input, body[data-theme="light"] .adminCard input, body[data-theme="light"] .adminCard select, body[data-theme="light"] .adminGrantRow select{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .adminHeroBtns button, body[data-theme="light"] .adminLegendaryBtn, body[data-theme="light"] .adminGrantRow button, body[data-theme="light"] .adminBuffGrid button{ background:#ead6b5!important; color:#2b2118!important; border:1px solid #a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .adminHeroBtns button:hover, body[data-theme="light"] .adminLegendaryBtn:hover, body[data-theme="light"] .adminGrantRow button:hover, body[data-theme="light"] .adminBuffGrid button:hover{ background:#d7b477!important; color:#241709!important; } body[data-theme="light"] .adminDanger{ border-color:#a5302d!important; } body[data-theme="light"] .adminDanger h3, body[data-theme="light"] button.danger{ color:#7b1d16!important; } body[data-theme="win95"] .adminShell, body[data-theme="win95"] .adminHero, body[data-theme="win95"] .adminCard, body[data-theme="win95"] .adminSection, body[data-theme="win95"] .adminBuffClearList, body[data-theme="win95"] .adminBuffClearRow{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .adminHero{ padding:12px!important; margin-bottom:12px!important; } body[data-theme="win95"] .adminHero h2, body[data-theme="win95"] .adminCard h3, body[data-theme="win95"] .adminSection>summary{ background:#000080!important; color:#fff!important; border:0!important; padding:6px 8px!important; text-shadow:none!important; } body[data-theme="win95"] .adminCard p, body[data-theme="win95"] .adminShell .muted, body[data-theme="win95"] .adminBuffClearMeta, body[data-theme="win95"] .adminSection .muted{ color:#000!important; opacity:1!important; text-shadow:none!important; } body[data-theme="win95"] .adminGrantRow input, body[data-theme="win95"] .adminCard input, body[data-theme="win95"] .adminCard select, body[data-theme="win95"] .adminGrantRow select{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .adminHeroBtns button, body[data-theme="win95"] .adminLegendaryBtn, body[data-theme="win95"] .adminGrantRow button, body[data-theme="win95"] .adminBuffGrid button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .adminHeroBtns button:hover, body[data-theme="win95"] .adminLegendaryBtn:hover, body[data-theme="win95"] .adminGrantRow button:hover, body[data-theme="win95"] .adminBuffGrid button:hover{ color:#000080!important; } body[data-theme="win95"] .adminHeroBtns button:active, body[data-theme="win95"] .adminLegendaryBtn:active, body[data-theme="win95"] .adminGrantRow button:active, body[data-theme="win95"] .adminBuffGrid button:active{ border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .adminDanger{ border-color:#fff #800000 #800000 #fff!important; } body[data-theme="win95"] .adminDanger h3, body[data-theme="win95"] button.danger{ color:#800000!important; } body[data-theme="light"] .auth{ background:#efe2cb!important; } body[data-theme="light"] .auth:before{ background:none!important; opacity:0!important; } body[data-theme="light"] .loginMusicToggle{background:#fff7e8!important;color:#3b2618!important;border-color:#8a6a3e!important;box-shadow:none!important} body[data-theme="light"] .authCard{ background:linear-gradient(180deg,#fff8ec,#ead8bd)!important; color:#2b2118!important; border:1px solid #a88657!important; box-shadow:0 12px 28px rgba(67,39,17,.25)!important; text-shadow:none!important; } body[data-theme="light"] .authPanel{ background:radial-gradient(circle at 50% 0%,rgba(230,189,87,.22),transparent 34%)!important; } body[data-theme="light"] .authHomepageTitle{ color:#5f390d!important; text-shadow:none!important; } body[data-theme="light"] .authKicker, body[data-theme="light"] .authLead, body[data-theme="light"] .authRemember, body[data-theme="light"] .authRecoveryNote{ color:#2b2118!important; text-shadow:none!important; } body[data-theme="light"] .auth input{ background:#fffdf7!important; color:#2b2118!important; border-color:#96764f!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .auth input::placeholder{color:#6b5844!important} body[data-theme="light"] .auth .passEye, body[data-theme="light"] .auth button{ background:#ead6b5!important; color:#2b2118!important; border:1px solid #a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] #loginBtn{ background:#d7b477!important; color:#241709!important; border-color:#8a6a3d!important; } body[data-theme="light"] .authRecovery{ background:#fff4df!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; } body[data-theme="win95"] .auth{ background:#008080!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .auth:before{ background:none!important; opacity:0!important; } body[data-theme="win95"] .loginMusicToggle{background:#c0c0c0!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;box-shadow:none!important;font-family:Georgia,serif!important} body[data-theme="win95"] .authCard{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .authCard>.title{ display:block!important; background:#000080!important; color:#fff!important; border:0!important; text-shadow:none!important; } body[data-theme="win95"] .authPanel{ background:#c0c0c0!important; } body[data-theme="win95"] .authHomepageTitle{ color:#000!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; font-size:38px!important; text-shadow:none!important; } body[data-theme="win95"] .authKicker, body[data-theme="win95"] .authLead, body[data-theme="win95"] .authRemember, body[data-theme="win95"] .authRecoveryNote{ color:#000!important; text-shadow:none!important; } body[data-theme="win95"] .auth input{ background:#fff!important; color:#000!important; border:2px solid!important; border-color:#404040 #fff #fff #404040!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .auth input::placeholder{color:#404040!important} body[data-theme="win95"] .auth .passEye, body[data-theme="win95"] .auth button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="win95"] .auth .passEye:active, body[data-theme="win95"] .auth button:active{ border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] #loginBtn{ background:#000080!important; color:#fff!important; } body[data-theme="win95"] .authRecovery{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; } /* v673 light/win95 theme alignment: spectate, random/cost tips, battleground result edge cases */ body[data-theme="win95"] #combatLogList .logPrefix.loss{ color:#800000!important; } body[data-theme="win95"] #combatLogList .logPrefix.loss .combatLogSigil.lossSigil, body[data-theme="win95"] #combatLogList .logPrefix.loss .combatLogSigil.lossSigil .sigilMark, body[data-theme="win95"] #combatLogList .logPrefix.loss .combatLogSigil.lossSigil .sigilInner, body[data-theme="win95"] #combatLogList .logPrefix.loss .combatLogSigil.lossSigil .sigilFrame{ color:#800000!important; stroke:#800000!important; --sigilColor:#800000!important; --sigilGlow:rgba(128,0,0,.45)!important; } body[data-theme="win95"] #combatLogList .logPrefix.loss .combatLogSigil.lossSigil .sigilFrame{ fill:#c0c0c0!important; } body[data-theme="light"] .marketToast, body[data-theme="light"] #toast.toast{ background:#fff2d6!important; color:#241709!important; border:1px solid #8a6a3d!important; box-shadow:0 8px 20px rgba(70,45,18,.24)!important; text-shadow:none!important; } body[data-theme="light"] .marketToast b, body[data-theme="light"] .marketToast .green, body[data-theme="light"] #toast.toast b, body[data-theme="light"] #toast.toast .green{ color:#2f6b3f!important; text-shadow:none!important; } body[data-theme="win95"] .marketToast, body[data-theme="win95"] #toast.toast{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .marketToast b, body[data-theme="win95"] .marketToast .green, body[data-theme="win95"] #toast.toast b, body[data-theme="win95"] #toast.toast .green{ color:#006000!important; text-shadow:none!important; } body[data-theme="light"] .eventTip, body[data-theme="light"] .costTip, body[data-theme="light"] .hoverTip, body[data-theme="light"] .essenceTip{ background:#fff8ec!important; color:#241709!important; border:1px solid #9c7544!important; border-radius:0!important; box-shadow:0 8px 18px rgba(84,55,22,.20)!important; text-shadow:none!important; } body[data-theme="light"] .costTip b, body[data-theme="light"] .hoverTip b, body[data-theme="light"] .essenceTip b, body[data-theme="light"] .essenceTip .essName{ color:#5f390d!important; text-shadow:none!important; } body[data-theme="win95"] .eventTip, body[data-theme="win95"] .costTip, body[data-theme="win95"] .hoverTip, body[data-theme="win95"] .essenceTip{ background:#ffffe1!important; color:#000!important; border:1px solid #000!important; border-radius:0!important; box-shadow:2px 2px 0 rgba(0,0,0,.35)!important; text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .costTip b, body[data-theme="win95"] .hoverTip b, body[data-theme="win95"] .essenceTip b, body[data-theme="win95"] .essenceTip .essName{ color:#000!important; text-shadow:none!important; } body[data-theme="light"] .spectateBanner, body[data-theme="light"] .spectateChatPanel, body[data-theme="light"] .spectateModalMirror .modalCard{ background:#fff4df!important; color:#2b2118!important; border:1px solid #a88657!important; border-radius:0!important; box-shadow:0 8px 20px rgba(70,45,18,.18)!important; text-shadow:none!important; } body[data-theme="light"] .spectateChatHead, body[data-theme="light"] .spectateChatRooms{ background:#ead8bd!important; color:#2b2118!important; border-color:#a88657!important; text-shadow:none!important; } body[data-theme="light"] .spectateBanner b, body[data-theme="light"] .spectateChatHead b, body[data-theme="light"] .spectateChatWhisperThread b{ color:#5f390d!important; text-shadow:none!important; } body[data-theme="light"] .spectateBanner .muted, body[data-theme="light"] .spectateChatPanel .muted, body[data-theme="light"] .spectateChatEmpty, body[data-theme="light"] .spectateChatWhisperThread small{ color:#4e3d2e!important; opacity:1!important; text-shadow:none!important; } body[data-theme="light"] .spectateChatRooms button.active{ background:#d7b477!important; color:#241709!important; border-color:#8a6a3d!important; } body[data-theme="light"] .spectateChatMsg, body[data-theme="light"] .spectateChatWhisperThread{ border-bottom-color:#d0b385!important; } body[data-theme="light"] .spectateClickMarker{ border-color:#8b1d18!important; box-shadow:0 0 0 2px rgba(139,29,24,.18),inset 0 0 6px rgba(255,255,255,.55)!important; } body[data-theme="win95"] .spectateBanner, body[data-theme="win95"] .spectateChatPanel, body[data-theme="win95"] .spectateModalMirror .modalCard{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .spectateChatHead, body[data-theme="win95"] .spectateChatRooms{ background:#000080!important; color:#fff!important; border-color:#404040!important; text-shadow:none!important; } body[data-theme="win95"] .spectateBanner b, body[data-theme="win95"] .spectateChatHead b, body[data-theme="win95"] .spectateChatWhisperThread b{ color:#000080!important; text-shadow:none!important; } body[data-theme="win95"] .spectateChatHead b{ color:#fff!important; } body[data-theme="win95"] .spectateBanner .muted, body[data-theme="win95"] .spectateChatPanel .muted, body[data-theme="win95"] .spectateChatEmpty, body[data-theme="win95"] .spectateChatWhisperThread small{ color:#000!important; opacity:1!important; text-shadow:none!important; } body[data-theme="win95"] .spectateChatRooms button{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; } body[data-theme="win95"] .spectateChatRooms button.active{ background:#000080!important; color:#fff!important; border-color:#404040 #fff #fff #404040!important; } body[data-theme="win95"] .spectateChatMsg, body[data-theme="win95"] .spectateChatWhisperThread{ border-bottom-color:#808080!important; } body[data-theme="win95"] .spectateClickMarker{ border-color:#800000!important; border-radius:0!important; box-shadow:2px 2px 0 rgba(0,0,0,.35)!important; } body[data-theme="win95"] .spectateClickMarker:after{ background:#000!important; box-shadow:none!important; } body[data-theme="light"] .bgPrompt, body[data-theme="light"] .bgPrompt .idleConfirmCard, body[data-theme="light"] .bgCard, body[data-theme="light"] .bgMetaBox{ background:#fff4df!important; color:#2b2118!important; border-color:#a88657!important; box-shadow:none!important; text-shadow:none!important; } body[data-theme="light"] .bgPrompt .idleConfirmWarn, body[data-theme="light"] .bgSmallNote, body[data-theme="light"] .bgPlayerSub, body[data-theme="light"] .bgResultNote{ color:#4e3d2e!important; text-shadow:none!important; opacity:1!important; } body[data-theme="light"] .bgFightBanner.fight, body[data-theme="light"] .bgFightBanner.countdown, body[data-theme="light"] #bgFightBanner.fight, body[data-theme="light"] #bgFightBanner.countdown{ color:#7b1d16!important; text-shadow:0 1px 0 #fff3df!important; } body[data-theme="light"] .bgFightBanner.loss, body[data-theme="light"] #bgFightBanner.loss{ color:#7b1d16!important; text-shadow:0 1px 0 #fff3df!important; } body[data-theme="light"] .bgFightBanner.win, body[data-theme="light"] .bgFightBanner.reward, body[data-theme="light"] #bgFightBanner.win, body[data-theme="light"] #bgFightBanner.reward{ color:#6a410f!important; text-shadow:0 1px 0 #fff3df!important; } body[data-theme="win95"] .bgPrompt, body[data-theme="win95"] .bgPrompt .idleConfirmCard, body[data-theme="win95"] .bgCard, body[data-theme="win95"] .bgMetaBox{ background:#c0c0c0!important; color:#000!important; border:2px solid!important; border-color:#fff #404040 #404040 #fff!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .bgPrompt .idleConfirmWarn, body[data-theme="win95"] .bgSmallNote, body[data-theme="win95"] .bgPlayerSub, body[data-theme="win95"] .bgResultNote{ color:#000!important; text-shadow:none!important; opacity:1!important; } body[data-theme="win95"] .bgFightBanner, body[data-theme="win95"] #bgFightBanner{ text-shadow:none!important; font-family:"MS Sans Serif",Tahoma,sans-serif!important; } body[data-theme="win95"] .bgFightBanner.fight, body[data-theme="win95"] .bgFightBanner.countdown, body[data-theme="win95"] #bgFightBanner.fight, body[data-theme="win95"] #bgFightBanner.countdown{ color:#800000!important; } body[data-theme="win95"] .bgFightBanner.loss, body[data-theme="win95"] #bgFightBanner.loss{ color:#800000!important; } body[data-theme="win95"] .bgFightBanner.win, body[data-theme="win95"] .bgFightBanner.reward, body[data-theme="win95"] #bgFightBanner.win, body[data-theme="win95"] #bgFightBanner.reward{ color:#808000!important; } /* v678: Random events are no longer real