:root{--bg:#0b0f14;--panel:#0c1218d9;--line:#2a3a44;--text:#e8e2d0;--dim:#8a8f86;--amber:#ffb347;--hp:#4cd07d;--mp:#4aa3ff;--xp:#c58cff}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font:13px/1.3 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}#game,#hud{position:fixed;inset:0}#hud{pointer-events:none}#hud button,#skills .skill,#belt .belt-slot,#party .member,.screen,.panel{pointer-events:auto}button{font:inherit;color:var(--bg);background:var(--amber);cursor:pointer;border:0;border-radius:3px;padding:6px 14px}#topbar{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;align-items:flex-start;gap:5px;padding:6px 12px;display:flex;position:absolute;top:10px;left:10px}#topbar .row{gap:14px;display:flex}#threat{cursor:help;font-weight:700}#threat.up{color:#ff8a7a}#threat.down{color:#8fe0a8}#next{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:6px;align-items:center;gap:14px;padding:8px 14px;display:flex;position:absolute;top:8px;left:50%;box-shadow:0 4px 18px #00000080}#next[hidden]{display:none}#timer{color:#f4ecd8;text-align:center;text-shadow:0 2px #000;min-width:3.2em;font:700 30px/1 Georgia,serif}#next-wave{color:#ffe8b0;background:linear-gradient(#7a4a1e,#4f2e12);border:1px solid #ffcf5a;border-radius:5px;padding:8px 18px;font:700 26px/1 Georgia,serif;box-shadow:0 0 12px #ffcf5a59}#next-wave:hover{filter:brightness(1.15);box-shadow:0 0 18px #ffcf5a99}#next-wave .gold-amt .ico{width:24px;height:24px}#selected .close{width:20px;height:20px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:0;font-size:15px;line-height:18px;position:absolute;top:4px;right:4px}#selected .close:hover{color:var(--text);border-color:var(--line)}#selected{background:var(--panel);border:1px solid var(--line);border-radius:4px;grid-template-columns:56px 1fr;align-items:start;gap:4px 10px;width:250px;padding:8px 10px;font-size:11px;display:grid;position:absolute;top:10px;right:10px}#selected[hidden]{display:none}#selected .portrait{border:1px solid var(--line);background:radial-gradient(#2a2118,#120e0a);border-radius:4px;width:56px;height:56px}#selected .card-name{font-size:13px;font-weight:700}#selected .card-name .boss{color:#ffb347}#selected .card-name small{color:var(--dim);font-weight:400}#selected .card-role{color:var(--dim);margin-bottom:4px;font-size:10.5px}#selected .card-hp{height:13px;margin-bottom:5px}#selected .card-hp span{font-size:10px;line-height:13px}#selected .fill.enemy{background:#c0392b}#selected .card-stats{grid-template-columns:auto 1fr;gap:1px 8px;display:grid}#selected .card-stats span{color:var(--dim)}#selected .card-stats b{text-align:right;font-weight:400}#selected .card-about{color:#cfc6ae;margin-top:5px;font-style:italic;line-height:1.35}#selected .card-section{margin-top:6px;line-height:1.35}#selected .card-section h4{letter-spacing:.6px;text-transform:uppercase;color:var(--dim);margin:0 0 2px;font-size:9px;font-weight:400}#selected .card-section b{color:#ecdcb0;font-weight:600}#selected .card-status{color:#ffcf5a;flex-wrap:wrap;gap:4px 8px;margin-top:5px;display:flex}#selected .card-status i{font-style:normal}#selected .card-status .cold{color:#9fdcff}#selected .card-status .stun{color:#ffe066}#selected .card-status .burn{color:#ff8a2a}#selected .card-status .poison{color:#8ae05a}#selected .card-status .trap{color:#c08aff}#selected .card-status .curse{color:#c58cff}#selected .card-status .buff{color:#6aff8a}#selected .card-info{min-width:0}#bottombar{background:var(--panel);border:1px solid var(--line);border-radius:4px;align-items:flex-end;gap:12px;padding:8px 10px;display:flex;position:absolute;bottom:10px;left:50%}#hero{flex-direction:column;gap:5px;width:210px;display:flex}.bar{background:#1c252c;border-radius:2px;height:16px;position:relative;overflow:hidden}.bar.thin{height:5px}.bar span{text-align:center;font-size:11px;line-height:16px;position:absolute;inset:0}.fill{height:100%}.fill.hp{background:var(--hp)}.fill.mp{background:var(--mp)}.fill.xp{background:var(--xp)}#skills{gap:8px;display:flex}.skill{border:1px solid var(--line);cursor:pointer;background:#16202a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.skill.passive{cursor:default;border-style:dashed}.skill.auto{border-color:#7fc8ff;box-shadow:0 0 0 1px #7fc8ff,0 0 10px #7fc8ff99}.skill.auto:after{content:"AUTO";color:#7fc8ff;letter-spacing:.5px;font-size:8px;font-weight:700;position:absolute;top:2px;left:50%;transform:translate(-50%)}.skill.locked{opacity:.4}.skill .key{color:var(--amber);font-weight:700;position:absolute;top:2px;left:4px}.skill .name{font-size:11px}.skill .pips{color:var(--amber);letter-spacing:1px;font-size:10px}.skill .cd{background:#000000a6;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.skill .up{padding:0 5px;font-size:12px;line-height:16px;position:absolute;top:2px;right:2px}#skills .skill .up{z-index:2;cursor:pointer;border-radius:13px;min-width:26px;height:26px;padding:0;font:700 18px/26px Georgia,serif;top:-10px;right:2px}.screen{z-index:30;background:#05080bed;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-bottom:4vh;display:flex;position:absolute;inset:0;overflow-y:auto}#overlay h1{letter-spacing:4px;margin:0;font-size:56px}#overlay h1 span{color:var(--amber)}.screen .help{color:var(--dim);margin-top:24px;font-size:12px}#gold{color:var(--amber)}kbd{color:var(--amber);font:inherit;margin-left:4px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;width:320px;padding:8px 10px;position:absolute}.panel h3{margin:0 0 8px;font-size:14px}.panel h3 .close{float:right;width:22px;height:22px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;margin:-3px -4px 0 0;padding:0;font-size:16px;line-height:20px}.panel h3 .close:hover{color:var(--text);border-color:var(--line);background:#ffffff0f}.panel h3 small{color:var(--dim);margin-left:6px;font-weight:400}.panel h4{color:var(--dim);margin:10px 0 6px;font-size:12px;font-weight:400}#shop{left:10px}#gear{width:auto;right:10px}#shop{width:320px;overflow-y:auto}#shop,#tavern,#academy,#smithy,#gear,#rk-table{scrollbar-width:thin;scrollbar-color:#6e5424 #0000004d}:is(#shop,#tavern,#academy,#gear,#rk-table)::-webkit-scrollbar{width:6px}:is(#shop,#tavern,#academy,#gear,#rk-table)::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}:is(#shop,#tavern,#academy,#gear,#rk-table)::-webkit-scrollbar-thumb{background:#6e5424;border-radius:3px}.offer{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:5px 0;display:grid}.offer:first-child{border-top:0}.offer .thumb{border:2px solid var(--line);background:#10161b;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.offer .title{font-size:12px}.offer .stat,.cell .stat{color:var(--dim);font-size:10.5px}.offer .cmp{font-size:10.5px;line-height:1.25}.offer button{min-width:52px;padding:4px 8px;font-size:12px}.offer .tag{vertical-align:1px;border-radius:3px;margin-left:6px;padding:0 4px;font-size:9.5px;font-weight:700}.offer .tag.sale{color:#ffd9a8;background:#7a2a1c}.offer .tag.sale s{opacity:.7;font-weight:400}.offer .tag.soon{color:#bcd8ff;background:#2a3a5a}.offer button.soon{opacity:.75}#shop button:disabled{color:var(--dim);cursor:default;background:#3a3a3a}.potions{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.potion{flex-direction:column;align-items:center;gap:2px;padding:5px 0;font-size:11px;display:flex}.potion span{font-size:18px}.cell{border:1px solid var(--line);cursor:pointer;background:#16202a;border-radius:3px;min-height:38px;padding:3px 4px;font-size:11px;line-height:1.2;overflow:hidden}.cell.empty{color:var(--dim);cursor:default;justify-content:center;align-items:center;display:flex}.cell:not(.empty):hover{border-color:var(--amber)}.icon{margin-right:3px;font-size:14px}.cell{position:relative}.stat.warn{color:#ff6b5b;margin-top:6px}#menu{z-index:10;width:auto;padding:4px}#menu button{width:100%;display:block}.cmp{font-size:11px}.cmp.better{color:var(--hp)}.cmp.worse{color:#e0473a}.cmp.same{color:var(--dim)}#doll{width:280px;height:296px;margin:0 auto;position:relative}#portrait{border:1px solid var(--line);background:radial-gradient(at 50% 60%,#3a2a18 0%,#1a130c 45%,#0c0a08 80%);border-radius:4px;width:280px;height:296px;position:absolute;inset:0}#doll .slot{z-index:1;background:#0c1014b8;position:absolute;transform:translate(-50%,-50%)}#doll .slot.empty{background:#0c101473;border-style:dashed}#bag{grid-template-columns:repeat(4,56px);justify-content:center;gap:8px;display:grid}.slot{cursor:pointer;background:radial-gradient(circle at 50% 40%,#243039 0%,#10161b 80%);border:2px solid #2e3a42;border-radius:4px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;position:relative;box-shadow:inset 0 0 8px #000c}.slot.empty{cursor:default}.slot .ghost{filter:grayscale();opacity:.18}.slot:not(.empty):hover{filter:brightness(1.25)}.slot .lvl{color:var(--text);text-shadow:0 0 3px #000;font-size:10px;position:absolute;bottom:1px;right:3px}#hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;margin:10px 4px 0;font-size:11px;display:grid}#hero-stats .st{grid-template-columns:minmax(0,1fr) auto 40px;align-items:baseline;column-gap:4px;display:grid}#hero-stats .st.wide{grid-column:1/-1}#hero-stats .st span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#hero-stats .st span i{text-align:center;opacity:.75;width:13px;margin-right:3px;font-style:normal;display:inline-block}#hero-stats .st b{float:none;white-space:nowrap;text-align:right}#hero-stats .st em{text-align:right;white-space:nowrap;margin-left:0}#hero-stats span{color:var(--dim)}#hero-stats b{float:right;color:var(--text);font-weight:400}#tooltip{z-index:40;pointer-events:none;border:1px solid var(--line);background:#080a0cf2;border-radius:4px;max-width:320px;padding:8px 10px;font-size:12px;line-height:1.4;position:fixed}#tooltip .name{font-size:13px;font-weight:700}#tooltip .why{justify-content:space-between;gap:14px;display:flex}#tooltip .why b{color:var(--text);white-space:nowrap;font-weight:400}#tooltip .why.total{border-top:1px solid var(--line);margin-top:4px;padding-top:3px}#tooltip .why.total b{color:var(--amber);font-weight:700}#hero-stats [data-stat]{cursor:help}#tooltip:has(.side-by-side){max-width:560px}#tooltip .side-by-side{grid-template-columns:1fr 1fr;gap:12px;width:520px;display:grid}#tooltip .side-by-side>div+div{border-left:1px solid var(--line);opacity:.85;padding-left:12px}#tooltip .col-head{letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin-bottom:2px;font-size:9.5px}.offer .verdict{vertical-align:1px;white-space:nowrap;border-radius:3px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.verdict.better{color:var(--hp);background:#4cd07d1f}.verdict.worse{color:#e0473a;background:#e0473a1f}.verdict.same{color:var(--dim);background:#ffffff0f}#tooltip .cmp-block{border-top:1px solid var(--line);margin-top:6px;padding-top:5px}#tooltip .sub{color:var(--dim);font-size:11px}#tooltip .hint{color:var(--dim);margin-top:4px;font-size:10px}#tooltip .levels{margin-top:6px}#tooltip .lv{color:var(--dim)}#tooltip .lv.cur{color:var(--amber)}#tooltip .lv.next,#tooltip .up{color:var(--hp)}.slot.gear-pop{animation:.4s ease-out gear-pop}.slot.gear-drop{animation:.3s ease-out gear-drop}@keyframes gear-pop{0%{transform:scale(.7)rotate(-8deg)}45%{transform:scale(1.15)rotate(6deg);box-shadow:0 0 12px #ffd36ab3}70%{transform:scale(.97)rotate(-3deg)}to{transform:none}}@keyframes gear-drop{0%,to{transform:none}20%{transform:translate(-4px)rotate(-4deg)}45%{transform:translate(4px)rotate(3deg)}70%{transform:translate(-2px)}}@keyframes bump{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-5px)scale(1.18)}50%{transform:translateY(0)scale(.94)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #ffb34700}50%{box-shadow:0 0 16px #ffb347d9}}.skill.can-up{border-color:var(--amber);opacity:1;animation:1.2s ease-in-out infinite glow-pulse}.skill.can-up .up{animation:1.2s ease-in-out infinite bump}#level .pts{color:var(--amber);animation:1.2s ease-in-out infinite bump;display:inline-block}.screen .pick{color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin:18px 0 4px;font-size:12px}#heroes{gap:18px;display:flex}.hero-card{cursor:pointer;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;width:280px;padding:14px;transition:transform .12s,border-color .12s}.hero-card:hover{border-color:var(--amber);transform:translateY(-4px)}.hero-card.last{border-color:#6b5a3a}.hero-card canvas{background:radial-gradient(at 50% 70%,#3a2a18 0%,#120e0a 75%);border-radius:4px;width:150px;height:150px}.hero-card h3{margin:8px 0 0;font-size:20px}.hero-card .role{color:var(--amber);font-size:12px}.hero-card .hero-stats{color:var(--dim);white-space:nowrap;margin:6px 0;font-size:10.5px}.hero-card ul{text-align:left;margin:8px 0 12px;padding-left:16px;font-size:11px;line-height:1.45}.hero-card li b{color:var(--text)}.hero-card li{color:var(--dim)}.skill .needs{color:#ff6b5b;font-size:9px;display:none;position:absolute;bottom:2px}.skill.no-weapon{filter:grayscale();opacity:.55}.skill.no-weapon .needs{display:block}.skill.no-weapon .pips{display:none}.skill{justify-content:flex-start;gap:1px;padding-top:12px}.skill .name{white-space:nowrap;text-overflow:ellipsis;max-width:66px;font-size:10px;overflow:hidden}.skill.locked .skill-icon{filter:grayscale(.8)}.hero-card li{margin-left:-16px;list-style:none}#tavern{width:320px;left:10px}#academy{width:430px;left:10px;overflow-y:auto}#academy .academy-tabs{gap:4px;margin:6px 0 2px;display:flex}#academy .academy-tabs button{cursor:pointer;color:var(--dim);border:1px solid #3a3226;border-bottom:2px solid var(--shelf);background:#0c0a08b3;border-radius:5px;flex:1;padding:5px 0;font-size:12px}#academy .academy-tabs button.on{color:var(--text);background:color-mix(in srgb, var(--shelf) 22%, transparent);border-color:var(--shelf)}#academy .academy-points{color:var(--dim);margin:2px 0 4px;font-size:11px}#academy .book-row{grid-template-columns:repeat(10,1fr);align-items:center;gap:3px;margin:1px 0 5px;display:grid}#academy .book-row .book-name{grid-column:1/-1}#academy .book-row.useless{opacity:.45}#academy .book-head span{letter-spacing:.3px;text-transform:uppercase;color:var(--dim);text-align:center;font-size:8.5px;line-height:1.1}#academy .book-head small{color:var(--amber);letter-spacing:0;white-space:nowrap;font-size:9px;display:block}#academy .book-name{min-width:0;line-height:1.15}#academy .book-name b{font-size:11.5px}#academy .book-name small{color:var(--dim);margin-left:5px;font-size:9.5px}#academy .book{aspect-ratio:1;cursor:default;background:#0c0a08b3;border:1px solid #3a3226;border-radius:4px;justify-self:center;width:100%;max-width:32px;height:auto;padding:2px}#academy .book .ico{width:100%;height:100%}#academy .book.later{opacity:.25;filter:grayscale(.7)}#academy .book.next{opacity:.6;cursor:pointer}#academy .book.next.ready{opacity:1;border-color:#e0b04a;box-shadow:0 0 6px #ffbe5a66}#academy .book.next .ico{opacity:.45;filter:grayscale(.6)}#academy .book.next.ready:hover .ico{opacity:1;filter:none}#academy .book.owned{border-color:#6fd08a;box-shadow:inset 0 0 6px #6fd08a59}#tavern .thumb{font-size:20px}#party{flex-direction:column;gap:5px;width:118px;display:flex}#party .member{border:1px solid var(--line);cursor:pointer;background:#10161b;border-radius:3px;padding:4px 6px;font-size:11px}#party .member .who{white-space:nowrap;margin-bottom:3px}#party .member .bar.thin{height:3px;margin-top:2px}#party .member.active{border-color:#ffd36a;box-shadow:0 0 6px #ffd36a66}#party .member.dead{opacity:.4;filter:grayscale();cursor:default}#party .member.points .lv{color:var(--amber)}#party kbd{margin:0 2px 0 0}#aim-hint{background:var(--panel);color:#9fdcff;border:1px solid #9fdcff;border-radius:4px;padding:6px 14px;position:absolute;top:14px;left:50%}#skills{gap:6px}.skill{width:64px;height:64px;padding-top:11px}.skill .skill-icon{font-size:20px;line-height:22px}.skill .name{max-width:60px}.hero-card{width:250px;padding:12px}.hero-card canvas{width:130px;height:130px}.hero-card ul{margin:6px 0 10px}#tooltip{max-width:290px;font-size:11.5px}#gear-tabs{gap:4px;margin-bottom:8px;display:flex}#gear-tabs button{color:var(--text);border:1px solid var(--line);background:#16202a;flex:1;padding:3px 4px;font-size:11px}#gear-tabs button.on{border-color:var(--amber);color:var(--amber)}#gear-tabs button.fallen{opacity:.45}.slot[draggable=true]{cursor:grab}.drop-ok{outline:2px solid var(--hp);outline-offset:1px;box-shadow:0 0 10px #4cd07d99!important}.drop-bad{outline-offset:1px;outline:2px solid #e0473a}.drop-can{outline-offset:1px;outline:2px dashed #4cd07dbf;animation:1s ease-in-out infinite alternate drop-can}@keyframes drop-can{to{outline-color:#4cd07d40}}#shop-tabs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:6px;display:grid}#shop-tabs button{color:var(--text);border:1px solid var(--line);background:#16202a;padding:4px 2px;font-size:11px}#shop-tabs button.on{border-color:var(--amber);color:var(--amber)}#dodge{cursor:default}.hero-card h3 small{color:var(--dim);font-size:12px;font-weight:400}.skill{overflow:visible}@keyframes deny-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes deny-bubble{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1;transform:translate(-50%)}75%{opacity:1;transform:translate(-50%,-4px)}to{opacity:0;transform:translate(-50%,-12px)}}.skill.denied{animation:.35s deny-shake;box-shadow:inset 0 0 0 2px #e0473a}.deny-bubble{z-index:40;pointer-events:none;white-space:nowrap;color:#ff9a8a;background:#2a0f0f;border:1px solid #e0473a;border-radius:3px;padding:1px 6px;font-size:12px;animation:.9s forwards deny-bubble;position:fixed}#banner{text-align:center;pointer-events:none;z-index:25;animation:2.6s ease-out forwards banner-in;position:absolute;top:26%;left:50%;transform:translate(-50%)}#banner .title{font:bold calc(64px * var(--hud))/1 Georgia, serif;letter-spacing:calc(10px * var(--hud));color:#ffd36a;text-shadow:0 0 18px #ffb347b3,0 3px #3a2200}#banner .rule{background:linear-gradient(90deg,#0000,#ffd36a,#0000);width:0;height:2px;margin:10px auto 8px;animation:.7s ease-out .25s forwards rule-grow}#banner .tagline{font:italic calc(20px * var(--hud)) Georgia, serif;color:#f4ecd8;letter-spacing:3px;text-shadow:0 2px 6px #000}#banner.boss .title{color:#ff6b5b;text-shadow:0 0 20px #ff3c28cc,0 3px #3a0a00}#banner.boss .rule{background:linear-gradient(90deg,#0000,#ff6b5b,#0000)}@keyframes banner-in{0%{opacity:0;filter:blur(8px);transform:translate(-50%)scale(1.8)}14%{opacity:1;filter:blur();transform:translate(-50%)scale(1)}75%{opacity:1;transform:translate(-50%)scale(1.02)}to{opacity:0;transform:translate(-50%)translateY(-24px)scale(1.04)}}@keyframes rule-grow{to{width:calc(420px * var(--hud))}}.ico{vertical-align:-.35em;width:1.3em;height:1.3em;display:inline-block;overflow:visible}.slot .ico{vertical-align:middle;filter:drop-shadow(0 2px 2px #0009);width:42px;height:42px}.slot .ghost .ico{filter:grayscale()}.offer .thumb .ico{vertical-align:middle;width:28px;height:28px}.skill{gap:0;padding-top:4px}.skill .skill-icon{line-height:0}.skill .skill-icon .ico{border-radius:6px;width:30px;height:30px}.skill .name{margin-top:1px;font-size:9.5px;line-height:12px}.skill .pips{font-size:8px;line-height:9px}.skill .needs .ico{vertical-align:-2px;width:12px;height:12px}#gear-tabs .ico,#party .ico,.hero-card li .ico{vertical-align:-3px;width:16px;height:16px}#topbar .ico{vertical-align:-4px;width:18px;height:18px}#tooltip .name .ico{vertical-align:-6px;width:22px;height:22px}#shop-tabs .ico{vertical-align:-3px;width:16px;height:16px}.trade{border-radius:3px;align-items:center;gap:8px;margin-bottom:6px;padding:4px 6px;font-size:11px;display:flex}.trade.closed{color:var(--dim);background:#1e1a14}.trade.far{color:var(--amber);background:#2a2210}.trade.far button{margin-left:auto;padding:2px 10px;font-size:11px}.trade.here{color:var(--hp);background:#10261a}button.buy{flex-direction:column;align-items:center;line-height:1.1;display:flex}button.buy small{opacity:.9;font-size:9px}#shop button.buy.poor:disabled,#tavern button.buy.poor:disabled{color:#ff8a7a;background:#3a1414;border:1px solid #e0473a}#shop button.buy.full:disabled{color:var(--amber);background:#2a2210;border:1px solid #8a6a2a}.bonus{color:#9fd8ff;font-size:10.5px}.bonus.crafted{color:#ffc86a}.gold-amt{white-space:nowrap;align-items:baseline;gap:2px;display:inline-flex}.gold-amt .ico{align-self:center;width:1.15em;height:1.15em}button.buy .gold-amt .ico,#menu .gold-amt .ico{filter:drop-shadow(0 1px #00000059)}#topbar .gold-amt .ico{width:18px;height:18px}.special{color:#ffcf5a;font-size:10.5px}.special.mat-3{color:#d9a8ff}.ico.mat-2{filter:drop-shadow(0 0 1.5px #e6eef5)}.ico.mat-3{animation:2.4s ease-in-out infinite nephrite}@keyframes nephrite{0%,to{filter:drop-shadow(0 0 2px #b070ff)}50%{filter:drop-shadow(0 0 5px #d9a8ff)}}#buffs{pointer-events:auto;gap:5px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.status{cursor:help;background:#1a140e;border:2px solid #4cd07d;border-radius:5px;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0009}.status.debuff{border-color:#ff5a4a}.status .ico{vertical-align:top;width:100%;height:100%}.status:after{content:"";pointer-events:none;background:conic-gradient(#000000ad calc(var(--used) * 360deg), transparent 0);position:absolute;inset:0}.status .left,.status .stacks{z-index:1;color:#fff;text-shadow:0 0 3px #000,0 1px #000;font:700 11px/1 Georgia,serif;position:absolute}.status .left{bottom:2px;right:2px}.status .stacks{color:#ffd36a;top:2px;left:2px}.status.ending{animation:.5s ease-in-out infinite alternate status-ending}@keyframes status-ending{to{border-color:#ffffff40}}.potion-ico{line-height:0;display:inline-block;position:relative}.potion-ico b{text-shadow:0 0 3px #000,0 1px #000;font:700 10px/1 Georgia,serif;position:absolute;bottom:-1px;right:-2px}.slot .potion-ico b{font-size:12px;bottom:0;right:0}#tip{z-index:20;pointer-events:auto;background:#14100cf0;border:1px solid #ffcf5a;border-radius:6px;align-items:center;gap:12px;max-width:560px;padding:10px 14px;font-size:13px;line-height:1.4;animation:.35s ease-out tip-in;display:flex;position:absolute;left:50%;box-shadow:0 6px 24px #0009,0 0 14px #ffcf5a33}#tip[hidden]{display:none}#tip b{color:#ffcf5a}#tip .tip-icon{font-size:22px}#tip .tip-actions{flex-direction:column;align-items:stretch;gap:4px;display:flex}#tip .tip-actions button{white-space:nowrap;padding:4px 10px;font-size:12px}#tip .tip-actions .link{color:var(--dim);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}@keyframes tip-in{0%{opacity:0;transform:translateY(10px)}}.tip-target{outline-offset:3px;border-radius:4px;outline:2px solid #ffcf5a;animation:1s ease-in-out infinite alternate tip-pulse}@keyframes tip-pulse{to{outline-offset:6px;outline-color:#ffcf5a33}}.settings{box-sizing:border-box;color:#f0d9a0;letter-spacing:1px;background:linear-gradient(#1e1a16f2,#100e0cf2);border:1px solid #6e5424;border-radius:8px;flex-direction:column;align-items:stretch;gap:14px;width:380px;padding:16px 22px;font:700 16px Georgia,serif;display:flex;box-shadow:inset 0 0 30px #0009,0 8px 24px #000000b3}.settings label{cursor:pointer;align-items:center;gap:10px;display:flex}.settings input{accent-color:#e0b04a;width:18px;height:18px}.settings .link{cursor:pointer;color:#a89c80;background:0 0;border:0;align-self:center;padding:0;font:italic 13px Georgia,serif;text-decoration:underline}.settings .link:hover{color:#f0d9a0}:root{--hud:1}#topbar{scale:var(--hud);transform-origin:0 0}#selected{scale:var(--hud);transform-origin:100% 0}#bottombar{translate:-50%;scale:var(--hud);transform-origin:bottom}#next,#aim-hint{translate:-50%;scale:var(--hud);transform-origin:top}#tip{bottom:calc(10px + 160px * var(--hud));translate:-50%;scale:var(--hud);transform-origin:bottom}#shop,#tavern,#academy,#smithy{top:calc(10px + 66px * var(--hud));scale:var(--hud);transform-origin:0 0;max-height:calc((100vh - 20px) / var(--hud) - 66px - 170px)}#gear{top:calc(10px + 66px * var(--hud));scale:var(--hud);transform-origin:100% 0;max-height:calc((100vh - 20px) / var(--hud) - 66px - 170px);overflow-y:auto}#menu,#tooltip{scale:var(--hud);transform-origin:0 0}.deny-bubble{scale:var(--hud);transform-origin:0 100%}.screen>*{zoom:var(--hud)}.settings .vol{justify-content:space-between}.settings .speed{flex-direction:column;gap:8px;display:flex}.settings .speed small{color:#a89c80;letter-spacing:0;font:italic 12px Georgia,serif}.speed-pick{gap:4px;display:flex}.speed-pick button{cursor:pointer;color:#cfc4a8;background:linear-gradient(#2c2a2a,#141212);border:1px solid #4a3a1c;border-radius:5px;flex:1;padding:6px 0;font:700 13px Georgia,serif}.speed-pick button:not(:disabled):hover{color:#f4ecd8;border-color:#e0b04a}.speed-pick button.on{color:#ffe3a0;background:linear-gradient(#5a3a1a,#2a1a0c);border-color:#e0b04a;box-shadow:0 0 10px #ffaa3c40}.speed-pick button:disabled{cursor:not-allowed;opacity:.6}.speed-pick button.on:disabled{opacity:1}.settings .vol input{width:190px;height:auto}.bar span small{opacity:.85;margin-left:4px;font-size:9.5px}#hero-stats em{margin-left:4px;font-size:10px;font-style:normal}#hero-stats em.up{color:var(--hp)}#hero-stats em.down{color:#e0473a}#hero-stats .specials{color:#ffcf5a;grid-column:1/-1;margin-top:3px;font-size:10.5px}#world-overlay{pointer-events:none;position:fixed;inset:0;overflow:hidden}#world-overlay .d39-bar{width:34px;margin-top:-8px;margin-left:-17px;position:absolute;top:0;left:0}#world-overlay .d39-bar.hero{width:40px;margin-left:-20px}#world-overlay .d39-bar.boss{width:64px;margin-left:-32px}#world-overlay .d39-bar .hp,#world-overlay .d39-bar .mp{background:#08080ad9;border:1px solid #000000e6;border-radius:2px;height:4px;overflow:hidden}#world-overlay .d39-bar .mp{height:3px;margin-top:1px}#world-overlay .d39-bar .hp i,#world-overlay .d39-bar .mp i{height:100%;display:block}#world-overlay .d39-bar.boss .hp{border-color:#c9a044;height:6px}#world-overlay .d39-bar .mp i{background:linear-gradient(#7fbfff,#2f78d0)}#world-overlay .d39-bar .hp i{background:linear-gradient(#6fe39a,#2fa35f)}#world-overlay .d39-bar.enemy .hp i{background:linear-gradient(#ff6b5b,#b0281c)}#world-overlay .d39-bar .timer:empty,#world-overlay .d39-bar .points[style*=none]{display:none}#world-overlay .d39-bar .timer{text-align:center;color:#f4ecd8;text-shadow:0 1px 2px #000;margin-bottom:2px;font:700 11px/1 ui-monospace,Menlo,monospace}#world-overlay .d39-bar .timer.urgent{color:#ff6b5b}#world-overlay .d39-ward-timer{color:#f4ecd8;border:1px solid var(--c);box-shadow:0 0 6px var(--c);text-shadow:0 1px 2px #000;pointer-events:none;background:#080a0cb3;border-radius:8px;padding:2px 5px;font:700 12px/1 ui-monospace,Menlo,monospace;position:absolute;top:0;left:0}#world-overlay .d39-ward-timer.urgent{color:#ff6b5b}#world-overlay .d39-bar .points{text-align:center;color:#ffd36a;text-shadow:0 0 6px #ffd36acc,0 1px 1px #000;font-size:13px}#world-overlay .d39-points{color:#fff2c0;white-space:nowrap;pointer-events:none;background:linear-gradient(#6a3fb0,#3a2070);border:1px solid #c9a0ff;border-radius:12px;padding:5px 14px;font:700 20px Georgia,serif;animation:1.4s ease-in-out infinite d39-points-glow;position:absolute;top:0;left:0}@keyframes d39-points-glow{0%,to{box-shadow:0 0 6px #b482ff80}50%{box-shadow:0 0 18px #c8a0fff2}}#world-overlay .d39-arrow{color:#ffd36a;text-shadow:0 0 10px #ffbe3ce6,0 2px #000;pointer-events:none;font-size:72px;line-height:1;position:absolute;top:0;left:0}.soon-col{flex-direction:column;align-items:stretch;gap:4px;display:flex}.remind{color:#b8a888;cursor:pointer;background:#1e1a14;border:1px solid #5a4a30;border-radius:4px;padding:2px 6px;font:12px inherit}.remind:hover{color:#ffd36a;border-color:#c9a044}.remind.on{color:#ffd36a;background:#3a2e14;border-color:#c9a044}#world-overlay .d39-sign{letter-spacing:1px;color:#ffd36a;text-shadow:0 1px #000;pointer-events:none;white-space:nowrap;background:linear-gradient(#4a3020,#2e1d12);border:1px solid #c9a044;border-radius:4px;padding:2px 10px 3px;font:700 15px Georgia,serif;position:absolute;top:0;left:0;box-shadow:0 2px 6px #000000b3}#world-overlay .d39-loot{box-sizing:border-box;border:2px solid var(--q);width:36px;height:36px;box-shadow:0 0 10px var(--q), 0 2px 4px #000;pointer-events:none;background:#0c0a08cc;border-radius:6px;padding:3px;position:absolute;top:0;left:0}#world-overlay .d39-loot .ico{width:100%;height:100%;display:block}#world-overlay .float{white-space:nowrap;text-shadow:0 2px #000,0 0 3px #000,0 0 6px #000c;will-change:transform, opacity;font:700 18px Georgia,serif;position:absolute;top:0;left:0}#world-overlay .float .ico{vertical-align:-.12em;width:1em;height:1em;margin-right:2px}#world-overlay .float.crit{color:#ff2a2a;text-shadow:0 2px #3a0000,0 0 4px #000,0 0 12px #ff2828bf;letter-spacing:.5px}#world-overlay .float.dmg{-webkit-text-stroke:.6px #0009;font-weight:900}#world-overlay .float.levelup{color:#ffd36a;letter-spacing:1px;text-shadow:0 0 14px #ffbe50cc,0 3px #3a2200;font-size:34px}#view3d{display:block;position:fixed;inset:0}#screen-flash{pointer-events:none;opacity:0;position:fixed;inset:0}#loading{z-index:100;color:#ffcf5a;letter-spacing:2px;background:#050407;place-items:center;font:22px Georgia,serif;display:grid;position:fixed;inset:0}.hero-card li .ico{vertical-align:-6px;width:22px;height:22px}#gold{border-radius:3px;display:inline-block}#gold.gold-up{animation:.7s ease-out gold-up}#gold.gold-down{animation:.7s ease-out gold-down}@keyframes gold-up{0%{color:#aff5c0;background:#5ad27859;transform:scale(1.3)}to{background:0 0;transform:scale(1)}}@keyframes gold-down{0%{color:#ffb0a8;background:#e6504659;transform:scale(1.3)}to{background:0 0;transform:scale(1)}}#bottombar{--accent:#d9a441;--accent-deep:#7a2a1e;--accent-glow:#d9a44173;background:linear-gradient(180deg, #ffffff0d, #fff0 40%), radial-gradient(120% 140% at 50% 0%, color-mix(in srgb, var(--accent-deep) 35%, #10151b) 0%, #0b0f14 70%);border:1px solid color-mix(in srgb, var(--accent) 45%, #1a1a1a);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .4s,background .4s;box-shadow:0 0 0 1px #000c,0 8px 28px #000000b3,inset 0 1px #ffffff14,inset 0 0 24px #0009}#bottombar[data-hero=swordsman]{--accent:#e0b04a;--accent-deep:#8a2a1e;--accent-glow:#e0b04a73}#bottombar[data-hero=ranger]{--accent:#8fd06a;--accent-deep:#24502a;--accent-glow:#8fd06a66}#bottombar[data-hero=wizard]{--accent:#a898ff;--accent-deep:#2e2670;--accent-glow:#a898ff73}#bottombar[data-hero=assassin]{--accent:#b07ae0;--accent-deep:#2a1840;--accent-glow:#b07ae073}#bottombar:before{content:"";background:linear-gradient(90deg, transparent, var(--accent) 20%, var(--accent) 80%, transparent);height:2px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px;position:absolute;top:-1px;left:24px;right:24px}#bottombar:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent-glow);border:1px solid #000;position:absolute;top:-5px;left:50%;translate:-50%;rotate:45deg}.dock{align-items:center;gap:6px;display:flex}#dock-left{border-right:1px solid #ffffff0f;padding-right:10px}#dock-right{border-left:1px solid #ffffff0f;padding-left:10px}.dock-btn{cursor:pointer;width:58px;height:56px;color:var(--text);letter-spacing:.5px;border:1px solid color-mix(in srgb, var(--accent) 35%, #202a31);background:linear-gradient(#243039,#121920 60%,#0c1116);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 0 3px;font:10px/1 Georgia,serif;transition:transform .1s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px 4px #00000080,0 2px 4px #00000080}.dock-btn:hover{border-color:var(--accent);box-shadow:inset 0 1px 0 #ffffff26, 0 0 10px var(--accent-glow), 0 4px 8px #0009;transform:translateY(-2px)}.dock-btn:active{transform:translateY(0)}.dock-btn.on{border-color:var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 30%, #243039), #121920 70%);box-shadow:0 0 12px var(--accent-glow), inset 0 1px 0 #ffffff26}.dock-btn .dock-ico .ico{filter:drop-shadow(0 2px 2px #000000b3);width:30px;height:30px}.dock-btn kbd{text-align:center;color:#1a120b;background:var(--accent);border-radius:8px;min-width:16px;height:16px;margin:0;padding:0 3px;font:700 10px/16px ui-monospace,monospace;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 2px #000c}.dock-btn.locked{filter:grayscale()brightness(.6);cursor:not-allowed}.dock-btn.locked:after{content:"🔒";filter:none;font-size:14px;position:absolute;top:14px;left:50%;translate:-50%}.dock-btn.locked kbd{background:#6a6a6a}#hero{flex-direction:row;align-items:center;gap:10px;width:auto}#hero-portrait{flex:none;width:62px;height:62px;position:relative}#hero-portrait .medal{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 35%, #2a2a2a), #0b0f14 75%);border:2px solid var(--accent);box-shadow:0 0 0 2px #000, 0 0 12px var(--accent-glow), inset 0 -6px 12px #000000b3;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}#hero-portrait .medal .ico,#hero-portrait .medal img{width:54px;height:54px}#lvl{text-align:center;color:#1a120b;background:linear-gradient(180deg, #fff0a8, var(--accent) 60%, color-mix(in srgb, var(--accent) 60%, #000));border:1px solid #000;border-radius:11px;min-width:22px;height:22px;padding:0 4px;font:700 12px/20px Georgia,serif;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #000000b3}#vitals{flex-direction:column;gap:4px;width:210px;display:flex}#level{color:#f4ecd8;text-shadow:0 1px 2px #000;white-space:nowrap;font:700 14px/1.1 Georgia,serif}#level small{color:color-mix(in srgb, var(--accent) 70%, #ccc);margin-left:4px;font:italic 11px Georgia,serif}#level .pts{color:#1a120b;background:var(--amber);border-radius:8px;margin-left:6px;padding:0 5px;font:700 11px ui-monospace,monospace}#vitals .bar{background:linear-gradient(#05080a,#141b20);border:1px solid #000;border-radius:5px;height:17px;overflow:hidden;box-shadow:inset 0 2px 3px #000000e6,0 1px #ffffff12}#vitals .bar.thin{border-radius:4px;height:7px}#vitals .fill,#vitals .trail{border-radius:4px 0 0 4px;position:absolute;top:0;bottom:0;left:0}#vitals .fill{transition:width .15s ease-out}#vitals .trail{opacity:.85;background:linear-gradient(#ffe0c0,#e0603a);transition:width .7s ease-in .35s}#mp-bar .trail{background:linear-gradient(#e8f2ff,#8aa8d0)}#vitals .fill:before{content:"";background:linear-gradient(#ffffff8c,#ffffff0d);border-radius:3px;height:45%;position:absolute;top:1px;left:1px;right:1px}#vitals .fill:after{content:"";background:linear-gradient(#ffffffe6,#ffffff4d);width:3px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 6px #fff9}#vitals .fill.hp{background:linear-gradient(#8cf5a8 0%,#3fc06a 45%,#1c7a3e 100%)}#vitals .fill.mp{background:linear-gradient(#9fd4ff 0%,#3f8fe8 45%,#1a4f9c 100%)}#vitals .fill.xp{background:linear-gradient(#ecc8ff 0%,#b077f0 45%,#6a38a8 100%)}#vitals .bar span{z-index:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;font:700 11px/15px ui-monospace,SF Mono,Menlo,monospace}#vitals .bar.healing{box-shadow:inset 0 2px 3px #000000e6,0 0 10px #78ffa08c}#mp-bar.healing{box-shadow:inset 0 2px 3px #000000e6,0 0 10px #78beff99!important}#vitals .bar.healing .fill{background-image:repeating-linear-gradient(115deg, #fff0 0 14px, #ffffff59 14px 20px, #fff0 20px 34px), var(--fill-base);background-size:68px 100%,100% 100%;animation:.6s linear infinite heal-sweep}#vitals .fill.hp{--fill-base:linear-gradient(180deg, #8cf5a8 0%, #3fc06a 45%, #1c7a3e 100%)}#vitals .fill.mp{--fill-base:linear-gradient(180deg, #9fd4ff 0%, #3f8fe8 45%, #1a4f9c 100%)}#vitals .bar.healing .fill:after{width:5px;box-shadow:0 0 10px 3px #fffc}@keyframes heal-sweep{to{background-position:68px 0,0 0}}.skill{border:1px solid color-mix(in srgb, var(--accent) 30%, #223038);background:radial-gradient(90% 70% at 50% 30%,#1f2a33,#0c1116 80%);border-radius:8px;transition:border-color .2s,box-shadow .2s,transform .1s;box-shadow:inset 0 1px #ffffff14,inset 0 -3px 6px #0009,0 2px 4px #00000080}.skill.active:not(.locked):hover{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow), inset 0 1px 0 #ffffff1f;transform:translateY(-2px)}.skill .key{color:#1a120b;background:var(--accent);z-index:2;border-radius:50%;place-items:center;width:17px;height:17px;font:700 10px/1 ui-monospace,monospace;display:grid;top:-6px;left:-6px;box-shadow:0 1px 2px #000c}.skill .skill-icon .ico{border-radius:7px;box-shadow:0 0 0 1px #000c,0 2px 4px #0009}.skill .name{color:#e8e2d0;text-shadow:0 1px 1px #000}.skill .pips{color:var(--accent)}.skill .cd{color:#fff;text-shadow:0 0 6px #000;background:#040608b8;border-radius:8px;font:700 18px Georgia,serif}#dodge{margin-left:4px}#actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}#belt{gap:4px;width:0;display:flex}#belt .belt-slot{flex:none}#dodge{align-self:flex-end}.belt-slot{cursor:pointer;border:1px solid color-mix(in srgb, var(--accent) 30%, #223038);background:radial-gradient(80% 70% at 50% 35%,#1f2a33,#0a0e12 80%);border-radius:7px;place-items:center;width:36px;height:36px;transition:transform .1s,box-shadow .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 -2px 5px #0009,0 1px 3px #00000080}.belt-slot:not(.empty):hover{box-shadow:0 0 10px var(--accent-glow), inset 0 1px 0 #ffffff1f;transform:translateY(-2px)}.belt-slot.empty{cursor:default;opacity:.55;border-style:dashed}.belt-slot .potion-ico .ico,.belt-slot>.ico{filter:drop-shadow(0 2px 2px #000000b3);width:27px;height:27px}.belt-slot .potion-ico b{font-size:8px}.belt-key{color:color-mix(in srgb, var(--accent) 80%, #fff);text-shadow:0 1px 1px #000;font:700 9px/1 ui-monospace,monospace;position:absolute;top:1px;left:2px}.belt-count{text-align:center;color:#1a120b;background:#f4ecd8;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font:700 10px/15px ui-monospace,monospace;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 2px #000c}#stash-panel{width:320px;left:10px;top:calc(10px + 66px * var(--hud));scale:var(--hud);transform-origin:0 0}#stash{grid-template-columns:repeat(5,50px);justify-content:center;gap:6px;margin-top:8px;display:grid}#stash .slot,#bag .slot{width:50px;height:50px}#stash .slot .ico,#bag .slot .ico{width:36px;height:36px}#bag{grid-template-columns:repeat(5,50px);gap:6px}#stash.away{opacity:.55}#stash.drop-ok{outline-offset:3px;border-radius:4px;outline:2px solid #4cd07d}#stash.drop-bad{outline-offset:3px;border-radius:4px;outline:2px solid #e0473a}.stash-help{color:var(--dim);margin:8px 0 0;font-size:10.5px;line-height:1.4}#overlay,#pause{background:radial-gradient(60% 50% at 50% 38%,#ff963c1f,#0000 70%),radial-gradient(120% 90%,#080a0eb8,#030406f7 75%)}#overlay .menu-frame,#pause .menu-frame{flex-direction:column;align-items:center;gap:10px;max-width:94vw;display:flex}#overlay,#pause{box-sizing:border-box;justify-content:flex-start;padding-top:7vh}#overlay h1,#pause h1{letter-spacing:6px;background:linear-gradient(#fff4d0 0%,#f0c870 45%,#a8702a 100%);color:#0000;filter:drop-shadow(0 3px #2a1604)drop-shadow(0 0 24px #ffaa3c59);-webkit-background-clip:text;background-clip:text;margin:0;font:700 72px/1 Georgia,serif}#overlay h1 span{background:linear-gradient(#ffd9a8,#e0603a 60%,#7a1e10);color:#0000;-webkit-background-clip:text;background-clip:text}#overlay .tagline{color:#cfc4a8;letter-spacing:2px;margin:0 0 14px;font:italic 17px Georgia,serif}#overlay .tagline:before,#overlay .tagline:after{content:"◆";color:#c9a044;vertical-align:3px;margin:0 12px;font-size:9px}#overlay-text{color:#ff9a7a;text-shadow:0 2px 4px #000;margin:0 0 8px;font:700 18px Georgia,serif}#overlay-text:empty{display:none}#overlay h2,#pause h2{color:#f0d9a0;letter-spacing:2px;text-shadow:0 2px 4px #000;margin:0 0 8px;font:700 26px Georgia,serif}.menu-page{flex-direction:column;align-items:center;gap:10px;display:flex}.menu-btn{cursor:pointer;text-align:center;color:#f4ecd8;background:linear-gradient(#2c2a2a,#171515 55%,#0e0c0c);border:1px solid #6e5424;border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:380px;padding:12px 22px 11px;transition:transform .12s,border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #000000b3,0 4px 12px #0009}.menu-btn span{letter-spacing:1.5px;text-shadow:0 2px 2px #000;font:700 20px Georgia,serif}.menu-btn small{color:#a89c80;font:italic 12px Georgia,serif}.menu-btn:before,.menu-btn:after{content:"";background:linear-gradient(135deg,#fff0a8,#a8702a);border:1px solid #000;width:7px;height:7px;position:absolute;top:50%;translate:0 -50%;rotate:45deg;box-shadow:0 0 6px #ffbe5a66}.menu-btn:before{left:12px}.menu-btn:after{right:12px}.menu-btn:not(:disabled):hover{background:linear-gradient(#3a3024,#1c1712 55%,#110d0a);border-color:#e0b04a;transform:translateY(-2px);box-shadow:0 0 0 1px #e0b04a66,0 0 22px #ffaa3c47,0 6px 14px #000000b3}.menu-btn.primary{background:linear-gradient(#5a3a1a,#2a1a0c 60%,#160d06);border-color:#e0b04a}.menu-btn.primary span{color:#ffe3a0}.menu-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.6)}.menu-btn:disabled small{color:#e0b04a;letter-spacing:3px;text-transform:uppercase;font-style:normal;font-weight:700}.menu-btn{box-sizing:border-box;text-decoration:none}.menu-note{color:#cfc4a8;margin:-4px 0 4px;font:italic 13px Georgia,serif}.menu-note a{color:#ffcf6a}.menu-back{cursor:pointer;color:#f0d9a0;background:linear-gradient(#2c2a2a,#141212);border:1px solid #6e5424;border-radius:6px;margin-top:6px;padding:7px 22px;font:700 14px Georgia,serif}.menu-back:hover{border-color:#e0b04a;box-shadow:0 0 12px #ffaa3c40}.menu-doc{text-align:left;color:#e2d8bf;-webkit-user-select:text;user-select:text;background:linear-gradient(#1e1a16f2,#100e0cf2);border:1px solid #6e5424;border-radius:8px;width:min(760px,90vw);max-height:58vh;padding:14px 26px 18px;font:13.5px/1.55 Georgia,serif;overflow-y:auto;box-shadow:inset 0 0 30px #0009,0 8px 24px #000000b3}.menu-doc h3{color:#f0d9a0;border-bottom:1px solid #c9a0444d;margin:18px 0 6px;padding-bottom:4px;font:700 17px Georgia,serif}.menu-doc h3:first-child{margin-top:0}.menu-doc h3 .ver{color:#ffcf6a}.menu-doc h3 .date{float:right;color:#a89c80;margin-top:3px;font:italic 12px Georgia,serif}.menu-doc h4{letter-spacing:1.5px;text-transform:uppercase;color:#c9a044;margin:10px 0 2px;font:700 12px ui-monospace,monospace}.menu-doc p{margin:4px 0}.menu-doc ul{margin:2px 0 4px;padding-left:20px}.menu-doc li{margin:2px 0}.menu-doc li::marker{color:#c9a044}.menu-doc b{color:#fff0cc}.menu-doc code{background:#0006;border-radius:3px;padding:0 4px;font:12px ui-monospace,monospace}.menu-doc a{color:#ffcf6a}.menu-doc .fine{color:#a89c80;margin-top:14px;font-size:12px}#version{letter-spacing:1px;color:#8a7f68;text-shadow:0 1px 2px #000;font:12px ui-monospace,monospace;position:absolute;bottom:12px;right:16px}#overlay:not([data-page=main]) h1{letter-spacing:4px;font-size:40px}#pause{background:radial-gradient(60% 50% at 50% 38%,#ff963c1a,#0000 70%),radial-gradient(120% 90%,#080a0e99,#030406eb 75%)}#pause h1{margin-bottom:12px;font-size:56px}#pause:not([data-page=main]) h1{margin-bottom:4px;font-size:40px}#overlay:not([data-page=main]) .tagline{display:none}.menu-doc{max-height:calc(100vh / var(--hud) - 230px)}.menu-doc::-webkit-scrollbar{width:8px}.menu-doc::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.menu-doc::-webkit-scrollbar-thumb{background:#6e5424;border-radius:4px}.menu-doc{scrollbar-color:#6e5424 #0000004d;scrollbar-width:thin}body.in-menu #topbar,body.in-menu #bottombar,body.in-menu #next,body.in-menu #selected,body.in-menu #tip,body.in-menu #world-overlay{visibility:hidden}#overlay .hero-card{background:linear-gradient(#1e1a16f2,#0e0c0af2);border-color:#6e5424;box-shadow:0 6px 18px #0009}#overlay .hero-card:hover{border-color:#e0b04a;box-shadow:0 0 22px #ffaa3c40,0 6px 18px #0009}#overlay .hero-card h3{color:#f4ecd8;font-family:Georgia,serif}#overlay .pick{letter-spacing:4px;text-transform:uppercase;color:#c9a044;margin:0;font:13px Georgia,serif}#overlay .help{text-align:center;max-width:900px;line-height:1.6}#gear #doll{zoom:.86}#gear .gear-body{align-items:flex-start;gap:14px;display:flex}#gear .gear-side{width:290px}#gear .gear-side h4{margin-top:0}#gear #doll{zoom:.86;flex:none;margin:0}#gear #hero-stats{margin-top:12px}#heroes{flex-direction:column;align-items:center;gap:14px}.hero-tiles{gap:14px;display:flex}.hero-tile{cursor:pointer;color:#cfc4a8;background:linear-gradient(#1e1a16f2,#0e0c0af2);border:1px solid #4a3a1c;border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:170px;padding:8px 8px 10px;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #0009}.hero-tile b{color:#f4ecd8;font:700 18px Georgia,serif}.hero-tile small{color:#a89c80;font:italic 12px Georgia,serif}.hero-tile:hover{border-color:#a8803a;transform:translateY(-3px)}.hero-tile.on{border-color:#e0b04a;box-shadow:0 0 0 1px #e0b04a80,0 0 24px #ffaa3c4d,0 6px 18px #0009}.hero-tile.on small{color:#e0b04a}#hero-detail{color:#e2d8bf;background:linear-gradient(#1e1a16f5,#0e0c0af5);border:1px solid #6e5424;border-radius:10px;flex-direction:column;gap:10px;width:610px;padding:14px 20px 16px;display:flex;box-shadow:inset 0 0 30px #00000080,0 8px 24px #000000b3}#hero-detail .detail-head{border-bottom:1px solid #c9a0444d;justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}#hero-detail h3{color:#f4ecd8;margin:0;font:700 24px Georgia,serif}#hero-detail h3 small{color:#c9a044;margin-left:4px;font:italic 15px Georgia,serif}#hero-detail .role{color:#a89c80;font:italic 13px Georgia,serif}#hero-detail .detail-body{gap:22px;display:flex}#hero-detail .detail-stats{flex-direction:column;flex:none;gap:7px;width:210px;display:flex}.stat-row{grid-template-columns:58px 1fr 58px;align-items:center;gap:8px;font:12px Georgia,serif;display:grid}.stat-row span{color:#a89c80}.stat-row i{background:#0a0806;border-radius:4px;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #000}.stat-row i b{background:linear-gradient(#ffe3a0,#c9902e);border-radius:4px;height:100%;display:block}.stat-row em{text-align:right;color:#f4ecd8;font-variant-numeric:tabular-nums;font-style:normal}#hero-detail .dodge{color:#a89c80;margin:4px 0 0;font:12px Georgia,serif}.detail-skills{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-skills li{align-items:flex-start;gap:8px;display:flex}.detail-skills li>.ico{border-radius:6px;flex:none;width:30px;height:30px;box-shadow:0 0 0 1px #000,0 2px 4px #0009}.detail-skills kbd,#hero-detail .dodge kbd{text-align:center;color:#1a120b;background:#e0b04a;border-radius:9px;flex:none;min-width:18px;height:18px;margin:6px 0 0;padding:0 4px;font:700 10px/18px ui-monospace,monospace}#hero-detail .dodge kbd{margin:0 4px 0 0;display:inline-block}.detail-skills kbd.passive{color:#e2d8bf;background:#6e5c40}.detail-skills li div{flex-wrap:wrap;align-items:baseline;gap:0 6px;font:12.5px/1.35 Georgia,serif;display:flex}.detail-skills b{color:#f4ecd8}.detail-skills small{color:#c9a044;font:italic 11px Georgia,serif}.detail-skills li div span{color:#b8ad92;width:100%}.hero-start{cursor:pointer;letter-spacing:1px;color:#ffe3a0;background:linear-gradient(#5a3a1a,#2a1a0c 60%,#160d06);border:1px solid #e0b04a;border-radius:8px;align-self:center;margin-top:2px;padding:10px 34px;font:700 18px Georgia,serif;box-shadow:0 0 18px #ffaa3c40,inset 0 1px #ffffff1f}.hero-start:hover{transform:translateY(-1px);box-shadow:0 0 26px #ffaa3c66,inset 0 1px #ffffff2e}.hero-start span{opacity:.6;margin-left:6px}.hero-tile canvas{width:104px;height:104px}.hero-tile{width:156px;padding:6px 8px 8px}#heroes{gap:10px}#menu-heroes .help{margin-top:0}#menu-heroes,#menu-maps{gap:8px}#maps{flex-direction:column;align-items:center;gap:16px;display:flex}.map-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.map-card{color:#e8dcc0;cursor:pointer;text-align:center;width:min(320px,90vw);font:inherit;background:#16120c;border:1px solid #5a4424;border-radius:8px;flex-direction:column;gap:4px;padding:0 0 12px;display:flex;overflow:hidden}.map-card img{aspect-ratio:480/266;object-fit:cover;width:100%;margin-bottom:6px;display:block}.map-card b{letter-spacing:1.5px;color:#f0d898;text-shadow:0 2px 2px #000;font:700 19px Georgia,serif}.map-card small{color:#a89c80;padding:0 12px;font:italic 12px Georgia,serif}.map-card:hover,.map-card.on{border-color:#e0b04a;box-shadow:0 0 18px #e0b04a40}#party .party-hint{color:var(--dim);text-align:center;font:10px ui-monospace,monospace}#party .party-hint kbd{color:#1a120b;background:var(--accent,#e0b04a);border-radius:6px;margin:0 3px 0 0;padding:0 4px;font-weight:700}.mp-lead{color:#cfc4a8;margin:-4px 0 6px;font:italic 14px Georgia,serif}.mp-field{color:#a89c80;letter-spacing:1px;flex-direction:column;gap:4px;width:380px;font:12px Georgia,serif;display:flex}.mp-field input,.mp-join input{color:#f4ecd8;text-align:center;background:#0e0c0a;border:1px solid #6e5424;border-radius:6px;outline:none;padding:9px 12px;font:700 18px Georgia,serif;box-shadow:inset 0 2px 6px #000000b3}.mp-field input:focus,.mp-join input:focus{border-color:#e0b04a;box-shadow:inset 0 2px 6px #000000b3,0 0 10px #ffaa3c40}.mp-join{gap:8px;width:380px;display:flex}.mp-join input{letter-spacing:3px;font-variant-numeric:tabular-nums;width:150px}.mp-join .menu-btn{flex:1;width:auto}.mp-error{color:#ff9a7a;min-height:18px;margin:0;font:13px Georgia,serif}.mp-error.ok{color:#9fe0a0}.mp-field textarea{color:#f4ecd8;resize:vertical;background:#0e0c0a;border:1px solid #6e5424;border-radius:6px;outline:none;min-height:110px;padding:9px 12px;font:15px/1.4 Georgia,serif;box-shadow:inset 0 2px 6px #000000b3}.mp-field textarea:focus{border-color:#e0b04a;box-shadow:inset 0 2px 6px #000000b3,0 0 10px #ffaa3c40}.fb-rating{gap:4px;display:flex}.fb-rating button{cursor:pointer;color:#6e5f47;background:0 0;border:none;padding:0 2px;font-size:30px;line-height:1}.fb-rating button:hover,.fb-rating button.on{color:#ffcf5a;text-shadow:0 0 10px #ffbe3c73}.lobby-code{color:#a89c80;align-items:center;gap:12px;font:13px Georgia,serif;display:flex}.lobby-code b{letter-spacing:4px;color:#ffe3a0;text-shadow:0 0 16px #ffaa3c59;font-variant-numeric:tabular-nums;font:700 34px Georgia,serif}.lobby-code button,.lobby-hero{cursor:pointer}.lobby-code button{color:#f0d9a0;background:#1c1712;border:1px solid #6e5424;border-radius:5px;padding:4px 10px;font:12px Georgia,serif}#lobby-players{gap:10px;display:flex}.lobby-player{color:#e2d8bf;background:linear-gradient(#1e1a16f2,#0e0c0af2);border:1px solid #4a3a1c;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 6px;width:180px;min-height:74px;padding:8px 10px;font:13px Georgia,serif;display:flex}.lobby-player.me{border-color:#e0b04a}.lobby-player.empty{color:#6e6450;border-style:dashed;justify-content:center;font-style:italic}.lobby-player b{color:#f4ecd8;font-size:15px}.lobby-player i{border-radius:6px;padding:0 5px;font:10px ui-monospace,monospace}.lobby-player i.host{color:#ffcf6a;padding:0;font-size:14px}.lobby-player i.you{color:#1a120b;background:#e0b04a}.lobby-player i.off{color:#ffb0a0;background:#5a2a20}.lobby-pick{color:#cfc4a8;align-items:center;gap:6px;width:100%;display:flex}.lobby-pick .ico{width:28px;height:28px}.lobby-pick .none{color:#8a7f68;font-style:italic}#lobby-heroes{gap:10px;display:flex}.lobby-hero{color:#cfc4a8;background:linear-gradient(#1e1a16f2,#0e0c0af2);border:1px solid #4a3a1c;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:130px;padding:8px;display:flex}.lobby-hero .ico{width:44px;height:44px}.lobby-hero b{color:#f4ecd8;font:700 15px Georgia,serif}.lobby-hero small{color:#a89c80;font:italic 11px Georgia,serif}.lobby-hero:not(:disabled):hover{border-color:#a8803a}.lobby-hero.on{border-color:#e0b04a;box-shadow:0 0 18px #ffaa3c4d}.lobby-hero:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.7)}#lobby-status{color:#cfc4a8;min-height:18px;margin:0;font:italic 13px Georgia,serif}#lobby-start:disabled{opacity:.5;cursor:not-allowed}#party .member .player{color:#f4ecd8;text-overflow:ellipsis;vertical-align:-3px;white-space:nowrap;max-width:58px;font:700 11px Georgia,serif;display:inline-block;overflow:hidden}#replay-bar{z-index:50;color:#e4e0d4;white-space:nowrap;background:#101218eb;border:1px solid #3a3f4c;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font:12px system-ui,sans-serif;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}#replay-bar b{color:#e0b050}#replay-bar button,#replay-bar select{color:inherit;cursor:pointer;font:inherit;background:#242836;border:1px solid #3a3f4c;border-radius:4px;padding:2px 7px}#replay-bar button.on{color:#1a1408;background:#e0b050}#replay-bar .old{color:#e0a040}#academy .apoints{color:#e0b050}#academy .academy-note{color:var(--dim);margin:2px 0 4px;font-size:10.5px}.menu-btn.account{border-color:#b08a3a}#profile .pf-cards{flex-wrap:wrap;gap:8px;margin:6px 0 4px;display:flex}#profile .pf-card{background:#00000040;border:1px solid #3a3226;border-radius:4px;flex:1;min-width:110px;padding:8px 10px}#profile .pf-card span{letter-spacing:.5px;text-transform:uppercase;color:#8a8d99;font-size:10px;display:block}#profile .pf-card b{color:#e8d9a8;font-size:20px}#profile .pf-hero{border-bottom:1px solid #2c2820;padding:5px 0}#profile .pf-hero span{color:#cfc6ae}#profile .pf-hero small{color:#8a8d99;display:block}#profile .pf-tabs{border-bottom:1px solid #2c2820;gap:6px;margin-bottom:14px;display:flex}#profile .pf-tabs button,#profile .pf-hero-buttons button{font:inherit;color:#cfc6ae;cursor:pointer;background:#0000004d;border:1px solid #3a3226;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:7px 16px}#profile .pf-tabs button.on{color:#ffd36a;background:#ffd36a0f;border-color:#8a6a3a #8a6a3a #0000}#profile .pf-hero-buttons{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}#profile .pf-hero-buttons button{text-align:left;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:10px;margin:0;padding:8px 12px;display:grid}#profile .pf-hero-buttons button .ico{grid-row:span 2;width:40px;height:40px}#profile .pf-hero-buttons button b{font-size:15px}#profile .pf-hero-buttons button small{color:#8a8d99;font-size:11px}#profile .pf-hero-buttons button.on{background:#ffd36a14;border-color:#ffd36a;box-shadow:0 0 10px #ffd36a26}#profile .pf-hero-buttons button:hover{border-color:#8a6a3a}#profile .pf-hero summary{cursor:pointer;list-style:none}#profile .pf-hero summary::-webkit-details-marker{display:none}#profile .pf-hero summary:before{content:"▸";color:var(--amber);margin-right:6px;transition:transform .15s;display:inline-block}#profile .pf-hero[open] summary:before{transform:rotate(90deg)}#profile .pf-detail{margin:4px 0;font-size:12px}#profile .pf-detail h4{letter-spacing:1px;text-transform:uppercase;color:#8a8d99;margin:8px 0 4px;font-size:11px}#profile .pf-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 18px;display:grid}#profile .pf-stats div,#profile .pf-books div{justify-content:space-between;gap:10px;display:flex}#profile .pf-stats span{color:#8a8d99}#profile .pf-books b{color:#cfc6ae;text-align:right;font-weight:400}#profile .pf-books div{border-bottom:1px solid #ffffff0a;grid-template-columns:18px 120px 112px 130px minmax(0,1fr);align-items:center;column-gap:12px;min-height:30px;padding:3px 0;display:grid}#profile .pf-books .pf-glyph{text-align:center;font-style:normal}#profile .pf-books small{color:#8a8d99;white-space:nowrap;margin:0}#profile .pf-books b{text-align:left;line-height:1.3}#profile .pf-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 28px}#profile .pf-bar{gap:2px;display:flex}#profile .pf-bar i{background:#2c2820;border-radius:2px;flex:1;height:7px;box-shadow:inset 0 0 0 1px #ffffff0d}#profile .pf-runs{border-collapse:collapse;width:100%;font-size:12px}#profile .pf-runs th{text-align:left;color:#8a8d99;font-weight:400}#profile .pf-runs td,#profile .pf-runs th{border-bottom:1px solid #2c2820;padding:4px 6px 4px 0}#profile button{font:inherit;color:#e8d9a8;cursor:pointer;background:#1d1a14;border:1px solid #5a5040;border-radius:3px;padding:2px 7px;font-size:11px}#profile button.link{background:0 0;border:0;padding:0;text-decoration:underline}.menu-links{text-align:center;color:#8a8d99;margin-top:12px;font-size:12px}.menu-links a{color:#cfc6ae;text-decoration:none}.menu-links a:hover{color:#e8d9a8;text-decoration:underline}#overlay[data-page=over] #overlay-text,#overlay[data-page=over] .tagline{display:none}#over{text-align:center;width:min(640px,92vw)}#over .ov-title{color:#ff9a7a;text-shadow:0 2px 4px #000;margin:4px 0 2px;font:700 26px Georgia,serif}#over .ov-sub{color:#cfc6ae;margin:0 0 12px}#over .ov-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px;display:grid}#over .ov-stats div{background:#0000004d;border:1px solid #3a3226;border-radius:4px;padding:6px}#over .ov-stats span{letter-spacing:.4px;text-transform:uppercase;color:#8a8d99;font-size:10px;display:block}#over .ov-stats b{color:#e8d9a8;font-size:16px}#over .ov-amnesia{color:#cfc6ae;margin:10px 0}#over .ov-amnesia p{margin:0 0 6px}#over .ov-books{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#over .ov-book{border:1px solid var(--c);color:#e8d9a8;background:#00000059;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:150px;padding:8px 10px;display:flex}#over .ov-book .g{color:var(--c);font-size:22px}#over .ov-book small{color:#8a8d99}#over .ov-actions{justify-content:center;gap:10px;margin-top:14px;display:flex}#over .ov-actions .menu-btn{width:220px}#over .ov-replay button{font:inherit;color:#e8d9a8;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=600px){#over .ov-stats{grid-template-columns:repeat(2,1fr)}}#menu-rankings{gap:10px;max-width:640px}.rk-filters{flex-direction:column;align-items:center;gap:6px;display:flex}.rk-filters div{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.rk-filters button{color:#b8a888;cursor:pointer;background:#16120c;border:1px solid #5a4424;border-radius:4px;padding:4px 10px;font:13px Georgia,serif}.rk-filters button.on,.rk-filters button:hover{color:#ffd36a;border-color:#e0b04a}#rk-table{width:100%;max-height:46vh;overflow-y:auto}table.rk{border-collapse:collapse;color:#e8dcc0;width:100%;font:14px Georgia,serif}table.rk th{text-align:left;color:#8a8d99;border-bottom:1px solid #3a3020;padding:4px 8px;font-weight:400}table.rk td{border-bottom:1px solid #241e14;padding:4px 8px}table.rk tr.you td{color:#ffd36a;background:#e0b04a1a}table.rk tr.you i{color:#c9a044;font-size:11px}#over .ov-place{color:#ffd36a;margin:2px 0 6px;font:italic 15px Georgia,serif}.rk-watch{color:#e0b050;cursor:pointer;white-space:nowrap;background:#1e1a14;border:1px solid #5a4424;border-radius:4px;padding:2px 8px;font:12px Georgia,serif}.rk-watch:hover{color:#ffd36a;border-color:#e0b04a}#bag .slot.orb.on{border-color:#ffd36a;box-shadow:0 0 10px #ffd36a}#gear.crafting #doll .slot:not(.empty),#gear.crafting #bag .slot:not(.empty){cursor:copy}#menu button[disabled]{opacity:.45}#stash-tabs{grid-template-columns:repeat(5,1fr);gap:3px;margin-top:8px;display:grid}#stash-tabs button{color:var(--text);border:1px solid var(--line);background:#16202a;padding:3px 1px;font-size:10px;line-height:1.2}#stash-tabs button.on{border-color:var(--amber);color:var(--amber)}#stash-tabs button small{opacity:.7;font-size:9px;display:block}#stash-tabs .ico{vertical-align:-3px;width:16px;height:16px}#stash .slot.stash-land{animation:.4s ease-out gear-pop,1.4s ease-out stash-glow}#stash-tabs button.stash-land{animation:1.4s ease-out stash-glow}@keyframes stash-glow{0%,30%{box-shadow:0 0 0 2px #ffd36a,0 0 14px #ffd36ae6}to{box-shadow:0 0 0 2px #0000,0 0 #0000}}#doll .slot.craft-ok,#bag .slot.craft-ok{outline-offset:1px;outline:2px solid #4cd07d;box-shadow:0 0 10px #4cd07db3}#sheet-tabs{gap:4px;margin-top:10px;display:flex}#sheet-tabs button{color:var(--text);border:1px solid var(--line);background:#16202a;padding:3px 12px;font-size:11px}#sheet-tabs button.on{border-color:var(--amber);color:var(--amber)}#sheet-tabs small{opacity:.7}#gear #hero-stats,#gear #hero-books{margin-top:8px}#hero-books .book-row{cursor:help;border-bottom:1px solid #ffffff0a;grid-template-columns:14px 92px minmax(0,1fr) 30px;align-items:center;column-gap:8px;padding:3px 4px;font-size:11px;display:grid}#hero-books .book-row:hover{background:#ffffff0a}#hero-books .book-glyph{text-align:center;font-style:normal}#hero-books .book-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#hero-books .book-row small{color:#8a8d99;text-align:right}#hero-books .book-bar{gap:2px;display:flex}#hero-books .book-bar i{background:#2c2820;border-radius:2px;flex:1;height:7px;box-shadow:inset 0 0 0 1px #ffffff0d}#smithy{width:340px;left:10px;overflow-y:auto}#smithy h4{margin:10px 0 6px}#smithy h4 small{color:var(--dim);margin-left:6px;font-weight:400}#smithy .anvil-item{border:1px solid var(--line);background:#0c0a0880;border-radius:6px;align-items:flex-start;gap:10px;padding:6px;display:flex;position:relative}#smithy .anvil-item .slot{flex:none;width:56px;height:56px}#smithy .anvil-item .slot .ico{width:42px;height:42px}#smithy .anvil-card{min-width:0;font-size:11px}#smithy .anvil-item button{padding:0 6px;position:absolute;top:4px;right:4px}#smithy .anvil-empty{color:var(--dim);border:1px dashed var(--line);border-radius:6px;padding:8px;font-size:11px}#smithy .anvil-choice{flex-direction:column;gap:4px;margin-top:6px;font-size:11px;display:flex}#smithy .smithy-orbs{grid-template-columns:repeat(5,50px);gap:6px;display:grid}#smithy .smithy-orbs .slot{cursor:pointer;width:50px;height:50px}#smithy .smithy-orbs .slot .ico{width:36px;height:36px}#smithy .smithy-orbs .craft-ok{outline-offset:1px;outline:2px solid #4cd07d;box-shadow:0 0 10px #4cd07db3}#smithy .smithy-orbs .craft-no{opacity:.45;cursor:not-allowed}#doll .slot.on-anvil,#bag .slot.on-anvil{outline-offset:1px;outline:2px solid #ffd36a;box-shadow:0 0 10px #ffd36ab3}#smithy .anvil-item.crafted{animation:1.2s ease-out anvil-flare}#smithy .craft-result{background:#ffd36a14;border:1px solid #ffd36a;border-radius:6px;margin-top:6px;padding:6px 8px;font-size:13px;font-weight:700}#smithy .craft-result.fresh{animation:.6s ease-out craft-pop}@keyframes anvil-flare{0%{background:#ffd36a59;box-shadow:0 0 0 2px #fff,0 0 30px 10px #ffd36af2}to{box-shadow:0 0 #0000}}@keyframes craft-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:none}}#tooltip .orb-fits{color:#c8c0a8;margin-top:2px;font-size:11px}#tooltip .orb-fits b{color:#6aff8a;font-weight:400}#smithy .proj{font-size:10.5px}#smithy .proj.new{color:#6aff8a}#smithy .proj.gone{color:#ff7a6a;text-decoration:line-through}#smithy .proj.reroll{color:#ffd36a}#smithy .proj small{color:var(--dim)}#smithy .smithy-orbs .planned{outline-offset:1px;outline:2px solid #ffd36a;box-shadow:0 0 10px #ffd36acc}#smithy .plan-pick{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}#smithy .plan-pick .ico{width:20px;height:20px}#smithy .plan-pick button{color:var(--text);cursor:pointer;background:#0c0a08b3;border:1px solid #3a3226;border-radius:10px;padding:1px 7px;font-size:10.5px;line-height:1.5}#smithy .plan-pick button.on{border-color:var(--amber);color:var(--amber);background:#ffc85a1a}#smithy .plan-bar{gap:6px;margin-top:8px;display:flex}#smithy .plan-bar button{white-space:nowrap;padding:4px 10px;font-size:12px;line-height:1.3}#smithy .plan-bar .buy{flex-direction:row;flex:1;justify-content:center;gap:4px}#smithy .plan-bar .gold-amt .ico{vertical-align:-2px;width:13px;height:13px}#selected.dead .card-name{opacity:.7;text-decoration:line-through}#selected.dead .portrait{filter:grayscale();opacity:.6}#profile .pf-live{color:#6aff8a}#smithy .smithy-orbs .slot{position:relative}#smithy .orb-badge{text-align:center;color:#e8e2d0;opacity:1;background:#1a120b;border:1px solid #3a3226;border-radius:6px;min-width:11px;height:11px;padding:0 1px;font:700 8px/11px sans-serif;position:absolute;bottom:2px;right:2px}#smithy .smithy-orbs .slot .orb-badge .ico{vertical-align:-1px;width:9px;height:9px}#smithy .orb-badge.have{color:#6aff8a;border-color:#4cd07d}#smithy .orb-badge.nofit{color:#ff7a6a;border-color:#b8412e}#smithy .orb-badge.full{color:#ffd36a;border-color:#b8902a}#smithy .smithy-orbs .craft-no>.ico,#smithy .smithy-orbs .craft-no>img{opacity:.5}#smithy .smithy-orbs .craft-no{opacity:1}.tier-pick{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px 0 4px;display:flex}.tier-pick span{color:var(--dim);letter-spacing:2px;text-transform:uppercase;margin-right:4px;font-size:12px}.tier-pick button{color:#cfc6ae;cursor:pointer;background:#00000059;border:1px solid #3a3226;border-radius:6px;min-width:40px;padding:6px 10px;font:15px Georgia,serif}.tier-pick button.on{border-color:var(--amber);color:var(--amber);background:#ffc85a1f}