:root{color:#f5f5f4;background:#0a0a0b;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%;min-height:0;background:#0a0a0b}body{overflow:hidden}button{font:inherit}#app{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,380px);height:100vh;min-width:0;min-height:0;overflow:hidden}#app[data-mode=menu],#app[data-mode=run]{grid-template-columns:minmax(0,1fr)}#app[data-mode=menu] #lab,#app[data-mode=run] #lab{display:none}.asset-failure{grid-column:1 / -1;place-self:center;max-width:60ch;margin:24px;padding:18px;border:2px solid #ffa630;background:#171719;color:#f5f5f4;line-height:1.5}.game-shell{position:relative;width:min(100%,166.6667dvh);aspect-ratio:5 / 3;max-height:100dvh;min-width:0;min-height:0;justify-self:center;align-self:center;outline:1px solid #323235;outline-offset:-1px;background:#050506;overflow:hidden}#game{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none}#game:focus-visible{outline:3px solid #ffa630;outline-offset:-4px}#hud{position:absolute;inset:3.5% auto auto 3%;display:grid;grid-template-columns:auto;gap:2px 10px;color:#f5f5f4;font-size:clamp(10px,1vw,14px);font-weight:800;letter-spacing:.08em;pointer-events:none}#hud .hearts,#hud .ammo,#hud .resources,#hud .resource{display:flex;align-items:center}#hud .heart,#hud .ammo-tile{display:block;position:relative}#hud .heart img,#hud .ammo-tile img,#hud .resource img{display:block;object-fit:contain;image-rendering:pixelated}#hud .heart img{width:clamp(26px,3.2vw,42px);height:clamp(26px,3.2vw,42px)}#hud .ammo-tile img{width:clamp(21px,2.4vw,32px);height:clamp(21px,2.4vw,32px)}#hud .ammo-tile .ammo-echo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud .dealer-cut{display:flex;align-items:center;gap:5px}#hud .dealer-cut[hidden]{display:none}#hud .dealer-cut img{width:clamp(26px,3vw,40px);height:clamp(26px,3vw,40px);object-fit:contain;image-rendering:pixelated}#hud .dealer-cut strong{text-shadow:0 2px 0 #0a0a0b,2px 0 0 #0a0a0b}#hud .hud-deliveries{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud .hud-delivery{position:absolute;top:0;left:0;width:clamp(26px,3vw,42px);height:clamp(26px,3vw,42px);object-fit:contain;image-rendering:pixelated;pointer-events:none}#hud .hud-delivery.arrived{filter:brightness(1.35)}#hud .resources{gap:10px}#hud .resource{gap:2px}#hud .resource img{width:clamp(20px,2.2vw,30px);height:clamp(20px,2.2vw,30px)}#hud .resource strong{min-width:2ch;text-shadow:0 2px 0 #0a0a0b,2px 0 0 #0a0a0b}#main-menu,#run-choice,#run-banner{position:absolute;z-index:4;color:#f5f5f4;text-shadow:0 2px 0 #0a0a0b}#main-menu{top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#050506b8}#app:not([data-mode=menu]) #main-menu{display:none}#main-menu p{margin:0;color:#ffa630;font-size:12px;font-weight:900;letter-spacing:.18em}#main-menu h1{margin:0 0 8px;font-size:clamp(36px,7vw,82px);line-height:.9;text-transform:uppercase}#main-menu button,#main-menu a{width:min(260px,72vw);min-height:42px;display:grid;place-items:center;border:2px solid #6b5a44;background:#171719;color:#f5f5f4;text-decoration:none;font-size:13px;font-weight:900;text-transform:uppercase}#main-menu a:hover{border-color:#ffa630;color:#ffa630}#run-choice{inset:auto 50% 8%;translate:-50% 0;width:min(760px,92%);padding:14px;border:2px solid #f7d774;background:#0a0a0be6}#run-choice[hidden]{display:none}#run-choice h2{margin:0 0 10px;color:#ffa630;font-size:14px;letter-spacing:.14em;text-align:center;text-transform:uppercase}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px;min-height:94px;padding:10px;text-align:left}.choice-card img{grid-row:1 / 3;width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.choice-card strong{align-self:end;color:#f5f5f4;font-size:12px}.choice-card span{color:#b9b9b7;font-size:9px;line-height:1.35}#run-banner{top:18px;left:50%;translate:-50% 0;padding:6px 10px;border:1px solid #6b5a44;background:#0a0a0bc7;color:#f7d774;font-size:11px;font-weight:900;letter-spacing:.12em}#run-banner[hidden]{display:none}#menu-button{position:absolute;z-index:3;bottom:2.8%;left:2.2%;min-height:30px;padding:5px 11px;border:2px solid #6b5a44;background:#0a0a0bcc;color:#f7d774;text-transform:uppercase}#menu-button[hidden]{display:none}#boss-hud{position:absolute;z-index:3;top:8%;left:50%;translate:-50% 0;width:min(520px,54%);padding:7px 9px 9px;border:2px solid #9b6a42;background:#0a0a0be8;text-shadow:0 2px 0 #0a0a0b}#boss-hud[hidden],#pickup-toast[hidden]{display:none}#boss-hud>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:clamp(8px,1vw,12px);letter-spacing:.1em}#boss-hud strong{color:#f7d774}#boss-hud span{color:#ff6b3d}.boss-track{height:10px;padding:2px;background:#231719;box-shadow:inset 0 0 0 1px #51322f}.boss-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8d1f2d,#ff6b3d)}#pickup-toast{position:absolute;z-index:4;left:50%;bottom:16%;translate:-50% 0;padding:8px 12px;border:2px solid #f7d774;background:#0a0a0be8;color:#f7d774;font-size:clamp(11px,1.5vw,18px);font-weight:900;letter-spacing:.1em;text-align:center;text-shadow:0 2px 0 #0a0a0b}#pause-label{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;translate:none;display:grid;place-content:center;justify-items:center;gap:14px;background:#0a0a0bd9;color:#ffa630;text-align:center;text-shadow:0 2px 0 #0a0a0b}#pause-label[hidden]{display:none}#pause-label h2{margin:0;font-size:clamp(24px,5vw,54px);font-weight:900;letter-spacing:.14em}.session-actions{display:grid;width:min(280px,74vw);gap:8px}.session-actions button{min-height:40px;border:2px solid #6b5a44;background:#171719;text-transform:uppercase}#quickdraw{position:absolute;inset:auto auto 13% 50%;translate:-50% 0;padding:7px 10px;border:2px solid #ffa630;background:#0a0a0be6;color:#ffa630;font-size:clamp(11px,1.4vw,18px);font-weight:900;letter-spacing:.12em;pointer-events:none}#reload{position:absolute;z-index:2;right:15%;bottom:5%;left:15%;height:34px;background:url(/Rogue-Ralphy/assets/generated/ui/reload-frame.png) center / 100% 100% no-repeat;overflow:visible}#reload .reload-fill,#reload .reload-zone{position:absolute;inset-block:7px;background-position:center;background-repeat:no-repeat;background-size:100% 100%}#reload .reload-fill{left:9px;width:0;max-width:calc(100% - 18px);background-image:url(/Rogue-Ralphy/assets/generated/ui/reload-fill.png)}#reload .reload-zone{background-image:url(/Rogue-Ralphy/assets/generated/ui/reload-zone.png);opacity:.72}#reload.in-zone{filter:brightness(1.2)}#reload.success .reload-fill{background-image:url(/Rogue-Ralphy/assets/generated/ui/reload-success.png)}#reload span{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;color:#0a0a0b;font-size:11px;font-weight:900;letter-spacing:.15em;mix-blend-mode:difference}#lab{min-width:0;min-height:0;overflow-y:auto;border-left:2px solid #ffa630;background:#111113;scrollbar-color:#ffa630 #171719}#lab>header{padding:20px 20px 16px;border-bottom:1px solid #3b332a}#lab>header>p:first-child{margin:0 0 5px;color:#ffa630;font-size:11px;font-weight:900;letter-spacing:.18em}#lab h1{margin:0;color:#f5f5f4;font-size:24px;letter-spacing:-.04em;text-transform:uppercase}#lab .controls{margin:10px 0 0;color:#8f8f91;font-size:9px;line-height:1.5}#lab section{min-width:0;padding:16px 16px 18px;border-bottom:1px solid #323235}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-heading h2{margin:0;color:#c8c8c6;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.section-heading i{height:1px;flex:1;background:#3b332a}.artifact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.artifact-tile{min-width:0;min-height:0;aspect-ratio:1;padding:3px;border:2px solid transparent;background:#171719}.artifact-tile[aria-pressed=true]{border-color:currentColor;outline:2px double #f7d774;background:#211b14}.artifact-tile:focus-visible{outline:3px solid #fff;outline-offset:1px}.artifact-tile img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.artifact-detail{min-width:0;min-height:172px;margin-top:10px;padding:10px;border:1px solid #3b3b3e;background:#171719}.artifact-detail h3,.artifact-detail h4{margin:0;color:#f5f5f4;overflow-wrap:anywhere}.artifact-detail h3{font-size:12px;letter-spacing:.04em}.artifact-detail h4{margin-top:9px;color:#ffa630;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.artifact-description{margin:6px 0 8px;color:#a9a9aa;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.artifact-tags,.artifact-synergies{display:flex;flex-wrap:wrap;gap:4px;min-width:0;margin:0;padding:0;list-style:none}.artifact-tag{padding:2px 4px;border:1px solid #554a3c;color:#d9bd91;font-size:8px;overflow-wrap:anywhere}.artifact-synergies{margin-top:4px;color:#c8c8c6;font-size:8px}.artifact-synergy{min-width:0;overflow-wrap:anywhere}.artifact-synergy:not(:last-child):after{content:" ·";color:#6f936d}button{min-height:34px;border:1px solid #555559;border-radius:0;background:#202023;color:#f5f5f4;font-size:10px;font-weight:800;letter-spacing:.025em;cursor:pointer}button:hover{border-color:#ffa630;color:#ffa630}button:active{background:#ffa630;color:#0a0a0b}button:focus-visible{outline:2px solid #ffa630;outline-offset:2px}button.danger{border-color:#764b3f;color:#ffb29b}.action-row,.action-grid{display:grid;gap:7px}.action-row{grid-template-columns:1fr 1fr;margin-top:8px}.action-grid{grid-template-columns:1fr 1fr}.stats-list{margin:0}.stats-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:25px;padding:4px 3px;border-bottom:1px solid #28282b}.stats-list dt{color:#8f8f91;font-size:10px}.stats-list dd{margin:0;color:#f5f5f4;font-size:12px;font-weight:800;text-align:right}.stats-list>div:nth-child(-n+3) dd{color:#ffa630;font-size:15px}.dummy-stats h3{margin:15px 0 7px;color:#ffa630;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.dummy-stats p{display:flex;justify-content:space-between;gap:10px;margin:5px 0;color:#8f8f91;font-size:9px}.dummy-stats strong{color:#f5f5f4}.diagnostics{margin:15px 0 0;color:#6f936d;font-size:9px;line-height:1.4;overflow-wrap:anywhere}.diagnostics:not(:empty):before{content:"● "}@media(max-width:620px){#reload{right:8%;bottom:5%;left:8%;height:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto}button:active{transform:none}}