@font-face{font-family:BoldPixels;src:url(/hognarok/BoldPixels.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#14181c;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game-root{position:absolute;width:1280px;height:720px;transform-origin:top left;overflow:hidden}#battlefield{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated}#fx-text{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}#fx-text text{font-family:monospace;font-weight:700;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#000;stroke-linejoin:round}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#fx-top{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated;pointer-events:none}#hud-bar{position:absolute;top:0;left:0;width:1280px;height:48px;display:flex;align-items:center;gap:28px;padding:0 16px;color:#40301c;background:#e5d2a4;image-rendering:pixelated;box-shadow:inset 0 4px #f4e8c8,inset 0 -4px #5b4227}.hud-resources{position:absolute;top:0;height:100%;display:flex;align-items:center;gap:32px}.hud-resources .hud-stat{width:130px;flex:none;justify-content:flex-start;white-space:nowrap;overflow:visible}.hud-stat{display:flex;align-items:center;gap:6px}.hud-label{font-size:12px;color:#40301c}.hud-value{font:700 26px/1 monospace;-webkit-text-stroke:4px #40301c;paint-order:stroke fill}.rc-icon{image-rendering:pixelated;vertical-align:middle;flex:none}.hud-btn{position:relative;pointer-events:auto;padding:6px 18px;font:14px/1 BoldPixels,monospace;color:#40301c;background:#cba86a;border:none;border-radius:0;image-rendering:pixelated;box-shadow:inset 4px 4px #e8cf94,inset -4px -4px #8a6a38,0 0 0 4px #5b4227;cursor:pointer;transition:none}.hud-btn:hover{background:#d8b878;box-shadow:inset 4px 4px #f0dca6,inset -4px -4px #9a7a44,0 0 0 4px #5b4227}.hud-btn:active{transform:translateY(2px);box-shadow:inset -4px -4px #e8cf94,inset 4px 4px #8a6a38,0 0 0 4px #5b4227}.hud-btn:disabled{opacity:.55;cursor:default;transform:none}.hud-btn:disabled:hover{background:#cba86a;box-shadow:inset 4px 4px #e8cf94,inset -4px -4px #8a6a38,0 0 0 4px #5b4227}#hud-settings{display:flex;padding:0;background:none;border:none;cursor:pointer;pointer-events:auto;image-rendering:pixelated}#hud-settings:hover{opacity:.82}#hud-settings:active{transform:translateY(1px)}#hud-settings-menu{position:absolute;top:52px;left:8px;z-index:40;display:none;flex-direction:column;gap:14px;min-width:240px;padding:16px;font:14px/1 BoldPixels,monospace;color:#40301c;background:#cba86a;image-rendering:pixelated;pointer-events:auto;box-shadow:inset 4px 4px #e8cf94,inset -4px -4px #8a6a38,0 0 0 4px #5b4227}#hud-settings-menu.open{display:flex}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-toggle{position:relative;flex:none;width:44px;height:22px;padding:0;border:none;border-radius:0;background:#8a6a38;box-shadow:0 0 0 3px #5b4227;cursor:pointer;pointer-events:auto;image-rendering:pixelated;transition:none}.settings-toggle.on{background:#4fca3a}.settings-knob{position:absolute;top:4px;left:4px;width:14px;height:14px;background:#f4e8c8;box-shadow:0 0 0 2px #5b4227}.settings-toggle.on .settings-knob{left:26px}.hud-dot{display:none;position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;font:700 12px/1 monospace;color:#0e2c08;background:#4fca3a;border:2px solid #2c6e22;border-radius:10px}#hud-onboard{position:absolute;top:50%;right:28px;transform:translateY(-50%);padding:10px 26px;font-size:22px;letter-spacing:3px}#hud-onboard:active{transform:translateY(calc(-50% + 2px))}.onboard-mark{display:inline-block;transform-origin:center}#hud-onboard:not(:disabled) .onboard-mark{animation:sk-lock-attract 3s ease-in-out infinite}#recruit-panel{position:absolute;top:48px;left:0;bottom:0;pointer-events:auto;background:#e5d2a4;border-right:4px solid #5b4227;padding:6px;display:flex;flex-direction:column;gap:8px;color:#40301c;image-rendering:pixelated;overflow-y:auto}.recruit-slots{display:grid;grid-template-columns:1fr 1fr;gap:5px;grid-auto-rows:82px}.recruit-slot{font:inherit;color:#40301c;background:#cba86a;border:3px solid #5b4227;border-radius:0;image-rendering:pixelated;box-shadow:inset 3px 3px #e8cf94,inset -3px -3px #8a6a38;padding:2px 4px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"icon buy" "owned cost";align-items:center;justify-items:center;align-content:center;column-gap:6px;row-gap:0;cursor:pointer;transition:none}.recruit-slot:hover:not(:disabled):not(.placeholder){background:#d8b878;box-shadow:inset 3px 3px #f0dca6,inset -3px -3px #9a7a44}.recruit-slot:active:not(:disabled):not(.placeholder){transform:translateY(2px);box-shadow:inset -3px -3px #e8cf94,inset 3px 3px #8a6a38}.recruit-slot:disabled{cursor:default;background:#c9ba94;border-color:#8a6a38;box-shadow:none;color:#7a6238}.slot-icon{grid-area:icon;display:block;image-rendering:pixelated}.slot-buy-label{grid-area:buy;font-size:18px;line-height:1;font-weight:700;letter-spacing:.5px;color:#40301c}.recruit-slot:disabled .slot-buy-label{color:inherit}.recruit-slot.maxed{grid-template-areas:"icon owned" "icon owned"}.recruit-slot.maxed .slot-buy-label,.recruit-slot.maxed .slot-cost{display:none}.recruit-slot.maxed .slot-owned{font-size:15px;top:0}.recruit-slot.placeholder{display:flex;align-items:center;justify-content:center;cursor:default;background:#d8c39a;border-style:dashed;border-color:#8a6a38;box-shadow:none}.slot-placeholder-mark{font-size:30px;font-weight:700;color:#8a6a38}.slot-owned{grid-area:owned;font:12px monospace;opacity:.85;white-space:nowrap;position:relative;top:-5px}.slot-owned.capped{color:#40301c;opacity:1}.slot-cost{grid-area:cost;display:inline-flex;align-items:center;gap:4px;font:700 13px monospace;white-space:nowrap;position:relative;top:-5px}.recruit-slot.unaffordable .slot-cost{color:#e5484d}#producer-section{display:flex;flex-direction:column;gap:5px}.producer-slot{position:relative;overflow:hidden;height:48px;flex:none;font:inherit;color:#40301c;background:#cba86a;border:3px solid #5b4227;border-radius:0;image-rendering:pixelated;box-shadow:inset 3px 3px #e8cf94,inset -3px -3px #8a6a38;padding:2px 8px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"icon name name" "icon owned cost";align-items:center;column-gap:8px;cursor:pointer;transition:none}.producer-slot:hover:not(.placeholder):not(.unaffordable):not(.maxed){background:#d8b878;box-shadow:inset 3px 3px #f0dca6,inset -3px -3px #9a7a44}.producer-slot:active:not(.placeholder):not(.unaffordable):not(.maxed){transform:translateY(2px);box-shadow:inset -3px -3px #e8cf94,inset 3px 3px #8a6a38}.producer-slot.unaffordable,.producer-slot.maxed{box-shadow:none}.producer-slot.placeholder{display:flex;align-items:center;justify-content:center;cursor:default;background:#d8c39a;border-style:dashed;border-color:#8a6a38;box-shadow:none}.producer-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4e8d08c;transform-origin:left;transform:scaleX(0);pointer-events:none}.producer-slot>span{position:relative;pointer-events:none}.pslot-icon{grid-area:icon;position:relative;pointer-events:none}.pslot-name{grid-area:name;justify-self:start;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.pslot-owned{grid-area:owned;justify-self:start;font:12px monospace;opacity:.85;white-space:nowrap}.pslot-owned.capped{color:#40301c;opacity:1}.pslot-cost{grid-area:cost;justify-self:end;display:inline-flex;align-items:center;gap:4px;font:700 13px monospace;white-space:nowrap;top:-4px}.producer-slot.unaffordable .pslot-cost{color:#e5484d}.emp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.emp-back{padding:8px 16px;font:bold 13px/1 inherit;color:#e8e6ef;background:#3a4148;border:1px solid #4a525a;border-radius:4px;cursor:pointer}.emp-back:hover{background:#46505a}#skilltree-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#0b0a1e;overflow:hidden;cursor:grab}.screen-stars{position:absolute;top:0;left:0;width:1280px;height:720px;pointer-events:none;image-rendering:pixelated}#skilltree-back{position:absolute;top:16px;left:16px;z-index:2;pointer-events:auto;padding:22px 52px;font:40px/1 BoldPixels,monospace;color:#40301c;background:#cba86a;border:none;border-radius:0;image-rendering:pixelated;box-shadow:inset 4px 4px #e8cf94,inset -4px -4px #8a6a38,0 0 0 4px #5b4227;cursor:pointer;transition:none}#skilltree-back:hover{background:#d8b878;box-shadow:inset 4px 4px #f0dca6,inset -4px -4px #9a7a44,0 0 0 4px #5b4227}#skilltree-back:active{transform:translateY(2px);box-shadow:inset -4px -4px #e8cf94,inset 4px 4px #8a6a38,0 0 0 4px #5b4227}#skilltree-xp,#build-hud{position:absolute;top:16px;right:20px;z-index:2;pointer-events:none;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#cba86a;border:4px solid #5b4227;image-rendering:pixelated}#skilltree-xp .sk-xp-label,#build-hud .bd-label{display:flex;color:#40301c}#skilltree-xp .sk-xp-value,#build-hud .bd-xp{font:700 30px/1 monospace;color:#f5d76e;-webkit-text-stroke:4px #40301c;paint-order:stroke fill}#skilltree-screen.dragging,#skilltree-screen.dragging .sk-node{cursor:grabbing}#skilltree-world{position:absolute;top:0;left:0;transform-origin:0 0}#skilltree-edges{position:absolute;top:0;left:0}#skilltree-edges line{stroke:#4a5a66;stroke-width:2}#skilltree-edges .cross-edge{fill:none;stroke:#4a5a66;stroke-width:2;stroke-dasharray:4 6}.sk-zone{position:absolute;pointer-events:none;background:#cba86a;image-rendering:pixelated;box-shadow:inset 6px 6px #e8cf94,inset -6px -6px #8a6a38,0 0 0 4px #5b4227,8px 8px #0b0a1e66}.sk-zone[data-state=locked]{filter:brightness(.55)}.sk-zone-label{position:absolute;top:10px;left:16px;font:26px/1 BoldPixels,monospace;letter-spacing:1.5px;text-transform:uppercase;color:#40301c;text-shadow:1px 1px 0 #e8cf94}.sk-node{position:absolute;width:90px;height:90px;display:flex;align-items:center;justify-content:center;font:inherit;color:#f4e8c8;background:#a8834a;border:3px solid #3d2c17;border-radius:0;image-rendering:pixelated;box-shadow:inset 3px 3px #ffffff47,inset -3px -3px #00000052;cursor:pointer;transform-origin:center;transition:transform .08s ease}.sk-node:hover{transform:scale(1.1);z-index:1;background:#bd9556}.sk-node[data-state=done],.build-node[data-state=done]{background:#e6c684;border-color:#3d2c17;box-shadow:inset 0 0 10px 2px #fff3d080;cursor:default}.sk-node[data-state=done]:hover,.build-node[data-state=done]:hover{transform:none;background:#e6c684}.sk-node[data-state=locked],.build-node[data-state=locked]{background:transparent;border-color:transparent;box-shadow:none;cursor:default}.sk-node[data-state=locked]>:not(.node-locked),.build-node[data-state=locked]>:not(.node-locked){display:none}.sk-node[data-state=locked]:hover,.build-node[data-state=locked]:hover{transform:none;background:transparent}.node-locked{display:none;width:48px;height:48px;image-rendering:pixelated;pointer-events:none}.sk-node[data-state=locked]>.node-locked,.build-node[data-state=locked]>.node-locked{display:block}.sk-lock-mark{display:block;width:56px;height:56px;image-rendering:pixelated;pointer-events:none;transform-origin:center}.sk-node[data-state=normal] .sk-lock-mark{animation:sk-lock-attract 3s ease-in-out infinite}@keyframes sk-lock-attract{0%,82%,to{transform:rotate(0) scale(1)}86%{transform:rotate(-9deg) scale(1.15)}90%{transform:rotate(9deg) scale(1.15)}94%{transform:rotate(-5deg) scale(1.08)}98%{transform:rotate(0) scale(1)}}.sk-sprite{image-rendering:pixelated;pointer-events:none}.sk-cost{position:absolute;top:100%;left:-20px;right:-20px;margin-top:4px;display:flex;justify-content:center;align-items:center;gap:4px;text-align:center;font:700 18px/1 monospace;color:#40301c;pointer-events:none;transform:scale(var(--node-counter, 1));transform-origin:top center}.sk-cost.poor{color:#e5484d}.sk-level{display:none}.sk-skill-icon{position:absolute;right:4px;bottom:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;pointer-events:none}.zoomed-out .sk-node:has(.sk-skill-icon) .sk-sprite,.zoomed-out .build-node:has(.sk-skill-icon) .sk-sprite{display:none}.zoomed-out .sk-node:has(.sk-skill-icon) .sk-skill-icon,.zoomed-out .build-node:has(.sk-skill-icon) .sk-skill-icon{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.zoomed-out .sk-node:has(.sk-skill-icon) .sk-skill-icon img,.zoomed-out .build-node:has(.sk-skill-icon) .sk-skill-icon img{width:60px;height:60px}.zoomed-out .sk-node[data-pop=unit] .sk-sprite,.zoomed-out .build-node[data-pop=enemy] .sk-sprite,.zoomed-out .build-node[data-pop=feature] .sk-sprite,.zoomed-out .build-node[data-pop=enemylock] .sk-sprite{transform:scale(1.35)}.sk-notify{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:#4fca3a;border:2px solid #2c6e22;font-size:0;pointer-events:none;transform:scale(var(--node-counter, 1));transform-origin:center}.sk-lockicon{position:absolute;right:-8px;top:-8px;font-size:14px;line-height:1;filter:hue-rotate(310deg) saturate(3);pointer-events:none}#sk-popover,#build-popover{position:absolute;left:16px;bottom:16px;width:260px;display:none;flex-direction:column;z-index:10;pointer-events:none;background:#ecdcb4;color:#40301c;border:none;border-radius:0;image-rendering:pixelated;box-shadow:0 0 0 4px #5b4227,6px 6px #0b0a1e73;text-align:center;padding-bottom:10px}#sk-popover.open,#build-popover.open{display:flex}#build-popover .bp-good{color:#128d75;font-weight:700}#build-popover .bp-bad{color:#e5484d;font-weight:700}.sk-pop-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#cba86a;border-bottom:3px solid #5b4227;color:#40301c;font-weight:700}.sk-pop-head.sk-pop-center{justify-content:center}.sk-pop-glyph{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;line-height:1;color:#40301c;background:transparent;border:none;border-radius:0;image-rendering:pixelated}.sk-pop-title{flex:1;text-align:left;font-size:14px}.sk-pop-head.sk-pop-center .sk-pop-title{flex:none;text-align:center;font-size:16px}.sk-pop-level{font:700 13px/1 monospace;color:#5b4227}.sk-pop-body{padding:12px 12px 10px;border-bottom:3px solid #5b4227}.sk-pop-sprite{width:120px;height:120px;image-rendering:pixelated}.sk-pop-name{font-size:19px;font-weight:700;letter-spacing:.3px}.sk-pop-trait{margin-top:4px;font-size:13px;font-weight:700;color:#128d75}.sk-pop-trait .rc-icon,.hc-trait .rc-icon{margin-right:4px}.sk-pop-info{padding:10px 14px 0;display:flex;flex-direction:column;gap:2px}.sk-pop-label{font-size:14px;font-weight:700}.sk-pop-label:not(:first-child){margin-top:8px}.sk-pop-vals{font:700 15px/1.2 monospace;color:#128d75}.sk-pop-stat-label{color:#40301c}.sk-pop-drop{display:flex;align-items:center;justify-content:center;gap:12px}.sk-pop-drop-pair{display:inline-flex;align-items:center;gap:4px}.sk-pop-desc,.sk-pop-lore{font-size:12px;line-height:1.35;color:#7a6238}.sk-pop-cost{display:flex;align-items:center;justify-content:center;gap:4px;font:700 15px/1.2 monospace;color:#40301c}.sk-pop-cost.poor{color:#e5484d}.sk-pop-foot{margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1px;color:#9a7a44}#hire-choice{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:center}#hire-choice.open{display:flex}.hc-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0a1eb8;cursor:pointer}.hc-panel{position:relative;z-index:1;padding:26px 30px 32px;background:#cba86a;border-radius:0;image-rendering:pixelated;box-shadow:0 0 0 5px #5b4227,10px 10px #0b0a1e80;text-align:center;animation:hc-pop-in .14s ease-out}@keyframes hc-pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.hc-title{font:34px/1 BoldPixels,monospace;color:#40301c;letter-spacing:1px}.hc-subtitle{margin-top:8px;font:700 12px/1 monospace;letter-spacing:1px;color:#7a5c30;text-transform:uppercase}.hc-cards{margin-top:22px;display:flex;gap:24px;justify-content:center}.hc-card{width:250px;display:flex;flex-direction:column;align-items:center;padding:18px 16px 14px;font:inherit;color:#40301c;background:#ecdcb4;border:none;border-radius:0;image-rendering:pixelated;box-shadow:0 0 0 4px #5b4227,5px 5px #0b0a1e66;cursor:pointer;transition:transform .09s ease,box-shadow .09s ease,background .09s ease}.hc-card:hover{transform:translateY(-4px);background:#f5e8c6;box-shadow:0 0 0 4px #5b4227,5px 9px #0b0a1e73}.hc-sprite{width:140px;height:140px;image-rendering:pixelated;pointer-events:none}.hc-name{margin-top:8px;font-size:19px;font-weight:700;letter-spacing:.3px}.hc-trait{margin-top:6px;font-size:14px;font-weight:700;color:#128d75}.hc-trait-desc{margin-top:4px;font-size:12px;line-height:1.35;color:#6b5530}.hc-lore{margin-top:8px;font-size:11px;line-height:1.4;font-style:italic;color:#8a6f40}.hc-cost{margin-top:12px;display:inline-flex;align-items:center;gap:5px;font:700 20px/1 monospace;color:#40301c}.hc-cost.poor{color:#e5484d}.hc-foot{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#9a7a44}.hc-card:hover .hc-foot{color:#128d75}.hc-close{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;font:20px/1 monospace;color:#f4e8c8;background:#8a4a2f;border:none;border-radius:0;image-rendering:pixelated;box-shadow:inset 3px 3px #ffffff38,inset -3px -3px #0000004d,0 0 0 3px #5b4227;cursor:pointer}.hc-close:hover{background:#a5583a}#win-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;pointer-events:auto}#win-screen.open{display:flex}.win-panel{position:relative;z-index:1;width:640px;max-width:88%;padding:34px 40px 40px;background:#cba86a;border-radius:0;image-rendering:pixelated;box-shadow:0 0 0 5px #5b4227,10px 10px #0b0a1e80;text-align:center;animation:hc-pop-in .14s ease-out}.win-title{font:34px/1.1 BoldPixels,monospace;color:#40301c;letter-spacing:1px}.win-body{margin-top:18px;font-size:17px;line-height:1.55;color:#40301c;background:#ecdcb4;padding:20px 22px;image-rendering:pixelated;box-shadow:0 0 0 4px #5b4227,5px 5px #0b0a1e66}#build-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#0b0a1e;overflow:hidden;cursor:grab}#build-screen.dragging,#build-screen.dragging .build-node{cursor:grabbing}#build-back{position:absolute;top:16px;left:16px;z-index:2;pointer-events:auto;padding:22px 52px;font:40px/1 BoldPixels,monospace;color:#40301c;background:#cba86a;border:none;border-radius:0;image-rendering:pixelated;box-shadow:inset 4px 4px #e8cf94,inset -4px -4px #8a6a38,0 0 0 4px #5b4227;cursor:pointer;transition:none}#build-back:hover{background:#d8b878;box-shadow:inset 4px 4px #f0dca6,inset -4px -4px #9a7a44,0 0 0 4px #5b4227}#build-back:active{transform:translateY(2px);box-shadow:inset -4px -4px #e8cf94,inset 4px 4px #8a6a38,0 0 0 4px #5b4227}#build-world{position:absolute;top:0;left:0;transform-origin:0 0}#build-edges{position:absolute;top:0;left:0}#build-edges line{stroke:#4a5a66;stroke-width:2}#build-edges .cross-edge{fill:none;stroke:#4a5a66;stroke-width:2;stroke-dasharray:4 6}.build-zone{position:absolute;pointer-events:none;background:#cba86a;image-rendering:pixelated;box-shadow:inset 6px 6px #e8cf94,inset -6px -6px #8a6a38,0 0 0 4px #5b4227,8px 8px #0b0a1e66}.build-zone[data-state=locked]{filter:brightness(.55)}.build-zone-label{position:absolute;top:10px;left:16px;font:26px/1 BoldPixels,monospace;letter-spacing:1.5px;text-transform:uppercase;color:#40301c;text-shadow:1px 1px 0 #e8cf94}.build-node{position:absolute;width:90px;height:90px;display:flex;align-items:center;justify-content:center;font:inherit;color:#f4e8c8;background:#a8834a;border:3px solid #3d2c17;border-radius:0;image-rendering:pixelated;box-shadow:inset 3px 3px #ffffff47,inset -3px -3px #00000052;cursor:pointer;transform-origin:center;transition:transform .08s ease}.build-node:hover{transform:scale(1.1);z-index:1;background:#bd9556}#onboard-countdown{position:absolute;top:0;bottom:0;left:390px;right:0;align-items:center;justify-content:center;pointer-events:none;z-index:2;font:120px/1 BoldPixels,monospace;color:#f2c14e;-webkit-text-stroke:4px #40301c;paint-order:stroke fill;text-shadow:0 4px 0 rgba(0,0,0,.35)}#onboard-hp{position:absolute;align-items:center;justify-content:center;pointer-events:none;z-index:2;font:700 14px/1 monospace;color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 1px 2px rgba(0,0,0,.9)}#boss-dialogue{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transform:translate(120%);transition:transform .5s ease-out}#boss-dialogue.show{transform:translate(0)}#boss-dialogue-portrait{position:absolute;right:-368px;bottom:0;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}#boss-dialogue-bubble{position:absolute;right:304px;bottom:48px;max-width:240px;z-index:1;padding:14px 18px;background:#fff;color:#1c1c1c;font:18px/1.4 BoldPixels,monospace;white-space:pre-line;border-radius:16px;box-shadow:0 6px 18px #0006;opacity:0;transition:opacity .3s ease}#boss-dialogue-bubble:after{content:"";position:absolute;right:-14px;bottom:26px;border:8px solid transparent;border-left-width:16px;border-left-color:#fff;border-right-width:0}#boss-dialogue.show #boss-dialogue-bubble{opacity:1;transition-delay:.5s}#recruit-dialogue{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transform:translate(-120%);transition:transform .5s ease-out}#recruit-dialogue.show{transform:translate(0)}#recruit-dialogue-portrait{position:absolute;left:-176px;bottom:0;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}#recruit-dialogue-bubble{position:absolute;left:496px;bottom:48px;max-width:240px;z-index:1;padding:14px 18px;background:#fff;color:#1c1c1c;font:18px/1.4 BoldPixels,monospace;white-space:pre-line;border-radius:16px;box-shadow:0 6px 18px #0006;opacity:0;transition:opacity .3s ease}#recruit-dialogue-bubble:after{content:"";position:absolute;left:-14px;bottom:26px;border:8px solid transparent;border-right-width:16px;border-right-color:#fff;border-left-width:0}#recruit-dialogue.show #recruit-dialogue-bubble{opacity:1;transition-delay:.5s}#intro-hog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transform:translate(-120%);transition:transform .5s ease-out}#intro-hog.show{transform:translate(0)}#intro-hog-portrait{position:absolute;left:144px;bottom:-128px;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}#intro-hog-bubble{position:absolute;left:496px;bottom:48px;max-width:240px;z-index:1;padding:14px 18px;background:#fff;color:#1c1c1c;font:18px/1.4 BoldPixels,monospace;white-space:pre-line;border-radius:16px;box-shadow:0 6px 18px #0006;opacity:0;transition:opacity .3s ease}#intro-hog-bubble:after{content:"";position:absolute;left:-14px;bottom:26px;border:8px solid transparent;border-right-width:16px;border-right-color:#fff;border-left-width:0}#intro-hog-bubble.bubble-on{opacity:1}#intro-regressor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;transform:translate(120%);transition:transform .5s ease-out}#intro-regressor.show{transform:translate(0)}#intro-regressor-portrait{position:absolute;right:-368px;bottom:0;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}#intro-regressor-bubble{position:absolute;right:304px;bottom:48px;max-width:240px;z-index:1;padding:14px 18px;background:#fff;color:#1c1c1c;font:18px/1.4 BoldPixels,monospace;white-space:pre-line;border-radius:16px;box-shadow:0 6px 18px #0006;opacity:0;transition:opacity .3s ease}#intro-regressor-bubble:after{content:"";position:absolute;right:-14px;bottom:26px;border:8px solid transparent;border-left-width:16px;border-left-color:#fff;border-right-width:0}#intro-regressor-bubble.bubble-on{opacity:1}#stats-card{position:absolute;right:8px;bottom:8px;display:none;min-width:180px;padding:10px 12px;color:#7fd4cc;background:#141a1eeb;border:1px solid #3f8f7d;border-radius:6px;box-shadow:0 6px 24px #00000073;font:12px/1.5 monospace;text-align:right;pointer-events:none;white-space:pre}#stats-card.open{display:block}#welcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:auto}#welcome-stars,#welcome-art,#welcome-hog{position:absolute;top:0;right:0;bottom:0;left:0;width:1280px;height:720px}#welcome-hog{pointer-events:none}#welcome-stars{image-rendering:pixelated}#welcome-buttons{position:absolute;left:50%;bottom:25%;transform:translate(-50%,50%);display:flex;flex-direction:column;align-items:center;gap:14px}#welcome-play,.welcome-btn{padding:16px 60px;font:40px/1 BoldPixels,monospace;letter-spacing:6px;color:#40301c;background:#cba86a;border:none;border-radius:0;image-rendering:pixelated;box-shadow:inset 4px 4px #e8cf94,inset -4px -4px #8a6a38,0 0 0 4px #5b4227;cursor:pointer;transition:none}#welcome-play:hover,.welcome-btn:hover{background:#d8b878;box-shadow:inset 4px 4px #f0dca6,inset -4px -4px #9a7a44,0 0 0 4px #5b4227,0 0 22px 4px #e6c68480}#welcome-play:active,.welcome-btn:active{transform:translateY(2px);box-shadow:inset -4px -4px #e8cf94,inset 4px 4px #8a6a38,0 0 0 4px #5b4227}.welcome-btn--small{padding:10px 28px;font-size:20px;letter-spacing:3px}.welcome-btn--danger{color:#2e0d0e;background:#e5484d;box-shadow:inset 4px 4px #f28b8e,inset -4px -4px #9c2f33,0 0 0 4px #571d1f}.welcome-btn--danger:hover{background:#ec5a5f;box-shadow:inset 4px 4px #f8a3a6,inset -4px -4px #ab383c,0 0 0 4px #571d1f,0 0 22px 4px #e5484d80}.welcome-btn--danger:active{box-shadow:inset -4px -4px #f28b8e,inset 4px 4px #9c2f33,0 0 0 4px #571d1f}.welcome-confirm-text{font:18px/1.4 BoldPixels,monospace;letter-spacing:2px;color:#40301c;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.6)}