:root{--screen-margin:20px;--ui-safe-top:calc(env(safe-area-inset-top,0px) + var(--screen-margin));--ui-safe-right:calc(env(safe-area-inset-right,0px) + var(--screen-margin));--ui-safe-bottom:calc(env(safe-area-inset-bottom,0px) + var(--screen-margin));--ui-safe-left:calc(env(safe-area-inset-left,0px) + var(--screen-margin));--z-coordinate-guide:1000;--z-coordinates:1010;--z-release-metadata:1020;--z-settings-gear:1030;--z-start-menu-settings-gear:2030;--z-virtual-controller:1040;--z-settings-backdrop:2000;--z-settings-window:2010;--z-settings-close:2020;--z-developer-settings-backdrop:2050;--z-developer-settings-window:2060;--z-error:3000;--z-fullscreen-transition:9000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090c16}*{box-sizing:border-box}html,body{width:100%;min-width:0;min-height:100%;margin:0}body{min-width:0;min-height:100dvh;overflow:hidden}.stage{--game-frame-half-width:28.125dvh;--letterbox-rail-width:calc(clamp(1.8rem, 2.45vw, 2.9rem) / var(--browser-zoom-factor,1));grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;min-height:100dvh;display:grid;position:relative;overflow:hidden}.letterbox-presentation{z-index:0;pointer-events:none;background:#090c16;display:none;position:absolute;inset:0;overflow:hidden}.letterbox-presentation:before,.letterbox-presentation:after{content:"";pointer-events:none;position:absolute;inset:0}.letterbox-presentation:before{filter:brightness(.94)saturate(.95)contrast(1.02);background:url(/blockchain-stealth-and-steel-game/assets/images/ui/letterbox/forest-gate-backdrop-v2.png) 50%/cover no-repeat;transform:scale(1.015)}.letterbox-presentation:after{background:linear-gradient(90deg,#040a0d1a,#0000 22% 78%,#040a0d1a),radial-gradient(#0000 18%,#050a0e33 76%)}.letterbox-presentation__rail{z-index:1;width:var(--letterbox-rail-width);--letterbox-rail-finish:inset 3px 0 0 #bbcfc240, inset -3px 0 0 #00000085, 0 0 0 1px #020608e6;background:#071013;border-inline:1px solid #0a1214;outline:none;position:absolute;top:0;bottom:0;overflow:hidden}.letterbox-presentation__rail:before{content:"";background:url(/blockchain-stealth-and-steel-game/assets/images/ui/letterbox/forest-gate-rail.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.letterbox-presentation__rail--left{left:calc(50% - var(--game-frame-half-width) - var(--letterbox-rail-width));box-shadow:var(--letterbox-rail-finish), -30px 0 30px -8px #000000b8}.letterbox-presentation__rail--left:before{transform:scaleX(-1)}.letterbox-presentation__rail--right{right:calc(50% - var(--game-frame-half-width) - var(--letterbox-rail-width));box-shadow:var(--letterbox-rail-finish), 30px 0 30px -8px #000000b8}@media (hover:hover) and (pointer:fine){.letterbox-presentation{display:block}}.game-frame{z-index:1;aspect-ratio:9/16;--game-logical-aspect-ratio:9 / 16;background:#72a94f;border:0;width:56.25dvh;min-width:0;height:100dvh;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073;container-type:inline-size}.ui-layer{z-index:var(--z-coordinate-guide);pointer-events:none;width:100vw;min-width:0;height:100dvh;position:fixed;top:0;left:0;overflow:hidden;container-type:inline-size}.dom-screen{position:absolute;inset:0;overflow:hidden}.dom-hud{inset:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute}.dom-slice{min-width:0;min-height:0}.dom-header,.dom-body,.dom-footer{position:relative}.dom-header{--ui-safe-top:0px;--ui-safe-right:0px;--ui-safe-bottom:0px;--ui-safe-left:0px;min-height:2.5rem}.ui-layer .dom-footer .virtual-controller{position:relative;bottom:auto;left:auto;right:auto}.dom-body{pointer-events:none;overflow:visible}.ui-layer:not(.is-viewport-ready){visibility:hidden}.ui-layer.is-viewport-ready{visibility:visible}#renderCanvas,#debugCanvas{zoom:1;width:100%;min-width:0;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;aspect-ratio:var(--game-logical-aspect-ratio);outline:none;display:block;position:absolute;inset:0;transform:none}.coordinate-guide{z-index:var(--z-coordinate-guide);pointer-events:none;position:absolute}#debugCanvas{z-index:2;pointer-events:none}.game-ui{z-index:10;pointer-events:none;position:absolute;inset:0}.runtime-goal-marker{pointer-events:none;width:max-content;height:max-content;position:absolute;transform:translate(-50%,-50%)}.runtime-goal-marker img{width:64px;height:64px;image-rendering:pixelated;display:block}.game-frame>.runtime-goal-marker img{width:11.1111cqw;height:11.1111cqw}.level-complete-backdrop{z-index:2500;pointer-events:auto;background:#0000009e;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.level-complete-backdrop[hidden]{display:none}.level-complete-panel{text-align:center;color:#eef6ff;background:linear-gradient(155deg,#17213b,#0b1020);border:2px solid #ffffffbf;border-radius:22px;width:min(86%,360px);margin-bottom:50px;padding:34px 28px 28px;box-shadow:0 20px 60px #0009}.level-complete-panel h2{margin:0 0 12px}.level-complete-panel p{color:#cbd5e1;margin:0 0 26px}.level-complete-continue{color:#422006;cursor:pointer;background:#facc15;border:0;border-radius:999px;padding:12px 28px}.menu-title-text{font:750 10cqw/1.05 system-ui,sans-serif}.menu-subtitle-text{font:500 .55rem/1.4 system-ui,sans-serif}.menu-body-text{font:650 3cqw/1 system-ui,sans-serif}.menu-label-text{font:500 8cqw/1.2 system-ui,sans-serif}.menu-button-text{font:750 8cqw/1 system-ui,sans-serif}.release-metadata{top:var(--ui-safe-top);left:var(--ui-safe-left);z-index:var(--z-release-metadata);color:#fff7dc;white-space:nowrap;-webkit-text-stroke:clamp(1px, .44cqw, 2px) #261b17;paint-order:stroke fill;pointer-events:none;margin:0;font-family:Arial,sans-serif;font-size:clamp(.75rem,2.67cqw,1rem);font-weight:700;line-height:1.5;position:absolute}.gold-counter,.level-counter,.items-counter,.coordinates-ui{top:calc(var(--ui-safe-top) + 1.5em);left:var(--ui-safe-left);z-index:var(--z-release-metadata);color:#fff7dc;white-space:nowrap;-webkit-text-stroke:clamp(1px, .44cqw, 2px) #261b17;paint-order:stroke fill;pointer-events:none;margin:0;font-family:Arial,sans-serif;font-size:clamp(.75rem,2.67cqw,1rem);font-weight:700;line-height:1.5;position:absolute}.items-counter{top:calc(var(--ui-safe-top) + 3em);align-items:center;gap:10px;display:flex}.items-counter-slot{align-items:center;display:inline-flex}.items-counter-slot[hidden]{display:none}.items-counter-slot img{object-fit:contain;width:1.15em;height:1.15em;image-rendering:pixelated}.coordinates-ui{top:calc(var(--ui-safe-top) + 4.5em)}.ui-layer .menu-body>.items-menu{width:100%}.menu-panel.items-window,.menu-panel.settings-window,.menu-panel.developer-window{transform:translateY(200px)}.menu-panel.game-window:has(.items-menu){transform:translateY(200px)}.menu-panel.game-window:has(.settings-controls){transform:translateY(200px)}.ui-layer .items-menu-status{color:#294650;text-align:center;white-space:pre-line;max-width:25rem;margin:0 auto 8px;font:700 clamp(12px,2.8cqw,16px)/1.2 Georgia,serif}.items-menu-grid{gap:8px;width:100%;margin-inline:auto;display:grid}.items-menu-grid[data-layout="1x1"]{aspect-ratio:1;grid-template:minmax(0,1fr)/minmax(0,1fr);max-width:220px}.items-menu-grid[data-layout="1x2"]{grid-template:repeat(2,minmax(0,1fr))/minmax(0,1fr);max-width:220px}.items-menu-grid[data-layout="1x3"]{grid-template:repeat(3,minmax(0,1fr))/minmax(0,1fr);max-width:170px}.items-menu-grid[data-layout="2x2"]{aspect-ratio:1;grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr));max-width:360px}.items-menu-grid[data-layout="2x3"]{grid-template:repeat(3,minmax(0,1fr))/repeat(2,minmax(0,1fr));max-width:340px}.items-menu-grid[data-layout="3x3"]{aspect-ratio:1;grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr));max-width:396px}.items-menu-card{aspect-ratio:1.65;color:#1e3540;cursor:pointer;text-align:left;background:#fbfdff;border:2px solid #b8ccd5;border-radius:12px;grid-template:minmax(0,1fr) auto/minmax(0,.95fr) minmax(0,1.05fr);gap:6px;min-width:0;padding:6px;display:grid;position:relative;container-type:inline-size}.items-menu-card-art{background:#5b8395;border-radius:9px;place-items:center;min-width:0;display:grid}.items-menu-card img{object-fit:contain;width:72%;height:72%;image-rendering:pixelated}.items-menu-card-details{align-content:center;gap:4px;min-width:0;display:grid}.items-menu-card strong{overflow-wrap:anywhere;font:800 clamp(9px,10cqw,17px)/1.05 system-ui,sans-serif}.items-menu-card-details span{color:#294650;font:800 clamp(8px,8cqw,14px)/1.1 system-ui,sans-serif}.items-menu-card-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.items-menu-card-stat{background:#fff;border:1px solid #d1dfe5;border-radius:6px;justify-items:center;gap:2px;min-width:0;padding:3px 2px;display:grid}.items-menu-card-stat b{font:800 clamp(7px,6cqw,11px)/1 system-ui,sans-serif}.items-menu-card-stat em{color:#3f7d69;font:800 clamp(8px,7cqw,13px)/1 system-ui,sans-serif}.items-menu-card.is-selected{background:#fff5c9;border-color:#facc15;box-shadow:inset 0 0 0 3px #facc15,0 0 0 2px #1e3540d1}.items-menu-card.is-selected:after{content:"✓";color:#fff;background:#1f7a57;border:1px solid #fff;border-radius:50%;place-items:center;width:6cqw;height:6cqw;font:900 3.6cqw/1 system-ui,sans-serif;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 .2rem .5rem #00000047}.settings-gear{top:var(--ui-safe-top);right:var(--ui-safe-right);z-index:var(--z-settings-gear);cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#0b1020d1;border:.175cqw solid #ffffffb8;border-radius:50%;width:clamp(1.375rem,4cqw,2rem);height:clamp(1.375rem,4cqw,2rem);padding:.35cqw;position:absolute;box-shadow:0 .8cqw 2.5cqw #0000006b}.settings-gear.settings-gear-over-start-menu{z-index:var(--z-start-menu-settings-gear)}.settings-gear:hover,.settings-gear:focus-visible{border-color:#fff;outline:.55cqw solid #2563eb}.settings-gear img{pointer-events:none;width:100%;height:100%;display:block}.game-window-backdrop{z-index:var(--z-settings-backdrop);padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left);pointer-events:auto;background:#0000006b;place-items:center;display:grid;position:fixed;inset:0}.level-complete-backdrop{position:fixed}.game-window-dimmer{z-index:calc(var(--z-settings-backdrop) - 10);pointer-events:auto;background:#0003;position:absolute;inset:0}.game-window-dimmer[hidden],.game-window-backdrop[hidden]{display:none}.menu-panel{color:#eef6ff;width:min(83.6cqw,33rem,100%);max-height:100%;z-index:var(--z-settings-window);transform:translateY(var(--prompt-body-center-offset-y,0px));background:linear-gradient(155deg,#17213b,#0b1020);border:.65cqw solid #ffffffc7;border-radius:3cqw;padding:clamp(2.5rem,8cqw,4rem) clamp(2rem,7cqw,3.5rem) clamp(2rem,7cqw,3.5rem);position:relative;overflow:auto;box-shadow:5px 5px 5px #00000053;container-type:inline-size}.game-window{min-height:min(54.45cqw,33.66rem,90%)}.game-window-title{margin:0 8cqw 6cqw 0;font:750 10cqw/1.05 system-ui,sans-serif}.game-window-close{color:#fff;cursor:pointer;touch-action:manipulation;width:clamp(1.375rem,4cqw,2rem);height:clamp(1.375rem,4cqw,2rem);z-index:var(--z-settings-close);background:#273654;border:.175cqw solid #ffffffb8;border-radius:50%;place-items:center;padding:.35cqw;display:grid;position:absolute;top:3px;right:3px}.game-window-close:before,.game-window-close:after{content:"";transform-origin:50%;background:currentColor;border-radius:.39cqw;width:5.2cqw;height:.715cqw;position:absolute;top:50%;left:50%}.game-window-close:before{transform:translate(-50%,-50%)rotate(45deg)}.game-window-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.game-window-close:hover,.game-window-close:focus-visible{border-color:#fff;outline:.55cqw solid #2563eb}.game-window-body{width:100%}.start-game-prompt-backdrop{z-index:var(--z-settings-backdrop);padding:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left);pointer-events:auto;background:#0000006b;place-items:center;display:grid;position:fixed;inset:0}.start-game-prompt-body{margin:0 0 7cqw}.start-game-prompt-start{color:#422006;cursor:pointer;touch-action:manipulation;background:#facc15;border:0;border-radius:999px;width:100%;padding:3cqw}.start-game-prompt-start:focus-visible{outline-offset:.55cqw;outline:.55cqw solid #2563eb}.settings-controls{gap:6cqw;display:grid}.volume-control{gap:2cqw;display:grid}.volume-label{display:block}.volume-scale{grid-template-columns:5cqw 1fr 9cqw;align-items:center;gap:2cqw;display:grid}.volume-scale input[type=range]{accent-color:#60a5fa;cursor:pointer;touch-action:pan-x;width:100%;margin:0}.settings-section-title{margin:4cqw 0 2cqw}.collider-control,.fullscreen-control{cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:3cqw;display:flex}.collider-control input[type=checkbox],.fullscreen-control input[type=checkbox]{accent-color:#60a5fa;cursor:pointer;width:5cqw;height:5cqw;margin:0}.settings-reset,.settings-github-button{color:#fff;cursor:pointer;touch-action:manipulation;background:#273654;border:.4cqw solid #ffffffad;border-radius:1.8cqw;justify-self:center;min-width:30cqw;padding:2.5cqw 5cqw}.settings-reset:hover,.settings-github-button:hover,.settings-reset:focus-visible{border-color:#fff;outline:.55cqw solid #2563eb}.developer-settings-button{color:#fff;cursor:pointer;touch-action:manipulation;background:#273654;border:.4cqw solid #ffffffad;border-radius:1.8cqw;width:100%;padding:2.5cqw 3cqw}.developer-settings-button:hover,.developer-settings-button:focus-visible{border-color:#fff;outline:.55cqw solid #2563eb}.start-game-prompt-start,.start-game-prompt-items,.level-complete-continue,.settings-reset,.settings-github-button,.developer-settings-button{color:#422006;cursor:pointer;touch-action:manipulation;background:#facc15;border:0;border-radius:999px;justify-self:stretch;width:100%;min-width:0;padding:3cqw}.start-game-prompt-start:hover,.start-game-prompt-start:focus-visible,.start-game-prompt-items:hover,.start-game-prompt-items:focus-visible,.level-complete-continue:hover,.level-complete-continue:focus-visible,.settings-reset:hover,.settings-reset:focus-visible,.settings-github-button:hover,.settings-github-button:focus-visible,.developer-settings-button:hover,.developer-settings-button:focus-visible{outline-offset:.55cqw;border-color:#0000;outline:.55cqw solid #2563eb}.start-game-prompt-items:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.48}.developer-settings-backdrop{z-index:var(--z-developer-settings-backdrop)}.developer-settings-dimmer{z-index:calc(var(--z-developer-settings-backdrop) - 10);background:#0003}.developer-settings-backdrop .game-window{z-index:var(--z-developer-settings-window)}.coordinates-ui output{white-space:pre;display:block}.error{inset:var(--ui-safe-top) var(--ui-safe-right) var(--ui-safe-bottom) var(--ui-safe-left);color:#ffd9df;text-align:center;z-index:var(--z-error);background:#23080ceb;place-items:center;margin:0;padding:1rem;font:600 .8rem/1.5 system-ui,sans-serif;display:none;position:absolute}.error:not(:empty){display:grid}.fullscreen-transition{z-index:var(--z-fullscreen-transition);pointer-events:auto;position:fixed;overflow:hidden}.fullscreen-transition[hidden]{display:none}.bis-game-confirmed-reward{color:#fff;z-index:30;pointer-events:none;background:#16352f;border:2px solid #dfb965;border-radius:6px;max-width:360px;padding:8px 12px;position:absolute;bottom:48px;left:16px}.virtual-controller{--move-control-size:clamp(4.5rem, 20cqw, 7.2rem);--action-control-size:clamp(3.2rem, 15cqw, 5.4rem);--controller-color:#fff7dcf0;--controller-fill:#1914167a;--controller-puck:#d8b575d1;z-index:var(--z-virtual-controller,1040);right:var(--ui-safe-right);bottom:var(--ui-safe-bottom);left:var(--ui-safe-left);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.movement-control,.action-controls{align-items:flex-end;display:flex}.movement-control{flex-direction:column;align-items:center;gap:.35rem}.action-controls{gap:30px}.joystick,.action-control{appearance:none;color:var(--controller-color);letter-spacing:.03em;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;outline:none;font:700 clamp(.62rem,2.6cqw,.9rem)/1 system-ui,sans-serif}.joystick{width:var(--move-control-size);height:var(--move-control-size);border:clamp(3px, .8cqw, 5px) solid var(--controller-color);background:var(--controller-fill);border-radius:50%;padding:0;position:relative;box-shadow:0 .15rem 1rem #00000047}.control-puck{border:clamp(2px, .55cqw, 4px) solid var(--controller-color);background:var(--controller-puck);will-change:transform;border-radius:50%;width:40%;height:40%;transition:background 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-control{width:var(--action-control-size);background:0 0;place-items:center;gap:.35rem;padding:0;display:grid}.action-control-layout{place-items:center;display:grid}.action-symbol{width:var(--action-control-size);height:var(--action-control-size);border:clamp(2px, .55cqw, 4px) solid var(--controller-color);background:var(--controller-puck);transform:translateY(calc((var(--action-control-size) - var(--move-control-size)) / 2));border-radius:50%;place-items:center;font-size:clamp(1.25rem,6cqw,2rem);transition:background 80ms,transform 80ms;display:grid;box-shadow:0 .15rem 1rem #00000047}#item-action .action-symbol{-webkit-text-stroke:1px currentColor}.action-control:last-child .action-symbol{transform:translateY(calc((var(--action-control-size) - var(--move-control-size)) / 2))}.control-label{color:var(--controller-color);filter:drop-shadow(0 1px 2px #000c);letter-spacing:.03em;white-space:nowrap;font:700 clamp(.62rem,2.6cqw,.9rem)/1 system-ui,sans-serif}.joystick.is-pressed .control-puck,.action-control.is-pressed .action-symbol{background:#606060eb}.action-control.is-pressed .action-symbol{transform:translateY(calc((var(--action-control-size) - var(--move-control-size)) / 2)) scale(.94)}.joystick:focus-visible,.action-control:focus-visible .action-symbol{outline-offset:3px;outline:3px solid #fff4ad}.ui-layer{--hud-safe-area:14px;--hud-round-size:clamp(44px, 11.1111cqw, 64px);--hud-gold-height:clamp(16px, 3.8194cqw, 22px);--hud-header-offset:clamp(18px, 3.6458cqw, 21px);--hud-round:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/SmallBlueRoundButton_Regular.png);--hud-ink:#fff5d9}.ui-layer .dom-hud{inset:calc(env(safe-area-inset-top,0px) + var(--hud-safe-area)) calc(env(safe-area-inset-right,0px) + var(--hud-safe-area)) calc(env(safe-area-inset-bottom,0px) + var(--hud-safe-area)) calc(env(safe-area-inset-left,0px) + var(--hud-safe-area))}.ui-layer .release-metadata{text-align:left;width:auto;color:var(--hud-ink);-webkit-text-stroke:0;font:9.6px/16px system-ui,sans-serif;top:0;left:0}.ui-layer .gold-counter,.ui-layer .level-counter,.ui-layer .items-counter{width:auto;height:var(--hud-gold-height);text-align:left;font:bold var(--hud-gold-height)/1 Georgia, serif;color:var(--hud-ink);-webkit-text-stroke:0;padding:0;display:block;left:0}.ui-layer .release-metadata,.ui-layer .gold-counter,.ui-layer .level-counter,.ui-layer .items-counter{text-shadow:1px 1px #0003}.ui-layer .gold-counter{top:var(--hud-header-offset)}.ui-layer .level-counter{top:calc(var(--hud-header-offset) + var(--hud-gold-height) + 4px)}.ui-layer .items-counter{top:calc(var(--hud-header-offset) + (var(--hud-gold-height) + 4px) * 2);align-items:center;display:flex}.ui-layer .items-counter-slot{background:#fff5d92e;justify-content:center;width:1.15em;height:1.15em}.ui-layer .items-counter[hidden]{display:none}.ui-layer .coordinates-ui{top:calc(var(--hud-header-offset) + (var(--hud-gold-height) + 4px) * 3);color:var(--hud-ink);-webkit-text-stroke:0;background:#173a40db;border-radius:3px;padding:4px 8px;font:12px/1.4 ui-monospace,monospace;left:0}.ui-layer .settings-gear{top:calc(var(--hud-header-offset) + (var(--hud-gold-height) - var(--hud-round-size)) / 2);width:var(--hud-round-size);height:var(--hud-round-size);background:var(--hud-round) center / 70.3125% no-repeat;image-rendering:pixelated;box-shadow:none;border:0;place-items:center;padding:0;display:grid;right:24px}.ui-layer .settings-gear img{width:36%;height:36%;image-rendering:pixelated;transform:translateY(-5%)}.ui-layer .virtual-controller{--move-control-size:clamp(84px, 24.6528cqw, 142px);--action-control-size:clamp(56px, 16.6667cqw, 96px);--controller-color:var(--hud-ink);align-items:start;padding:0 24px 11px 6px;transform:translateY(20px)}.ui-layer .movement-control,.ui-layer .action-control{grid-template-rows:var(--move-control-size) 22px;place-items:center;gap:8px;display:grid}.ui-layer .action-controls{align-items:start;gap:clamp(12px,2.9514cqw,17px)}.ui-layer .joystick,.ui-layer .action-symbol,.ui-layer .control-puck{background:var(--hud-round) center / 137.5% no-repeat;image-rendering:pixelated;box-shadow:none;border:0}.ui-layer .joystick{background-size:133.803%}.ui-layer .control-puck{pointer-events:none;filter:brightness(1.22)drop-shadow(0 1.5px 3px #203c3455);width:49.3%;height:49.3%}.ui-layer .action-symbol,.ui-layer .action-control:last-child .action-symbol{pointer-events:none;font-size:0;position:relative;transform:none}.ui-layer .action-symbol:after{content:"";background:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/Icon_05.png) 50%/contain no-repeat;width:45.5%;height:45.5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-layer #item-action .action-symbol:after{background:#fff;width:25%;height:25%}.ui-layer .control-label{letter-spacing:0;color:var(--hud-ink);text-shadow:1px 1px #172b27;filter:none;-webkit-user-select:none;user-select:none;font:700 clamp(12px,3.125cqw,18px)/22px Georgia,serif;transform:translateY(calc(20px - 100%))}.ui-layer .joystick.is-pressed .control-puck,.ui-layer .action-control.is-pressed .action-symbol{background:var(--hud-round) center / 137.5% no-repeat}.ui-layer .joystick.is-pressed .control-puck{filter:brightness(.9)saturate(.75)drop-shadow(0 1.5px 3px #203c3455)}.ui-layer .action-control.is-pressed .action-symbol{filter:brightness(.78)saturate(.75);transform:none}.ui-layer .settings-gear:active{background:var(--hud-round) center / 70.3125% no-repeat;filter:brightness(.78)saturate(.75)}.ui-layer .settings-gear:hover,.ui-layer .settings-gear:focus-visible{outline:none}.ui-layer .joystick:focus-visible,.ui-layer .action-control:focus-visible .action-symbol{outline-offset:2px;outline:3px solid #fff4ad}.ui-layer .action-control:disabled,.ui-layer .joystick:disabled,.ui-layer .settings-gear:disabled{filter:grayscale();opacity:.6}@media (hover:hover){.ui-layer .settings-gear:hover:not(:active),.ui-layer .joystick:hover:not(.is-pressed),.ui-layer .action-control:hover:not(.is-pressed) .action-symbol{filter:brightness(1.12)}}.ui-layer .runtime-goal-marker img{filter:drop-shadow(0 1px #fff5d9)drop-shadow(0 2px 2px #173a40)}.ui-layer{--menu-transition-duration:.1s;--menu-transition-from-scale:.8;--menu-transition-to-scale:1;--menu-toast-bottom:9dvh;--menu-toast-offset:15px;--menu-first-visible-top:calc(var(--menu-toast-bottom) + var(--menu-toast-offset));--menu-ribbon-overhang:28px;--menu-action-gap:4.8px;--menu-section-following-gap:2.4px;--menu-form-item-gap:3.6px;--menu-final-action-bottom:8px;--menu-content-min-height:min(325px, 25dvh);--menu-paper-edge-inline:5%;--menu-paper-content-inset:25px;--menu-paper-top:45px;--menu-ribbon-title-safe-inset:72px;--menu-title-font-size:25px}.framed-slices{z-index:-1;pointer-events:none;grid-template-rows:32px 1fr 32px;grid-template-columns:32px 1fr 32px;display:grid;position:absolute;inset:0}.ui-layer .game-window.menu-surface{min-height:0;padding:var(--menu-paper-top) var(--menu-paper-edge-inline) 0}.ui-layer .menu-title-content{width:100%;min-width:0;height:100%;font:bold var(--menu-title-font-size)/1.1 Georgia, serif;text-align:center;white-space:nowrap;grid-column:2;place-content:center;place-items:center;margin:0;padding:0;display:grid;overflow:hidden}.ui-layer .menu-surface .title-container{grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;column-gap:4px;width:80%;height:60%;display:grid;position:absolute;top:10px;left:50px}.ui-layer .menu-surface .title-container .title-text{grid-area:1/1/auto/-1;width:100%;min-width:0;height:100%;margin:0;padding:0}.ui-layer .menu-surface .title-container .close-button{z-index:1;width:24px;height:24px;margin:0;padding:0;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.ui-layer .menu-surface .title-container .close-button>.game-window-close{background-size:100% 100%;width:100%;height:100%}.game-window-header>.menu-ribbon-art{top:10%;bottom:10%}.ui-layer .menu-body{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:0;display:flex}.ui-layer .header-container,.ui-layer .body-container,.ui-layer .footer-container{box-sizing:border-box;width:100%}.ui-layer .body-container{flex:auto;min-height:0;display:flex}.ui-layer .body-container>.menu-body{flex:auto;min-height:0}.ui-layer .footer-container{padding-top:var(--menu-action-gap);flex:none;place-items:center;display:grid}.ui-layer .footer-container:has(.menu-button-container:empty){height:0;min-height:0;padding-top:0}.ui-layer .menu-body>:is(.settings-controls,.treasure-content){width:100%}.ui-layer .game-window .settings-controls{gap:var(--menu-form-item-gap);flex-direction:column;display:flex}.ui-layer .menu-button-container{align-items:stretch;gap:var(--menu-action-gap);flex-direction:column;width:min(274px,100%);margin:0 auto;display:flex}.ui-layer .menu-button-container:empty{display:none}.ui-layer .menu-button-container>.menu-action-button{width:100%}.ui-layer .developer-settings-actions{width:calc-size(fit-content, size * 1.5);box-sizing:border-box;column-gap:0;row-gap:var(--menu-action-gap);grid-template-columns:minmax(0,1fr);max-width:100%;padding-inline:4px;display:inline-grid}.ui-layer .developer-settings-actions>.menu-action-button{width:100%;min-width:0;margin-top:0}.ui-layer .developer-settings-actions>.menu-action-button.has-menu-icon .menu-button-icon{width:22px;height:22px;margin:0;display:block;transform:none}.ui-layer .developer-settings-actions>.menu-action-button.has-menu-icon{justify-content:center;align-items:center;gap:10px;display:flex}.ui-layer .developer-settings-actions{justify-self:center;margin:0;position:static;transform:none}.ui-layer .developer-settings-actions>.menu-action-button+.menu-action-button{margin-top:0}.ui-layer .developer-settings-actions>.settings-reset{grid-column:1/-1}.ui-layer .menu-content-stack{width:100%;min-height:var(--menu-content-min-height);padding:var(--menu-paper-content-inset);box-sizing:border-box;flex-direction:column;flex:auto;align-items:center;display:flex;overflow:clip}.ui-layer .level-complete-panel.outcome-loss .menu-button-container{width:100%}.ui-layer .header-container:empty{display:none}.ui-layer :is(.slider-control,.toggle-control) .menu-label-text{color:#513d2a;font:700 clamp(12.8px,2.8cqw,16px)/1.3 Georgia,serif}.ui-layer .slider-control .menu-body-text{color:#513d2a;font:14px/1 Georgia,serif}.ui-layer .slider-control{text-align:left;gap:0}.ui-layer .slider-control .volume-scale{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0;position:relative}.ui-layer .slider-control .volume-scale:before{content:"";box-sizing:border-box;pointer-events:none;background:#3f91a0;border:1px solid #254956;border-radius:1.5px;height:5px;position:absolute;top:50%;left:6.4px;right:6.4px;transform:translateY(-50%)}.ui-layer .slider-control .volume-scale input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;position:relative}.ui-layer .slider-control input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:5px}.ui-layer .slider-control input[type=range]::-moz-range-track{background:0 0;border:0;height:5px}.ui-layer .slider-control input[type=range]::-webkit-slider-thumb{appearance:none;width:12.8px;height:12.8px;image-rendering:pixelated;background:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/SmallBlueRoundButton_Regular.png) 50%/137.5%;border:0;margin-top:-3.9px}.ui-layer .slider-control input[type=range]::-moz-range-thumb{width:12.8px;height:12.8px;image-rendering:pixelated;background:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/SmallBlueRoundButton_Regular.png) 50%/137.5%;border:0;border-radius:0}.ui-layer .toggle-control,.ui-layer .game-window .fullscreen-control{text-align:left;justify-content:space-between;align-items:center;gap:0;min-height:22px;display:flex}.ui-layer .toggle-control .menu-label-text{flex:1;min-width:0;max-width:none}.ui-layer .toggle-control input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;flex:0 0 44px;place-content:center;width:44px;height:22px;margin:0;display:grid;position:relative}.ui-layer .toggle-control input[type=checkbox]:before{content:"";box-sizing:border-box;background:#d6c69f;border:1px solid #285762;border-radius:2px;width:11px;height:11px;transform:translate(15.6px)}.ui-layer .toggle-control input[type=checkbox]:checked:before{background:#3f91a0}.ui-layer .toggle-control input[type=checkbox]:checked:after{content:"";border:1px solid #fff5dc;border-width:0 1px 1px 0;width:2.5px;height:5px;position:absolute;top:50%;left:calc(50% + 15.6px);transform:translate(-50%,-65%)rotate(45deg)}.ui-layer .menu-surface .game-window-close{z-index:2;width:58px;height:58px;box-shadow:none;image-rendering:pixelated;background:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/Icon_09.png) 50%/58px 58px no-repeat;border:0;border-radius:0;padding:0;position:static;transform:none}.ui-layer .menu-surface .game-window-close:before,.ui-layer .menu-surface .game-window-close:after{display:none}.ui-layer .menu-surface .game-window-close:hover{filter:brightness(1.12);outline:none}.ui-layer .menu-surface .game-window-close:active{filter:brightness(.78)saturate(.75)}.ui-layer .menu-surface input:focus-visible,.ui-layer .slider-control input:focus-visible,.ui-layer .toggle-control input:focus-visible,.ui-layer .menu-surface .game-window-close:focus-visible{outline:none}.ui-layer .menu-backdrop-surface.developer-settings-backdrop{z-index:var(--z-developer-settings-backdrop)}.framed-slices i{image-rendering:pixelated;background-position:0 0;background-size:500% 500%}.framed-slices i:nth-child(3n+2){background-position-x:50%}.framed-slices i:nth-child(3n){background-position-x:100%}.framed-slices i:nth-child(n+4){background-position-y:50%}.framed-slices i:nth-child(n+7){background-position-y:100%}.menu-surface>.framed-slices{background:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/RegularPaper-v2.png) 50%/100% 100% no-repeat;border-radius:12px;grid-template-rows:5px 1fr 5px;grid-template-columns:5px 1fr 5px;left:5%;right:5%;overflow:hidden}.menu-surface>.framed-slices>i{display:none}.ui-layer .menu-surface{width:100%;height:auto;min-height:0;max-height:none;padding:var(--menu-paper-top) var(--menu-paper-edge-inline) 0;box-shadow:none;color:#513d2a;text-align:center;isolation:isolate;filter:drop-shadow(0 12px 16px #081c2666);background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;margin:0;display:flex;overflow:visible;transform:none;container-type:normal}@media (width<=1000px){.ui-layer .developer-settings-actions>.menu-action-button{font-size:18px}}.menu-ribbon-art{z-index:-1;pointer-events:none;filter:drop-shadow(0 4px #172d3150);grid-template-columns:75px 1fr 75px;display:grid;position:absolute;inset:0}.menu-ribbon-art i{image-rendering:pixelated;background:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/Ribbon_Blue_3Slides.png) 0 0/300% 100%}.menu-ribbon-art i:nth-child(2){background-position-x:50%}.menu-ribbon-art i:nth-child(3){background-position-x:100%}.ui-layer .menu-ribbon{height:82px;padding:0 var(--menu-ribbon-title-safe-inset);isolation:isolate;color:#fff4d9;text-shadow:0 2px #204e5d;justify-content:center;align-items:center;margin:0;font:700 clamp(36px,8cqw,52px)/1.1 Georgia,serif;display:flex;position:absolute;top:-28px;left:-8px;right:-8px}.ui-layer .menu-title-content{width:100%;height:100%;margin:0;padding:0}.ui-layer .start-game-prompt-panel .menu-title-content{transform:none}.menu-title-content>.menu-ribbon-art{top:10%;bottom:10%}menu-title-label{white-space:nowrap;max-width:100%;display:inline-block;transform:none}.ui-layer .menu-action-button{isolation:isolate;box-sizing:border-box;color:#fff5dc;text-shadow:0 2px #25565d;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;width:min(274px,100%);height:56px;min-height:56px;padding:0;font:700 clamp(22px,4.7cqw,27px)/1.2 Georgia,serif;position:relative}.menu-action-art i{background-image:url(/blockchain-stealth-and-steel-game/ui/tiny-swords/BigBlueButton_Regular.png)}.menu-button-secondary .menu-action-art i{filter:hue-rotate(175deg)saturate(2)brightness(.8)}.map-order-buttons{box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;padding:4px 0;display:flex}.ui-layer .game-window .map-order-button{flex:0 68px;width:68px;min-width:0;height:9px;min-height:9px;padding:0 4px;font-size:13px;line-height:1}.ui-layer .map-order-button .menu-action-art{grid-template-rows:5px 1fr 5px;grid-template-columns:5px 1fr 5px}.ui-layer .map-order-button menu-button-label{line-height:9px}menu-button-label{white-space:nowrap;min-width:0;max-width:100%;line-height:1;display:block}.ui-layer .menu-action-button.has-menu-icon{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.ui-layer .menu-action-button.has-menu-icon .menu-button-icon{grid-area:1/1;justify-self:end;margin-right:6px}.ui-layer .menu-action-button.has-menu-icon:has(.menu-button-icon-glyph) .menu-button-icon{margin-right:5px}.ui-layer .menu-action-button.has-menu-icon menu-button-label{grid-area:1/2}.menu-button-icon{flex:none;line-height:1}.menu-button-icon-glyph{transform-origin:100%;font-size:16.2px;transform:scaleX(.8)}.menu-button-icon svg{fill:currentColor;width:22px;height:22px;display:block}.ui-layer .menu-action-button{place-items:center;padding:0;display:grid}.ui-layer .menu-button-primary,.ui-layer .menu-button-secondary{width:100%;height:56px;min-height:56px}.ui-layer .menu-button-secondary{color:#fff5dc}.ui-layer .settings-bis-button{font-size:clamp(17.6px,3.76cqw,21.6px)}.ui-layer .menu-action-button:hover:not(:focus-visible){outline:none}.ui-layer .menu-action-button:hover .menu-action-art{filter:brightness(1.12)}.ui-layer .menu-action-button:active .menu-action-art{filter:brightness(.78)saturate(.75)}.ui-layer .menu-action-button:focus-visible{outline:none}.ui-layer .menu-backdrop-surface{z-index:var(--z-settings-backdrop);pointer-events:auto;background:#1429279e;place-items:start center;padding:28px 22px;display:grid;position:fixed;overflow:clip}.ui-layer .menu-backdrop-surface[hidden]{display:none}.ui-layer .menu-backdrop-surface.menu-transition-enter{animation:menu-backdrop-enter var(--menu-transition-duration) ease-out both}.ui-layer .menu-backdrop-surface.menu-transition-exit{pointer-events:none;animation:menu-backdrop-exit var(--menu-transition-duration) ease-in both}.ui-layer .menu-backdrop-surface.menu-transition-enter .menu-composition{animation:menu-enter var(--menu-transition-duration) ease-out both}.ui-layer .menu-backdrop-surface.menu-transition-exit .menu-composition{animation:menu-exit var(--menu-transition-duration) ease-in both}@keyframes menu-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes menu-backdrop-exit{0%{opacity:1}to{opacity:0}}@keyframes menu-enter{0%{opacity:0;transform:scale(var(--menu-transition-from-scale))}to{opacity:1;transform:scale(var(--menu-transition-to-scale))}}@keyframes menu-exit{0%{opacity:1;transform:scale(var(--menu-transition-to-scale))}to{opacity:0;transform:scale(var(--menu-transition-from-scale))}}@media (prefers-reduced-motion:reduce){.ui-layer .menu-backdrop-surface.menu-transition-enter,.ui-layer .menu-backdrop-surface.menu-transition-exit,.ui-layer .menu-backdrop-surface.menu-transition-enter .menu-composition,.ui-layer .menu-backdrop-surface.menu-transition-exit .menu-composition{animation:none}}.ui-layer .menu-backdrop-surface:not(.has-logo){padding:calc(var(--menu-first-visible-top) + var(--menu-ribbon-overhang)) 22px 28px}.ui-layer .menu-action-button:disabled{cursor:default}.ui-layer .menu-action-button:disabled .menu-action-art{filter:grayscale()brightness(.75)}.ui-layer .menu-backdrop-surface.has-logo{padding:var(--menu-first-visible-top) 22px 28px;background:#1429279e;place-items:start center;overflow:clip}.menu-composition{pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:min(480px,100cqw - 44px,100%);margin:0 auto auto;display:flex;position:relative}.menu-composition>.menu-surface{pointer-events:auto}.menu-logo{z-index:calc(var(--z-settings-window) + 1);object-fit:contain;filter:drop-shadow(0 5px 3px #0b1f2b55);width:min(272px,65%);height:auto;display:block;position:relative}.ui-layer .menu-prose{color:#513d2a;text-align:center;justify-content:center;align-items:center;max-width:325px;min-height:4em;margin:0 0 10px;font:22px/1.6 Georgia,serif;display:flex}@container (width<=400px){.ui-layer .menu-prose{font-size:18px}}@container (height<=650px){.menu-composition{gap:8px}.menu-logo{width:min(180px,60%)}.ui-layer .menu-body{gap:8px}.ui-layer .menu-prose{font-size:16px;line-height:1.4}.ui-layer .menu-action-button{min-height:56px;padding-inline:16px}.menu-action-button .framed-slices{grid-template-rows:24px 1fr 24px;grid-template-columns:24px 1fr 24px}.ui-layer .menu-surface .menu-ribbon{height:64px;padding-bottom:0;top:-22px}.ui-layer .menu-surface .menu-title-content{padding-bottom:0}.ui-layer .game-window .game-window-header .menu-title-content{padding:0}.menu-surface .menu-ribbon-art{grid-template-columns:58px 1fr 58px}}.ui-layer .debug-visualizations-heading{margin:0 0 var(--menu-section-following-gap);text-align:left;color:#513d2a;font:700 clamp(18px,4cqw,23px)/1.3 Georgia,serif}.ui-layer .map-order-heading{margin:var(--menu-form-item-gap) 0 var(--menu-section-following-gap);text-align:left;color:#513d2a;font:700 clamp(18px,4cqw,23px)/1.3 Georgia,serif}.ui-layer .debug-visualizations-heading~.toggle-control,.ui-layer .map-order-heading+.map-order-buttons{width:calc(100% - 20px);margin-left:20px}.level-complete-panel .menu-button-text:disabled{filter:grayscale();opacity:.5;cursor:default}.level-complete-panel [hidden]{display:none!important}.level-complete-panel .level-complete-check{font-size:12px}.treasure-content{display:contents}.treasure-content>[hidden]{display:none}.ui-layer .treasure-content>.treasure-message{min-height:4em;margin:0}.ui-layer .treasure-content>.treasure-countdown{min-height:1.6em;margin:0}.settings-reset .menu-action-art i,.developer-settings-button .menu-action-art i{filter:hue-rotate(175deg)saturate(2)brightness(.8)}.ui-layer .start-game-prompt-backdrop.has-logo{padding:18.715cqw 0 0}.ui-layer .start-game-prompt-composition{gap:2.1724cqw;width:86.8975cqw}.ui-layer .start-game-prompt-logo{width:49.2419cqw}.ui-layer .start-game-prompt-panel{filter:drop-shadow(0 2.1724cqw 2.8966cqw #081c2666)}.ui-layer .start-game-prompt-panel .menu-content-stack{padding:var(--menu-paper-content-inset)}.ui-layer .start-game-prompt-panel .game-window-header{width:100%;height:14.8452cqw;padding:0 13.0346cqw;top:-5.0691cqw;left:0;right:0}.start-game-prompt-panel .menu-ribbon-art{grid-template-columns:13.578cqw 1fr 13.578cqw}.ui-layer .start-game-prompt-panel .menu-body{gap:2.1724cqw}.ui-layer .start-game-prompt-body{max-width:58.8378cqw;min-height:4em;margin:0 0 1.8104cqw;font:3.9828cqw/1.6 Georgia,serif}.ui-layer .start-game-prompt-panel .menu-button-container{gap:.8689cqw;width:49.604cqw}.ui-layer .start-game-prompt-panel .menu-action-button{height:10.1382cqw;min-height:10.1382cqw;padding:0;font-size:4.7cqw}.start-game-prompt-panel .menu-action-button .framed-slices{grid-template-rows:5.7932cqw 1fr 5.7932cqw;grid-template-columns:5.7932cqw 1fr 5.7932cqw}.start-game-prompt-panel .menu-button-icon-glyph{font-size:2.9328cqw}.ui-layer .start-game-prompt-panel .menu-action-button.has-menu-icon .menu-button-icon{margin-right:.9052cqw}
