@font-face{font-family:MedievalSharp;src:url(../fonts/MedievalSharp-Regular.woff2) format("woff2");font-display:swap}:root{--bg: #0d0b0a;--panel: #221b15;--panel-2: #2c231a;--panel-3: #3d2f20;--border: #7a5c32;--gold: #f5c542;--gold-dim: #b8922e;--text: #efe6d2;--text-dim: #b4a98f;--good: #69db7c;--bad: #ff6b6b;--special: #b197fc;--hp: #e5484d;--mana: #4dabf7;--xp: #f5c542;--title-font: "MedievalSharp", Georgia, "Palatino Linotype", serif;--body-font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--body-font);-webkit-user-select:none;user-select:none}#light-layer,#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:auto}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:15px}.hud-layer,.window-layer,.toast-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-layer>*,.window-backdrop,.toast{pointer-events:auto}.btn{font:inherit;font-family:var(--title-font);font-size:15px;letter-spacing:.3px;color:#ffd76a;text-shadow:0 1px 1px #000,0 0 6px rgba(0,0,0,.6);background:none;border-style:solid;border-width:8px 16px;border-image:var(--ui-sign-button) var(--ui-sign-button-slice, 50 90) fill / 8px 16px stretch;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));padding:2px 6px;cursor:pointer;transition:transform .06s,filter .15s;white-space:nowrap}.btn:hover:not(:disabled){color:#fff1b8;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55)) brightness(1.18)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{color:#ffd100;text-shadow:0 0 10px rgba(255,170,60,.8),0 1px 1px #000}.btn-danger{color:#ff8f8f}.btn-small{border-width:6px 12px;border-image-width:6px 12px;padding:1px 4px;font-size:13px}.btn-big{padding:12px 22px;font-size:18px;min-width:260px}.window-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0604038c;padding:16px;animation:fade-in .15s ease-out}.window{width:min(760px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,rgba(255,200,120,.08),transparent 55%),linear-gradient(#251d16,#15100c);background-clip:padding-box;border:20px solid #3a2a1c;border-image:var(--ui-frame) var(--ui-frame-slice, 120) / 46px / 26px round;filter:drop-shadow(0 16px 30px rgba(0,0,0,.7));animation:pop-in .16s ease-out}.window-options{width:min(640px,100%)}.window-small{width:min(460px,100%)}.window-wide{width:min(980px,100%)}.window-title{display:flex;align-items:center;gap:10px;padding:8px 12px 10px;border-bottom:1px solid rgba(168,130,60,.55);box-shadow:0 1px #0009;background:linear-gradient(rgba(255,200,120,.1),transparent)}.window-title-text{flex:1;text-align:center;padding-left:30px;font-family:var(--title-font);font-size:22px;font-weight:700;color:#ffd100;letter-spacing:1px;text-shadow:0 2px 2px #000,0 0 10px rgba(255,170,40,.25)}.window-title-text:empty{display:none}.window-close{font:inherit;width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #a8823c;background:radial-gradient(circle at 40% 35%,#c0392b,#6e1a12 70%);color:#ffd76a;font-size:14px;font-weight:700;text-shadow:0 1px 1px #000;box-shadow:0 1px 3px #000000b3;cursor:pointer;padding:0}.window-close:hover{background:radial-gradient(circle at 40% 35%,#e04a37,#8a2216 70%);color:#fff3c4}.window-body{padding:14px 16px;overflow-y:auto;flex:1}.window-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 16px 14px}.window-footer:empty{display:none}.dialog-text{white-space:pre-line;margin:4px 0 8px;line-height:1.5;font-size:16px}.npc-line{font-style:italic;color:var(--text-dim);margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--gold-dim);background:#0003;border-radius:0 6px 6px 0}.npc-line.has-face{display:flex;gap:12px;align-items:center;font-style:normal}.npc-face{flex:none;width:64px;height:64px;object-fit:cover;object-position:50% 8%;border-radius:50%;border:2px solid var(--gold-dim);background:#00000059}.npc-text{margin:0;font-style:italic}.window-event{width:min(560px,100%)}.event-art{display:block;width:100%;aspect-ratio:2 / 1;object-fit:cover;margin-bottom:12px;border-radius:4px;box-shadow:0 4px 14px #00000080}.section-title{font-family:var(--title-font);font-weight:700;color:#ffd100;text-shadow:0 1px 2px #000;font-size:17px;margin:14px 0 8px}.section-title:first-child{margin-top:0}.tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap;border-bottom:1px solid #a8823c}.tab{font:inherit;font-family:var(--title-font);font-size:15px;padding:6px 16px;border-radius:6px 6px 0 0;border:1px solid #6a4c26;border-bottom:none;background:linear-gradient(#3b2b1c,#261b12);color:var(--text-dim);text-shadow:0 1px 1px #000;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:linear-gradient(#5a4127,#3a2a1a);border-color:#a8823c;color:#ffd100}.list{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;padding:7px 10px;background:linear-gradient(#00000026,#0000004d),var(--panel-2);border:1px solid rgba(122,92,50,.6);border-radius:5px;box-shadow:inset 0 1px #ffdca00f,0 1px #00000080}.class-art{flex:none;object-fit:cover;object-position:50% 20%;border-radius:8px;border:1px solid rgba(245,197,66,.35);background:#16110c}.class-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.class-card{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--panel-2);border:1px solid rgba(107,90,58,.5);border-radius:10px}.class-card .class-art{width:100%!important;height:auto!important;aspect-ratio:3 / 4}.class-card .class-portrait{align-self:center}.class-card-body{flex:1}.class-card.highlight{border-color:var(--gold);box-shadow:0 0 14px #f5c5424d}.branch-head{display:flex;gap:12px;align-items:center}.branch-weapon{width:64px;display:flex;justify-content:center;flex:none}.branch-weapon canvas{transform:rotate(25deg)}.branch-spell{display:flex;align-items:center;gap:8px}.hero-name-label{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 14px;font-weight:600}.hero-name-input{width:220px;padding:6px 10px;font:inherit;color:var(--text);background:#00000059;border:1px solid var(--gold);border-radius:6px}.hero-gender-cards{grid-template-columns:repeat(2,minmax(160px,220px));justify-content:center}.hero-gender-card{cursor:pointer;opacity:.75}.hero-gender-card.highlight{opacity:1}.char-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.char-header .char-name{text-align:left;margin-bottom:2px}.class-portrait{flex:none;background:radial-gradient(circle at 50% 60%,#f5c5422e,#00000040);border-radius:8px}.row.highlight{border-color:var(--gold);box-shadow:0 0 10px #f5c54240}.row.dim{opacity:.6}.row-main{flex:1;min-width:0}.row-title{font-weight:600}.row-sub{font-size:13px;color:var(--text-dim);margin-top:2px}.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.icon{width:34px;height:34px;flex:none;image-rendering:pixelated;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.icon.painted{image-rendering:auto;object-fit:cover}.price{color:var(--gold);font-weight:700;white-space:nowrap}.price.diamond{color:#9be7ff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-table{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:14px}.stat-table .label{color:var(--text-dim)}.stat-table .value{text-align:right;font-weight:600}.tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:10px;background:#f5c54226;color:var(--gold);border:1px solid rgba(245,197,66,.4);margin-left:6px;vertical-align:middle}.tag.good{background:#69db7c1f;color:var(--good);border-color:#69db7c66}.tag.bad{background:#ff6b6b1f;color:var(--bad);border-color:#ff6b6b66}.muted{color:var(--text-dim)}.good-text{color:var(--good)}.bad-text{color:var(--bad)}.progress{height:8px;border-radius:4px;background:#0006;overflow:hidden;margin-top:5px}.progress>div{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.option-row{display:flex;align-items:center;gap:12px;margin:10px 0}.option-row label{flex:0 0 150px;color:var(--text-dim)}.option-row input[type=range]{flex:1;accent-color:var(--gold)}.lang-buttons{display:flex;flex-wrap:wrap;gap:6px}.lang-choice{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 12px}.lang-buttons .btn.active{color:#fff1b8;filter:drop-shadow(0 0 5px rgba(255,200,80,.9)) brightness(1.15)}.hud-top{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.hud-stack{display:flex;flex-direction:column;gap:6px;width:240px}.hud-vitals{pointer-events:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.hud-vitals .hearts{font-size:30px;margin:0 0 2px}.hud-vitals .bar{width:180px}.bar.thin{height:11px;border-radius:6px;margin-top:3px}.bar.thin>.bar-text{font-size:9px;line-height:10px}.hud-panel.hud-card{min-width:0;padding:6px 10px 7px}.hud-card .hud-name{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px}.hud-level{font-family:var(--body-font, inherit);font-size:12px;color:var(--text-dim);white-space:nowrap}.hud-line.compact{font-size:13px;gap:10px;margin-top:4px}.hud-small{font-size:12px;margin-top:4px}.hud-badges{display:flex;flex-wrap:wrap;gap:4px;pointer-events:auto}.hud-chip{font-size:11px;padding:1px 7px;border-radius:9px;background:#16110cd9;border:1px solid rgba(255,255,255,.18)}.boon-badge{width:28px;height:28px;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:#16110ce0;border:1.5px solid;box-shadow:0 1px 3px #0009;cursor:help}.boon-badge img{border-radius:50%!important;box-shadow:none!important}.hud-panel{background:linear-gradient(#251d16eb,#15100ceb);background-clip:padding-box;border:8px solid #3a2a1c;border-image:var(--ui-box) var(--ui-box-slice, 60) / 16px / 7px round;margin:8px 0 0 8px;padding:4px 6px;min-width:230px;box-shadow:0 4px 14px #0006;pointer-events:auto}.hud-line{display:flex;gap:14px;align-items:center;font-size:14px;flex-wrap:wrap}.hud-line b{color:var(--gold)}.hud-name{font-family:var(--title-font);color:var(--gold);font-size:16px}.bar{position:relative;height:14px;border-radius:7px;background:#0000008c;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-top:5px}.bar>.fill{height:100%;transition:width .25s}:root[data-ui-bar] .bar{box-sizing:border-box;height:25px;border-radius:2px;border-style:solid;border-color:transparent;border-width:5px 20px;border-image-source:var(--ui-bar);border-image-slice:var(--ui-bar-slice);border-image-width:5px 20px;border-image-repeat:stretch;background-clip:padding-box}:root[data-ui-bar=elven] .bar{border-width:5px 11px 4px;border-image-width:5px 11px 4px}:root[data-ui-bar=fine] .bar{border-width:4px 6px;border-image-width:7px}:root[data-ui-bar] .bar.thin{height:18px;border-width:3px 12px;border-image-width:3px 12px}:root[data-ui-bar] .bar>.bar-text{line-height:15px}:root[data-ui-bar] .bar.thin>.bar-text{line-height:12px}.bar>.bar-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;line-height:13px;text-align:center;font-weight:700;text-shadow:0 1px 2px #000}.bar.hp>.fill{background:linear-gradient(90deg,#a61e4d,var(--hp))}.bar.mana>.fill{background:linear-gradient(90deg,#1864ab,var(--mana))}.bar.xp>.fill{background:linear-gradient(90deg,#b8922e,var(--xp))}.hud-hint{position:absolute;bottom:122px;left:50%;transform:translate(-50%);background:#16110ce0;border:1px solid var(--gold-dim);border-radius:20px;padding:7px 16px;font-size:15px;pointer-events:none;white-space:nowrap}.hud-hint:empty{display:none}.hud-controls{position:absolute;bottom:156px;left:12px;font-size:12px;color:var(--text-dim);background:#16110cb3;padding:5px 10px;border-radius:6px;pointer-events:none;max-width:calc(50vw - 300px);text-align:right}.companion-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.chip{font-size:12px;padding:2px 8px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.window-boons{width:min(720px,100%)}.boon-cards{display:flex;gap:12px;flex-wrap:wrap}.boon-card{flex:1 1 180px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;background:var(--panel-2);color:var(--text);border:2px solid var(--border);border-radius:10px;cursor:pointer;font-family:var(--body-font);transition:transform .12s ease-out,background .12s}.boon-card:hover{transform:translateY(-3px);background:var(--panel-3)}.boon-tier{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.boon-card.tier-gold{box-shadow:0 0 10px #ffd43b59}.boon-card.tier-platinum{box-shadow:0 0 14px #9be7ff8c}.boon-class{font-size:11px;color:#ffd8a8;margin-top:2px}.boon-glyph{font-size:34px;line-height:1}.boon-icon{display:flex;justify-content:center;align-items:center;width:108px;height:108px;margin:4px 0 2px;border-radius:50%;border:3px solid var(--border);background:radial-gradient(circle,#2a2118 55%,#0f0b08);overflow:hidden}.boon-icon img{border-radius:50%!important}.boon-name{font-family:var(--title-font);font-weight:700;font-size:17px;color:var(--gold)}.boon-desc{font-size:13px;color:var(--text-dim);text-align:center}.toast-layer{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:70px}.toast{background:#16110cf0;border:1px solid var(--border);border-radius:8px;padding:8px 18px;font-family:var(--title-font);font-size:16px;animation:toast-in .2s ease-out;transition:opacity .4s,transform .4s;max-width:90vw;text-align:center}.toast-good{border-color:var(--good);color:var(--good)}.toast-bad{border-color:var(--bad);color:var(--bad)}.toast-special{border-color:var(--gold);color:var(--gold);box-shadow:0 0 18px #f5c54259}.toast-out{opacity:0;transform:translateY(-10px)}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}.menu>*{pointer-events:auto}.menu.menu-cover{right:auto;width:min(640px,52vw);padding-left:max(16px,3vw)}.menu.menu-cover .menu-sign{width:min(560px,46vw,calc((100vh - 490px)*2.4))}@media(max-width:760px){.menu.menu-cover{right:0;width:auto;padding-left:0}.menu.menu-cover .menu-sign{width:min(680px,88vw,calc((100vh - 490px)*2.4))}}.menu-title{font-family:var(--title-font);font-size:clamp(44px,8vw,86px);color:var(--gold);text-shadow:0 0 24px rgba(245,197,66,.45),0 4px 0 #5a3d0a;margin:0;letter-spacing:2px;pointer-events:none}.menu-subtitle{color:var(--text-dim);font-style:italic;margin:-4px 0 4px;font-size:18px;pointer-events:none}.menu-sign{position:relative;width:min(680px,88vw,calc((100vh - 490px)*2.4));container-type:inline-size;aspect-ratio:1536 / 640;margin:44px 0 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ui-sign-title) center / 100% 100% no-repeat;filter:drop-shadow(0 12px 24px rgba(0,0,0,.7));pointer-events:none}.menu-sign .menu-title{font-size:7.6cqi;color:#3a2410;text-shadow:0 1px 0 rgba(255,230,170,.7),0 0 18px rgba(255,210,120,.45)}.menu-sign .menu-title.long{font-size:6cqi;white-space:nowrap}.menu-sign .menu-subtitle{font-size:2.8cqi;color:#5a3a1a}.menu-sign:before,.menu-sign:after{content:"";position:absolute;top:-46px;width:6px;height:54px;background:repeating-linear-gradient(#c9a35a 0,#c9a35a 7px,#6b5228 7px,#6b5228 10px);border-radius:3px}.menu-sign:before{left:9%}.menu-sign:after{right:9%}.menu .btn-big{font-family:var(--title-font);min-width:300px;padding:6px 22px;font-size:17px;color:#ffd76a;background:none;border-style:solid;border-width:12px 24px;border-image:var(--ui-sign-button) var(--ui-sign-button-slice, 50 90) fill / 12px 24px stretch;border-radius:0;box-shadow:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));pointer-events:auto}.menu .btn-big:hover:not(:disabled){background:none;color:#fff1b8;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) brightness(1.18)}.menu .btn-big.btn-primary{background:none;color:#ffd100;text-shadow:0 0 10px rgba(255,170,60,.8),0 1px 1px #000}.menu .btn-big.btn-primary:hover:not(:disabled){background:none}.combat-panel{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(1100px,calc(100% - 24px));display:grid;grid-template-columns:250px 1fr 300px;gap:10px;pointer-events:auto}.combat-box{background:#16110ce6;border:1px solid var(--border);border-radius:9px;padding:10px}.combat-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.combat-actions .btn{white-space:normal;font-size:13px;padding:6px;line-height:1.2;min-height:44px}.ability-btn{display:flex;align-items:center;gap:7px;text-align:left}.ability-btn .ability-text{min-width:0}.ability-btn:disabled img{filter:grayscale(.8) brightness(.6)}.ability-btn small{display:block;font-weight:400;font-size:11px;color:#9fd3ff}.combat-log{height:132px;overflow-y:auto;font-size:13px;line-height:1.45}.combat-log div{animation:fade-in .2s}.log-good{color:var(--good)}.log-bad{color:#ff8f8f}.log-special{color:var(--gold)}.status-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;min-height:18px}.status-chip{font-size:11px;padding:1px 6px;border-radius:8px;color:#111;font-weight:700}.submenu{display:flex;flex-direction:column;gap:5px;max-height:150px;overflow-y:auto}.submenu .btn{text-align:left;display:flex;justify-content:space-between;gap:10px}.credits{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.credits-roll{position:absolute;left:0;right:0;text-align:center;animation:roll 38s linear forwards;top:100%}.credits-roll h1{font-family:var(--title-font);color:var(--gold);font-size:44px;margin:0 0 12px}.credits-roll h2{font-family:var(--title-font);color:var(--gold);margin:42px 0 6px}.credits-roll p{margin:4px 0;font-size:18px;color:var(--text)}.victory-actions{position:absolute;right:20px;bottom:20px;pointer-events:auto}@keyframes roll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 100vh))}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media(max-width:800px){.combat-panel{grid-template-columns:1fr}.combat-log{height:70px}.grid-2{grid-template-columns:1fr}}.window-bag{width:min(400px,100%)}.window-bank{width:min(760px,100%)}.window-character{width:min(640px,100%)}.bag-tabs{display:flex;gap:3px;margin:6px 0;flex-wrap:wrap}.bag-tab{padding:3px 7px;border-radius:5px;border:1px solid rgba(201,162,74,.45);background:#0000004d;color:#e9dcb8;font-size:12px;cursor:pointer}.bag-tab.active{border-color:var(--gold);background:#c9a24a40;color:#fff3bf}.bag-tab.empty:not(.active){opacity:.6}.bag-tab-count{color:#c9a24a}.bag-grid{display:grid;grid-template-columns:repeat(4,52px);gap:5px;padding:8px;background:#0000004d;border:1px solid var(--border);border-radius:8px;width:max-content}.bank-columns .bag-grid{grid-template-columns:repeat(8,40px)}.bag-grid.bag-grid-big,.bank-columns .bag-grid.bag-grid-big{grid-template-columns:repeat(6,36px);max-height:330px;overflow-y:auto}.bag-grid.bag-grid-big .bag-slot,.bank-columns .bag-grid.bag-grid-big .bag-slot{width:36px;height:36px}.bank-columns .bag-slot{width:40px;height:40px}.bag-slot{position:relative;width:52px;height:52px;border-radius:6px;background:linear-gradient(145deg,#463422e6,#1a140ee6);border:1px solid rgba(245,197,66,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 6px #0009}.bag-slot:hover{border-color:#f5c542}.bag-slot.selected{border-color:#ffe066;box-shadow:0 0 0 2px #ffe06680,inset 0 0 6px #0009}.bag-slot.empty{cursor:default;border-color:#ffffff0f;background:#00000059}.hearts{display:flex;flex-wrap:wrap;gap:1px;margin:3px 0 5px;font-size:26px;line-height:1;font-family:Segoe UI Symbol,DejaVu Sans,sans-serif}.heart.full{color:#ff4d6d;text-shadow:0 0 5px rgba(255,77,109,.55),0 1px 0 #000}.heart.empty{color:#3a2230;text-shadow:0 1px 0 #000}.heart.ward{color:#74c0fc;text-shadow:0 0 5px rgba(116,192,252,.6),0 1px 0 #000}.heart.ward.half{background:linear-gradient(90deg,#74c0fc 50%,transparent 50%);-webkit-background-clip:text;background-clip:text;color:transparent}.heart.half{background:linear-gradient(90deg,#ff4d6d 50%,#3a2230 50%);-webkit-background-clip:text;background-clip:text;color:transparent}.bag-slot.legendary{border-color:#ff922b;box-shadow:0 0 8px #ff922b73,inset 0 0 6px #0009}.row-title.legendary{color:#ff922b}.bag-slot.unusable .icon{filter:grayscale(1) brightness(.55)}.bag-slot.unusable{border-color:#ff6b6b59}.bag-slot .icon{width:80%;height:80%;background:none}.bag-count,.bag-plus{position:absolute;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000,0 0 3px #000}.bag-count{right:3px;bottom:1px;color:#fff}.bag-plus{left:3px;top:1px;color:#69db7c}.bag-footer{margin:6px 0 10px;font-size:12px;color:var(--muted, #b3a487)}.bag-footer.full{color:#ff8787;font-weight:700}.bag-detail{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:44px;font-size:13px}.bag-detail .item-card{width:auto;max-width:none}.bag-detail-actions{display:flex;flex-wrap:wrap;gap:6px;padding-left:54px}.bank-columns{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.char-name{text-align:center;font-weight:700;color:#f5c542;margin-bottom:6px}.char-sheet{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.char-column{display:flex;flex-direction:column;gap:14px}.char-portrait{width:220px;height:280px;border-radius:10px;background:radial-gradient(circle at 50% 70%,#644a2c99,#0b0806e6);border:1px solid var(--border)}.char-slot{position:relative;width:64px;height:64px;border-radius:8px;background:linear-gradient(145deg,#463422f2,#1a140ef2);border:2px solid rgba(245,197,66,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 8px #0009}.char-slot.empty{cursor:default;border-color:#ffffff1f}.char-slot .icon{width:80%;height:80%;background:none}.char-slot-label{font-size:10px;color:#ffffff59;text-align:center;padding:2px}@media(max-width:720px){.bank-columns{grid-template-columns:1fr}}.window-talents{width:min(920px,100%)}.talent-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.talent-rows{display:flex;flex-direction:column;gap:8px}.talent-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:stretch;padding:8px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,#302418d9,#110d09e6)}.talent-row.locked{opacity:.5}.talent-row.pending{border-color:#69db7c99;box-shadow:0 0 10px #69db7c2e}.talent-row-head{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:2px}.talent-row-level{font-family:var(--title-font);font-size:15px;color:#ffe8a3}.talent-row-name{font-size:12px;color:#d8ccb4}.talent-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.talent-option{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:9px;border:2px solid #4d4135;background:#0006}.talent-option>img,.talent-option>.talent-glyph{flex:0 0 auto}.talent-option.available{border-color:#69db7c;cursor:pointer}.talent-option.available:hover{background:#69db7c1f}.talent-option.chosen{border-color:#f5c542;box-shadow:0 0 10px #f5c54266;background:#f5c54214}.talent-option.dim,.talent-option.locked{filter:grayscale(.8) brightness(.7)}.talent-option-name{font-weight:700;font-size:13px;color:#f6ecd6}.talent-option.chosen .talent-option-name{color:#ffe066}.talent-option-desc{font-size:12px;line-height:1.3;color:#c7b99d}.talent-glyph{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;border-radius:8px;background:#00000059;text-shadow:0 1px 3px #000}.spellbook-spell.locked{filter:grayscale(1) brightness(.55)}.spellbook-level{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font-size:10px;font-weight:800;color:#ffe066;text-shadow:0 1px 2px #000}@media(max-width:640px){.talent-row{grid-template-columns:1fr}}.talent-novice{margin-top:10px}.hotbar-key{position:absolute;left:3px;top:1px;font-weight:800;font-size:13px;color:#ffe066;text-shadow:0 1px 2px #000}.hotbar-row{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:14px;align-items:flex-end;pointer-events:none}.potion-belt{display:flex;align-items:flex-end;gap:12px;pointer-events:auto}.potion-belt .hotbar-slot.belt-bottle{width:58px;height:86px;margin-top:-34px;background:none;border-radius:0;overflow:visible}.potion-belt .hotbar-slot.belt-bottle.flask{width:74px}.belt-bottle>img.bottle{position:absolute;left:50%;bottom:0;height:100%;transform:translate(-50%);object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.8));pointer-events:none}.belt-bottle:hover>img.bottle:first-child{filter:drop-shadow(0 3px 4px rgba(0,0,0,.8)) drop-shadow(0 0 6px rgba(255,220,140,.7))}.belt-bottle>img.bottle-drunk{filter:saturate(0) brightness(1.25) contrast(.55);opacity:.92}.belt-bottle>img.bottle-ghost{filter:grayscale(1) brightness(.75);opacity:.35}.belt-bottle:not(.flask).belt-spent>img.bottle,.belt-bottle.empty-stack>img.bottle{filter:grayscale(1) brightness(.6);opacity:.45}.belt-count{position:absolute;right:-2px;bottom:2px;font:bold 26px/1 var(--title-font);color:#fff3d0;-webkit-text-stroke:2px #3a0d08;paint-order:stroke;text-shadow:0 2px 3px #000;pointer-events:none}.belt-bottle:not(.flask) .belt-count{font-size:20px}.belt-bottle.belt-spent .belt-count,.belt-bottle.empty-stack .belt-count{color:#ff8787}.potion-belt .hotbar-key{left:0;top:auto;bottom:2px;font-size:12px;text-shadow:0 0 2px #000,0 0 2px #000}.potion-belt .belt-bottle .hotbar-shade{left:50%;right:auto;bottom:6%;width:46px;height:46px!important;transform:translate(-50%);border-radius:50%;background:transparent}.belt-cross{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#ff5a5ad9;text-shadow:0 0 4px #000;pointer-events:none}.ability-hotbar{display:flex;gap:6px;padding:2px;background:linear-gradient(#251d16f0,#15100cf0);background-clip:padding-box;border:5px solid #3a2a1c;border-image:var(--ui-box) var(--ui-box-slice, 60) / 16px / 7px round;box-shadow:0 4px 14px #00000073;pointer-events:auto}.hotbar-slot{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--ui-slot) center / 100% 100% no-repeat,#1c1712;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.hotbar-slot.empty{cursor:default}.hotbar-slot.no-mana>img,.hotbar-slot.unavailable>img,.hotbar-slot.empty-stack>img{filter:grayscale(.8) brightness(.7)}.hotbar-slot.highlighted{outline:2px solid #ff4d4d;outline-offset:-2px;animation:hotbar-ready .7s ease-in-out infinite alternate}@keyframes hotbar-ready{0%{box-shadow:0 0 4px #ff4d4d80}to{box-shadow:0 0 14px #ff4d4df2}}.hotbar-slot.drop-target{outline:2px solid #69db7c;outline-offset:-2px;box-shadow:0 0 10px #69db7c99}.hotbar-shade{position:absolute;left:0;right:0;bottom:0;height:0%;background:#0b0806b8;pointer-events:none}.hotbar-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.hotbar-cost,.hotbar-count{position:absolute;right:3px;bottom:1px;font-weight:700;font-size:11px;text-shadow:0 1px 2px #000;pointer-events:none}.hotbar-cost{color:#74c0fc}.hotbar-count{color:#fff}.hotbar-slot .hotbar-key{pointer-events:none}.action-draggable{cursor:grab}.dragging-action,.dragging-action *{cursor:grabbing!important}.action-drag-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);opacity:.85;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.action-drag-ghost img{width:44px!important;height:44px!important}.spellbook{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:6px 10px;border-radius:8px;background:#f5c54212;font-size:13px}.spellbook-spell{position:relative;border-radius:8px;box-shadow:0 0 0 1px #f5c54266}.spellbook-spell.new{box-shadow:0 0 0 2px var(--gold),0 0 10px #f5c542cc}.spellbook-new{position:absolute;left:50%;top:-9px;transform:translate(-50%);padding:0 4px;border-radius:4px;background:#e03131;font:700 9px/13px sans-serif;color:#fff;white-space:nowrap;pointer-events:none}@media(max-width:1100px){.hud-controls{display:none}}.dev-level{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.dev-classes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.dev-class{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:8px;border:1px solid var(--border);font-size:13px;text-align:center;cursor:pointer}.dev-class:hover{border-color:var(--gold-dim)}.dev-class.current{border-color:#69db7c;cursor:default}.tamer-detail{display:flex;gap:16px;align-items:flex-start}.tamer-info{flex:1}.tamer-info h3{margin:0 0 4px}.tamer-attack{padding:4px 0;border-bottom:1px solid var(--border);font-size:13px}.tamer-buttons{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tamer-buttons .active{outline:2px solid #69db7c;outline-offset:1px}.tamer-buttons>b{align-self:center}.tamer-group{margin-top:8px}.tamer-group .tamer-buttons{margin-top:4px;gap:6px}.zoo-force{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;border:1px solid var(--gold-dim);background:#0f0b08e0;max-width:220px}.zoo-force-title{color:var(--gold);font-size:13px;font-weight:700}.zoo-force .active{border-color:#69db7c;outline:2px solid #69db7c;outline-offset:1px}.window-save-slots{width:min(1060px,100%)}.save-slots{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.save-slot{flex:1 1 210px;max-width:250px;min-height:330px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px 12px;background:linear-gradient(var(--panel-2),#1f1a2b);border:1px solid rgba(107,90,58,.6);border-radius:9px;text-align:center;transition:border-color .15s,box-shadow .15s,transform .08s}.save-slot.selectable{cursor:pointer}.save-slot.selectable:hover{border-color:var(--gold);box-shadow:0 0 12px #f5c54240}.save-slot.selectable:active{transform:translateY(1px)}.save-slot.empty{border-style:dashed;opacity:.8}.save-slot-head{align-self:stretch;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;min-height:28px}.save-slot-number{font-family:var(--title-font);color:var(--gold);font-size:15px;white-space:nowrap}.save-slot-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.save-slot-tool{padding:2px 8px;font-size:12px}.save-slot .class-portrait,.save-slot-placeholder{width:96px;height:96px;margin:4px 0}.save-slot-placeholder{flex:none;border-radius:8px;border:1px dashed rgba(107,90,58,.6);background:#0003}.save-slot-name{font-family:var(--title-font);font-size:18px;color:var(--text)}.save-slot-level{font-size:13px;color:var(--text-dim)}.save-slot-status{font-size:12px;padding:1px 8px;border-radius:10px;color:var(--text-dim);background:#00000040}.save-slot-status.in-run{color:var(--special);background:#b197fc1f;border:1px solid rgba(177,151,252,.4)}.save-slot-stats{align-self:stretch;display:flex;flex-direction:column;gap:2px;margin:6px 0 4px;font-size:13px}.save-slot-stat{display:flex;justify-content:space-between;gap:8px;text-align:left}.save-slot-stat b{text-align:right}.save-slot-empty-text{flex:1;display:flex;align-items:center;color:var(--text-dim);font-style:italic}.save-slot-action{margin-top:auto;align-self:stretch}@media(max-width:560px){.save-slot{max-width:none;min-height:0}}.game-tooltip{position:fixed;z-index:20000;max-width:300px;padding:9px 12px 10px;border-radius:8px;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#2e2216f7,#110c08f7);box-shadow:0 6px 18px #0000008c,inset 0 1px #ffe8a314;color:#efe4cc;font-size:13px;line-height:1.35;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .08s ease-out,transform .08s ease-out;white-space:normal}.game-tooltip.visible{opacity:1;transform:translateY(0)}.game-tooltip .tt-title{font-family:var(--title-font);font-size:15px;font-weight:700;color:#ffe8a3;margin-bottom:2px}.game-tooltip .tt-meta{font-size:11px;color:#b0a284;letter-spacing:.02em;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid rgba(245,197,66,.2)}.game-tooltip .tt-line{margin-top:2px}.game-tooltip .tt-hint{margin-top:6px;font-size:11px;font-style:italic;color:#948669}.game-tooltip.custom{padding:0;border:none;background:none;box-shadow:none;max-width:none}.item-tip{display:flex;align-items:flex-start;gap:10px}.item-card{--ic-rarity: #9d9d9d;--ic-glow: rgba(157, 157, 157, .25);display:flex;align-items:flex-start;gap:6px;width:310px;max-width:310px;text-align:left}.item-card.rarity-magic{--ic-rarity: #4dabf7;--ic-glow: rgba(77, 171, 247, .45)}.item-card.rarity-rare{--ic-rarity: #ffd43b;--ic-glow: rgba(255, 212, 59, .45)}.item-card.rarity-epic{--ic-rarity: #c77dff;--ic-glow: rgba(199, 125, 255, .55)}.item-card.rarity-legendary{--ic-rarity: #ff922b;--ic-glow: rgba(255, 146, 43, .55)}.ic-icon-frame{flex:none;width:46px;height:46px;border-radius:6px;border:2px solid var(--ic-rarity);background:#07080f;box-shadow:0 0 9px var(--ic-glow),0 2px 6px #0009;overflow:hidden}.ic-icon-frame .ic-icon{display:block;width:100%;height:100%;background:none}.ic-body{flex:1;min-width:0;padding:8px 11px 9px;border-radius:6px;border:1px solid rgba(200,205,225,.38);background:linear-gradient(180deg,#101226f7,#070813f7);box-shadow:0 6px 18px #0009,inset 0 1px #ffffff0d;color:#fff;font-size:13px;line-height:1.33}.ic-line+.ic-line{margin-top:1px}.ic-head{font-size:11px;color:#9d9d9d;margin-bottom:2px}.ic-name{font-family:var(--title-font);font-size:16px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px #000}.ic-rarity{font-size:11px;margin-bottom:3px}.ic-split{display:flex;justify-content:space-between;gap:14px}.ic-green,.ic-legendary{color:#1eff00}.ic-green+.ic-green,.ic-gem+.ic-green,.ic-stat+.ic-green{margin-top:3px}.ic-gem{color:#74c0fc}.ic-desc{color:#e9e3d0}.ic-set{margin-top:9px}.ic-set-name{color:#ffd100}.ic-set-piece{color:#7d7d7d;padding-left:12px}.ic-set-piece.worn{color:#ffffa0}.ic-set-bonus{color:#7d7d7d;margin-top:3px}.ic-set-bonus.active{color:#1eff00}.ic-flavor{color:#ffd100;margin-top:9px}.ic-line.ic-classes{margin-top:6px}.ic-meta{font-size:11px;color:#9d9d9d}.ic-price .price{color:#ffd43b}.ic-compare{margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.ic-compare .compare-line{margin-top:2px}.ic-slots{margin-top:5px}.ic-card{color:#f5d76e}.ic-card-effect{padding-left:14px;font-size:12px}.ic-slot-empty{color:#8a8a8a}.card-slots{display:flex;flex-direction:column;gap:6px;margin:8px 0}.card-slot{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#0000004d;border:1px solid rgba(245,215,110,.35)}.card-slot .icon{width:40px;height:40px}.card-slot.empty{color:var(--text-dim, #9d9d9d);border-style:dashed;border-color:#ffffff2e;min-height:32px}.card-slot-name{font-weight:700;color:#f5d76e}.card-slot-effect{font-size:12px;color:#69db7c}.album-swap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.album-swap-cards{display:flex;flex-wrap:wrap;gap:6px}.album-swap-card{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:6px;border:1px solid rgba(245,215,110,.3);background:#0000004d;color:inherit;font:inherit;font-size:12px;cursor:pointer}.album-swap-card .icon{width:30px;height:30px}.album-swap-card:hover{border-color:#f5d76e}.album-swap-card.chosen{border-color:#f5d76e;box-shadow:0 0 8px #f5d76e80;background:#f5d76e1f}.album-swap-chosen{color:#69db7c}.album-sticker.has-card{box-shadow:0 0 0 2px #f5d76e,0 0 12px #f5d76e73}.album-sticker-card{position:absolute;left:6px;top:6px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.album-sticker-card .icon{width:100%;height:100%}.bag-slot.rarity-epic,.char-slot.rarity-epic{border-color:#c77dff;box-shadow:0 0 9px #c77dff8c,inset 0 0 6px #0009}.row-title.rarity-epic{color:#c77dff}.affix-line.rarity-epic{color:#d8b4fe}.merchant-chest-reveal.rarity-epic{border-color:#c77dff;box-shadow:0 0 20px #c77dff80}.guild-rank{display:flex;gap:14px;align-items:center;padding:12px 14px;margin:6px 0 4px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.guild-emblem{flex:none;width:54px;height:54px;border:3px solid;border-radius:50%;display:grid;place-items:center;font-family:var(--title-font);font-size:26px;font-weight:700;background:radial-gradient(circle at 35% 30%,#ffffff29,#00000059)}.guild-emblem.small{width:34px;height:34px;font-size:16px;border-width:2px}.guild-rank-main{flex:1;min-width:0}.guild-rank-title{font-family:var(--title-font);font-size:18px}.guild-bar{position:relative;height:12px;margin:8px 0 22px;background:#00000073;border:1px solid var(--border);border-radius:6px}.guild-bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.guild-tick{position:absolute;top:-3px;width:0;height:16px;border-left:2px solid;opacity:.55}.guild-tick.reached{opacity:1}.guild-tick-label{position:absolute;top:17px;transform:translate(-50%);font-size:10px;white-space:nowrap}.window-dialogue{width:min(860px,100%);position:relative;z-index:1}.window-backdrop:has(>.window-dialogue){align-items:flex-end;padding-bottom:28px}.cutin{position:absolute;left:max(1vw,calc(50% - 600px));bottom:0;height:min(80vh,780px);z-index:0;pointer-events:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.65));animation:cutin-in .28s ease-out}.story-scenes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.story-scenes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#000000b3)}.story-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:story-scene-in .6s ease-out}@keyframes story-scene-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes cutin-in{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}.window-dialogue .window-title{display:none}.forge-rhythm-bar{position:relative;height:34px;margin:10px 4px 14px;border-radius:17px;background:linear-gradient(90deg,#2a1810,#4a2414);border:2px solid #7a4a2a;cursor:pointer}.forge-rhythm-anvil{position:absolute;top:-4px;bottom:-4px;border-radius:8px;background:#ffc45059;border:3px solid #ffd47a}.forge-rhythm-beat{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle,#fff1c2,#ff8a3d 55%,#c2301a);box-shadow:0 0 12px #ff6b2b}.forge-rhythm-blows{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.forge-rhythm-blow{width:16px;height:16px;border-radius:50%;border:2px solid #8a7a6a}.forge-rhythm-blow.good{background:#69db7c;border-color:#2b8a3e}.forge-rhythm-blow.miss{background:#ff6b6b;border-color:#c92a2a}.window-dialogue .window-footer.dialogue-answers{flex-wrap:wrap}.window-dialogue .window-footer.dialogue-answers .btn{flex:1 1 100%;text-align:left;white-space:normal}.dialogue{display:flex;gap:16px;align-items:flex-start;min-height:96px;cursor:pointer}.dialogue-portrait{flex:none}.dialogue-main{flex:1;min-width:0}.dialogue-name{font-family:var(--title-font);color:var(--gold);font-size:18px;margin-bottom:6px}.dialogue-text{margin:0;font-size:16px;line-height:1.6;white-space:pre-line}.dialogue.narrator .dialogue-text{font-style:italic;color:var(--text-dim)}.dialogue-page{margin-right:auto;font-size:12px}.enchant{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}.enchant-weapons{display:flex;flex-direction:column;gap:6px}.enchant-weapon{font:inherit;display:flex;align-items:center;gap:8px;padding:6px 8px;text-align:left;color:var(--text);background:var(--panel-2);border:1px solid rgba(107,90,58,.5);border-radius:7px;cursor:pointer}.enchant-weapon:hover{border-color:var(--gold-dim)}.enchant-weapon.active{border-color:var(--gold);background:var(--panel-3);box-shadow:0 0 10px #f5c54233}.enchant-weapon-text{display:flex;flex-direction:column;min-width:0}.enchant-weapon-name{font-weight:600;font-size:14px}.enchant-weapon-gem{font-size:12px;color:var(--special)}.enchant-weapon-gem.empty{color:var(--text-dim);font-style:italic}.enchant-socket{display:flex;flex-direction:column;gap:10px;min-width:0}.enchant-head{display:flex;align-items:center;gap:10px}.gem-socket{display:flex;align-items:center;gap:14px;padding:12px 14px;background:radial-gradient(circle at 40px 50%,rgba(177,151,252,.16),transparent 140px),var(--panel-2);border:1px solid rgba(177,151,252,.45);border-radius:10px}.gem-socket.empty{background:var(--panel-2);border:1px dashed rgba(107,90,58,.8)}.gem-socket-stone{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#2a2236 55%,#0e0b14);border:2px solid var(--gold-dim);box-shadow:inset 0 2px 6px #000000b3}.gem-socket-stone .icon{width:40px;height:40px;border-radius:50%;border:none;background:none}.gem-socket-name{display:flex;align-items:center;gap:10px;font-family:var(--title-font);font-size:18px;color:var(--gold)}.gem-socket-effect{margin-top:3px;font-size:14px;line-height:1.4}.gem-socket.empty .gem-socket-effect{color:var(--text-dim)}.gem-pips{display:inline-flex;gap:3px}.gem-pip{font-family:var(--title-font);font-size:11px;min-width:22px;padding:1px 4px;text-align:center;border-radius:4px;color:var(--text-dim);border:1px solid rgba(107,90,58,.6);background:#0000004d}.gem-pip.on{color:#1b1406;background:var(--gold);border-color:var(--gold)}.gem-upgrade{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 14px;background:#00000038;border-left:3px solid var(--gold-dim);border-radius:0 8px 8px 0}.gem-upgrade.done{color:var(--good)}.gem-upgrade-title{font-weight:700;color:var(--gold)}.gem-upgrade-effect{font-size:14px}.gem-needs{display:flex;flex-wrap:wrap;gap:6px}.need-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;font-size:13px;border-radius:14px;background:#0000004d;border:1px solid rgba(105,219,124,.45)}.need-chip .icon{width:22px;height:22px;border-radius:50%}.need-chip b{color:var(--good)}.need-chip.missing{border-color:#ff6b6b80}.need-chip.missing b,.need-chip.missing .price{color:var(--bad)}.need-chip:not(:has(.icon)){padding-left:8px}.gem-warn{margin:-4px 0 0;font-size:13px;color:#ffa94d}.gem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.gem-card{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel-2);border:1px solid rgba(107,90,58,.5);border-radius:9px}.gem-card.current{border-color:var(--good);box-shadow:0 0 10px #69db7c2e}.gem-card.missing{opacity:.5}.gem-card-head{display:flex;align-items:center;gap:8px}.gem-card-name{font-weight:700}.gem-card-owned{font-size:12px;color:var(--text-dim)}.gem-card-effect{font-size:13px;line-height:1.35;flex:1}.gem-card-essence{font-size:12px;color:var(--text-dim);font-style:italic}.gem-card .btn,.gem-card .tag{align-self:flex-start;margin-left:0}@media(max-width:720px){.enchant{grid-template-columns:1fr}}.event-result{margin:0 0 12px;padding:10px 12px;font-weight:600;color:#ffe9a8;background:#f5c54214;border:1px solid rgba(245,197,66,.35);border-radius:6px}.event-options{display:flex;flex-direction:column;gap:8px}.event-option{display:flex;flex-direction:column;gap:3px}.event-option .btn{white-space:normal;text-align:left}.event-hint{font-size:12px;color:var(--text-dim);padding-left:4px}.bag-slot.rarity-magic,.char-slot.rarity-magic{border-color:#4dabf7;box-shadow:0 0 6px #4dabf773,inset 0 0 6px #0009}.bag-slot.rarity-rare,.char-slot.rarity-rare{border-color:#ffd43b;box-shadow:0 0 8px #ffd43b80,inset 0 0 6px #0009}.char-slot.rarity-legendary{border-color:#ff922b;box-shadow:0 0 8px #ff922b73,inset 0 0 6px #0009}.row-title.rarity-magic{color:#4dabf7}.row-title.rarity-rare{color:#ffd43b}.row-title.rarity-legendary{color:#ff922b}.compare-line{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:4px;font-size:12px;align-items:center}.compare-chip.up{color:#69db7c}.compare-chip.down{color:#ff6b6b}.sell-all{display:flex;justify-content:flex-end;margin-bottom:8px}.affix-line{font-size:12px}.affix-line.rarity-magic{color:#74c0fc}.affix-line.rarity-rare{color:#ffe066}.affix-line.rarity-legendary{color:#ffa94d}.bag-detail+.compare-line{padding:6px 8px;border-top:1px solid rgba(255,255,255,.08)}.row-title.echo-title{color:#b197fc}.summon-cost{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.summon-portrait{flex:none;filter:drop-shadow(0 0 6px rgba(177,151,252,.6))}.summon-portrait.asleep{filter:grayscale(1) brightness(.45)}.hud-name,.hud-hint,.hud-chip,.row-title,.boon-name,.boon-tier,.gem-card-name,.gem-socket-name,.gem-upgrade-title,.enchant-weapon-name,.event-result,.talent-option-name,.stat-table .label{font-family:var(--title-font);letter-spacing:.3px}[data-ui-frame=elven] .window{background:radial-gradient(ellipse at 50% 0%,rgba(190,230,140,.07),transparent 55%),linear-gradient(#20251a,#11140d);background-clip:padding-box}[data-ui-button=elven] .btn{color:#3a2410;text-shadow:0 1px 0 rgba(255,236,190,.7);border-width:8px 24px;border-image-width:8px 24px}[data-ui-button=elven] .btn:hover:not(:disabled){color:#1f1206}[data-ui-button=elven] .btn-primary{color:#5a2a00;text-shadow:0 1px 0 rgba(255,236,190,.8),0 0 8px rgba(255,220,120,.9)}[data-ui-button=elven] .btn-small{border-width:6px 14px;border-image-width:6px 14px}[data-ui-button=elven] .lang-buttons .btn.active{color:#1f1206;text-shadow:0 1px 0 rgba(255,236,190,.8);filter:drop-shadow(0 0 5px rgba(150,230,90,.9)) brightness(1.12)}[data-ui-button=elven] .menu .btn-big{color:#3a2410;text-shadow:0 1px 0 rgba(255,236,190,.7);border-width:12px 36px;border-image-width:12px 36px}[data-ui-button=elven] .menu .btn-big.btn-primary{color:#5a2a00;text-shadow:0 1px 0 rgba(255,236,190,.8),0 0 10px rgba(255,220,120,.9)}[data-ui-slot=vine] .hotbar-slot{background:var(--ui-slot) center / 100% 100% no-repeat,#16200f}[data-ui-frame=elven] .window-title-text,[data-ui-frame=elven] .section-title{color:#e8f0a0}[data-ui-button=red] .btn{color:#ffd76a;text-shadow:0 1px 1px #000;background:linear-gradient(#6e1f16,#4a120c 55%,#370c08);border:1px solid #a8823c;border-image:none;border-radius:4px;box-shadow:inset 0 1px #ffbe7840,0 1px 2px #0009;filter:none;padding:7px 14px}[data-ui-button=red] .btn:hover:not(:disabled){background:linear-gradient(#8a2a1d,#5e170f 55%,#45100a);border-color:var(--gold);color:#ffe9a8;filter:none}[data-ui-button=red] .btn-primary{background:linear-gradient(#a32a1a,#74180d 55%,#551008);border-color:var(--gold);color:#ffd100}[data-ui-button=red] .btn-small{padding:4px 9px}[data-ui-button=red] .lang-buttons .btn.active{border-color:#ffd100;box-shadow:0 0 8px #ffc850cc}[data-ui-button=red] .menu .btn-big{background:linear-gradient(#6e1f16,#4a120c 55%,#370c08);border:2px solid #a8823c;border-image:none;border-radius:6px;padding:12px 22px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}[data-ui-button=red] .menu .btn-big:hover:not(:disabled){background:linear-gradient(#8a2a1d,#5e170f 55%,#45100a)}[data-ui-button=red] .menu .btn-big.btn-primary{background:linear-gradient(#a32a1a,#74180d 55%,#551008)}:is(.row,.gem-card,.boon-card,.talent-option,.talent-row,.class-card,.enchant-weapon,.gem-socket,.gem-upgrade,.bag-slot,.char-slot,.npc-line){border:4px solid transparent;border-image:var(--ui-box) var(--ui-box-slice, 60) / 14px / 5px round;border-radius:0;background-clip:padding-box;outline:2px solid transparent;outline-offset:-3px}.row.highlight,.class-card.highlight,.enchant-weapon.active,.talent-option.chosen,.bag-slot:hover{outline-color:var(--gold)}.bag-slot.selected{outline-color:#ffe066}.enchant-weapon:hover{outline-color:var(--gold-dim)}.talent-row.pending,.talent-option.available,.gem-card.current{outline-color:#69db7c}:is(.bag-slot,.char-slot).rarity-magic{outline-color:#4dabf7}:is(.bag-slot,.char-slot).rarity-rare{outline-color:#ffd43b}:is(.bag-slot,.char-slot):is(.rarity-legendary,.legendary){outline-color:#ff922b}:is(.bag-slot,.char-slot).rarity-epic{outline-color:#c77dff}[data-ui-frame=fine] .window{border-image-width:40px;border-image-outset:14px}.merchant-chest-reveal{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#00000040;text-align:center}.merchant-chest-reveal.sealed .merchant-chest-art{width:72px;height:72px;object-fit:contain;animation:merchant-chest-shake .3s ease-in-out infinite}.merchant-chest-reveal.open{text-align:left;animation:pop-in .35s ease-out}.merchant-chest-reveal.rarity-magic{border-color:#4dabf7;box-shadow:0 0 14px #4dabf759}.merchant-chest-reveal.rarity-rare{border-color:#ffd43b;box-shadow:0 0 16px #ffd43b66}.merchant-chest-reveal.rarity-legendary{border-color:#ff922b;box-shadow:0 0 22px #ff922b8c}@keyframes merchant-chest-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:8px 0 12px}.album-sticker{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 6px;border:2px solid var(--gold-dim);border-radius:10px;background:linear-gradient(160deg,var(--panel-3),var(--panel-2));text-align:center}.album-sticker:nth-child(odd){transform:rotate(-1deg)}.album-sticker:nth-child(2n){transform:rotate(.8deg)}.album-sticker.boss{border-color:var(--special)}.album-sticker.missing{border-style:dashed;border-color:var(--border);background:#00000040;transform:none}.album-sticker.missing canvas{filter:brightness(0) opacity(.5)}.album-sticker.fresh{border-color:var(--gold);box-shadow:0 0 12px #f5c54280;animation:pop-in .35s ease-out}.album-sticker-name{font-weight:700;font-size:13px}.album-sticker-line{font-size:11px}.album-sticker-count{position:absolute;top:4px;right:6px;font-size:11px;font-weight:700;color:var(--gold)}.album-sticker-new{position:absolute;top:-6px;left:-4px;padding:1px 5px;border-radius:6px;background:var(--gold);color:#1a1208;font-size:10px;font-weight:700;transform:rotate(-10deg)}.album-present{display:flex;flex-wrap:wrap;gap:4px 12px}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at center,#1a2e1c 0%,#0b120c 70%,var(--bg) 100%);transition:opacity .25s ease-out}.map-loading-out{opacity:0}.map-loading>*{animation:map-loading-in .25s ease-out .2s both}@keyframes map-loading-in{0%{opacity:0}to{opacity:1}}.map-loading-title{font-family:var(--title-font);font-size:34px;color:var(--gold);text-shadow:0 2px 6px rgba(0,0,0,.8)}.map-loading-zone{font-family:var(--title-font);font-size:20px;color:var(--text-dim)}.map-loading-bar{width:min(420px,70vw);height:12px;border:2px solid var(--border);border-radius:8px;background:#00000080;overflow:hidden}.map-loading-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .15s linear}.map-loading-hint{font-size:14px;color:var(--text-dim);font-style:italic}.main-bar{position:absolute;left:0;right:0;bottom:0;height:150px;pointer-events:none}.main-bar-band{position:absolute;left:64px;right:64px;bottom:0;height:92px;box-sizing:border-box;border-style:solid;border-width:0 107px;border-image-slice:0 140 fill;border-image-width:0 107px;border-image-repeat:stretch;pointer-events:auto}.main-bar-xp{position:absolute;left:160px;right:160px;bottom:84px;height:11px;border-radius:3px;background:#120d1a;border:1px solid #000;box-shadow:0 0 0 1px #d6be828c;overflow:hidden;pointer-events:auto}.main-bar-xp-fill{height:100%;background:linear-gradient(#b46cff,#5b2a9e)}.main-bar-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;padding-left:8px;text-align:left;font:10px/11px var(--title-font);color:#fff;text-shadow:0 1px 2px #000}.main-bar-row{position:absolute;left:50%;bottom:12px;transform:translate(-50%);transform-origin:50% 100%;display:flex;gap:16px;align-items:center;pointer-events:auto}.main-bar .hotbar-row{position:static;transform:none;gap:12px;align-items:center}.main-bar .ability-hotbar{background:none;border:none;border-image:none;box-shadow:none;padding:0}.main-bar-menu{display:grid;grid-template-columns:repeat(3,38px);gap:4px}.main-bar-button{position:relative;width:38px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:5px;background:radial-gradient(#243a2cf2,#080e0af2);border:2px solid #b8923f;box-shadow:inset 0 0 6px #000;cursor:pointer}.main-bar-button:hover{border-color:var(--gold);box-shadow:inset 0 0 6px #000,0 0 6px #f5c54299}.main-bar-button>img{width:28px;height:28px;object-fit:contain;pointer-events:none}.main-bar-button.waiting{border-color:var(--gold);animation:main-bar-waiting 1.6s ease-in-out infinite}@keyframes main-bar-waiting{0%,to{box-shadow:inset 0 0 6px #000,0 0 3px #f5c54266}50%{box-shadow:inset 0 0 6px #000,0 0 10px #f5c542e6}}.main-bar-badge{position:absolute;top:-7px;left:-7px;z-index:1;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#e03131;border:1px solid #ffd43b;font:700 10px/14px sans-serif;color:#fff;text-align:center;box-sizing:border-box;pointer-events:none}.main-bar-badge.hidden{display:none}.main-bar-key{position:absolute;right:2px;bottom:0;font:9px var(--title-font);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}.main-bar-cap{position:absolute;bottom:0;height:150px;pointer-events:none}.main-bar-cap.left{left:-6px}.main-bar-cap.right{right:-6px;transform:scaleX(-1)}.main-bar-cap{pointer-events:auto;cursor:pointer;transition:filter .15s}.main-bar-cap:hover{filter:brightness(1.15) drop-shadow(0 0 6px rgba(255,220,120,.55))}.main-bar-crest-picker{position:absolute;left:12px;bottom:160px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:420px;padding:10px 12px;background:#0c1a15f0;border:2px solid #c9a24a;border-radius:10px;box-shadow:0 6px 18px #0000008c;z-index:5}.main-bar-crest-picker.hidden{display:none}.main-bar-crest-title{width:100%;color:#f3d98b;font-weight:700;margin-bottom:2px}.main-bar-crest-note{width:100%;color:#b9c7bd;font-size:12px;margin-top:2px}.main-bar-crest-own,.main-bar-crest-choice{background:#ffffff0f;border:1px solid rgba(201,162,74,.5);border-radius:8px;color:#f1e6c8;cursor:pointer}.main-bar-crest-own{padding:6px 10px}.main-bar-crest-choice{width:58px;height:58px;padding:3px}.main-bar-crest-choice img{width:100%;height:100%;object-fit:contain}.main-bar-crest-own:hover,.main-bar-crest-choice:hover,.main-bar-crest-own.active,.main-bar-crest-choice.active{border-color:#ffd76a;background:#ffd76a29}@media(max-width:1180px){.main-bar-cap{height:110px}.main-bar-band{left:40px;right:40px}}@media(max-width:980px){.main-bar-cap{display:none}.main-bar-band{left:0;right:0}.main-bar-xp{left:110px;right:110px}.main-bar-row{transform:translate(-50%) scale(.86)}}.minimap-controls{position:absolute;pointer-events:none}.minimap-plate{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);height:24px;display:flex;align-items:center;gap:4px;padding:0 10px 0 4px;border-radius:13px;background:linear-gradient(#251d16f5,#100c09f5);border:2px solid #b8923f;font:13px var(--title-font);color:#ffe9b0;text-shadow:0 1px 2px #000;white-space:nowrap}.minimap-plate-icon{width:20px;height:20px}.minimap-plate-icon[hidden]+span{padding-left:6px}.minimap-zoom{position:absolute;width:24px;height:24px;padding:0;border-radius:50%;background:radial-gradient(#4a3a26,#17110b);border:2px solid #b8923f;color:#ffe9b0;font:bold 16px/18px var(--title-font);cursor:pointer;pointer-events:auto}.minimap-zoom:hover{border-color:var(--gold)}.minimap-zoom.in{left:calc(7% - 12px);top:calc(68% - 12px)}.minimap-zoom.out{left:calc(17% - 12px);top:calc(84% - 12px)}.quest-tracker{position:absolute;right:8px;width:250px;padding:6px 8px;border-radius:6px;background:linear-gradient(to left,#0806049e,#08060433);font-family:var(--title-font);text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:auto}.quest-tracker:empty{display:none}.quest-tracker-header{font-size:15px;color:var(--gold);border-bottom:1px solid rgba(255,209,0,.35);cursor:pointer;-webkit-user-select:none;user-select:none}.quest-fold{display:inline-block;width:14px;color:#c9b48a;cursor:pointer}.quest-tracker-entry{margin-top:6px}.quest-tracker-title{font-size:14px;color:#ffd100;cursor:pointer;-webkit-user-select:none;user-select:none}.quest-tracker-title:hover{color:#fff0a0}.quest-tracker-line{font-size:13px;color:#f2ead8;padding-left:18px;line-height:1.3}.quest-tracker-line.done{color:#9be37a}.quest-tracker-line.more{color:var(--text-dim)}.window-quests{width:min(780px,100%)}.quest-log{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;min-height:360px}.quest-log-list{border-right:1px solid rgba(214,190,130,.35);padding-right:10px;font-family:var(--title-font)}.quest-log-kind{margin:8px 0 3px;color:#c9b48a;font-size:13px;text-transform:uppercase;letter-spacing:1px}.quest-log-item{padding:4px 8px;border-radius:4px;font-size:14px;color:#ffd100;cursor:pointer}.quest-log-item:hover{background:#ffd10014}.quest-log-item.chosen{color:#fff;background:#ffd1002e;box-shadow:inset 0 0 0 1px #ffd10080}.quest-log-page{font-size:14px;line-height:1.45}.quest-log-title{font:20px var(--title-font);color:#ffd100}.quest-log-summary{margin-bottom:8px;font-size:12px;color:var(--text-dim)}.quest-log-heading{margin:10px 0 4px;font:15px var(--title-font);color:#ffd100}.quest-log-objective.done{color:#9be37a}.quest-log-empty{color:var(--text-dim)}@media(max-width:720px){.quest-log{grid-template-columns:1fr}.quest-log-list{border-right:none;padding-right:0}}.window-duel{width:min(760px,100%)}.duel-options{display:flex;flex-direction:column;gap:8px;margin-top:10px}.duel-stake-line,.duel-stake-mini{display:flex;align-items:center;gap:6px;color:var(--gold)}.duel-stake-btn{display:flex;align-items:center;gap:6px}.duel-top{display:flex;justify-content:space-between;color:var(--text-dim);margin-bottom:6px}.duel-side{display:grid;grid-template-columns:120px 1fr 56px;align-items:center;gap:10px;min-height:116px;padding:8px 10px;border:2px solid #50785f;border-radius:10px;background:#24392e}.duel-who{display:flex;flex-direction:column;gap:4px;color:var(--gold)}.duel-passed{color:var(--bad);font-size:12px}.duel-gems{display:flex;gap:6px}.duel-gem{width:16px;height:16px;border-radius:50%;border:2px solid var(--gold-dim);background:#3a2a22}.duel-gem.won{background:var(--gold)}.duel-row,.duel-hand{display:flex;flex-wrap:wrap;gap:8px}.duel-hand{justify-content:center;margin:6px 0 10px}.duel-sum{width:50px;height:50px;border-radius:50%;border:3px solid var(--gold);background:#1c2620;color:var(--text);font:700 22px var(--title-font);display:flex;align-items:center;justify-content:center}.duel-line{height:3px;margin:8px 0;background:var(--gold-dim);border-radius:2px}.duel-card{position:relative;width:72px;padding:14px 4px 4px;border:2px solid #5a4632;border-radius:8px;background:#ece2c8;color:#3c2c1e;text-align:center;font-size:11px;line-height:1.1}.duel-card.boss{border-color:var(--gold);box-shadow:0 0 8px #f5c54299}.duel-card.playable{cursor:pointer;transition:transform .12s}.duel-card.playable:hover{transform:translateY(-8px)}.duel-power{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:50%;border:2px solid #f0dca0;background:#2a1e16;color:#fff0c8;font:700 14px/22px var(--body-font)}.duel-name{display:block;font-weight:700}.duel-lent{display:block;color:#8a6a4a;font-style:italic}.duel-status{text-align:center;color:var(--gold);margin-top:8px}.duel-actions{display:flex;justify-content:center;gap:10px}.rebirth-stars{color:var(--gold);letter-spacing:2px;text-shadow:0 0 6px rgba(255,212,59,.45)}.rebirth-stars.dim{color:#ffffff38;text-shadow:none}.attr-panel{margin-top:10px;padding:8px 10px;border:1px solid rgba(201,162,74,.45);border-radius:8px;background:#0000002e}.attr-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.attr-title{font-weight:700;color:#f3d98b}.attr-free{flex:1;color:#b9b2a0;font-size:13px}.attr-free.has{color:#8ce99a;font-weight:700}.attr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 18px}.attr-row{display:flex;align-items:center;gap:6px}.attr-name{width:34px;font-weight:700;color:#e9dcb8}.attr-value{width:24px;text-align:right}.attr-bonus{width:26px;color:#74c0fc;font-size:12px}.attr-plus{min-width:26px;padding:0 6px}.attr-reco{margin:2px 0 4px;font-size:12px;color:#ffd43b}.attr-row .attr-name{width:48px;white-space:nowrap}.attr-row.recommended .attr-name{color:#ffd43b}.attr-effects{margin-top:6px;font-size:12px;color:#b9c7bd;text-align:center}.stat-sources{margin-top:6px}.src-grid{display:grid;grid-template-columns:minmax(118px,1.6fr) repeat(6,minmax(0,1fr)) minmax(44px,.8fr);gap:0 6px;font-size:13px;align-items:center}.src-head{font-size:11px;line-height:1.15;color:#c9a24a;text-align:right;cursor:help;align-self:end;border-bottom:1px solid rgba(201,162,74,.35);padding-bottom:3px}.src-head.label{text-align:left}.src-label{color:#e9dcb8;white-space:nowrap;padding:3px 0;border-bottom:1px solid rgba(201,162,74,.12)}.src-cell{text-align:right;color:#b9b2a0;white-space:nowrap;padding:3px 0;border-bottom:1px solid rgba(201,162,74,.12);cursor:default}.src-cell.none{color:#b9b2a066}.src-hint{margin-bottom:4px;font-size:11px;color:#9fae9f}.src-cell.up{color:#8ce99a}.src-cell.down{color:#ff8787}.src-cell.total,.src-head.total{font-weight:700;color:#fff3bf}.src-note{margin-top:4px;font-size:12px;color:#b9c7bd}