/* Illustrated mobile street. Desktop retains the existing map and controls. */
.outpost-explorer,.outpost-map-viewport{display:contents}.outpost-control-dock{display:none}
@media(max-width:600px){
 body.outpost-body #swap-map{padding:22px 12px 60px!important;border-radius:0;border:0;isolation:isolate;background:linear-gradient(90deg,#06112400 0 calc(50% - 24px),#09203b calc(50% - 24px),#122c4b calc(50% - 21px),#0b1c35 calc(50% + 21px),#051021 calc(50% + 24px),transparent calc(50% + 24px)),repeating-linear-gradient(0deg,transparent 0 23px,#4298cf20 24px,#05102266 25px 27px),repeating-linear-gradient(90deg,#132b50 0 22px,#446fa230 23px,#08182f 25px 27px);box-shadow:inset 5px 0 #46719466,inset -5px 0 #46719466!important}
 body.outpost-body #swap-map:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 auto 0 calc(50% - 2px);width:4px;background:repeating-linear-gradient(0deg,transparent 0 35px,#ffc557 36px 68px,transparent 69px 102px);filter:drop-shadow(0 0 5px #ffc85755)}
 body.outpost-body #swap-map:after{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(circle at 6px 530px,#ffd470a0,transparent 26px),radial-gradient(circle at calc(100% - 6px) 140px,#ffc85b99,transparent 26px);background-size:100% 650px}
 body.outpost-body #swap-map>.map-entry{position:relative;z-index:4;border:2px solid #57e5ff;border-radius:20px;background:radial-gradient(circle at 30% 15%,#163456,#0a1830 75%);margin:0 10px 46px!important;padding:17px 8px!important;font:800 clamp(16px,4.7vw,26px)/1.3 system-ui!important;letter-spacing:.04em!important;color:#74eeff;box-shadow:inset 0 0 0 2px #cf7dff35,0 5px 0 #06102499,0 0 18px #45d3ff30}
 body.outpost-body #swap-map>.map-entry span{display:block;font:600 clamp(12px,3.5vw,18px)/1.4 system-ui!important;letter-spacing:0!important;margin-top:8px!important;color:#c4d8f1}
 body.outpost-body #swap-map .swap-booths{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(306px,auto)!important;column-gap:44px!important;row-gap:400px!important;margin:0 0 70px!important;align-items:stretch}
 body.outpost-body #swap-map .swap-booth{--facade-filter:none;min-width:0;min-height:306px!important;height:auto!important;max-height:none!important;padding:64px 10px 110px!important;gap:3px!important;justify-content:flex-start!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:8px;box-shadow:4px 8px 0 #03102799!important;transform:none!important;transition:none!important;animation:none!important;isolation:isolate}
 body.outpost-body #swap-map .swap-booth:nth-child(even){--facade-filter:hue-rotate(65deg);--roof-accent:#da8cff}
 body.outpost-body #swap-map .swap-booth:before,body.outpost-body #swap-map .swap-booth:after{display:none!important}
 body.outpost-body #swap-map .swap-booth>.shop-architecture{inset:0 0 42px;z-index:-1;border-radius:9px;background:linear-gradient(90deg,#0d3159,#23ccf7 5%,#06254a 8%,#091b34 12% 88%,#06254a 92%,#23ccf7 95%,#0d3159);filter:var(--facade-filter);opacity:1}
 body.outpost-body #swap-map .shop-roofline{inset:0 0 auto;height:62px;border:0;box-shadow:none;background:url('/voxel-city/outpost-facade-20261012a.png') center top/100% 365% no-repeat}
 body.outpost-body #swap-map .shop-roofline:before,body.outpost-body #swap-map .shop-roofline:after,body.outpost-body #swap-map .shop-window-bank,body.outpost-body #swap-map .shop-founder-crest{display:none!important}
 body.outpost-body #swap-map .shop-street-trim{inset:auto 0 0;height:64px;opacity:1;background:url('/voxel-city/outpost-facade-20261012a.png') center bottom/100% 360% no-repeat}
 body.outpost-body #swap-map .swap-booth>.booth-number{position:static!important;order:-3;max-width:100%;align-self:center;font:750 clamp(9px,2.8vw,14px)/1.25 system-ui!important;padding:3px 5px!important;letter-spacing:0!important;white-space:normal!important;border:1px solid var(--roof-accent);border-radius:6px;background:#061323;color:#fff;flex-shrink:0}
 body.outpost-body #swap-map #brand-spot>.booth-number{color:#ffd96a;border-color:#ffd46b}
 body.outpost-body #swap-map .swap-booth>img,body.outpost-body #swap-map #brand-spot>img{width:50px!important;height:44px!important;min-height:44px!important;max-width:100%!important;max-height:none!important;margin:2px auto!important;border:1px solid #588cba88!important;border-radius:7px!important;object-fit:contain!important;background:#07152a}
 body.outpost-body #swap-map .swap-booth>strong,body.outpost-body #swap-map #brand-spot>strong{font:750 clamp(11px,3.2vw,17px)/1.2 system-ui!important;min-height:0!important;width:100%;max-width:100%!important;padding:0!important;overflow-wrap:anywhere;white-space:normal!important;color:#f0faff}
 body.outpost-body #swap-map .swap-booth>.sv-vip-badges{max-width:100%;margin:1px 0!important;gap:2px;justify-content:center}
 body.outpost-body #swap-map .swap-booth .sv-vip-badge{font:700 clamp(9px,2.6vw,13px)/1.25 system-ui!important;white-space:normal!important;padding:2px 3px!important;border:1px solid currentColor;border-radius:5px;background:#071021;color:#e1a2ff;overflow-wrap:anywhere}
 body.outpost-body #swap-map #brand-spot .sv-vip-badge{color:#ffd96a}
 body.outpost-body #swap-map .swap-booth>.shop-status{font:750 clamp(9px,2.5vw,13px)/1.3 system-ui!important;letter-spacing:0!important;white-space:normal;color:#99ffd8}
 body.outpost-body #swap-map .swap-booth>span:not([class]),body.outpost-body #swap-map .swap-booth>.store-bot-pair,body.outpost-body #swap-map .swap-booth>.shop-billboard-info{display:none!important}
 body.outpost-body #swap-map .swap-booth>.booth-visit{position:absolute;left:4px;right:4px;bottom:0;order:0!important;width:auto!important;max-width:none!important;min-height:44px!important;height:auto!important;box-sizing:border-box;margin:0!important;padding:10px 3px!important;font:750 clamp(12px,3.6vw,18px)/1.25 system-ui!important;white-space:normal!important;color:#fff;background:linear-gradient(#a03de3,#8122ce);border:2px solid #cc78f3;border-bottom:4px solid #45177c;border-radius:10px;box-shadow:0 3px 0 #0a1023,0 0 13px #b33cf240}
 body.outpost-body #swap-map .swap-booth .roof-door{opacity:0;pointer-events:none}
 body.outpost-body #swap-map .swap-booth.door-faces-up .roof-door{opacity:1;height:6px;width:42px;top:-5px;border:1px solid var(--roof-accent);background:#a6eeff;box-shadow:0 -3px 10px var(--roof-accent)}
 body.outpost-body #swap-map .swap-booth:focus-visible{outline:3px solid #fff;outline-offset:4px}
 body.outpost-body #swap-map .empty-booth{justify-content:center!important}
 body.outpost-body #swap-map .empty-booth>.booth-number{position:static!important}
 body.outpost-body #swap-map .swap-booth .empty-sign{font-size:32px!important;color:#bfedff}
 body.outpost-body #swap-map .empty-booth>.shop-architecture{filter:var(--facade-filter) saturate(.6);opacity:.7}
 body.outpost-body #swap-map .outpost-player{filter:drop-shadow(0 0 7px #69b8ff);z-index:8}
 body.outpost-body #swap-map>.outpost-player>img{transform:scale(1.25);transform-origin:center bottom}
 body.outpost-body.outpost-walk-mode .outpost-explorer{position:relative;display:block;height:max(420px,min(1000px,var(--outpost-view-height,100svh)));width:calc(100% + 24px);max-width:100vw;margin:0 -12px;min-width:0;border:0;border-radius:0;overflow:hidden;background:#09182e;scroll-margin:0}
 .outpost-walk-mode .outpost-map-viewport{display:block;height:100%;min-height:240px;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;touch-action:pan-y pinch-zoom;scrollbar-width:none}
 .outpost-walk-mode .outpost-map-viewport::-webkit-scrollbar{display:none}
 .outpost-walk-mode .outpost-map-viewport #swap-map{margin:0!important;border:0!important;border-radius:0!important;width:100%!important;box-sizing:border-box}
 .outpost-walk-mode .outpost-control-dock{position:absolute;inset:auto 12px max(24px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:8px;z-index:31;pointer-events:none;background:none;border:0;padding:0;min-width:0}
 .outpost-walk-mode .outpost-control-dock .outpost-touch-pad{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:126px;min-width:126px;height:126px;flex:none;pointer-events:auto;z-index:1}
 .outpost-walk-mode .outpost-control-dock .outpost-stick{width:126px;height:126px;min-width:126px;min-height:126px;border:3px solid #66eaff;background:radial-gradient(circle,#133453da 0 57%,#08172ee6 58%);box-shadow:0 0 0 5px #06213b,0 0 0 7px #41afd288,0 0 20px #2fb9df44,inset 0 0 14px #69e4ff44}
 .outpost-walk-mode .outpost-control-dock .outpost-stick-ring{inset:10px;border:2px solid #168bb4;border-radius:50%}
 .outpost-walk-mode .outpost-control-dock .outpost-stick-knob{left:34px;top:34px;width:52px;height:52px;border:3px solid #94f6ff;background:radial-gradient(circle at 32% 25%,#acf7ff,#30b1d9 66%,#066789);box-shadow:0 0 15px #26cffa90}
 .outpost-walk-mode .outpost-control-dock .outpost-stick-label{display:none}
 .outpost-walk-mode .outpost-control-dock .outpost-walk-controls{position:static;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:0;border:0;background:none;min-width:0;max-width:47%;pointer-events:none}
 .outpost-walk-mode .outpost-control-dock .outpost-walk-controls>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .outpost-walk-mode .outpost-control-dock .outpost-walk-controls button{pointer-events:auto;font:700 12px/1.25 system-ui;min-height:44px;padding:7px 10px;overflow-wrap:anywhere;white-space:normal;box-shadow:0 3px 8px #0007;background:#08192edb;border-color:#4ca8c5}
 .outpost-walk-mode .outpost-control-dock .walk-enter:disabled{visibility:hidden}
 .outpost-walk-mode .outpost-control-dock .walk-reset{font-size:11px!important;opacity:.88}
 .outpost-walk-mode .outpost-map-viewport:focus-within{outline:0}
 /* This map ID is repeated to outrank legacy inline readability and button resets. */
 body.outpost-body #swap-map#swap-map{background:#0a1e38 url('/voxel-city/outpost-street-20261012a.png') center top/100% auto repeat-y!important}
 body.outpost-body #swap-map#swap-map:before,body.outpost-body #swap-map#swap-map:after,body.outpost-body #swap-map>.sv-swap-landscape{display:none!important}
 body.outpost-body #swap-map#swap-map .swap-booth{padding-top:54px!important;padding-bottom:104px!important}
 body.outpost-body #swap-map#swap-map .shop-roofline{height:52px}
 body.outpost-body #swap-map#swap-map .swap-booth>.booth-number{font:750 clamp(9px,2.8vw,14px)/1.25 system-ui!important;padding:3px 5px!important}
 body.outpost-body #swap-map#swap-map .swap-booth>.sv-vip-badges{line-height:1!important;font-size:10px!important}
 body.outpost-body #swap-map#swap-map .swap-booth>.shop-status{font:750 clamp(9px,2.5vw,13px)/1.3 system-ui!important}
 body.outpost-body #swap-map#swap-map .swap-booth>.booth-visit{min-height:44px!important;padding:10px 3px!important;font:750 clamp(12px,3.6vw,18px)/1.25 system-ui!important;border:2px solid #cc78f3!important;border-bottom:4px solid #45177c!important;background:linear-gradient(#a03de3,#8122ce)!important}
 @media(max-width:360px){body.outpost-body #swap-map{padding-left:8px!important;padding-right:8px!important}body.outpost-body #swap-map .swap-booths{column-gap:40px!important}body.outpost-body #swap-map .swap-booth{padding-left:9px!important;padding-right:9px!important}body.outpost-body #swap-map>.map-entry{margin-left:0!important;margin-right:0!important}}
}