.hud-speed{color:#fff;cursor:pointer;pointer-events:auto;background:#2b3445;border:2px solid #8aa0c8;min-width:56px;padding:6px 12px;font:700 16px monospace;position:absolute;top:32px;right:24px}.hud-speed:hover{background:#3a465c}.hud-paused{color:#fff;background:#000000b3;padding:8px 16px;font:700 20px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-overlay{pointer-events:auto;background:#080a10b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.hud-overlay[hidden],.hud-paused[hidden]{display:none}.hud-overlay h2{color:#f2e6b0;margin:0;font:700 40px monospace}.hud-overlay[data-outcome=defeat] h2{color:#e88}.hud-retry{color:#fff;cursor:pointer;background:#2b3445;border:2px solid #8aa0c8;padding:8px 24px;font:700 18px monospace}.hud-buttons{gap:12px;display:flex}.hud-line{color:#c8d2e4;margin:0;font:16px monospace}.hud-cmd,.hud-swap{--cooldown:0;color:#1b1405;cursor:pointer;pointer-events:auto;background:radial-gradient(circle, #f2e6b0 0 31px, transparent 32px), conic-gradient(#3a465c calc(var(--cooldown) * 360deg), #f3c94a 0);border:0;border-radius:50%;width:84px;height:84px;padding:0;font:700 18px monospace;position:absolute;top:10px;left:842px;box-shadow:0 0 0 2px #0b0d12}.hud-swap{left:354px}.hud-swap[data-state=cooling],.hud-swap[data-state=moving]{color:#e8ecf4;filter:saturate(.25);background:radial-gradient(circle, #2b3445 0 31px, transparent 32px), conic-gradient(#3a465c calc(var(--cooldown) * 360deg), #f3c94a 0)}.hud-swap[data-state=moving]{font-size:15px}.hud-swap[data-state=ready]{animation:1s ease-in-out infinite swap-pulse}.hud-swap.armed{animation:none;transform:scale(.94);box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #fff}.hud-swap.flash{animation:.25s step-end 2 swap-flash,1s ease-in-out .5s infinite swap-pulse}@keyframes swap-pulse{0%,to{box-shadow:0 0 0 2px #0b0d12}50%{box-shadow:0 0 0 2px #0b0d12,0 0 12px 4px #f3c94acc}}@keyframes swap-flash{0%{filter:brightness(1.5);box-shadow:0 0 0 2px #0b0d12,0 0 0 8px #f3c94a}50%{filter:none;box-shadow:0 0 0 2px #0b0d12}}.hud-commands{pointer-events:none;gap:8px;padding-bottom:6px;display:flex;position:absolute;top:10px;left:842px}.hud-cmd{background:radial-gradient(circle, #f2e6b0 0 37%, transparent 38%), conic-gradient(#3a465c calc(var(--cooldown) * 360deg), #f3c94a 0);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;font:700 11px monospace;display:flex;position:relative;top:auto;left:auto}.hud-commands[data-count="4"] .hud-cmd{width:68px;height:68px}.hud-cmd .icon{flex:none}.cmd-name{text-align:center;overflow-wrap:anywhere;max-width:60px;line-height:1}.cmd-cost{color:#8a6a10;line-height:1}.hud-cmd:disabled{cursor:default;color:#6f7c96;background:radial-gradient(circle, #2b3445 0 37%, transparent 38%), conic-gradient(#3a465c calc(var(--cooldown) * 360deg), #f3c94a 0)}.hud-cmd:disabled .cmd-cost{color:#6f7c96}.hud-cmd.armed{transform:scale(.94);box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #fff}.hud-command-gauge{background:#3a2f12;height:4px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 0 1px #0b0d12}.hud-command-fill{background:#f3c94a;width:0;height:100%}@font-face{font-family:neatpixels;src:url(../assets/fonts/neatpixels.ttf)format("truetype")}#menu{z-index:5;pointer-events:auto;position:absolute;inset:0}#menu[hidden]{display:none}:is(#menu:has(>.overworld-ui),#menu:has(>.town-ui)){pointer-events:none}.menu{box-sizing:border-box;-webkit-font-smoothing:none;color:#e8ecf4;background:#141a24;padding:14px 16px;font:14px/1.3 neatpixels,monospace;position:absolute;inset:0}.menu button{font:inherit;color:inherit;cursor:pointer}.menu h1,.menu h2,.menu h3,.menu h4{margin:0;font-weight:400}.icon{image-rendering:pixelated;background-image:url(../assets/sprites/icons_skills.png);background-repeat:no-repeat;flex:none;display:inline-block}.btn{background:#22304a;border:2px solid #5a6f96;padding:4px 14px}.btn:hover:not(:disabled){background:#2e3f60}.btn:disabled{opacity:.4;cursor:default}.tags{flex-wrap:wrap;gap:4px;display:inline-flex}.tag{color:#c8d2e4;background:#1d2433;border:1px solid #3b4760;align-items:center;gap:4px;padding:1px 6px 1px 1px;display:inline-flex}.tag-undead{border-color:#8f8fbf}.tag-armored{border-color:#6c8ec4}.tag-swarm{border-color:#6fae5f}.title{image-rendering:pixelated;background:#14171f url(../assets/bg/forest.png) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex}.title-panel{box-sizing:border-box;max-height:100%;image-rendering:pixelated;border:32px solid #0000;border-image:url(../assets/ui/ui_panel.png) 16 fill/32px;flex-direction:column;align-items:center;gap:10px;padding:10px 26px 14px;display:flex;overflow-y:auto}.title h1{color:#f2e6b0;text-align:center;font-size:28px}.title .sub{color:#9aa4b8;margin:0 0 4px}.title-actions{flex-direction:column;align-items:stretch;gap:8px;min-width:220px;display:flex}.title .version{color:#c9d1e0;text-shadow:0 2px #0b0d12;position:absolute;bottom:8px;right:12px}.level-list[hidden]{display:none}.btn.small{padding:2px 10px}.level-list{gap:16px;display:flex}.level-btn{text-align:left;background:#1b2333;border:2px solid #5a6f96;flex-direction:column;align-items:flex-start;gap:8px;width:280px;padding:14px 16px;display:flex}.level-btn:hover{background:#24304a;border-color:#f2e6b0}.level-name{color:#f2e6b0;font-size:21px}.level-meta{color:#9aa4b8}.loadout{flex-direction:column;gap:8px;padding:10px 8px;display:flex}.loadout header{align-items:center;gap:16px;display:flex}.loadout header h2{color:#f2e6b0;flex:1;font-size:21px}.deploy{color:#f2e6b0;border-color:#c9b66a}.cols{flex:1;grid-template-columns:300px 420px 500px;gap:12px;min-height:0;display:grid}.col{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.col h3{color:#9aa4b8}.waves{overflow-y:auto}.wave{background:#1b2333;border:1px solid #33405a}.wave.expanded{border-color:#c9b66a}.wave-head{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:6px 8px;display:flex}.wave-lanes{color:#b8c4d8;margin:0;padding:0 8px 8px 22px}.row{background:#1b2333;border:1px dashed #3b4760;flex:none;align-items:center;gap:8px;min-height:52px;padding:0 6px;display:flex}.row.over,.rail.over{background:#24304a;border-color:#f2e6b0}.row-label{color:#6f7c96;width:14px}.row-empty{color:#4f5b73}.chip{cursor:grab;background:#2a3550;border:2px solid #5a6f96;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.row .chip{flex:1}.chip-name,.chip-arch{min-width:0}.chip-name{flex:0 auto}.chip-arch{flex:0 1000 auto}.chip-hp,.chip-lane,.chip-work{white-space:nowrap;flex:none}.chip-hp{text-align:right;margin-left:auto}.chip.selected{border-color:#f2e6b0}.chip-arch,.chip-lane{color:#9aa4b8}.side{position:relative}.rail{border:1px dashed #3b4760;flex-wrap:wrap;gap:6px;min-height:40px;padding:6px;display:flex}.editor{background:#1b2333;border:1px solid #33405a;flex-direction:column;gap:6px;padding:8px;display:flex}.editor h4{color:#f2e6b0}.basic{color:#9aa4b8}.slot{position:relative}.slot-btn,.slot-opt{text-align:left;background:#22304a;border:1px solid #5a6f96;align-items:center;gap:8px;width:100%;min-height:32px;padding:2px 8px;display:flex}.slot-n{color:#6f7c96;width:14px}.slot-empty{color:#6f7c96}.slot-menu{z-index:2;background:#141a24;border:1px solid #f2e6b0;width:max-content;min-width:200px;max-width:60cqw;position:absolute;top:0;right:calc(100% + 12px)}.slot-opt{background:#1b2333;border:0}.slot-opt:hover:not(:disabled){background:#2e3f60}.slot-opt:disabled{opacity:.35;cursor:default}.info-head{align-items:center;gap:8px;display:flex}.info-name{color:#f2e6b0}.info-meta{color:#9aa4b8}.info-text{margin:6px 0 0}.title-saves{gap:12px;display:flex}.btn.big{color:#f2e6b0;border-color:#c9b66a;padding:10px 22px;font-size:21px}.btn.big.secondary{color:#e8ecf4;border-color:#5a6f96;font-size:14px}.title-message{color:#e8a0a0}.sub.small{margin:8px 0 0}.stage{background:#1b2333;border:1px solid #33405a}.stage.expanded{border-color:#c9b66a}.stage.done .wave-title{color:#8fc98a}.stage-waves{margin:0;padding:0 8px 8px;list-style:none}.stage-wave{align-items:center;gap:8px;padding:2px 0;display:flex}.stage-wave .unknown{color:#6f7c96}.lanes .row{min-height:52px}.reserve-title{margin-top:4px}.reserve-row{flex-direction:column;gap:6px;display:flex}.reserve-row .row{min-height:40px}.chip-hp{color:#8fc98a}.chip.ko{opacity:.5;cursor:not-allowed}.chip.ko .chip-hp{color:#e88}.overworld-ui{pointer-events:none;-webkit-font-smoothing:none;color:#e8ecf4;font:14px/1.3 neatpixels,monospace;position:absolute;inset:0}.overworld-ui button,.overworld-ui .town-wrap{pointer-events:auto;font:inherit;color:inherit}.town-wrap{position:absolute;bottom:12px;left:12px}.to-title{position:absolute;top:12px;right:12px}.btn.town:disabled{opacity:.5}.sweep-pop{pointer-events:auto;background:#141a24;border:2px solid #c9b66a;padding:10px 14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.sweep-pop[hidden]{display:none}.sweep-pop h3{color:#f2e6b0;margin:0;font-weight:400}.sweep-pop p{margin:4px 0 8px}.sweep-buttons{gap:8px;margin-bottom:8px;display:flex}.btn{cursor:pointer;background:#22304a;border:2px solid #5a6f96;padding:4px 14px}.rail .chip{padding:3px 8px}.side>*,.editor>*{flex-shrink:0}.ow-hud{pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:12px}.ow-gold{color:#f2e6b0;text-shadow:0 2px #0b0d12}.ow-notice{pointer-events:auto;background:#141a24;border:2px solid #9cf09a;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.settings{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.settings header{align-items:center;gap:16px;display:flex}.settings header h2{color:#f2e6b0;flex:1;font-size:21px}.setting-row{align-items:center;gap:12px;display:flex}.setting-name{width:140px}.setting-row input[type=range]{flex:1}.setting-value{text-align:right;width:48px}.setting-replays{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.confirm-new{background:#1b2333;border:2px solid #c9b66a;margin-top:8px;padding:8px 12px}.confirm-new[hidden]{display:none}.confirm-new p{margin:0 0 6px}.confirm-new .btn{margin-right:8px}.save-warning{color:#e88}#hints{z-index:20;pointer-events:none;position:absolute;inset:0}.hint-card{-webkit-font-smoothing:none;color:#e8ecf4;pointer-events:none;background:#141a24f0;border:2px solid #f2e6b0;align-items:center;gap:10px;max-width:460px;padding:8px 10px 8px 14px;font:14px/1.3 neatpixels,monospace;display:flex;position:absolute;bottom:56px;left:12px}.hint-card.top{top:64px;bottom:auto}.hint-dismiss{color:#9aa4b8;flex:none}.credits{flex-direction:column;gap:8px;display:flex}.credits header{align-items:center;gap:16px;display:flex}.credits header h2{color:#f2e6b0;flex:1;font-size:21px}.credits-body{overflow-y:auto}.credit{margin-bottom:10px}.credit-author{color:#f2e6b0}.credit-license,.credit-packs{color:#9aa4b8}.credit-url{color:#8fb8f0}.credit-line{color:#c9b66a}.rail .chip-arch{display:none}.pl-badge{white-space:nowrap;color:#f3c94a;background:#1b2333;border:1px solid #5a4a20;flex:none;padding:0 5px}.chip-pl{margin-left:auto}.chip-pl+.chip-hp{margin-left:0}.power-line{background:#161c29;border:1px solid #33405a;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.pl-compare{color:#e8ecf4}.pl-compare.good{color:#7fd47a}.pl-compare.close{color:#f0b44a}.pl-compare.low,.weak-link{color:#ef6a5a}.pl-fighters{color:#f0b44a;overflow-wrap:anywhere}.pl-row{align-items:center;gap:8px;display:flex}.bridge-badge{color:#f2e6b0;background:#6a4422;border:1px solid #9a6a3a;padding:0 6px}.bridge-note{color:#c9b66a}.stages.bridge .tag{zoom:1.5}.quest-mods{flex-wrap:wrap;gap:4px;display:flex}.mod-chip{color:#f2e6b0;background:#3a2a1a;border:1px solid #8a6a3a;padding:1px 6px}.fog-note{color:#9aa4b8;margin:0}.row.closed{opacity:.45}.row-note{color:#ef6a5a;flex:none}.slot-opt.locked{opacity:.45;cursor:default}.join-line{color:#e8ecf4;margin:0;font-size:16px;line-height:1.45}.join{background:#0b0d12e0;justify-content:center;align-items:center;display:flex}.join-panel{background:#1b2333;border:2px solid #f2e6b0;flex-direction:column;gap:16px;width:640px;padding:24px;display:flex}.join-head{align-items:center;gap:16px;display:flex}.join-who h2{color:#f2e6b0;font-size:21px}.join-meta{color:#9aa4b8}.join-ok{align-self:flex-end}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:70px;left:0;right:0}.toast{color:#f2e6b0;background:#1b2333f2;border:2px solid #f3c94a;align-items:center;gap:10px;padding:8px 16px;font:16px/1.3 neatpixels,monospace;transition:opacity .5s;display:flex}.toast.out{opacity:0}.class-unlock{color:#f3c94a;align-items:center;gap:8px;display:flex}.opt-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.opt-unit{white-space:nowrap;color:#9aa4b8;flex:none}.popup{z-index:10;-webkit-font-smoothing:none;color:#e8ecf4;pointer-events:none;background:#0e121af7;border:2px solid #c9b66a;flex-direction:column;gap:2px;max-width:420px;padding:8px 10px;font:14px/1.3 neatpixels,monospace;display:flex;position:absolute;box-shadow:0 3px #0b0d12}.pl-badge.has-pop{cursor:help}.pl-pop-head{color:#f3c94a}.pl-pop-row{gap:8px;display:flex}.pl-pop-n{color:#f2e6b0;flex:none;min-width:32px}.pl-pop-formula{color:#8a94a8;margin-top:4px}.ch-need{color:#e8a87a}.idle-box{flex-direction:column;gap:2px;min-width:0;display:flex}.idle-box .info-text{margin:0}.idle-header{color:#f2e6b0;margin:0}.idle-box .info-text{overflow-wrap:anywhere}.tooltip{z-index:20;width:max-content;max-width:300px}.tooltip .info-text,.tooltip .info-name,.tooltip .info-meta,.tip-line{overflow-wrap:anywhere}.tooltip .idle-header{margin:0}.tip-state{color:#9cf0d0;overflow-wrap:anywhere;margin-top:4px}.leader-title{margin-top:4px}.lanes .leader-slot{min-height:40px}.leader-line{color:#c9b66a;flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.leader-line span{overflow-wrap:anywhere}.leader-cmds,.leader-none{color:#9aa4b8}.wave-lanes.revealed{margin:2px 0 0;padding-left:16px}.progress{flex-direction:column;gap:8px;display:flex}.progress header{align-items:center;gap:16px;display:flex}.progress header h2{color:#f2e6b0;flex:1;font-size:21px}.progress-body{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.roster .progress-body{flex-direction:row}.portrait{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.roster-list{flex-direction:column;flex:none;gap:4px;width:260px;display:flex;overflow-y:auto}.roster-item{text-align:left;background:#1b2333;border:1px solid #33405a;align-items:center;gap:4px;padding:2px 4px;display:flex}.roster-item.selected{border-color:#f2e6b0}.roster-item.can-rank{box-shadow:0 0 0 2px #f3c94a}.ri-name{flex:1;min-width:0}.ri-meta{color:#c9b66a;flex:none}.sheet{flex:1;gap:12px;min-width:0;min-height:0;display:flex}.sheet-col{flex-direction:column;flex:none;gap:4px;width:360px;min-height:0;display:flex;overflow-y:auto}.sheet-col.wide{flex:none;width:600px;min-width:0}.sheet-col>*{flex-shrink:0}.sheet-name{color:#f2e6b0;font-size:21px}.sheet-arch,.level{color:#9aa4b8}.sheet-head{align-items:center;gap:12px;display:flex}.sheet-who{flex-direction:column;gap:2px;min-width:0;display:flex}.rank-row{justify-content:flex-start;align-items:center;display:flex}.stars{color:#f3c94a;font-size:16px}.pbar{background:#101520;border:1px solid #3b4760;min-height:18px;display:grid;position:relative}.pbar-fill{background:#5cc45a;grid-area:1/1;justify-self:start;height:100%}.pbar.shards .pbar-fill{background:#c9b66a}.pbar.town .pbar-fill{background:#5ab4e0}.pbar-label{color:#e8ecf4;text-shadow:0 1px #0b0d12;grid-area:1/1;padding-left:4px;font-size:14px;line-height:18px;position:relative}.stats td{cursor:help;padding:1px 8px 1px 0}.stat-name{color:#9aa4b8}.gear-slots,.gf-slot{flex-direction:column;gap:4px;display:flex}.gear-slots h4,.gf-slot h4{color:#f2e6b0;margin:0}.gear-slot{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.gear-slot select{flex:none;max-width:100%}.gs-name{color:#9aa4b8;flex:none;width:112px}.progress select{max-width:min(100%,60cqw);font:inherit;color:#e8ecf4;background:#22304a;border:1px solid #5a6f96;flex:none}.gf-row{align-items:center;gap:8px;display:flex}.gf-text{flex:1}.tabs{gap:6px;display:flex}.tab{text-transform:capitalize;background:#1b2333;border:1px solid #33405a;padding:3px 12px}.tab.active{color:#f2e6b0;border-color:#f2e6b0}.inv-list{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.inv-row{background:#1b2333;align-items:center;gap:10px;padding:2px 6px;display:flex}.inv-name{flex:1}.inv-count{text-align:right;color:#f2e6b0;width:40px}.inv-note{color:#9aa4b8;width:300px}.inv-row select{flex:none;width:180px}.tree-header{color:#c9b66a;margin:0}.tree-graph{margin:4px auto 0;font:14px neatpixels,monospace;display:block}.tree-graph line{stroke:#3b4760;stroke-width:4px}.tree-graph line.bought{stroke:#c9b66a}.tree-root circle{fill:#22304a;stroke:#9aa4b8;stroke-width:3px}.tree-root text{fill:#f2e6b0;font-size:21px}.tree-graph .tree-label{fill:#9aa4b8;font-size:14px}.node{cursor:pointer}.node .node-ring{fill:#1b2333;stroke:#4f5b73;stroke-width:3px}.node.locked .node-icon{opacity:.45;filter:grayscale()}.node.affordable .node-ring{stroke:#f3c94a;animation:1.2s ease-in-out infinite node-pulse}.node.owned .node-ring{fill:#c9b66a;stroke:#f2e6b0}.node:hover .node-ring,.node:focus .node-ring{stroke-width:5px}@keyframes node-pulse{50%{stroke-width:6px;stroke-opacity:.55}}.tree-info{text-align:center;color:#e8ecf4;min-height:20px;margin:4px 0 0}.results{-webkit-font-smoothing:none;color:#e8ecf4;flex-direction:column;gap:4px;width:520px;font:14px/1.3 neatpixels,monospace;display:flex}.loot-row{color:#f2e6b0}.exp-row{align-items:center;gap:8px;display:flex}.exp-name{width:90px}.exp-row .pbar{flex:1;min-width:330px}.exp-row .pbar-fill{transition:width .9s ease-out}.flash{color:#f3c94a;animation:.6s ease-in-out 3 flash}.recruit{color:#9cf09a;align-items:center;gap:8px;display:flex}@keyframes flash{50%{opacity:.2}}.ri-text{flex-direction:column;flex:1;min-width:0;display:flex}.ri-text .ri-meta{min-width:0}.ri-pl{font-size:13px}.sheet-class{color:#f2e6b0}.sheet-top{align-items:flex-start;gap:12px;display:flex}.sheet-lever{color:#9aa4b8;flex:1}.sheet-pl{cursor:help;padding:2px 10px;font-size:24px}.class-list{flex-direction:column;gap:2px;display:flex}.class-list h4{color:#f2e6b0;margin:0}.class-row{background:#1b2333;align-items:center;gap:6px;min-height:26px;padding:0 4px;display:flex}.class-row.current{outline:1px solid #f2e6b0}.class-row.locked{opacity:.5}.cr-name{flex:1 0 auto}.cr-state{text-align:right;min-width:0}.cr-level{text-align:right;color:#c9b66a;width:34px}.cr-state{color:#9aa4b8}.change-class{white-space:nowrap;flex:none;padding:0 6px}.class-confirm{background:#24304a;border:1px solid #f2e6b0;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.class-confirm p{width:100%;margin:0}.class-notice{color:#7fd47a}.tree-mastery{color:#c9b66a;margin:0}.bounty-row{color:#f3c94a}.sheet-leader{color:#c9b66a;flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.sheet-leader div{overflow-wrap:anywhere}.sl-cmds{color:#9aa4b8}.cine{cursor:pointer;-webkit-font-smoothing:none;color:#f2e6b0;font:21px/1.35 neatpixels,monospace;position:absolute;inset:0}.cine .btn{pointer-events:auto;color:#e8ecf4;cursor:pointer;font:14px/1.3 neatpixels,monospace;position:absolute;top:14px}.cine-skip{right:16px}.cine-pause{right:150px}.cine-paused{background:#000000b3;padding:8px 16px;font-size:28px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.cine-paused[hidden],.cine-narration[hidden]{display:none}.cine-narration{text-align:center;text-shadow:0 2px #0b0d12;background:#08060eb8;border:2px solid #5a3a7a;width:min(1040px,100% - 32px);padding:12px 20px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.cine-line{margin:0}.cine-untyped{visibility:hidden}.cine-progress{pointer-events:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(1040px,100% - 32px);display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cine-tick{background:#f2e6b02e;height:4px}.cine-tick-fill{transform-origin:0;background:#f2e6b0;height:100%;transform:scaleX(0)}#tutorial{z-index:9;pointer-events:none;position:absolute;inset:0}.tut-layer{pointer-events:none;-webkit-font-smoothing:none;color:#e8ecf4;font:14px/1.35 neatpixels,monospace;position:absolute;inset:0}.tut-ring{border:3px solid #f3c94a;animation:1.2s ease-in-out infinite tut-pulse;position:absolute;box-shadow:0 0 0 2px #0b0d12,0 0 16px 4px #f3c94a8c}.tut-dim{background:#080a1099;position:absolute;inset:0}@keyframes tut-pulse{50%{border-color:#fff3c4}}.tut-card{pointer-events:auto;background:#141a24f7;border:2px solid #f3c94a;flex-direction:column;gap:8px;width:380px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 4px #0b0d12}.tut-card.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tut-step{color:#c9b66a}.tut-text{margin:0;font-size:16px}.tut-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tut-buttons .btn{font:inherit;color:inherit;cursor:pointer}.tut-next{color:#f2e6b0;border-color:#c9b66a}.tut-waiting{color:#9aa4b8;flex:1}:root,[data-theme=steel]{--panel-bg:#141a24f5;--panel-border:#c9b66a;--text:#e8ecf4;--heading:#f2e6b0;--accent:#c9b66a;--muted:#9aa6bd;--muted-2:#6b7790;--card-bg:#1b2333;--card-border:#33405a;--line:#5a6f96;--hover:#2e3f60;--good:#8fc98a;--bad:#e88;--btn-bg:#22304a;--btn-border:#5a6f96;--btn-text:#e8ecf4;--btn-hover:#2e3f60;--link:#8fb8f0}[data-theme=wood]{--panel-bg:#ffc07e;--panel-border:#7a4b20;--text:#3a2410;--heading:#3a1c06;--accent:#8a4a14;--muted:#5e3b17;--muted-2:#6e4a24;--card-bg:#ffd9a6;--card-border:#a8743f;--line:#8a5a2b;--hover:#ffe6c2;--good:#2f6b1f;--bad:#9a1c1c;--btn-bg:#e9b06e;--btn-border:#7a4b20;--btn-text:#2e1a08;--btn-hover:#f4c88d;--link:#1f4f8a}[data-theme]{color:var(--text)}.town-panel[data-theme=wood]{image-rendering:pixelated;background:0 0;border:18px solid #0000;border-image:url(../assets/ui/ui_panel_wood.png) 16 fill/18px}[data-theme=wood] .btn{color:var(--btn-text);background:var(--btn-bg);border-color:var(--btn-border)}[data-theme=wood] .btn:hover:not(:disabled){background:var(--btn-hover)}[data-theme=wood] .btn:disabled{opacity:.55}.section-head{text-align:left;align-items:center;gap:6px;display:flex}.icon16{width:16px;height:16px;image-rendering:pixelated;background-image:url(../assets/ui/icons_items16.png);background-repeat:no-repeat;flex:none;display:inline-block}#ui-root,#ui-root *,#ui-root :before,#ui-root :after{box-sizing:border-box}#ui-root{overflow-wrap:anywhere}.menu,.town-panel{container-type:inline-size}.btn,.tab,.btn-center{text-align:center;justify-content:center;align-items:center;display:inline-flex}.v-center{align-items:center;display:flex}.drop-target{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.num{text-align:right;font-variant-numeric:tabular-nums}h2,h3,h4,.heading{text-align:left}.town-ui{pointer-events:none;-webkit-font-smoothing:none;color:var(--text);font:14px/1.3 neatpixels,monospace;position:absolute;inset:0}.town-ui button,.town-ui .town-panel{pointer-events:auto;font:inherit;cursor:pointer}.town-ui .town-top button{color:inherit}.town-panel{color:var(--text)}.town-top{gap:8px;display:flex;position:absolute;top:12px;right:12px}.town-panel{box-sizing:border-box;background:var(--panel-bg);border:2px solid var(--accent);width:420px;padding:10px 12px;position:absolute;top:58px;bottom:8px;right:8px;overflow-y:auto;cursor:default!important}.town-panel[hidden]{display:none}.town-panel header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.town-panel h2{color:var(--heading);flex:1;margin:0;font-size:21px;font-weight:400}.town-panel h4{color:var(--accent);margin:8px 0 4px;font-weight:400}.tp-production{margin:0 0 6px}.tp-note{color:var(--muted)}.tp-blocker{color:var(--bad)}.tp-cost{color:var(--heading)}.tp-upgrade{border-top:1px solid var(--card-border);margin-top:10px;padding-top:8px}.worker-frames{gap:8px;display:flex}.worker-frame{background:var(--card-bg);border:2px dashed var(--line);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:96px;min-height:104px;display:flex}.worker-frame.filled{border-style:solid;border-color:var(--accent)}.worker-frame.over,.bench-chip:hover{background:var(--hover)}.wf-empty{color:var(--muted-2)}.bench-rail{flex-wrap:wrap;gap:4px;display:flex}.bench-chip{background:var(--card-bg);border:1px solid var(--card-border);cursor:grab;align-items:center;gap:4px;padding:0 6px 0 0;display:flex}.badges{gap:2px;display:inline-flex}.badge{color:#141a24;background:var(--good);padding:0 3px}.badge.favorite{background:#e8a0b0}.badge.town-level{background:var(--accent)}.queue-strip{flex-wrap:wrap;gap:4px;min-height:26px;display:flex}.job{background:var(--card-bg);border:1px solid var(--card-border);align-items:center;gap:6px;padding:2px 4px 2px 8px;display:flex}.job.front{border-color:var(--accent)}.job-days{color:var(--heading)}.job-remove{background:0 0;border:none;padding:0 4px;color:var(--bad)!important}.recipe-row{align-items:center;gap:4px;margin-top:4px;display:flex}.recipe-name{flex:1}.recipe-row .btn{padding:2px 6px}.tp-tavern{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.tp-tavern .tokens,.next-offer{color:var(--heading)}.offer-cards{gap:6px;display:flex}.offer-card{text-align:center;background:var(--card-bg);border:2px solid var(--accent);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;display:flex}.offer-card.bundle{border-color:var(--line)}.oc-name{color:var(--heading)}.oc-line{min-height:36px;color:var(--muted)}.oc-bundle{color:var(--good)}.offer-card .btn{padding:2px 6px}.pull-result{background:var(--card-bg);border:2px solid var(--heading);align-items:center;gap:10px;padding:6px 12px 6px 6px;animation:.6s ease-out pull-slide;display:flex}.pull-result.dupe{border-color:var(--good)}.pr-name{color:var(--heading);font-size:21px}@keyframes pull-slide{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:none}}.egg-row,.build-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.egg-row span,.br-name{flex:1}.build-row{border-bottom:1px solid var(--card-border);padding:4px 0}.build-row .tp-note{flex-basis:100%;order:3}.incubation-slots{gap:6px;display:flex}.incubation{background:var(--card-bg);border:1px dashed var(--line);padding:6px 8px}.incubation.busy{border:1px solid var(--accent)}.wh-table{border-collapse:collapse;width:100%}.wh-table td{padding:2px 4px}.wh-count{text-align:right}.wh-table tr.at-cap td{color:var(--bad)}.town-badge{color:#141a24;text-align:center;background:#f3c94a;border:2px solid #141a24;min-width:16px;padding:0 4px;position:absolute;top:-8px;right:-8px}.chip.benched{opacity:.55;cursor:pointer}.chip-work{color:#c9b66a}.unbench-pop{background:#1b2333;border:2px solid #c9b66a;margin-top:6px;padding:6px 8px}.unbench-pop .btn{margin:4px 6px 0 0}.quest-board{flex-direction:column;gap:10px;display:flex}.quest-card{border:2px solid #3c281480;flex-direction:column;gap:4px;padding:8px;display:flex}.qc-title{font-size:16px}.qc-done,.qc-paid,.quest-card .pl-compare.good{color:#2f6a2a}.quest-card .pl-compare.close{color:#8a5a10}.quest-card .pl-compare.low{color:#9a2a1a}.quest-card .play-daily,.quest-card .turn-in{align-self:flex-start}.familiar-list,.egg-source-list{margin:0;padding:0;list-style:none}.familiar-list .unowned{color:var(--muted-2)}.egg-sources{background:var(--card-bg);border:1px solid var(--card-border);margin-top:8px;padding:6px 8px}.egg-source{gap:6px;display:flex}.es-mark{width:14px;color:var(--muted-2);flex:none}.egg-source.collected .es-mark{color:var(--good)}.es-text{min-width:0}