.icon{width:calc(16px * var(--scale));height:calc(16px * var(--scale));border:calc(1px * var(--scale)) solid #1b1b1b;color:#1b1b1b;font-size:calc(8px * var(--scale));image-rendering:pixelated;background:#3e3546;flex:none;justify-content:center;align-items:center;display:inline-flex}.piece{--rarity:#c7dcd0;gap:calc(2px * var(--scale));padding:calc(3px * var(--scale)) calc(6px * var(--scale));border-left:calc(3px * var(--scale)) solid var(--rarity);flex-direction:column;display:flex}.piece-header,.piece-stats,.recipe-materials{gap:calc(8px * var(--scale));flex-wrap:wrap;align-items:center;display:flex}.piece-name{font-size:calc(8px * var(--scale))}.piece-rarity{color:var(--rarity)}.piece-element{font-weight:700}.piece-equipped{padding:0 calc(3px * var(--scale));border:calc(1px * var(--scale)) solid #f2d16b;color:#f2d16b}.materials{gap:calc(6px * var(--scale)) calc(14px * var(--scale));flex-wrap:wrap;display:flex}.material{gap:calc(4px * var(--scale));align-items:center;display:inline-flex}.recipe{gap:calc(3px * var(--scale));padding-bottom:calc(6px * var(--scale));border-bottom:calc(1px * var(--scale)) solid #2f402c;flex-direction:column;display:flex}.missing{color:#ff6b5b}.crafting-result{gap:calc(3px * var(--scale));padding:calc(4px * var(--scale));border:calc(1px * var(--scale)) solid #f2d16b;flex-direction:column;display:flex}.icon-image{background:0 0;border:none;position:relative}.icon-image>span{image-rendering:pixelated;position:absolute}.scrap{gap:calc(8px * var(--scale));padding:0 calc(6px * var(--scale)) calc(6px * var(--scale)) calc(9px * var(--scale));border-bottom:calc(1px * var(--scale)) solid #2f402c;flex-wrap:wrap;align-items:center;display:flex}.scrap-confirming{padding-top:calc(4px * var(--scale));border:calc(1px * var(--scale)) solid #f2d16b}.danger-multipliers{border-collapse:collapse;align-self:flex-start}.danger-multipliers caption{padding-bottom:calc(3px * var(--scale));text-align:left}.danger-multipliers th{color:#9aa79a;font-weight:400}.danger-multipliers th,.danger-multipliers td{padding:calc(1px * var(--scale)) calc(6px * var(--scale));text-align:right}.danger-multipliers th:first-child,.danger-multipliers td:first-child{text-align:left}.danger-multipliers tr[aria-current=true] td{color:#f2d16b}.equipment{gap:calc(16px * var(--scale));align-items:flex-start;display:flex}.equipment-column{gap:calc(6px * var(--scale));flex-direction:column;flex:1;min-width:0;display:flex}.equipment-slot{gap:calc(8px * var(--scale));align-items:center;display:flex}.equipment-slot>button:first-child{min-width:calc(56px * var(--scale))}.camp .equipment-candidate{border:calc(1px * var(--scale)) solid transparent;color:inherit;text-align:left;background:0 0;padding:0}.camp .equipment-candidate[aria-pressed=true]{background:0 0;border-color:#f2d16b}.equipment-stats{gap:calc(2px * var(--scale)) calc(10px * var(--scale));grid-template-columns:repeat(4,auto);justify-content:start;display:grid}.equipment-stat{display:contents}.upgrade{color:#7bd88f}.worsens{color:#ff6b5b}.reinforcement{gap:calc(4px * var(--scale));padding-bottom:calc(8px * var(--scale));border-bottom:calc(1px * var(--scale)) solid #2f402c;flex-direction:column;display:flex}.reinforcement-pieces{gap:calc(4px * var(--scale));flex-wrap:wrap;display:flex}.reinforcement-piece{gap:calc(4px * var(--scale));align-items:center;display:inline-flex}.reinforcement-before-after{gap:calc(8px * var(--scale));flex-wrap:wrap;align-items:center;display:flex}.reinforcement-side{gap:calc(2px * var(--scale));flex-direction:column;display:flex}.reinforcement-arrow{font-size:calc(16px * var(--scale))}.enchanting{gap:calc(4px * var(--scale));padding-bottom:calc(8px * var(--scale));border-bottom:calc(2px * var(--scale)) solid #2f402c;flex-direction:column;display:flex}.enchanting-piece{gap:calc(3px * var(--scale));flex-direction:column;display:flex}.enchanting-actions{gap:calc(8px * var(--scale));padding-left:calc(9px * var(--scale));flex-wrap:wrap;align-items:center;display:flex}.camp button.enchanting-enchanted{outline:calc(1px * var(--scale)) solid #b7a6ff}.enchanting-choice{gap:calc(4px * var(--scale));padding:calc(4px * var(--scale));border:calc(1px * var(--scale)) solid #b7a6ff;flex-direction:column;display:flex}.enchanting-alternative{font-weight:700}.wave-announcement{top:calc(28px * var(--scale));align-items:center;gap:calc(2px * var(--scale));color:#8fdcff;font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;white-space:nowrap;flex-direction:column;animation:3s linear forwards wave-announcement;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wave-announcement-title{font-size:calc(16px * var(--scale))}@keyframes wave-announcement{0%,75%{opacity:1}to{opacity:0}}.quarry-notice{top:calc(64px * var(--scale));gap:calc(3px * var(--scale));font-size:calc(16px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;white-space:nowrap;justify-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.quarry-notice.approaching{color:#ffb347;animation:1s steps(2,jump-none) infinite quarry-notice-blink}.quarry-notice.slain{color:#9be08a;font-size:calc(8px * var(--scale))}.quarry-notice kbd{min-width:calc(8px * var(--scale));padding:0 calc(2px * var(--scale));border:calc(1px * var(--scale)) solid currentcolor;font:inherit;text-align:center;display:inline-block}@keyframes quarry-notice-blink{0%{opacity:1}to{opacity:.55}}.requirements{gap:0 calc(6px * var(--scale));flex-wrap:wrap;display:flex}.requirements .met{color:#a1ca4d}.requirements .met:before{content:"+ "}.requirements .pending{color:#cc7d55}.requirements .pending:before{content:"x "}.upgrades{gap:calc(8px * var(--scale));display:flex}.screen button.upgrade{gap:calc(4px * var(--scale));width:calc(132px * var(--scale));padding:calc(2px * var(--scale));color:inherit;flex-direction:column;align-items:center;display:flex}.upgrade.panel{isolation:isolate;position:relative}.upgrade.panel:before{inset:calc(var(--panel-border,1) * -1px * var(--scale));z-index:-1;background:var(--family);content:"";mix-blend-mode:color;pointer-events:none;position:absolute}.family-attack{--family:#fd7c0b}.family-stat{--family:#5484b1}.family-mastery{--family:#f0bd26;animation:1.2s ease-in-out infinite alternate mastery-glow}.family-reserve{--family:#6a667a}@keyframes mastery-glow{0%{box-shadow:0 0 calc(2px * var(--scale)) #f0bd26}to{box-shadow:0 0 calc(8px * var(--scale)) #f0bd26}}.upgrade-header{justify-content:space-between;align-self:stretch;align-items:center;display:flex}.upgrade-family{padding:0 calc(3px * var(--scale));background:var(--family);color:#040302;font-size:calc(8px * var(--scale))}.new-upgrade{color:#a1ca4d}.upgrade-hint{align-self:stretch;gap:calc(1px * var(--scale));padding-top:calc(2px * var(--scale));border-top:calc(1px * var(--scale)) solid #0006;font-size:calc(8px * var(--scale));text-align:center;flex-direction:column;align-items:center;margin-top:auto;display:flex}.upgrade-hint+.upgrade-hint{margin-top:0}.upgrade-hint-header{gap:calc(3px * var(--scale));color:#f0bd26;align-items:center;display:inline-flex}.upgrade-hint .requirements{justify-content:center}.upgrade-hint.impossible{color:#cc7d55}.upgrade-hint.impossible .upgrade-hint-header{color:inherit}.screen button.upgrade:hover{filter:brightness(1.3)}.option{gap:calc(4px * var(--scale));flex-direction:column;align-items:center;display:flex}.option button.upgrade{flex:1}.screen button.change-choice,.windup{gap:calc(3px * var(--scale));font-size:calc(8px * var(--scale));align-items:center;display:inline-flex}.charges{gap:calc(8px * var(--scale));font-size:calc(8px * var(--scale));align-items:center;display:flex}.upgrade kbd,.change-choice kbd{padding:0 calc(3px * var(--scale));border:calc(1px * var(--scale)) solid #fff;font:inherit}.upgrade-name,.upgrade-level-tag{font-size:calc(8px * var(--scale));text-align:center}.upgrade-effect{color:#9aa79a;font-size:calc(8px * var(--scale));text-align:center}.chosen-upgrades{gap:calc(2px * var(--scale)) calc(8px * var(--scale));max-width:calc(360px * var(--scale));flex-wrap:wrap;justify-content:center;display:flex}.combat-statistics{border-collapse:collapse;min-width:calc(180px * var(--scale))}.combat-statistics caption{padding-bottom:calc(3px * var(--scale))}.combat-statistics th{color:#9aa79a;font-weight:400}.combat-statistics th,.combat-statistics td{padding:calc(1px * var(--scale)) calc(6px * var(--scale));text-align:right}.combat-statistics th:first-child,.combat-statistics td:first-child{text-align:left}.combat-statistics tfoot td{border-top:calc(1px * var(--scale)) solid #9aa79a}.damage-source{gap:calc(3px * var(--scale));align-items:center;display:inline-flex}.crit-per-hit{margin-left:calc(3px * var(--scale))}.global-statistics{gap:calc(12px * var(--scale));margin-top:calc(6px * var(--scale));align-items:flex-start;display:flex}.global-statistics .breakdown td:first-child{padding-left:calc(14px * var(--scale));color:#9aa79a}.slots-hud{top:calc(6px * var(--scale));right:calc(8px * var(--scale));z-index:1;gap:calc(2px * var(--scale));pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute}.slots-row{gap:calc(2px * var(--scale));display:flex}.slot-hud{outline:calc(1px * var(--scale)) solid var(--slot);display:flex;position:relative}.slots-row.attack{--slot:#fd7c0b}.slots-row.stat{--slot:#5484b1}.slot-hud.with-mastery{--slot:#f0bd26;box-shadow:0 0 calc(3px * var(--scale)) #f0bd26}.slot-hud.free{opacity:.45}.slot-hud.free .icon{background:#00000073}.slot-level{padding:0 calc(1px * var(--scale));font-size:calc(8px * var(--scale));background:#000000b3;line-height:1;position:absolute;bottom:0;right:0}.profession-effects{top:calc(68px * var(--scale));left:calc(8px * var(--scale));gap:calc(2px * var(--scale));font-size:calc(8px * var(--scale));color:#9fd3ff;text-shadow:0 calc(1px * var(--scale)) 0 #000;flex-direction:column;display:flex;position:absolute}.hunt-materials{border-collapse:collapse}.hunt-materials caption{padding-bottom:calc(3px * var(--scale))}.hunt-materials th{color:#9aa79a;font-weight:400}.hunt-materials th,.hunt-materials td{padding:calc(1px * var(--scale)) calc(6px * var(--scale));text-align:right}.hunt-materials td:first-child{text-align:left}.upgrades-panel{grid-template-columns:auto minmax(calc(170px * var(--scale)), auto) auto;gap:calc(10px * var(--scale));align-items:start;display:grid}.upgrades-panel h2,.upgrades-panel h3{margin:0 0 calc(2px * var(--scale));font:inherit}.upgrades-panel h2{color:#f6c27d}.upgrades-panel h3{color:#a6a3b8}.upgrades-panel ul{gap:calc(2px * var(--scale));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upgrades-panel li{gap:calc(4px * var(--scale));align-items:center;display:flex}.upgrades-row{margin-bottom:calc(4px * var(--scale))}.upgrades-empty{background:#00000059;border-style:dashed}.with-mastery .icon{outline:calc(1px * var(--scale)) solid #f0bd26}.upgrades-mastery,.upgrades-state{color:#f0bd26}.upgrades-masteries{max-height:calc(210px * var(--scale));scrollbar-color:#6a667a transparent;scrollbar-width:thin;overflow-y:auto}.upgrades-panel .upgrades-masteries li{margin-bottom:calc(3px * var(--scale));align-items:flex-start}.upgrades-mastery-header{gap:calc(6px * var(--scale));justify-content:space-between;display:flex}.mastery-missing .upgrades-state{color:#a6a3b8}.mastery-impossible{opacity:.55}.mastery-impossible .upgrades-state{color:#cc7d55}.map-panel{gap:calc(4px * var(--scale));flex-direction:column;display:flex}.map{width:calc(360px * var(--scale));height:calc(200px * var(--scale));border:calc(1px * var(--scale)) solid #040302;background:#36622e;position:relative;overflow:hidden}.map svg{width:100%;height:100%;position:absolute;inset:0}.map-icon{display:flex;position:absolute;transform:translate(-50%,-50%)}.map-essence{--map-color:#cb9ce6;fill:var(--map-color)}.map-drop{--map-color:#f3af4d;fill:var(--map-color)}.map-vein{--map-color:#cac9c7;fill:var(--map-color)}.map-mark{--map-color:#f8f3f9}.map-legend{gap:calc(2px * var(--scale)) calc(10px * var(--scale));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.map-legend li{gap:calc(3px * var(--scale));align-items:center;display:inline-flex}.map-sample{width:calc(4px * var(--scale));height:calc(4px * var(--scale));background:var(--map-color)}.pause-center{gap:calc(3px * var(--scale));flex-direction:column;grid-column:2;align-items:stretch;display:flex}.pause-tabs{gap:calc(3px * var(--scale));display:flex}.screen button.pause-tab.selected{color:#040302;background:#f6c27d}.pause-tab kbd{padding:0 calc(3px * var(--scale));border:calc(1px * var(--scale)) solid currentcolor;font:inherit}html,body{background:#000;height:100%;margin:0;overflow:hidden}#game{position:absolute}#game canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#ui{pointer-events:none;color:#fff;font-variant-ligatures:none;font-family:Theme,ui-monospace,monospace;position:absolute;inset:0}:root[data-font=system] #ui{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.panel{border:calc(var(--panel-border,1) * 1px * var(--scale)) solid transparent;border-image:var(--panel) var(--panel-border,1) fill / calc(var(--panel-border,1) * 1px * var(--scale)) stretch;image-rendering:pixelated}.character{top:calc(6px * var(--scale));left:calc(8px * var(--scale));font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;position:absolute}.timer{top:calc(6px * var(--scale));font-size:calc(16px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;position:absolute;left:50%;transform:translate(-50%)}.timer.urgent{color:#ff6b5b}.health{top:calc(18px * var(--scale));left:calc(8px * var(--scale));gap:calc(4px * var(--scale));font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;align-items:center;display:flex;position:absolute}.health-bar{width:calc(80px * var(--scale));height:calc(6px * var(--scale));border:calc(1px * var(--scale)) solid #000;background:#0009}.health-bar>div{background:#c83737;height:100%}.dodge{top:calc(30px * var(--scale));left:calc(8px * var(--scale));gap:calc(4px * var(--scale));font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;align-items:center;display:flex;position:absolute}.dodge-bar{width:calc(40px * var(--scale));height:calc(4px * var(--scale));border:calc(1px * var(--scale)) solid #000;background:#0009}.dodge-bar>div{background:#5fb3ff;height:100%;transition:width .1s linear}.essence{top:calc(42px * var(--scale));left:calc(8px * var(--scale));gap:calc(4px * var(--scale));font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;align-items:center;display:flex;position:absolute}.essence-bar{width:calc(80px * var(--scale));height:calc(4px * var(--scale));border:calc(1px * var(--scale)) solid #000;background:#0009}.essence-bar>div{background:#8fdcff;height:100%}.gathering{top:calc(54px * var(--scale));left:calc(8px * var(--scale));gap:calc(4px * var(--scale));font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;align-items:center;display:flex;position:absolute}.gathering-bar{width:calc(60px * var(--scale));height:calc(4px * var(--scale));border:calc(1px * var(--scale)) solid #000;background:#0009}.gathering-bar>div{background:#f2d16b;height:100%;transition:width .1s linear}.screen{gap:calc(6px * var(--scale));font-size:calc(8px * var(--scale));pointer-events:auto;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-screen{font-size:calc(16px * var(--scale))}.screen button{padding:calc(3px * var(--scale)) calc(8px * var(--scale));font:inherit}.screen.pause{gap:calc(12px * var(--scale));grid-template-columns:1fr auto 1fr;display:grid}.pause-stats{padding:calc(6px * var(--scale));grid-column:2}.pause-actions{gap:calc(6px * var(--scale));flex-direction:column;justify-self:start;align-items:flex-start;display:flex}.screen.result{gap:calc(12px * var(--scale));flex-direction:row}.result-summary{gap:calc(6px * var(--scale));flex-direction:column;align-items:center;display:flex}.result-stats{padding:calc(6px * var(--scale))}.controls{bottom:calc(10px * var(--scale));left:calc(8px * var(--scale));gap:calc(4px * var(--scale));padding:calc(2px * var(--scale));font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;display:grid;position:absolute}.controls-title{font-size:calc(8px * var(--scale))}.control{gap:calc(6px * var(--scale));align-items:center;display:flex}.control kbd{min-width:calc(8px * var(--scale));margin-right:calc(2px * var(--scale));padding:0 calc(2px * var(--scale));border:calc(1px * var(--scale)) solid #fff;font:inherit;text-align:center;display:inline-block}.camp{gap:calc(10px * var(--scale));padding:calc(12px * var(--scale)) calc(16px * var(--scale));font-size:calc(8px * var(--scale));pointer-events:auto;background:#1d2a1b;flex-direction:column;display:flex;position:absolute;inset:0}.camp button,.camp select,.walk button,.walk select{padding:calc(3px * var(--scale)) calc(8px * var(--scale));font:inherit}.camp input[type=checkbox],.walk input[type=checkbox]{width:calc(10px * var(--scale));height:calc(10px * var(--scale))}.camp input[type=file],.walk input[type=file]{font:inherit}.camp-header{gap:calc(16px * var(--scale));align-items:center;display:flex}.camp-sections,.dangers{gap:calc(4px * var(--scale));flex-wrap:wrap;align-items:center;display:flex}.camp button[aria-pressed=true],.walk button[aria-pressed=true]{background:#f2d16b}.camp-section{gap:calc(8px * var(--scale));flex-direction:column;flex:1;display:flex;overflow:auto}.camp-row{gap:calc(12px * var(--scale));align-items:center;display:flex}.camp-name{min-width:calc(110px * var(--scale));font-size:calc(16px * var(--scale))}.dimmed{color:#9aa79a}.start{align-self:flex-start}.save-notice{gap:calc(8px * var(--scale));padding:calc(4px * var(--scale)) calc(6px * var(--scale));border:calc(1px * var(--scale)) solid #ff6b5b;color:#ff6b5b;align-items:center;display:flex}.playtest-notice{padding:calc(4px * var(--scale)) calc(6px * var(--scale));border:calc(1px * var(--scale)) solid #f2d16b;color:#f2d16b;font-size:calc(8px * var(--scale))}.walk{font-size:calc(8px * var(--scale));text-shadow:0 calc(1px * var(--scale)) 0 #000;position:absolute;inset:0}.walk button,.walk select,.walk input,.walk-panel{pointer-events:auto}.walk-notices{top:calc(8px * var(--scale));right:calc(8px * var(--scale));left:calc(8px * var(--scale));gap:calc(4px * var(--scale));flex-direction:column;display:flex;position:absolute}.walk .save-notice{pointer-events:auto;background:#000000bf}.walk-prompt{bottom:calc(40px * var(--scale));padding:calc(3px * var(--scale)) calc(6px * var(--scale));font-size:calc(8px * var(--scale));background:#000000a6;position:absolute;left:50%;transform:translate(-50%)}.walk-prompt kbd{min-width:calc(8px * var(--scale));margin-right:calc(4px * var(--scale));padding:0 calc(2px * var(--scale));border:calc(1px * var(--scale)) solid #fff;font:inherit;text-align:center;display:inline-block}.walk-panel{inset:calc(24px * var(--scale)) calc(48px * var(--scale));gap:calc(8px * var(--scale));padding:calc(8px * var(--scale));text-shadow:none;flex-direction:column;display:flex;position:absolute}.walk-panel-header{gap:calc(16px * var(--scale));align-items:center;display:flex}.walk .playtest-notice{right:calc(8px * var(--scale));bottom:calc(4px * var(--scale));left:calc(8px * var(--scale));opacity:.75;text-align:center;border:0;padding:0;position:absolute}.walk .controls{bottom:calc(20px * var(--scale))}