:root{--bg:#1b2a1f;--panel:#141018c7;--panel-border:#6b4f3a;--text:#f4ead5;--muted:#b9a98c;--hp:#5ccf6a;--xp:#5aa9e6;--gold:#ffd23f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--gap:8px;--auto-size:72px;--nav-h:66px}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game{position:absolute;top:0;bottom:0;left:0;right:0}#game canvas{image-rendering:pixelated;display:block}#hud{pointer-events:none;color:var(--text);text-shadow:0 1px #000;font:600 12px/1.2 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{top:calc(var(--gap) + var(--safe-top));left:calc(var(--gap) + var(--safe-left));right:calc(var(--gap) + var(--safe-right));justify-content:space-between;align-items:flex-start;gap:var(--gap);display:flex;position:absolute}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:6px;padding:6px 8px;box-shadow:0 2px #0006,inset 0 0 0 1px #ffffff0f}.party{flex-direction:column;gap:4px;width:min(230px,58vw);display:flex}.party[data-size="3"],.party[data-size="4"]{width:min(200px,52vw)}.party[data-size="3"] .hero-card,.party[data-size="4"] .hero-card{padding:4px 6px}.hero-card{transition:opacity .3s,filter .3s}.hero-card.down{opacity:.55;filter:grayscale()}.party[data-size="2"] .hero-card.leader,.party[data-size="3"] .hero-card.leader,.party[data-size="4"] .hero-card.leader{border-color:#c9a45c}.row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.name{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.level{color:var(--muted);white-space:nowrap}.level b{color:var(--text);font-size:14px}.bar{background:#2b2230;border:1px solid #000;border-radius:3px;height:12px;margin-bottom:3px;position:relative;overflow:hidden}.bar:last-child{margin-bottom:0}.bar.xp{height:8px}.bar .fill{width:100%;height:100%;transition:width .25s ease-out}.bar.hp .fill{background:linear-gradient(#7be38a, var(--hp))}.bar.xp .fill{background:linear-gradient(#86c4f0, var(--xp));width:0}.bar-text{text-align:center;font-size:9px;line-height:10px;position:absolute;top:0;bottom:0;left:0;right:0}.bar.xp .bar-text{font-size:7px;line-height:6px}.stats-panel{flex-direction:column;gap:4px;min-width:84px;display:flex}.stat{align-items:center;gap:6px;font-size:14px;display:flex}.stat b{color:var(--gold)}.stat.kills b{color:var(--text)}.skull{text-align:center;width:32px;font-size:18px}.icon{image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;flex:none;display:inline-block}.status-chip{left:50%;bottom:calc(var(--gap) + 6px + var(--safe-bottom));background:var(--panel);color:var(--muted);white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:11px;position:absolute;transform:translate(-50%)}.log{left:calc(var(--gap) + var(--safe-left));bottom:calc(var(--gap) + 52px + var(--safe-bottom));max-width:calc(100vw - var(--auto-size) - 40px);flex-direction:column-reverse;gap:3px;display:flex;position:absolute}.log-line{background:var(--panel);border-radius:4px;align-items:center;gap:4px;width:max-content;max-width:100%;padding:3px 6px;font-size:11px;transition:opacity 1s;display:flex}.log-line.fade{opacity:0}.auto-btn{pointer-events:auto;right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));width:var(--auto-size);height:var(--auto-size);border:3px solid var(--panel-border);color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#4a3a50,#221a28);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 3px #00000080}.auto-btn:active{transform:translateY(2px);box-shadow:0 1px #00000080}.auto-btn.on{color:var(--text);background:radial-gradient(circle at 35% 30%,#4f7a3e,#24361d);border-color:#8bd36b}.auto-label{letter-spacing:1px;font-size:11px}.auto-state{font-size:16px}.banner{background:var(--panel);border:2px solid var(--panel-border);opacity:0;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:92vw;padding:8px 16px;font-size:18px;transition:opacity .25s,transform .25s;position:absolute;top:30%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.8)}.banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner.good{color:#b6ff6b;border-color:#8bd36b}.banner.bad{color:#ff8b7b;border-color:#a0463b}@media (max-width:420px){:root{--gap:6px;--auto-size:64px}#hud{font-size:11px}.name{font-size:12px}.stats-panel{min-width:0;padding:4px 6px}.stat{gap:4px;font-size:13px}.stat .icon{margin:-4px;transform:scale(.75)}.skull{width:24px;font-size:15px}.banner{font-size:15px}.party[data-size="3"],.party[data-size="4"]{width:calc(100vw - 100px - var(--safe-left) - var(--safe-right));grid-template-columns:1fr 1fr;display:grid}.party[data-size="3"] .name,.party[data-size="4"] .name{font-size:11px}.party[data-size="3"] .bar.xp .bar-text,.party[data-size="4"] .bar.xp .bar-text{display:none}}@media (max-height:480px){:root{--gap:6px;--auto-size:56px}.party,.party[data-size]{flex-flow:wrap;width:auto;max-width:calc(100vw - 140px)}.party .hero-card{width:170px;padding:4px 6px}.row{margin-bottom:2px}.bar{height:10px}.bar-text{font-size:8px;line-height:8px}.bar.xp{height:6px}.bar.xp .bar-text{display:none}.log{bottom:calc(var(--gap) + 46px + var(--safe-bottom))}.auto-label{font-size:9px}.auto-state{font-size:13px}}.equip-btn{pointer-events:auto;right:calc(12px + var(--safe-right));bottom:calc(20px + var(--auto-size) + var(--safe-bottom));border:2px solid var(--panel-border);background:var(--panel);color:var(--text);font:inherit;letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:6px;align-items:center;gap:4px;padding:3px 8px 3px 4px;font-size:11px;display:flex;position:absolute}.equip-btn:active{transform:translateY(1px)}.equip-panel{pointer-events:auto;touch-action:pan-y;z-index:2;width:min(440px,100vw - 24px);max-height:calc(100% - 24px);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.equip-panel[hidden]{display:none}.equip-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.equip-panel button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#3a2c40;border-radius:4px;padding:2px 6px;font-size:10px}.equip-panel button.close{padding:0 6px;font-size:12px}.equip-tabs{gap:4px;margin-bottom:6px;display:flex}.equip-tabs button.on{background:#5a4630;border-color:#c9a45c}.equip-panel ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.equip-panel li{background:#ffffff0a;border-radius:3px;align-items:center;gap:6px;min-height:22px;padding:2px 4px;display:flex}.equip-panel li.empty{color:var(--muted)}.equip-panel .slot-name{color:var(--muted);min-width:56px;font-size:10px}.equip-bag .slot-name{min-width:0}.equip-panel .item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.equip-panel .badge{color:#ffcf7a;white-space:nowrap;border:1px solid #a07a3b;border-radius:3px;padding:0 3px;font-size:9px}.equip-sub{color:var(--muted);margin:8px 0 4px;font-size:11px}@media (max-height:480px){.equip-btn{bottom:calc(16px + var(--auto-size) + var(--safe-bottom))}}.equip-panel .badge.ok{color:#b6ff6b;border-color:#5f8f45}.equip-panel .badge.info{color:var(--muted);border-color:#5a4a3a}.equip-panel button[disabled]{opacity:.4;cursor:default}.equip-note{color:var(--muted);margin-bottom:4px;font-size:10px}.equip-tabs.wrap{flex-wrap:wrap}.equip-panel select{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#2b2230;border-radius:3px;flex:1;max-width:230px;font-size:10px}.preview-row{align-items:flex-start;gap:8px;margin:4px 0 6px;display:flex}.preview-box{border:1px solid var(--panel-border);background:#3c5a3c;border-radius:4px;flex:none;line-height:0}.class-preview{image-rendering:pixelated;display:block}.preview-ctrl{flex-direction:column;gap:4px;min-width:0;display:flex}.preview-ctrl label{align-items:center;gap:4px;display:flex}@media (max-width:420px){.preview-row{flex-direction:column}}.hero-card{border-color:var(--rarity,var(--panel-border))}.rarity-line{gap:6px;margin-bottom:3px;font-size:10px}.rarity-line .muted{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chars-btn{bottom:calc(52px + var(--auto-size) + var(--safe-bottom))}.rarity-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin:4px 0;display:grid}.equip-panel .rarity-cell{border:2px solid var(--rc);color:var(--rc);background:#2b2230;flex-direction:column;align-items:center;gap:1px;padding:2px;font-size:8px;display:flex}.equip-panel .rarity-cell.on{box-shadow:0 0 0 1px var(--rc) inset;background:#4a3b2e}.rc-canvas{line-height:0}@media (max-height:480px){.chars-btn{bottom:calc(44px + var(--auto-size) + var(--safe-bottom))}}.level .stars{color:#f0c84a;letter-spacing:-1px;margin-right:2px;font-size:9px}.stars-row{gap:1px;display:flex}.equip-panel button.star{color:#6b5a3a;background:0 0;border-color:#0000;padding:0 3px;font-size:13px}.equip-panel button.star.on{color:#f0c84a}.level-row input{flex:1;min-width:80px}.stat-table{border-collapse:collapse;font-size:10px}.stat-table th,.stat-table td{text-align:left;padding:0 6px 0 0}.stat-table th{color:var(--muted);font-weight:400}.equip-panel code{color:var(--muted);font-size:9px}.equip-panel .muted{color:#5a4d3c}.equip-panel .item-name.wrap{white-space:normal}#town-ui{pointer-events:none;color:var(--text);text-shadow:0 1px #000;font:600 12px/1.2 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;position:absolute;top:0;bottom:0;left:0;right:0}#town-ui[hidden]{display:none}.town-top{top:calc(var(--gap) + var(--safe-top));left:calc(var(--gap) + var(--safe-left));right:calc(var(--gap) + var(--safe-right));justify-content:space-between;align-items:center;display:flex;position:absolute}.town-title,.town-gold{background:var(--panel);border:2px solid var(--panel-border);border-radius:6px;padding:3px 10px;box-shadow:0 2px #0006}.town-title{letter-spacing:3px;color:#ffe7a8;text-transform:uppercase;font-size:15px}.town-gold{align-items:center;gap:4px;font-size:14px;display:flex}.town-gold b{color:var(--gold)}.town-hint{left:50%;bottom:calc(14px + var(--safe-bottom));background:var(--panel);color:var(--muted);white-space:nowrap;border-radius:10px;padding:4px 12px;font-size:11px;animation:2.4s ease-in-out infinite town-breathe;position:absolute;transform:translate(-50%)}.town-hint[hidden]{display:none}@keyframes town-breathe{50%{opacity:.55}}.town-card{pointer-events:auto;left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));background:linear-gradient(#3b2a1e,#26190f);border:2px solid #c9a45c;border-radius:6px;align-items:center;gap:10px;max-width:460px;margin:0 auto;padding:8px 8px 8px 12px;display:flex;position:absolute;box-shadow:0 3px #0000008c,inset 0 0 0 1px #ffe7a81f}.town-card[hidden]{display:none}.town-card.pop{animation:.18s ease-out town-pop}@keyframes town-pop{0%{opacity:0;transform:translateY(8px)}}.town-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.town-card-text b{color:#ffe7a8;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.town-card-text span{color:var(--muted);font-size:11px}.town-enter{min-height:44px;font:inherit;letter-spacing:1px;color:#1d1408;text-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(#ffe08a,#d7a440);border:2px solid #6b4a1a;border-radius:5px;flex:none;padding:0 16px;font-size:14px;box-shadow:0 2px #3a2508}.town-enter:active{box-shadow:none;transform:translateY(2px)}.town-sheet{pointer-events:auto;width:min(420px,100vw - 24px);max-height:calc(100% - 24px - var(--safe-top) - var(--safe-bottom));touch-action:pan-y;z-index:1;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.town-sheet[hidden]{display:none}.town-sheet button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;touch-action:manipulation;background:#3a2c40;border-radius:4px;padding:4px 8px;font-size:11px}.town-sheet button.close{padding:2px 8px;font-size:12px}.town-sheet button[disabled]{opacity:.45;cursor:default}.town-sheet button.town-wide{width:100%;min-height:36px;margin:6px 0;font-size:12px;display:block}.town-sheet ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.town-sheet li{border-left:3px solid var(--rc,var(--panel-border));background:#ffffff0a;border-radius:3px;align-items:center;gap:8px;padding:5px 6px;display:flex}.town-sheet .item-name{flex:1;min-width:0}.town-sheet .town-sub{color:var(--muted);font-size:10px}.town-sheet .town-stars{color:#f0c84a}.town-sheet .muted{color:#5a4d3c}.town-soon{text-align:center;letter-spacing:4px;color:#ffcf7a;margin:10px 0 6px;font-size:18px}#hud.hud-town>:not(.equip-panel){display:none!important}#hud.hud-town .equip-panel{z-index:3}.home-btn{pointer-events:auto;left:calc(var(--gap) + var(--safe-left));bottom:calc(12px + var(--safe-bottom));background:var(--panel);color:#ffe7a8;min-height:36px;font:inherit;letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #c9a45c;border-radius:6px;align-items:center;gap:4px;padding:2px 10px 2px 6px;font-size:11px;display:flex;position:absolute}.home-btn:active{transform:translateY(1px)}.home-icon{font-size:18px;line-height:1}.town-card.covered{visibility:hidden}#app:has(#hud .equip-panel:not([hidden])) .town-card{visibility:hidden}.town-debug{left:calc(8px + var(--safe-left));top:calc(48px + var(--safe-top));color:#e9f4ff;pointer-events:none;z-index:5;background:#000000b8;border:1px solid #3bd5ff;border-radius:4px;max-width:min(420px,60vw);max-height:40vh;padding:6px 8px;font:10px/1.35 ui-monospace,Consolas,monospace;position:absolute;overflow:auto}.town-stats{gap:6px;display:flex}.town-cp-label{color:#ffcf7a;letter-spacing:1px;font-size:10px}.town-cp{color:#ffcf7a}.town-sheet .badge{color:#ffcf7a;white-space:nowrap;border:1px solid #a07a3b;border-radius:3px;padding:1px 4px;font-size:9px}.town-sheet .badge.ok{color:#b6ff6b;border-color:#5f8f45}.town-sheet .badge.bad{color:#ff8b7b;border-color:#a0463b}.town-sheet .badge.info{color:var(--muted);border-color:#5a4a3a}.town-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.town-actions[hidden]{display:none}.town-actions .town-enter{min-height:38px;padding:0 10px;font-size:12px}.town-actions .town-enter[disabled]{filter:grayscale();opacity:.55;cursor:default}.town-toast{left:50%;top:calc(54px + var(--safe-top));background:var(--panel);opacity:0;pointer-events:none;white-space:nowrap;border:2px solid #c9a45c;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;transition:opacity .25s;display:flex;position:absolute;transform:translate(-50%)}.town-toast.show{opacity:1}.town-toast .icon{margin-right:2px}.nav-bar{left:50%;bottom:calc(6px + var(--safe-bottom));z-index:6;color:var(--text);text-shadow:0 1px #000;font:600 10px/1.1 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;position:absolute;transform:translate(-50%)}.nav-row{background:linear-gradient(#2a1f17,#17110c);border:2px solid #8a6a3a;border-radius:3px;gap:3px;padding:3px;display:flex;box-shadow:0 0 0 1px #000,0 3px #0000008c,inset 0 0 0 1px #ffdc961f}.nav-btn,.nav-more-btn{width:58px;height:52px;font:inherit;color:#e9dcc0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(#3b2b1f,#241912);border:1px solid #5e4529;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px 0 3px;display:flex;position:relative;box-shadow:inset 0 1px #ffe6aa26,inset 0 -2px #00000059}.nav-btn span,.nav-more-btn span{white-space:nowrap;letter-spacing:.3px}.nav-icon{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:block}.nav-btn:active:not([disabled]),.nav-more-btn:active:not([disabled]){background:#1a120c;transform:translateY(1px);box-shadow:inset 0 2px 3px #0009}.nav-btn.on,.nav-more-btn.on{color:#ffe7a8;background:linear-gradient(#5a4128,#33241a);border-color:#e0b75e;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffdc8c59,0 0 6px #f0be5a73}.nav-btn[disabled],.nav-more-btn[disabled]{filter:grayscale();opacity:.45;cursor:default}.nav-btn em,.nav-more-btn em{letter-spacing:.5px;text-transform:uppercase;color:#1d1408;text-shadow:none;background:#c9a45c;border:1px solid #3a2508;border-radius:1px;padding:0 2px;font-size:7px;font-style:normal;position:absolute;top:-4px;right:-2px}.nav-more{background:linear-gradient(#2a1f17,#17110c);border:2px solid #8a6a3a;border-radius:3px;grid-template-columns:repeat(2,58px);gap:3px;padding:3px;display:grid;position:absolute;bottom:calc(100% + 4px);right:0;box-shadow:0 0 0 1px #000,0 3px #0000008c}.nav-more[hidden]{display:none}.game-menu{top:calc(50% + var(--safe-top) / 2 - var(--nav-h) / 2 - var(--safe-bottom) / 2);max-height:calc(100% - 20px - var(--nav-h) - var(--safe-top) - var(--safe-bottom));z-index:4;color:var(--text);text-shadow:0 1px #000;background:linear-gradient(#241a14f5,#16100df5);border-color:#8a6a3a;border-radius:3px;font:600 12px/1.25 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;box-shadow:0 0 0 1px #000,0 4px #00000080,inset 0 0 0 1px #ffdc961a}.game-menu li.empty{color:var(--muted)}.equip-panel{top:calc(50% - var(--nav-h) / 2);max-height:calc(100% - 24px - var(--nav-h) - var(--safe-bottom))}.town-hint{bottom:calc(var(--nav-h) + 10px + var(--safe-bottom))}.town-card{bottom:calc(var(--nav-h) + 6px + var(--safe-bottom))}#app:has(.game-menu:not([hidden])) :-webkit-any(.town-card,.town-hint){visibility:hidden}#app:has(.game-menu:not([hidden])) :is(.town-card,.town-hint){visibility:hidden}.status-chip{bottom:calc(var(--nav-h) + 6px + var(--safe-bottom));align-items:center;gap:6px;display:flex}.area-name{color:#ffe7a8;letter-spacing:.5px}.area-name:after{content:"·";color:var(--muted);margin-left:6px}.log{bottom:calc(var(--nav-h) + 34px + var(--safe-bottom))}#hud .equip-btn{display:none}@media (max-width:599px){.nav-bar{left:calc(4px + var(--safe-left));right:calc(4px + var(--safe-right));transform:none}.nav-row{justify-content:space-between}.nav-btn{flex:1;width:auto;min-width:0}.home-btn,.auto-btn{bottom:calc(var(--nav-h) + 6px + var(--safe-bottom))}.status-chip{bottom:calc(var(--nav-h) + var(--auto-size) + 12px + var(--safe-bottom))}.log{bottom:calc(var(--nav-h) + var(--auto-size) + 40px + var(--safe-bottom))}}@media (max-width:360px){.nav-btn span{letter-spacing:0;font-size:9px}}@media (max-height:480px){:root{--nav-h:52px}.nav-btn,.nav-more-btn{width:52px;height:42px;padding:0 0 2px}.nav-more{grid-template-columns:repeat(2,52px)}.nav-btn .nav-icon,.nav-more-btn .nav-icon{margin:-4px 0;transform:scale(.75)}.nav-btn span,.nav-more-btn span{font-size:9px}.home-btn,.auto-btn{bottom:calc(8px + var(--safe-bottom))}}.panel,.town-title,.town-gold,.status-chip,.town-hint,.home-btn,.town-toast,.log-line,.nav-row,.nav-more,.banner{border:8px solid #0000;border-image:var(--kit-wood) 4 fill / 8px stretch;box-shadow:none;image-rendering:pixelated;background:0 0;border-radius:0}.town-title,.town-gold,.status-chip,.town-hint,.home-btn,.town-toast{padding:0 6px}.panel{padding:0 4px}.log-line{border-width:6px;border-image-width:6px;padding:0 4px}.nav-row,.nav-more{padding:0}.status-chip{color:#e9dcc0}.game-menu,.equip-panel,.town-card{border:8px solid #0000;border-image:var(--kit-wood) 4 fill / 8px stretch;box-shadow:none;image-rendering:pixelated;background:0 0;border-radius:0}.game-menu .equip-head,.equip-panel .equip-head{color:#ffe7a8;background:#5b3a1f;border-bottom:2px solid #3b2414;margin:-2px -4px 8px;padding:4px 6px;box-shadow:inset 0 1px #ffdca02e}.town-card{padding:4px 6px}.town-enter,#app .town-sheet button.town-wide,#app .town-sheet li button,.equip-panel li button{border:6px solid #0000;border-bottom-width:8px;border-image:var(--kit-button) 3 3 4 fill / 6px 6px 8px stretch;box-shadow:none;color:#10301c;text-shadow:0 1px #ffffff40;image-rendering:pixelated;background:0 0;border-radius:0;font-weight:700}.town-enter:hover:not([disabled]),#app .town-sheet button.town-wide:hover:not([disabled]),#app .town-sheet li button:hover:not([disabled]){border-image-source:var(--kit-button-hover)}.town-enter:active:not([disabled]),#app .town-sheet button.town-wide:active:not([disabled]),#app .town-sheet li button:active:not([disabled]){border-image-source:var(--kit-button-down);transform:translateY(1px)}.town-enter[disabled],#app .town-sheet button[disabled],.equip-panel li button[disabled]{filter:grayscale()brightness(.8);opacity:.6}#app .game-menu button.town-wide{height:34px;min-height:0;padding:0 8px;font-size:11px}#app .town-sheet li button{min-height:26px;padding:0 6px;font-size:10px}#app .town-sheet button.close{color:#ffe7a8;background:#3b2414;border:1px solid #8a6a3a;border-radius:0}.town-enter{min-height:40px;padding:0 12px}.nav-btn,.nav-more-btn{border:6px solid #0000;border-image:var(--kit-wood) 4 fill / 6px stretch;box-shadow:none;image-rendering:pixelated;background:0 0;border-radius:0}.nav-btn.on,.nav-more-btn.on{border-image-source:var(--kit-parchment);color:#3a2410;text-shadow:none;box-shadow:none}.nav-btn:active:not([disabled]),.nav-more-btn:active:not([disabled]){box-shadow:none;filter:brightness(.8);background:0 0}.hero-card{--k:2;width:calc(86px * var(--k));background:0 0;border:0;padding:0}.hero-card .name-row{margin-bottom:1px;padding:0 2px}.hero-card.leader .name{color:#ffe7a8}.hero-plate{width:calc(86px * var(--k));height:calc(31px * var(--k));position:relative}.hero-plate:after{content:"";background:var(--kit-hero-plate) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero-plate .portrait{left:calc(4px * var(--k));top:calc(4px * var(--k));width:calc(22px * var(--k));height:calc(22px * var(--k));background:#7d8fc4 center / calc(28px * var(--k)) no-repeat;image-rendering:pixelated;border-radius:50%;position:absolute}.hero-plate .groove{height:calc(2px * var(--k));position:absolute;overflow:hidden}.hero-plate .groove.hp{left:calc(29px * var(--k));top:calc(9px * var(--k));width:calc(52px * var(--k))}.hero-plate .groove.xp{left:calc(31px * var(--k));top:calc(14px * var(--k));width:calc(43px * var(--k))}.hero-plate .fill{width:100%;height:100%;transition:width .25s ease-out}.hero-plate .hp .fill{background:linear-gradient(#d74427 50%,#b82b28 50%)}.hero-plate .xp .fill{background:linear-gradient(#37a0df 50%,#3583c4 50%);width:0}.hero-card .nums{color:#e9dcc0;justify-content:space-between;gap:6px;padding:0 2px;font-size:9px;display:flex}.hero-card .rarity-line{padding:0 2px}@media (max-width:420px){.party[data-size="3"] .hero-card,.party[data-size="4"] .hero-card{--k:1.5}.party[data-size="3"] .rarity-line,.party[data-size="4"] .rarity-line{display:none}}@media (max-height:480px){.party .hero-card{--k:1.5;width:calc(86px * var(--k));padding:0}.party .rarity-line{display:none}}.hero-plate:after{z-index:1}.hero-plate .groove{z-index:2}.hero-card .name-row,.hero-card .nums,.hero-card .rarity-line{background:#18100a99;border-radius:2px}#app .game-menu.kit-win{border:8px solid #0000;border-width:32px 8px 10px;border-image:var(--kit-win) 16 4 5 4 fill / 32px 8px 10px stretch;color:#3a2410;width:min(560px,100vw - 16px);text-shadow:none;flex-direction:column;padding:0;display:flex;overflow:visible}.kit-head{pointer-events:none;justify-content:center;align-items:center;height:26px;display:flex;position:absolute;top:-31px;left:0;right:0}.kit-head b{color:#10301c;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px #ffffff4d;font-size:13px}#app .kit-close{z-index:2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:64px;height:44px;padding:0;display:flex;position:absolute;top:-38px;right:-12px}#app .kit-close i{background:var(--kit-close) 0 0 / 100% 100% no-repeat;width:50px;height:32px;image-rendering:pixelated;pointer-events:none}#app .kit-close:active i{filter:brightness(.85);transform:translateY(1px)}.kit-body{touch-action:pan-y;flex-direction:column;gap:6px;min-height:0;padding:4px 4px 2px;display:flex;overflow-y:auto}.kit-sub{color:#7a5a38;font-size:10px}.kit-tabs{flex-wrap:wrap;gap:4px;display:flex}#app .kit-tab{font:inherit;color:#5a3a1a;cursor:pointer;background:#d9bf8c;border:2px solid #8a6438;border-radius:0;padding:3px 8px;font-size:11px}#app .kit-tab.on{color:#10301c;background:#5fbf86;border-color:#2e6b45}.kit-grid{grid-template-columns:repeat(auto-fill,42px);justify-content:center;gap:4px;display:grid}#app .kit-slot{background:var(--kit-slot) 0 0 / 100% 100%;width:42px;height:42px;image-rendering:pixelated;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:inset 0 0 0 1px #5a3a1a59}#app span.kit-slot{cursor:default}#app .kit-slot.empty{opacity:.7}#app .kit-slot.on,button.kit-slot:hover{background-image:var(--kit-slot-on);box-shadow:inset 0 0 0 2px #2e6b45}#app .kit-slot.nofit{filter:grayscale();opacity:.45;cursor:default}.kit-count{color:#fff;text-shadow:1px 1px #000,-1px 0 #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.kit-detail{background:#8c643826;border:1px solid #8a643866;align-items:center;gap:8px;min-height:40px;padding:4px 6px;font-size:11px;display:flex}.kit-detail>span{flex:1}.kit-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kit-money{color:#5a3a1a;align-items:center;gap:4px;font-size:14px;display:flex}.kit-coin{background:var(--kit-coin) 0 0 / 100% 100%;width:20px;height:20px;image-rendering:pixelated}.kit-links{gap:4px;margin-left:auto;display:flex}#app .kit-btn{font:inherit;color:#10301c;text-shadow:0 1px #ffffff40;border:6px solid #0000;border-bottom-width:8px;border-image:var(--kit-button) 3 3 4 fill / 6px 6px 8px stretch;min-height:30px;image-rendering:pixelated;cursor:pointer;background:0 0;border-radius:0;padding:0 8px;font-size:11px;font-weight:700}#app .kit-btn:hover:not([disabled]){border-image-source:var(--kit-button-hover)}#app .kit-btn:active:not([disabled]){border-image-source:var(--kit-button-down);transform:translateY(1px)}#app .kit-btn[disabled]{filter:grayscale()brightness(.85);opacity:.7;cursor:default}#app .kit-btn.wide{width:100%}.kit-equip{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.doll{border:8px solid #0000;border-image:var(--kit-doll-box) 4 fill / 8px stretch;image-rendering:pixelated;align-items:center;gap:6px;padding:6px;display:flex}.doll-col{flex-direction:column;gap:4px;display:flex}.doll-figure{background:var(--kit-doll) 0 0 / 100% 100% no-repeat;width:86px;height:92px;image-rendering:pixelated;opacity:.9}.doll-slot em{color:#7a5a38;text-align:center;padding:0 1px;font-size:7px;font-style:normal;line-height:1}.doll-slot.shared{opacity:.6}.kit-bag{flex-direction:column;flex:1;gap:4px;min-width:190px;display:flex}#app .kit-tab.icon-tab{align-items:center;gap:4px;display:flex}.kit-tab i{width:24px;height:24px;image-rendering:pixelated;background:50%/100% 100% no-repeat}.kit-tab .tab-forge{background-image:var(--kit-tab-forge)}.kit-tab .tab-alchemy{background-image:var(--kit-tab-alchemy);width:20px}.kit-tab .tab-tailor{background-image:var(--kit-tab-tailor);width:22px}.kit-tab.on .tab-forge{background-image:var(--kit-tab-forge-on)}.kit-tab.on .tab-alchemy{background-image:var(--kit-tab-alchemy-on)}.kit-tab.on .tab-tailor{background-image:var(--kit-tab-tailor-on)}.kit-craft{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;display:flex}.kit-recipes{width:142px}.kit-station{border:8px solid #0000;border-image:var(--kit-doll-box) 4 fill / 8px stretch;width:150px;image-rendering:pixelated;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex}.kit-mats{grid-template-columns:repeat(3,42px);gap:4px;min-height:42px;display:grid}#app .kit-slot.mat .kit-count{color:#ff9b8a}#app .kit-slot.mat.ok .kit-count{color:#b6ff6b}.kit-station i{width:111px;height:66px;image-rendering:pixelated;background:bottom/contain no-repeat}.kit-station .station-forge{background-image:var(--kit-st-forge)}.kit-station .station-alchemy{background-image:var(--kit-st-alchemy);width:90px;height:78px}.kit-station .station-tailor{background-image:var(--kit-st-tailor);width:99px;height:75px}.kit-desc{background:#8c64381f;border:1px solid #8a643859;flex:1;min-width:150px;padding:4px 6px;font-size:11px;line-height:1.4}#app .game-menu[hidden]{display:none}.hero-sheet{border:2px solid #8a643873;border-left:4px solid var(--rc,#8a6438);background:#8c643824;flex-direction:column;gap:6px;padding:6px;display:flex}.hs-top{align-items:center;gap:8px;display:flex}.hs-portrait{width:56px;height:56px;box-shadow:0 0 0 2px var(--rc,#8a6438);image-rendering:pixelated;background:#7d8fc4 50%/56px no-repeat;border:3px solid #6b4422;border-radius:50%;flex:none}.hs-id{flex:1;min-width:0;font-size:12px;line-height:1.35}.hs-stars{color:#d79a1c;letter-spacing:-1px;font-size:10px}.hs-stars span{color:#b8a07a}.hs-cp{color:#e9c779;background:#3b2414;flex-direction:column;align-items:center;padding:2px 8px;font-size:9px;display:flex}.hs-cp b{color:#ffe7a8;font-size:15px}.hs-attrs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:4px;display:grid}.hs-attr{background:#d9c08c;border:1px solid #b08d55;justify-content:center;align-items:baseline;gap:5px;padding:2px 4px;display:flex}.hs-attr i{color:#6a4a28;font-size:10px;font-style:normal}.hs-attr b{color:#3a2410;font-size:14px}.hs-attr.main{background:#f3dfa0;border-color:#a0702a}.hs-attr.main b{color:#8a3a10}.hs-stats{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.hs-stat{background:#ead7ab;border:1px solid #c4a26a;align-items:baseline;gap:4px;padding:3px 6px;display:flex}.hs-stat span{color:#7a5a38;min-width:30px;font-size:10px}.hs-stat b{color:#3a2410;font-size:14px}.hs-stat em{color:#2e8a3e;font-size:11px;font-style:normal;font-weight:700}.hs-gearrow{flex-wrap:wrap;gap:4px;display:flex}#app .kit-slot.hs-gear{width:42px;height:42px}.hs-gear em{color:#7a5a38;text-align:center;font-size:7px;font-style:normal}@media (max-width:420px){.hs-stats{grid-template-columns:repeat(2,1fr)}}.hs-rarity{background:#3b2414;padding:0 4px;font-size:10px}.hero-card{--k:2;background:0 0;border:0;width:auto;padding:0}.hc{align-items:center;gap:4px;display:flex}.hero-card .portrait{width:calc(22px * var(--k));height:calc(22px * var(--k));background:#7d8fc4 center / calc(28px * var(--k)) no-repeat;border:calc(1.5px * var(--k)) solid #e2b04a;image-rendering:pixelated;border-radius:50%;flex:none;box-shadow:0 0 0 1px #4a2a10,inset 0 0 0 1px #4a2a10}.hc-main{flex-direction:column;gap:1px;display:flex}.hero-card .name-row{background:#18100a99;margin:0;padding:0 3px}.gbar{width:calc(73px * var(--k));height:calc(19px * var(--k));image-rendering:pixelated;background:50%/100% 100% no-repeat;position:relative}.gbar.hp{background-image:var(--kit-bar-hp)}.gbar.xp{background-image:var(--kit-bar-xp)}.gbar .track{left:calc(19px * var(--k));top:calc(8px * var(--k));width:calc(50px * var(--k));height:calc(5px * var(--k));position:absolute;overflow:hidden}.gbar .fill{width:100%;height:100%;transition:width .25s ease-out}.gbar.hp .fill{background:linear-gradient(#e2503f 0 45%,#b7302a 45%)}.gbar.xp .fill{background:linear-gradient(#45a9e8 0 45%,#2f78bd 45%);width:0}.gbar-text{left:calc(19px * var(--k));top:calc(8px * var(--k));width:calc(50px * var(--k));height:calc(5px * var(--k));font-size:calc(4.5px * var(--k));color:#fff;text-shadow:1px 1px #000,-1px 0 #000;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.hero-card .rarity-line{margin-top:1px}.party .hero-card,.party[data-size] .hero-card{width:auto!important}.gbar.stamina{--k:2;background-image:var(--kit-bar-stamina)}.gbar.stamina .fill{background:linear-gradient(#5cc25a 0 45%,#2f8a3a 45%)}.gbar.stamina.resting .fill{background:linear-gradient(#9aa4a0 0 45%,#6c7470 45%)}@media (max-width:420px),(max-height:480px){.gbar.stamina{--k:1.5}}.stam-ico{background:var(--kit-bar-stamina) 0 0 / 73px 19px no-repeat;width:19px;height:19px;image-rendering:pixelated;vertical-align:middle;display:inline-block}.town-gold.resting b{color:#b9a98c}.hero-card .mana{height:calc(2px * var(--k));margin:1px calc(3px * var(--k)) 0 calc(19px * var(--k));background:#141432b3;border:1px solid #1d2140}.hero-card .mana .fill{background:linear-gradient(#9b8cff,#5a47d6);width:0;height:100%;transition:width .2s}.hero-card.mana-full .mana .fill{background:linear-gradient(#e6d7ff,#a48cff);box-shadow:0 0 4px #b9a5ff}.hero-card .ammo{margin-left:calc(19px * var(--k));color:#f4ead5;text-shadow:0 1px #000;align-items:center;gap:2px;font-size:10px;display:flex}.town-toast{white-space:normal;text-align:center;max-width:calc(100vw - 24px)}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.landscape-only #rotate{z-index:100;touch-action:none;background:#120d0a;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}}.rotate-box{border:8px solid #0000;border-image:var(--kit-wood) 4 fill / 8px stretch;image-rendering:pixelated;color:#f4ead5;text-shadow:0 1px #000;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 22px;font:600 13px/1.3 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;display:flex}.rotate-box b{color:#ffe7a8;letter-spacing:1px;font-size:16px}.rotate-box span{color:#b9a98c}.rotate-phone{border:4px solid #e2b04a;border-radius:6px;width:34px;height:56px;animation:1.6s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.nav-row{gap:2px}.nav-btn{width:56px}.nav-btn span{font-size:9px}@media (max-height:480px){.nav-btn{width:48px;height:40px}.nav-btn span{letter-spacing:0;font-size:8px}.nav-btn .nav-icon{margin:-5px 0;transform:scale(.7)}}.town-sheet li.support-slot{flex-direction:column;align-items:stretch}.job-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}#app .town-sheet .job-row button{min-height:24px;font-size:10px}#app .town-sheet .job-row button.on{border-image-source:var(--kit-button-hover);filter:brightness(1.1);outline:2px solid #ffe7a8}.hs-party{color:#e8ffe8;background:#2e6b45;padding:0 4px;font-size:9px}#app .kit-btn.hs-release{min-height:26px;margin-left:auto;font-size:10px}@supports not selector(::-webkit-scrollbar){#app *{scrollbar-width:thin;scrollbar-color:#d9bf8c #4a3018}}#app ::-webkit-scrollbar{width:8px;height:8px}#app ::-webkit-scrollbar-track{background:#4a3018;border-left:1px solid #2a1a0c;border-right:1px solid #6b4a28}#app ::-webkit-scrollbar-thumb{background:#d9bf8c;border:2px solid #8a6438;border-radius:0}#app ::-webkit-scrollbar-thumb:active{background:#f0d9a8}#app ::-webkit-scrollbar-button{background:0 0;display:none}#app ::-webkit-scrollbar-corner{background:0 0;display:none}#town-ui,#hud,.nav-bar,.game-menu,.farm-shop{zoom:var(--ui,1)}.quest-bar{background:#3a2410;border:1px solid #8a6438;height:5px;margin-top:3px;display:block}.quest-bar i{background:#5fbf86;height:100%;display:block}#app li.locked{opacity:.6}.nav-bar{transition:transform .2s,opacity .2s}#app.nav-hidden .nav-bar{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 12px))}.nav-fold{z-index:7;zoom:var(--ui,1);right:calc(8px + var(--safe-right));bottom:calc(var(--nav-h) + 10px + var(--safe-bottom));color:#ffe7a8;cursor:pointer;opacity:.85;background:#8a6438;border:2px solid #2a1a0a;border-radius:0;width:30px;height:22px;padding:0;font:12px/1 ui-monospace,monospace;position:absolute;box-shadow:inset 0 0 0 1px #c9a46a}@media (max-height:480px){.nav-fold{bottom:calc(48px + 10px + var(--safe-bottom))}}.joystick{display:none}@media (pointer:coarse){.joystick{z-index:5;zoom:var(--ui,1);left:calc(14px + var(--safe-left));bottom:calc(var(--nav-h) + 14px + var(--safe-bottom));touch-action:none;opacity:.55;background:radial-gradient(circle,#fff0c814 0 55%,#fff0c829 56% 100%);border:2px solid #fff0c847;border-radius:50%;width:100px;height:100px;transition:opacity .15s;display:block;position:absolute}.joystick.on{opacity:.9}#app.nav-hidden .joystick{bottom:calc(14px + var(--safe-bottom))}}@media (pointer:coarse) and (max-height:480px){.joystick{bottom:calc(48px + 14px + var(--safe-bottom))}}.joy-knob{background:#ffe7a859;border:2px solid #ffe7a899;border-radius:50%;width:42px;height:42px;margin:-21px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #00000059}#app.in-adventure:not(.manual) .joystick{display:none}#app.nav-hidden .town-hint,#app.nav-hidden .town-card{bottom:calc(10px + var(--safe-bottom))}.joy-sprint{pointer-events:none;background:#140c068c;border:1px solid #ffe7a873;height:6px;position:absolute;top:-12px;left:10px;right:10px}.joy-sprint i{background:#ffd23f;width:100%;height:100%;transition:width .1s linear;display:block}.joy-sprint i.low{background:#e0663a}.joy-attack{display:none}@media (pointer:coarse){#app.in-adventure.manual .joy-attack{z-index:5;zoom:var(--ui,1);right:calc(18px + var(--safe-right));bottom:calc(var(--nav-h) + var(--auto-size) + 24px + var(--safe-bottom));cursor:pointer;color:#ffe7a8;text-shadow:0 2px #000;touch-action:none;background:radial-gradient(circle at 35% 30%,#d65a3c8c,#6e1e148c);border:2px solid #ffe7a88c;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding:0;font-size:30px;display:flex;position:absolute}#app.in-adventure.manual .joy-attack.on{background:radial-gradient(circle at 35% 30%,#f07850cc,#8c2819cc);transform:scale(.92)}#app.in-adventure.manual .joystick{bottom:calc(var(--nav-h) + 70px + var(--safe-bottom))}}#hud .home-btn{top:calc(8px + var(--safe-top));zoom:1;position:absolute;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%)}#hud .home-btn:active{transform:translate(-50%)translateY(1px)}.home-progress{height:3px;width:calc(var(--recall,0) * 100%);background:#9fd8ff;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #9fd8ff}#hud .home-btn.recalling{color:#e8f6ff;border-color:#9fd8ff;animation:.9s ease-in-out infinite alternate recall-glow}@keyframes recall-glow{0%{box-shadow:0 0 2px #9fd8ff}to{box-shadow:0 0 12px #9fd8ff}}.hs-rename{font:inherit;color:#5a3a1a;cursor:pointer;background:0 0;border:1px solid #a07c48;margin-left:2px;padding:0 4px;font-size:11px}.hs-name-input{font:inherit;color:#3a2410;-webkit-user-select:text;user-select:text;background:#fff8e6;border:2px solid #8a6438;width:120px;padding:1px 4px;font-size:12px}.pet-icon{width:32px;height:32px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;flex:none}.hc2{width:calc(149px * var(--k));height:calc(44px * var(--k));background:var(--kit-hud-frame) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;position:relative}.hc2 .portrait,.hero-card .hc2 .portrait{left:calc(8px * var(--k));top:calc(6px * var(--k));width:calc(33px * var(--k));height:calc(34px * var(--k));box-shadow:none;image-rendering:pixelated;background-color:#0000;background-position:50%;background-size:cover;border:0;border-radius:0;margin:0;position:absolute}.hc2-bar{height:calc(3px * var(--k));position:absolute;overflow:hidden}.hc2-bar i{width:100%;height:100%;image-rendering:pixelated;background:0 0/100% 100% no-repeat;transition:width .2s linear;display:block}.hc2-bar.hc2-hp{left:calc(48px * var(--k));top:calc(10px * var(--k));width:calc(98px * var(--k))}.hc2-bar.hc2-hp i{background-image:var(--kit-hud-red);background-size:calc(98px * var(--k)) 100%}.hc2-bar.hc2-mana{left:calc(46px * var(--k));top:calc(15px * var(--k));width:calc(31px * var(--k))}.hc2-bar.hc2-mana i{background-image:var(--kit-hud-blue);background-size:calc(31px * var(--k)) 100%;width:0}.hc2-bar.hc2-sprint{left:calc(46px * var(--k));top:calc(21px * var(--k));width:calc(31px * var(--k))}.hc2-bar.hc2-sprint i{background-image:var(--kit-hud-green);background-size:calc(31px * var(--k)) 100%}.hc2-text{left:calc(80px * var(--k));width:calc(56px * var(--k));font-size:calc(4.6px * var(--k));color:#2d3a1c;white-space:nowrap;text-align:center;line-height:1;position:absolute}.hc2-text.hp-text{top:calc(15px * var(--k))}.hc2-text.xp-text{top:calc(20.5px * var(--k));color:#3f4f2a}.hc2-level{left:calc(48px * var(--k));top:calc(31px * var(--k));width:calc(17px * var(--k));height:calc(9px * var(--k));font-size:calc(5.5px * var(--k));color:#2d3a1c;justify-content:center;align-items:center;display:flex;position:absolute}.hc2-icon{top:calc(30px * var(--k));width:calc(10px * var(--k));height:calc(10px * var(--k));image-rendering:pixelated;background:0 0/100% 100% no-repeat;position:absolute}.hc2-icon.hc2-star{left:calc(77px * var(--k));background-image:var(--kit-hud-star)}.hc2-icon.hc2-coin{left:calc(113px * var(--k));background-image:var(--kit-hud-coin)}.hc2-num{top:calc(31px * var(--k));font-size:calc(5.5px * var(--k));line-height:calc(8px * var(--k));color:#fff1c4;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000;white-space:nowrap;position:absolute}.hc2-num.stars-num{left:calc(89px * var(--k))}.hc2-num.gold-num{left:calc(125px * var(--k))}.party .hero-card:not(:first-child) .hc2-icon.hc2-coin,.party .hero-card:not(:first-child) .gold-num{display:none}.hero-card .name-row{width:max-content}.hero-card.mana-full .hc2-bar.hc2-mana i{filter:brightness(1.3)}#hud .party[data-size="1"] .hero-card{--k:2}.hc2-pet{left:calc(152px * var(--k));top:calc(4px * var(--k));width:calc(22px * var(--k));height:calc(22px * var(--k));background-repeat:no-repeat;background-position:calc(-5px * var(--k)) calc(-9px * var(--k));image-rendering:pixelated;filter:drop-shadow(0 1px #000);position:absolute}.hc2-pet[hidden]{display:none}#app .kit-slot.pet-out{box-shadow:inset 0 0 0 2px #5fbf86}.sbar{--k:1.5;width:calc(114px * var(--k));height:calc(20px * var(--k));image-rendering:pixelated;background:0 0/100% 100% no-repeat;display:block;position:relative}.sbar-slot{left:calc(25px * var(--k));top:calc(7px * var(--k));width:calc(81px * var(--k));height:calc(7px * var(--k));position:absolute;overflow:hidden}.sbar-fill{background:0 0 / calc(81px * var(--k)) 100% no-repeat;width:100%;height:100%;image-rendering:pixelated;transition:width .2s linear;display:block}.sbar-text{left:calc(25px * var(--k));top:calc(7px * var(--k));width:calc(81px * var(--k));height:calc(7px * var(--k));font-size:calc(5px * var(--k));color:#fff;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.sbar-hp{background-image:var(--hud-hp-frame)}.sbar-mana{background-image:var(--hud-mana-frame)}.sbar-xp{background-image:var(--hud-xp-frame)}.sbar-sprint{background-image:var(--hud-sprint-frame)}.sbar-time{background-image:var(--hud-time-frame)}.sbar-hp .sbar-fill{background-image:var(--hud-hp-fill)}.sbar-mana .sbar-fill{background-image:var(--hud-mana-fill);width:0}.sbar-xp .sbar-fill{background-image:var(--hud-xp-fill);width:0}.sbar-sprint .sbar-fill{background-image:var(--hud-sprint-fill)}.sbar-time .sbar-fill{background-image:var(--hud-time-fill)}.hero-card .hc3{grid-template-columns:auto auto;align-items:start;column-gap:4px;display:grid;position:relative}.hc3 .portrait,.hero-card .hc3 .portrait{width:calc(30px * var(--k));height:calc(30px * var(--k));image-rendering:pixelated;background-color:#3a2410;background-position:50%;background-size:cover;border:2px solid #8a6438;border-radius:50%;margin:0;box-shadow:0 0 0 1px #2a1a0a}.hc3-bars{flex-direction:column;gap:0;display:flex}.hc3-bars .sbar{--k:inherit}.hc3-meta{align-items:center;gap:calc(2px * var(--k));padding-left:calc(6px * var(--k));grid-column:2;display:flex}.hc3-meta .hc2-icon{position:static}.hc3-num{font-size:calc(5.5px * var(--k));color:#fff1c4;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000;margin-right:calc(4px * var(--k))}.hc3-meta .hc2-pet{width:calc(16px * var(--k));height:calc(16px * var(--k));position:static}.hero-card,#hud .party[data-size="1"] .hero-card{--k:1.5}.party .hero-card:not(:first-child) .gold-num{display:none}.hud-right .sbar-time{--k:1.4}.hero-card .name-row{align-items:baseline;gap:6px;display:flex}.hero-card .name-row .level{color:#ffe7a8;font-size:11px}.party-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.hs-actions{gap:4px;margin-left:auto;display:flex}#app .hs-actions .kit-btn{min-height:26px;margin-left:0;font-size:10px}.squad{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sq-card{border:2px solid #8a643873;border-top:4px solid var(--rc,#8a6438);background:#8c643824;flex-direction:column;gap:4px;min-width:0;padding:5px;display:flex}.sq-card.empty{color:#6a4a28;border-style:dashed;justify-content:center;align-items:center;gap:6px;min-height:160px}.sq-top{align-items:center;gap:5px;display:flex}.sq-top .hs-portrait{background-size:40px;border-width:2px;width:40px;height:40px}.sq-id{text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;line-height:1.3;overflow:hidden}.sq-top .hs-cp{padding:2px 5px}.sq-top .hs-cp b{font-size:13px}.hs-attrs.compact{grid-template-columns:repeat(2,1fr);margin-bottom:0}.hs-stats.compact{grid-template-columns:repeat(2,1fr)}.hs-stats.compact .hs-stat{padding:2px 4px}.hs-stats.compact .hs-stat b{font-size:12px}.hs-stats.compact .hs-stat span{min-width:28px;font-size:9px}.sq-btns{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}#app .sq-btns .kit-btn{min-width:0;min-height:22px;padding:2px 5px;font-size:10px}@media (max-width:560px){.squad{grid-template-columns:1fr}}.kit-chips{flex-wrap:wrap;gap:3px;display:flex}#app .kit-chip{font:inherit;color:var(--rc,#5a3a1a);border:2px solid var(--rc,#8a6438);cursor:pointer;background:#ead7ab;border-radius:0;padding:2px 6px;font-size:10px}#app .kit-chip:not([style]){--rc:#6a4a28}#app .kit-chip.on{color:#fff;background:var(--rc);text-shadow:1px 1px #0000008c}.heroes-grid{grid-template-columns:repeat(auto-fill,52px)}#app .kit-slot.hero-slot{width:52px;height:52px;box-shadow:inset 0 0 0 3px var(--rc,#5a3a1a59), inset 0 0 0 4px #00000059;overflow:hidden}#app .kit-slot.hero-slot.empty{box-shadow:inset 0 0 0 1px #5a3a1a59}#app .kit-slot.hero-slot.in-squad:after{content:"";background:#4fc46a;border:1px solid #10301c;width:9px;height:9px;position:absolute;top:3px;left:3px}.hero-face{width:46px;height:46px;image-rendering:pixelated;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:46px;display:block}.hero-pop{z-index:5;background:#1e12088c;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hero-pop .hero-sheet{background:#f0dfb4;width:min(540px,100%);max-height:100%;overflow-y:auto;box-shadow:0 4px #00000059}#app .hp-close{font:inherit;color:#fff;cursor:pointer;background:#a5432e;border:2px solid #5a1f12;align-self:flex-start;width:26px;height:26px;padding:0;font-size:14px}.swap-pop{background:#140c048c;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.swap-box{text-align:center;background:#f0dfb4;border:3px solid #8a6438;flex-direction:column;align-items:center;gap:6px;max-width:92%;padding:10px 14px;font-size:12px;display:flex;box-shadow:0 4px #0006}.swap-row{align-items:center;gap:10px;display:flex}.swap-row>span{flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.swap-row .hero-face{background-color:#7d8fc4;border:2px solid #8a6438}.swap-row em{color:#7a5a38;font-size:10px;font-style:normal}.swap-row i{color:#2e6b45;font-size:18px;font-style:normal}.swap-btns{gap:6px;display:flex}.hero-card{--k:1.25}.party[data-size="2"] .hero-card,.party[data-size="3"] .hero-card,.party[data-size="4"] .hero-card{--k:1.1}.hero-card .hc3{grid-template-columns:auto auto auto;align-items:center}.hero-card .hc3-bars{grid-template-columns:auto auto;column-gap:1px;display:grid}.hero-card .hc3 .portrait{border-color:var(--rarity,#8a6438);box-shadow:0 0 0 1px #1a0f06, 0 0 6px var(--rarity,transparent);border-width:3px}.hero-card .sbar-text{font-size:calc(5.5px * var(--k))}.hc3-side{flex-direction:column;align-items:center;gap:1px;display:flex}.hc3-side .hc2-pet{width:calc(18px * var(--k));height:calc(18px * var(--k));position:static}.hc3-ammo{color:#fff1c4;text-shadow:1px 1px #000,-1px 0 #000;white-space:nowrap;font-size:10px}.hero-card .rarity-line,.hero-card .hc3-meta{display:none}.party,.party[data-size]{flex-flow:column;width:auto;max-width:none}.sq-card{cursor:pointer}.sq-card.leader{box-shadow:inset 0 0 0 2px #e9c779}.sq-stars{letter-spacing:0;text-align:center;font-size:12px}.sq-btns{margin-top:auto;padding-top:2px}#app .kit-btn.sq-ascend{color:#3a2008;background:#e7b542;border-color:#7a4d10}.ascend-box{width:min(520px,100%);max-height:100%;position:relative;overflow-y:auto}.ascend-box .hp-close{position:absolute;top:4px;right:4px}.ascend-box .heroes-grid{width:100%}#app .sq-btns .kit-btn.sq-ascend{color:#3a2008;background:#e7b542;border-color:#7a4d10;flex-basis:100%}.hero-pop .sq-card.pop-card{cursor:default;background:#f0dfb4;width:min(300px,100%);max-height:100%;padding:8px;position:relative;overflow-y:auto;box-shadow:0 4px #00000059}.pop-card .hp-close{z-index:1;position:absolute;top:4px;right:4px}.pop-card .sq-top{padding-right:26px}#app .pop-card .sq-btns .kit-btn{min-height:26px;padding:3px 8px;font-size:11px}#app .pop-card .kit-btn.hs-release{margin-left:0}.kit-station .station-table{background:var(--home-stations) 0 0 / 288px 80px no-repeat;width:96px;height:80px;image-rendering:pixelated}.kit-station .station-table.st-falcon{background-position:-96px 0}.kit-station .station-table.st-arcane{background-position:-192px 0}#app .kit-slot.locked-recipe{filter:grayscale()brightness(.8);opacity:.6}.kit-tab .tab-workbench,.kit-tab .tab-potions{display:none}.solo-btn{pointer-events:auto;right:calc(18px + var(--safe-right) + var(--auto-size));bottom:calc(12px + var(--safe-bottom));width:52px;font:inherit;letter-spacing:1px;color:#f4ead5;border:2px solid var(--panel-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#3a2a44;border-radius:10px;padding:4px 0;font-size:10px;font-weight:700;position:absolute;box-shadow:0 2px #00000080}.solo-btn.on{color:#ffe7a8;background:#7a4a1a;border-color:#e9b45c}.hud-town .solo-btn{display:none}@media (max-width:599px){.solo-btn{bottom:calc(var(--nav-h) + 6px + var(--safe-bottom))}}@media (max-height:480px){.solo-btn{bottom:calc(8px + var(--safe-bottom))}}.hero-card.fallen{position:relative}.hero-card.fallen:after{content:attr(data-fallen);color:#ffd0c4;white-space:nowrap;background:#3c0a0ad9;border:1px solid #a5432e;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.sq-fallen{color:#8a1f12;text-align:center;background:#f6c9bd;border:1px solid #a5432e;padding:2px 4px;font-size:10px;font-weight:700}.set-tabs{margin:0 0 6px}.afk-row .item-name{width:100%}.afk-range{accent-color:#5fbf86;width:100%;margin-top:6px;display:block}.afk-val{color:#ffe7a8}#app .kit-slot .kit-count.empty-ammo{color:#ff8a7a}#app .kit-btn.trash-btn{min-width:0;padding:2px 6px}.trash-icon{background:var(--ui-trash) 0 0 / 100% 100% no-repeat;width:24px;height:24px;image-rendering:pixelated;vertical-align:middle;display:inline-block}.trash-box{width:min(520px,100%);max-height:100%;position:relative}.trash-scroll{text-align:left;width:100%;max-height:52vh;overflow-y:auto}.trash-list{margin:0;padding:0;list-style:none}.trash-row{border-bottom:1px solid #8a64384d;align-items:center;gap:6px;padding:3px 4px;display:flex}.trash-row.on{background:#a5432e26}.trash-row .item-name{flex:1;font-size:11px}.trash-q{align-items:center;gap:3px;display:flex}.trash-q b{text-align:center;min-width:22px}#app .trash-q .kit-btn{min-width:0;min-height:22px;padding:1px 6px;font-size:11px}#app .kit-btn.danger{color:#fff;background:#c0563a;border-color:#5a1f12}.hero-card .hc4{grid-template-columns:auto auto auto;align-items:center;column-gap:3px;display:grid}.hc4-left{flex-direction:column;align-items:center;gap:1px;display:flex}.hc4-left .portrait{width:calc(30px * var(--k));height:calc(30px * var(--k));border:3px solid var(--rarity,#8a6438);box-shadow:0 0 0 1px #1a0f06, 0 0 6px var(--rarity,transparent);image-rendering:pixelated;background-color:#3a2410;background-position:50%;background-size:cover;border-radius:50%;margin:0}.hc4-left .hc2-pet{width:calc(16px * var(--k));height:calc(16px * var(--k));position:static}.hc4-left .hc3-ammo{font-size:10px;line-height:1}.hc4-main{flex-direction:column;gap:1px;min-width:0;display:flex}.hc4-name{background:linear-gradient(#5a3a1e,#3a2410);border:1px solid #c9a45c;border-radius:3px;align-self:flex-start;align-items:center;gap:5px;padding:1px 8px 1px 6px;display:flex;box-shadow:0 1px #0009}.hc4-name .name{color:#ffe7a8;text-shadow:1px 1px #000;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:11px;font-weight:700;overflow:hidden}.hc4-lv{color:#f4ead5;white-space:nowrap;background:#2a1a0c;border:1px solid #8a6438;border-radius:8px;padding:0 5px;font-size:10px}.hc4-lv b{color:#fff}.hc4-fallen{color:#ffd8cc;white-space:nowrap;background:#7a1f12;border:1px solid #e0715a;border-radius:8px;padding:0 6px;font-size:10px;font-weight:700}.hc4-fallen[hidden]{display:none}.hero-card.fallen:after{content:none}.hero-card.leader .hc4-name{border-color:#ffe7a8}.hc4-special{width:calc(22px * var(--k));height:calc(22px * var(--k));margin-bottom:calc(2px * var(--k));background:var(--ui-specials) 0 0 / 300% 100% no-repeat;image-rendering:pixelated;filter:grayscale(.85)brightness(.7);background-color:#140c0699;border:2px solid #3a2410;border-radius:4px;align-self:end}.hc4-special.sp-mage{background-position:50% 0}.hc4-special.sp-archer{background-position:100% 0}.hero-card.special-ready .hc4-special{filter:none;border-color:#ffe7a8;animation:1.1s ease-in-out infinite alternate sp-glow;box-shadow:0 0 6px #ffd76a}@keyframes sp-glow{0%{box-shadow:0 0 3px #ffd76a}to{box-shadow:0 0 10px #fff1b0}}.hero-card .row.name-row{display:none}.town-stats .town-stam{--k:1.4}.town-stats{margin-left:auto}.sbar-time .sbar-slot{background:#120a04}.sbar-time.resting .sbar-fill{filter:saturate(.6)brightness(.85)}#app .auto-btn,#app .auto-btn.on{background:var(--ui-afk-off) center / 100% 100% no-repeat;image-rendering:pixelated;box-shadow:none;background-color:#0000;border:0;border-radius:50%}#app .auto-btn.on{background-image:var(--ui-afk-on)}#app .auto-btn .auto-label,#app .auto-btn .auto-state{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}#app .sq-btns .kit-btn.sq-out{color:#fff;background:#a5432e;border-color:#5a1f12;padding:2px 7px}#app .sq-btns .kit-btn:not(.sq-ascend):not(.sq-out){flex:1 1 0;min-width:0;padding:2px 3px;font-size:10px}#app .sq-btns .kit-btn.sq-out{color:#fff;background-color:#a5432e;background-image:none;border:2px solid #5a1f12;flex:0 0 26px;padding:2px 0;font-weight:700}#app .auto-btn:active{box-shadow:none}.status-chip[hidden]{display:none!important}.hud-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.area-under{background:linear-gradient(#5a3a1e,#3a2410);border:1px solid #c9a45c;border-radius:3px;padding:1px 8px;box-shadow:0 1px #0009}.area-under .area-name{color:#ffe7a8;text-shadow:1px 1px #000;white-space:nowrap;font-size:11px}.nav-fold{left:50%;right:auto;bottom:calc(var(--nav-h) + 2px + var(--safe-bottom));border-bottom:0;border-radius:4px 4px 0 0;height:18px;transform:translate(-50%)}@media (max-height:480px){.nav-fold{bottom:calc(48px + 2px + var(--safe-bottom))}}#app.nav-hidden .nav-fold{bottom:calc(0px + var(--safe-bottom))}.area-under .area-name:after{content:none}#app .sq-btns .kit-btn.sq-gear{flex:none;padding:2px 6px}#app .sq-btns .kit-btn:not(.sq-ascend):not(.sq-out){white-space:nowrap;letter-spacing:0;padding-left:2px;padding-right:2px;font-size:9px}#app .sq-btns{gap:2px}.doll{grid-template-columns:auto auto auto;place-items:center;gap:4px 6px;display:grid}.doll .doll-col:first-child{grid-area:1/1/span 2}.doll .doll-figure{grid-area:1/2}.doll .doll-col:nth-of-type(2){grid-area:1/3/span 2}.doll-row{grid-area:2/2;gap:4px;display:flex}.town-hint{display:none!important}.code-row .gift-input{text-transform:uppercase;width:100%;margin-top:4px;display:block}.notice-pop{z-index:60;pointer-events:auto;zoom:var(--ui,1);background:#0f08038c;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.notice-box{text-align:center;color:#3a2410;background:#f0dfb4;border:3px solid #8a6438;flex-direction:column;align-items:center;gap:8px;width:min(300px,100vw - 32px);padding:14px 16px;font:12px/1.4 ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;display:flex;box-shadow:0 0 0 2px #2a1a0a,0 6px #0006}.notice-box b{color:#5a1f12;font-size:14px}.notice-box p{margin:0}.notice-btns{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sell-row .sell-step{min-width:0;padding:2px 5px}.sell-row .sell-q{text-align:center;color:#fff3c4;min-width:28px;font-weight:700}.sell-row .item-name{flex:auto;min-width:0}.sell-row .sell-ctl{flex:none;align-items:center;gap:3px;margin-left:auto;display:flex}.sell-row .sell-ctl button{padding:2px 6px;font-size:.85em}.wallet-bal{align-items:center;gap:8px;margin:4px 2px 6px;display:flex}.wallet-bal .icon{image-rendering:pixelated;flex:none}.vip-pill{pointer-events:auto;cursor:pointer;color:#2a1606;text-shadow:none;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(#ffe38a,#d9a531);border:1px solid #7a5216;border-radius:3px;margin-right:1px;padding:2px 5px;font:700 9px/1 inherit;display:none}.hero-card:first-child .vip-pill{display:inline-block}.notice-pop.vip-pop p{white-space:pre-line;text-align:left;font-size:11px;line-height:1.45}.afk-btn{pointer-events:auto;right:calc(18px + var(--safe-right) + var(--auto-size));bottom:calc(42px + var(--safe-bottom));width:52px;font:inherit;letter-spacing:1px;color:#f4ead5;border:2px solid var(--panel-border);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2a3a44;border-radius:10px;padding:4px 0;font-size:10px;font-weight:700;position:absolute;box-shadow:0 2px #00000080}.afk-btn.on{color:#eaffe9;background:#1f6b3a;border-color:#8fe0a0}.hud-town .afk-btn{display:none}@media (max-width:599px){.afk-btn{bottom:calc(var(--nav-h) + 36px + var(--safe-bottom))}}@media (max-height:480px){.afk-btn{bottom:calc(38px + var(--safe-bottom))}}.sell-row .sell-ctl{gap:8px}.sell-row .sell-pick{align-items:center;gap:3px;display:flex}.sell-row .sell-step{touch-action:none;-webkit-user-select:none;user-select:none;min-width:24px;padding:2px 0;font-size:1.1em;font-weight:700}.sell-row .sell-q{min-width:34px}.sell-row .sell-go{margin-left:6px}.sq-worker{background:#8c643824;border:2px solid #8a643873;border-left:4px solid #8a6438;align-items:center;gap:8px;margin-top:6px;padding:5px 8px;display:flex}.sq-worker>span{flex:1;min-width:0}.sq-worker .icon{image-rendering:pixelated;flex:none}.sq-worker.empty{opacity:.85}#app .sq-worker .kit-btn.sq-out{color:#fff;background-color:#a5432e;background-image:none;border:2px solid #5a1f12;flex:0 0 26px;padding:2px 0;font-weight:700}.sq-worker .kit-btn:not(.sq-out){padding:2px 8px;font-size:10px}.sq-worker .kit-btn.on{filter:brightness(1.25);outline:2px solid #ffe7a8}.emoji-dock{left:calc(10px + var(--safe-left,0px));bottom:calc(var(--nav-h,56px) + 14px + var(--safe-bottom,0px));z-index:30;pointer-events:auto;position:absolute}.emoji-dock[hidden]{display:none}.emoji-btn{border:2px solid var(--panel-border,#c9a45c);cursor:pointer;background:#3a2410;border-radius:50%;width:40px;height:40px;font-size:22px;line-height:1;box-shadow:0 2px #00000080}.emoji-tray{border:2px solid var(--panel-border,#c9a45c);background:#2a1a0c;border-radius:8px;grid-template-columns:repeat(6,34px);gap:4px;padding:6px;display:grid;position:absolute;bottom:48px;left:0}.emoji-tray[hidden]{display:none}.emoji-tray button{cursor:pointer;background:#ffe7a814;border:0;border-radius:6px;width:34px;height:34px;font-size:20px;line-height:1}.emoji-tray button:active{background:#ffe7a840}.coin{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.coin+.coin{margin-left:5px}.coin:before{content:"";background:var(--kit-coin) 0 0 / 100% 100%;width:1em;height:1em;image-rendering:pixelated;flex:none}.coin-s:before{background-image:var(--kit-coin-silver)}.coin-b:before{background-image:var(--kit-coin-bronze)}.hud-left{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.hud-left-row{align-items:center;gap:4px;display:flex}.vip-badge{pointer-events:auto;cursor:pointer;color:#2a1606;letter-spacing:.3px;background:linear-gradient(#ffe38a,#d9a531);border:1px solid #7a5216;border-radius:3px;padding:3px 7px;font:700 10px/1 inherit;box-shadow:0 1px #0009}.party-fold{pointer-events:auto;cursor:pointer;color:#ffe7a8;opacity:.9;background:#8a6438;border:2px solid #2a1a0a;width:26px;height:17px;padding:0;font:10px/1 ui-monospace,monospace;box-shadow:inset 0 0 0 1px #c9a46a}.party.compact .hero-card{padding:2px 5px}.party.compact .hc4-lv,.party.compact .hc4-special,.party.compact .hc2-pet,.party.compact .hc3-ammo,.party.compact .sbar-mana,.party.compact .sbar-sprint,.party.compact .sbar-xp{display:none!important}.party.compact .hero-card .hc3-bars{display:flex}.party.compact .hc4-left .portrait{width:calc(22px * var(--k));height:calc(22px * var(--k));border-width:2px}