.pick-panel-art{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.pick-heading,.pick-vitals{isolation:isolate}
/* The objects and framing are painted assets; geometry stays uniform per floor. */
/* Share the room stack so flying rewards can pass above the sibling backpack. */
#floor-picks{position:absolute;inset:0;overflow:hidden;--pick-accent:#b9fa70;color:#fff3dd;text-shadow:0 .15cqw .25cqw #000}
/* Match the source-to-stage mapping used by the doorway and ambient canvases. */
#pick-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.pick-shade{position:absolute;inset:0;background:linear-gradient(#04101535,#04101535),linear-gradient(90deg,#0310188c,transparent 24%),linear-gradient(#020d186e,transparent 25%,#02091670 78%,#020916ab)}
.pick-shade{z-index:1}
.pick-heading,.pick-vitals,#pick-collection-shell{z-index:2}
.pick-heading{position:absolute;left:29.3%;right:1.7%;top:1.5%;height:11.51895cqw;text-align:center}
.pick-heading>span{display:none}
.pick-heading h1{position:absolute;left:7.5233%;width:84.9533%;top:23.6842%;height:14.4737%;margin:0;color:#fff1d8;line-height:1}
.pick-heading .pick-bitmap-text{display:block;width:100%;height:100%;overflow:hidden}
.pick-floor-title-desktop,.pick-floor-number-art{display:block;width:100%;height:100%}
.pick-floor-title-mobile,.pick-floor-digit{display:none}
.pick-upper-grid{display:contents}
.pick-mobile-header-art,.pick-mobile-deck-art,.pick-mobile-deck-fill,.pick-mobile-upper-frame,.pick-mobile-shoulder-left,.pick-mobile-shoulder-right,.pick-mobile-middle-stem,.pick-mobile-card-art,.pick-mobile-card-caption,.pick-menu-glyph,#pick-sound{display:none}
.pick-heading p{position:absolute;left:10%;width:80%;top:calc(41.1184% - 2px);font-size:.5cqw;line-height:1;font-weight:800;letter-spacing:.12em;margin:0;color:#d4dccd}
.pick-vitals{position:absolute;left:2.882%;width:24.236%;top:1.5%;height:11.51895cqw}
.pick-vitals>span{position:absolute;inset:26% 15% 32%;text-align:center}.pick-vitals small{display:block;letter-spacing:.15em;font-size:.65cqw;line-height:1.2;color:#e0ddc5}
#pick-lives{display:flex;justify-content:center;gap:.25cqw;height:80%;align-items:center}
.pick-heart{display:block;width:3.4cqw;height:3.4cqw;max-width:32%;flex:none;filter:drop-shadow(0 .1cqw .1cqw #0008)}
.pick-heart svg{width:100%;height:100%;display:block;overflow:hidden}
#pick-settings{position:absolute;right:1.7%;bottom:.6%;width:4.2%;aspect-ratio:1;z-index:21;border:0;background:none;padding:0;border-radius:14%;transition:filter .2s;filter:drop-shadow(0 .2cqw .2cqw #000a)}
#pick-settings img{display:block;width:100%;height:100%;object-fit:contain}
#pick-settings:hover{filter:brightness(1.15) drop-shadow(0 .2cqw .2cqw #000a)}
#pick-settings:focus-visible{outline:2px solid #ccfa8d;outline-offset:2px}
#pick-floor-path{position:absolute;inset:0;list-style:none;padding:0;margin:0}
#pick-floor-path li{position:absolute;top:58.2237%;width:6.1505%;height:16.7763%;text-align:center}
#pick-floor-path .current::before{content:"";position:absolute;inset:-12% -10%;background:linear-gradient(135deg,#6b9678b8,#367865a8);clip-path:polygon(10% 0,90% 0,100% 20%,100% 80%,90% 100%,10% 100%,0 80%,0 20%);box-shadow:inset 0 0 .5cqw #baffb52e;pointer-events:none}
.pick-floor-number{position:absolute;inset:0;display:block;opacity:.38}
.pick-floor-number .pick-bitmap-text{width:100%;height:100%;display:block}
#pick-floor-path .current .pick-floor-number{opacity:1;filter:brightness(1.2)}
#pick-floor-path .complete .pick-floor-number{opacity:.85}
#pick-collection-shell{position:absolute;left:29.3%;bottom:8.5%;width:69%;height:calc(27cqw * 1478 / 1064);isolation:isolate}
#pick-collection-tray{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;pointer-events:none;filter:drop-shadow(0 .5cqw .5cqw #0009)}
/* The painted tray interior spans y=81..798 in its 924px source. Its center
   sits 2.435% above the SVG box center because of the lower frame/drip space. */
#pick-grid{position:absolute;inset:14.815% 7% 19.685%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6% 2.5%;z-index:2}
#pick-grid .floor-pick{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:8%;background:none;isolation:isolate;transition:none;touch-action:manipulation;outline:none;outline-offset:0}
#pick-grid .floor-pick:disabled{opacity:1}#pick-grid .floor-pick:hover{filter:none}
/* Each rig retains transparent space for its moving lid. Center the painted
   closed object and its label, rather than that invisible animation headroom.
   Both edges move together so canvas size, opening geometry and liquid masks
   keep their exact registration. Values follow the authored alpha bounds. */
.floor-pick:has([data-pick-rig="1"]){--pick-optical-lift:1.1595cqw}
.floor-pick:has([data-pick-rig="2"]){--pick-optical-lift:-.1703cqw}
.floor-pick:has([data-pick-rig="3"]){--pick-optical-lift:.8582cqw}
.floor-pick:has([data-pick-rig="4"]){--pick-optical-lift:1.4805cqw}
.floor-pick:has([data-pick-rig="5"]){--pick-optical-lift:-.4227cqw}
.floor-pick:has([data-pick-rig="6"]){--pick-optical-lift:.7497cqw}
.floor-pick:has([data-pick-rig="7"]){--pick-optical-lift:.4831cqw}
.floor-pick:has([data-pick-rig="8"]){--pick-optical-lift:.2676cqw}
.floor-pick:has([data-pick-rig="9"]){--pick-optical-lift:.6220cqw}
.floor-pick:has([data-pick-rig="10"]){--pick-optical-lift:.4248cqw}
.pick-art{position:absolute;inset:calc(-20% - var(--pick-optical-lift,0cqw)) 0 calc(1.2cqw + var(--pick-optical-lift,0cqw));display:block;transform-origin:50% 80%;filter:drop-shadow(0 .5cqw .3cqw #000a)}
.pick-art canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.pick-object{display:block;width:100%;height:100%;overflow:hidden}
.floor-pick:not(:disabled):hover .pick-art{filter:brightness(1.12) drop-shadow(0 .7cqw .35cqw #000a)}
.pick-keyboard-navigation #pick-grid .floor-pick:focus:not(:disabled){outline:2px solid var(--pick-accent);outline-offset:2px}
.pick-number{position:absolute;bottom:var(--pick-optical-lift,0cqw);left:36%;right:36%;font:bold .85cqw/1.6 'Segoe UI',sans-serif;color:#e8e5c7;background:#061016d4;border-bottom:1px solid #9baaa56b;border-radius:25%;text-shadow:0 1px 2px #000}
.floor-pick.revealed .pick-art{opacity:.4}
.pick-number.pick-found-label{left:0;right:0;height:1.5cqw;padding:0 .1cqw;display:flex;align-items:center;justify-content:center;font-size:.8cqw;line-height:1.1;white-space:normal;text-align:center;border-radius:.25cqw;color:#f2ffe0}
.floor-pick.empty .pick-found-label{color:#a7b2b2}.floor-pick.hazard .pick-found-label{color:#ffb4bd}.floor-pick.advance .pick-found-label{color:#f1c2ff}
.pick-result{position:absolute;left:50%;top:47%;width:70%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
.pick-result .adventure-icon{width:100%;height:6.291cqw;filter:drop-shadow(0 .2cqw .2cqw #000b)}
#floor-picks .floor-pick{transition:opacity .2s ease}
#floor-picks.pick-revealing .floor-pick:not(.pick-focused){opacity:.44}
.pick-arrival-target{transform-origin:center;position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){#floor-picks .floor-pick{transition:none}}
.pick-impact{position:absolute;left:50%;top:45%;width:125%;aspect-ratio:1;transform:translate(-50%,-50%);background:url('/demo/floorbidden/assets/features/brain-impact-sprites-v1.png') 0 0/400% 300% no-repeat;pointer-events:none;z-index:1}
.pick-flying{position:absolute;width:7cqw;height:6.291cqw;z-index:30;pointer-events:none;filter:drop-shadow(0 .3cqw .3cqw #000a)}.pick-flying .adventure-icon{width:100%;height:100%}
#pick-message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
#pick-message strong{font:1.55cqw/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:.09em;color:var(--pick-accent)}#pick-message>span{font-size:.88cqw;line-height:1.25;color:#e0e7d5}
#pick-loading{position:absolute;inset:0;z-index:12;background:#04131aee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw}#pick-loading strong{font:2.5cqw Impact,sans-serif;letter-spacing:.1em;color:var(--pick-accent)}#pick-loading span{font-size:1cqw;color:#c8d0cc}
@media(max-width:650px){.pick-heading h1{font-size:2.5cqw}.pick-heading p{font-size:1cqw}.pick-heading>span{font-size:.75cqw}#pick-message>span{font-size:1.05cqw}}
