/* Shared runtime rules: action hierarchy, readable titles, world layers and screen-state controls. */
#device{--action-height:46px;--action-font:18px;--scene-grass:30%;--scene-dirt:12%}
.phone :is(.play,.btn){min-height:var(--action-height);font-family:var(--f-display);line-height:1.15}
.phone :is(.pb-back b,.bs-back b,.sh-back b){font-family:var(--f-pixel);font-size:11px;min-height:34px;display:flex;align-items:center;justify-content:center;animation:none;rotate:0deg}
.phone :is(.pb-back,.bs-back,.sh-back){animation:none;rotate:0deg}
.phone :is(.menu-settings,.menu-shop){clip-path:var(--step4);border:0;min-height:40px;box-shadow:inset 0 -5px var(--blue3),inset 0 3px var(--sky)}
.phone :is(.logo-type,.q-tag,.buyname,.online-choice){overflow-wrap:normal;word-break:normal}
.phone :is(.menu-particles){inset:0;z-index:2;overflow:hidden;pointer-events:none}
.phone .menu-particles i{width:26px!important;height:26px!important;animation-name:menu-fall;animation-duration:6s!important;animation-timing-function:linear!important;filter:drop-shadow(2px 2px var(--ink))}
.phone .menu-particles i:nth-child(3n){width:16px!important;height:16px!important;background-image:none!important;background:var(--gold);border:2px solid var(--ink)}
@keyframes menu-fall{from{transform:translateY(-32px) rotate(0deg)}to{transform:translateY(850px) rotate(300deg)}}
#device[data-screen="menu"] .play-wrap{bottom:calc(13% + var(--safe-bottom))}
#device[data-screen="menu"] .logo,#loading .logo{position:relative;z-index:3}
.phone.queue,.runtime-state.wait,.phone.online{--g:var(--scene-grass)!important}
.phone.queue .dirt,.runtime-state.wait .dirt,.phone.online .dirt{height:var(--scene-dirt)}
.runtime-state .lbar i{transition:none}
#loadfail .nosig .pxt{display:block;margin-top:18px}
.mode-choice{position:relative;width:84%;margin-top:18px;display:flex;gap:12px;z-index:5}
.mode-choice button{flex:1;border:3px solid var(--ink);background:var(--blue2);box-shadow:inset 0 -5px var(--blue3),inset 0 3px var(--sky),0 3px var(--ink);color:white;font:18px var(--f-display);padding:9px 5px;cursor:pointer;clip-path:var(--step4)}
.mode-choice button[aria-pressed=true]{background:var(--gold);box-shadow:inset 0 -5px var(--gold-dark),inset 0 3px var(--gold-light),0 3px var(--ink);color:var(--ink)}
.mode-choice span{display:block;font:9px/1.6 var(--f-pixel);margin-top:3px}
.pick .or{margin-top:16px;font-size:12px}.pick .cats{margin-top:14px;gap:18px}.pick button.cat .c-sub{display:none}
.pick [data-category="household-items"] .faces img{scale:1.35}
.pick .play-wrap{bottom:4%;animation:none;rotate:0deg}
.bs .play-wrap{bottom:calc(3% + var(--safe-bottom))}
.bs .bs-name,.bs .bs-name.long,.bs .bs-name.mid{max-width:72%;right:3%;top:30px;rotate:0deg;translate:0;scale:1;line-height:1.18;white-space:normal;overflow-wrap:normal;word-break:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:10px 10px 13px}
.runtime-state.buy .bcard{left:50%;right:auto;top:50%;width:calc(100% - 32px);translate:-50% -50%;padding-top:75px}
.runtime-state.buy .bhero{top:0;left:50%;translate:-50% 0;width:150px}
.runtime-state.buy .bcard .pcard{padding-top:78px;text-align:center}
.runtime-state.buy .buyname{font-size:24px;line-height:1.15}
.runtime-state.buy .btn.go{font-size:16px;gap:8px}
.runtime-state.buy.poor .btn.off,.runtime-state.buy.poor .earn{display:none}
.runtime-state.buy.poor .short{display:block;background:var(--ketchup);color:#fff;margin:4px 0}
.runtime-state.buy.land .bcard{width:560px;padding-top:0}
.runtime-state.buy.land .bhero{left:14px;top:72px;translate:none;width:180px}
.runtime-state.buy.land .sh-back{z-index:9}
.runtime-state.buy.land .bcard .pcard{padding-top:16px}
.runtime-state.wait:not(.land) .wbtns{position:absolute;left:8%;right:8%;bottom:4%;display:flex;flex-direction:column;gap:12px;z-index:6}
.runtime-state.wait:not(.land) .wbtns>.btnwrap{display:block;order:2;width:100%}
.runtime-state.wait:not(.land) .wbtns .play-wrap{position:static;width:100%;margin:0;rotate:0deg;order:1}
.runtime-state.wait>.home{display:none}
.runtime-state.wait:not(.land) .bots{bottom:auto;margin-top:14px;font-size:10px;rotate:0deg}
.runtime-state.wait:not(.land) .squad{display:none}
.runtime-state.wait .logo-type{font-family:var(--f-pixel);line-height:1.1}
.runtime-state.wait.land .wbtns .play-wrap{rotate:0deg}
/* Controls only exist visually where the player can use them. */
.phone:is(.spec,.net,.pz,.intro-active) #dash,.howto-active:not([data-howto="4"]) #dash{display:none}
.howto-active[data-howto="4"] :is(#punch,#special){visibility:hidden}
.runtime-state .srow{max-width:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;overflow:visible;padding:4px}
.runtime-state .srow button{flex:0 0 32px;width:32px;height:32px}
.runtime-state.spec .sfoot{left:12px;right:12px;width:auto;max-width:none}
.runtime-state.spec.land .sfoot{width:360px;right:auto}
@media(prefers-reduced-motion:reduce){.phone .menu-particles i{animation:none!important}}
.phone.online{background:var(--sky) url('/Branding%20UI%20UX/Layouts/Preview/pitches/sky-tile.png') 0 0/128px 128px;padding:0;overflow:hidden}
.online>:not(.stands,.ground,.dirt){position:relative;z-index:4}
.online .online-title{margin:24px auto 0;display:flex;justify-content:center;height:140px}
.online-title .hw-px{width:230px!important;object-fit:contain;animation:none;filter:drop-shadow(3px 0 white) drop-shadow(-3px 0 white) drop-shadow(0 3px white) drop-shadow(0 -3px white)}
.online-choice{margin:0 20px 8px;font:11px var(--f-pixel);color:var(--ink)}
.online-count{margin:0 auto 12px;font:30px var(--f-pixel);color:white}
.online-roster{margin:0 20px;gap:8px}
.online-seat{height:77px;clip-path:var(--step4);border:0;box-shadow:inset 0 -5px var(--blue3),inset 0 3px var(--sky);background:var(--ink)}
.online-seat.filled{background:var(--blue2)}
.online-seat img,.online-seat b{height:52px}
.online .online-hint{margin:18px 24px 10px;min-height:38px;font:11px/1.6 var(--f-pixel);color:#fff;background:var(--ink);padding:10px;clip-path:var(--step4)}
.online button{min-height:46px;clip-path:var(--step6);border:0;font:18px var(--f-display);box-shadow:inset 0 -5px var(--blue3),inset 0 3px var(--sky)}
.online-status{margin:8px 20px;font:10px var(--f-pixel);color:var(--ink)}

.phone.match[data-finished="true"] :is(#stick,#punch,#special,#dash,.match-pause){display:none}
.runtime-state.buy.land .bcard .pcard{width:100%;grid-template-columns:200px minmax(0,1fr);gap:6px 16px}

.queue .queue-title{margin:0 auto;display:flex;justify-content:center;rotate:0deg}
.queue .queue-title .hw-px{width:250px!important;height:100px;object-fit:contain;animation:none;filter:drop-shadow(3px 0 white) drop-shadow(-3px 0 white) drop-shadow(0 3px white) drop-shadow(0 -3px white)}
/* Feedback round 2: shared pixel headings and calmer, clearer controls. */
#loadfail .nosig .pxt{position:relative;top:calc(var(--phone-height,640px)*-.05)}
#device[data-screen="menu"] .logo{top:calc(var(--phone-height,640px)*.08)}
.bs .play-wrap{bottom:calc(3% + var(--safe-bottom) + 4px)}
.mode-choice button{background:#fff;color:var(--ink);box-shadow:inset 0 -5px var(--ice),inset 0 3px #fff,0 3px var(--ink)}
.mode-choice button[aria-pressed=true]{outline:3px solid white;outline-offset:2px}
.pick .shared-title{height:125px;margin:18px auto 0;display:grid;place-items:center}.pick .shared-title .hw-px{width:260px!important;max-height:125px;object-fit:contain}
.shop .sh-title{translate:8px 0}
.runtime-state.buy .bhero{animation:none!important}
.runtime-state.buy .btn.go{font-size:20px;gap:7px}.runtime-state.buy .go .cn{outline:2px solid #714400;filter:drop-shadow(1px 2px #714400)}
.runtime-state.buy.poor .short{font-size:16px;margin-bottom:8px}.runtime-state.buy.poor .bpow,.runtime-state.buy.poor .ledger{display:none}.runtime-state.buy.poor .bbtns{margin-top:0}
.runtime-state.set .st-title .hw-px{width:290px!important}
.queue .queue-title .hw-px{width:300px!important;height:130px}.queue .q-count{display:none}.queue .squad .walker{width:230px!important}.queue .squad{bottom:15%}
.runtime-state.wait:after,.phone.online:after{position:absolute;left:0;right:0;bottom:1%;text-align:center;font:9px var(--f-pixel);color:var(--ink);z-index:8;pointer-events:none}.runtime-state.wait:after{content:'PRACTICE · BOTS ONLY'}.phone.online:after{content:'ONLINE · REAL PLAYERS'}
.runtime-state.spec .specbar{background:#fff;color:var(--ink);box-shadow:0 3px var(--ink)}.runtime-state.spec .specbar :is(b,span){color:var(--ink)}
.runtime-state.net .ncard .pcard{background:#102d49 url('/Branding%20UI%20UX/Layouts/Preview/pitches/sky-tile.png') center/128px;border:4px solid var(--ink);color:#fff;box-shadow:7px 7px var(--ink)}
.runtime-state.net .cp,.runtime-state.net .clock{display:none}.runtime-state.net .try,.runtime-state.net .try b{color:#fff}.runtime-state.net .nbtns{margin-top:24px}.runtime-state.net .ch{font-family:var(--f-pixel);color:#fff}
[data-screen="podium"] .hw-px{max-width:100%}[data-screen="podium"] .n-tag .hw-px{width:300px!important}.podium-name{position:absolute;bottom:100%;left:50%;translate:-50% 0;z-index:10;background:#071b36;color:#fff;padding:5px 8px;white-space:nowrap;font:10px var(--f-pixel)}

.runtime-state.buy.poor .btnwrap:has(.off),.runtime-state.buy.poor .btnwrap:has(.go){display:none}
[data-screen="podium"] .hw .hw-px{width:300px!important}
.runtime-state.buy .go .cn{width:20px;height:20px;flex:0 0 20px;background:#b87509;box-shadow:inset 0 0 0 3px #704200,inset 0 0 0 5px #ffe99c;filter:none;outline:none}

/* Level Row: shared by gameplay and all four tutorials, mirrored by stick preference. */
#device .phone.match{--control-center:70px;--control-edge:12px}
#device .phone.match :is(#stick,#dash,#special,#punch){top:auto!important;translate:none!important;transform:none!important;margin:0!important;left:auto!important;right:auto!important}
#device .phone.match #stick{width:76px;height:76px;left:calc(10px + var(--safe-left,0px))!important;bottom:calc(var(--control-center) - 38px + var(--safe-bottom,0px))!important}
#device .phone.match #punch{width:88px;height:88px;right:calc(var(--control-edge) + var(--safe-right,0px))!important;bottom:calc(var(--control-center) - 44px + var(--safe-bottom,0px))!important}
#device .phone.match #special{width:52px;height:52px;right:calc(112px + var(--safe-right,0px))!important;bottom:calc(var(--control-center) - 26px + var(--safe-bottom,0px))!important}
#device .phone.match #dash{width:48px;height:48px;right:calc(172px + var(--safe-right,0px))!important;bottom:calc(var(--control-center) - 24px + var(--safe-bottom,0px))!important}
#device .phone.match #dash b{font-size:24px}#device .phone.match #dash strong{font-size:8px;margin-top:4px}
#device[data-stick-side="RIGHT"] .phone.match #stick{left:auto!important;right:calc(10px + var(--safe-right,0px))!important}
#device[data-stick-side="RIGHT"] .phone.match #punch{right:auto!important;left:calc(var(--control-edge) + var(--safe-left,0px))!important}
#device[data-stick-side="RIGHT"] .phone.match #special{right:auto!important;left:calc(112px + var(--safe-left,0px))!important}
#device[data-stick-side="RIGHT"] .phone.match #dash{right:auto!important;left:calc(172px + var(--safe-left,0px))!important}
/* Selected Level Up B: live brawler portrait and level on a tilted collectible card. */
.runtime-state.lvl{background:var(--sky) url('/Branding%20UI%20UX/Layouts/Preview/pitches/sky-tile.png') 0 0/128px 128px;--g:27%!important}
.runtime-state.lvl .stands{display:block;bottom:27%;filter:none}.runtime-state.lvl .ground{display:block;height:27%;filter:none}.runtime-state.lvl .dirt{display:block;height:12%;filter:none}
.runtime-state.lvl .hw.lu-title{top:3%;height:26%;display:flex;align-items:center;justify-content:center}
.runtime-state.lvl .lu-title .hw-px{width:90%!important;max-height:100%;object-fit:contain}
.level-card{position:absolute;z-index:4;left:12%;top:31%;width:76%;height:49%;background:#fff url('/Branding%20UI%20UX/Layouts/Preview/pitches/sky-tile.png') center/150px;rotate:-4deg;border:7px solid var(--ink);box-shadow:6px 8px 0 var(--ink);isolation:isolate}
.level-card:before{content:'';position:absolute;inset:0;background:#fffffff0;z-index:-1}
.level-hero{position:absolute;left:3%;top:-4%;width:94%;height:80%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 0 white) drop-shadow(-3px 0 white) drop-shadow(0 3px white) drop-shadow(0 -3px white);animation:level-card-arrive .4s steps(5,end) both}
.runtime-state.lvl .level-card .lubadge{top:auto;bottom:5%;left:50%;width:94%;translate:-50% 0;rotate:0deg;animation:none;filter:none}
.runtime-state.lvl .level-card .lubadge b{justify-content:center;width:100%;padding:10px 4px 14px;background:var(--blue2);border:4px solid var(--ink);box-shadow:inset 0 -5px var(--blue3),inset 0 4px var(--sky);clip-path:var(--step4)}
.runtime-state.lvl .level-card .lvnum{font:28px/1.15 var(--f-pixel);color:#fff;text-shadow:3px 3px var(--ink)}
.runtime-state.lvl .play-wrap{left:14%;right:14%;bottom:4%;width:auto}
@keyframes level-card-arrive{from{transform:translateY(14px) scale(.9)}to{transform:none}}
.runtime-state.lvl.land:not(.sty) .hw.lu-title{left:4%;top:13%;width:42%;height:40%;translate:none}
.runtime-state.lvl.land:not(.sty) .level-card{left:56%;top:7%;width:32%;height:79%}
.runtime-state.lvl.land:not(.sty) .play-wrap{left:7%;top:auto;bottom:14%;width:36%;margin:0}
.runtime-state.lvl.land .level-card .lvnum{font-size:20px}

/* Feedback round 3: stable selection headings and one lobby composition. */
#device .bs .bs-name{left:auto;right:3%;width:68%;max-width:68%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;top:30px;translate:none;rotate:0deg;scale:1;padding:6px 8px;box-sizing:border-box}
.runtime-state.buy:not(.poor) .bhero{animation:unlock-bounce 1s ease-in-out infinite!important}
@keyframes unlock-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.runtime-state.spec .srow button,.runtime-state.spec .srow button[aria-pressed=true]{background:#fff;box-shadow:inset 0 -4px var(--ice)}
.runtime-state.spec .srow button[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}
.podium-name{color:var(--gold)}
#device .phone:is(.queue,.online) .q-head{position:absolute;top:4%;left:4%;right:4%;width:auto;margin:0;gap:0;display:flex;flex-direction:column;align-items:center;z-index:5;translate:none}
#device .phone:is(.queue,.online) :is(.queue-title,.online-title){position:static;margin:0;width:100%;height:124px;display:flex;justify-content:center}
#device .phone:is(.queue,.online) :is(.queue-title,.online-title) .hw-px{width:280px!important;height:124px;object-fit:contain}
#device .phone:is(.queue,.online) .q-tag{position:relative;margin-top:-10px;z-index:2;rotate:0deg}
#device .phone:is(.queue,.online) .q-tag :is(b,.online-count){display:block;margin:0;padding:7px 12px;font:11px var(--f-pixel);background:var(--gold);color:var(--ink);box-shadow:inset 0 -3px var(--gold-dark);rotate:0deg}
#device .phone:is(.queue,.online) :is(.seats,.online-roster){position:absolute;top:29%;left:7%;right:7%;width:auto;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:4;overflow:visible;padding:0}
#device .phone:is(.queue,.online) :is(.seat,.online-seat){display:block;width:auto;height:54px;min-width:0;margin:0;aspect-ratio:1;flex:none}
#device .phone.online .online-seat{height:54px;background:var(--ink);padding:3px;box-shadow:none}
#device .phone.online .online-seat.filled{background:#fff;box-shadow:inset 0 -4px var(--ice)}
#device .phone.online .online-seat :is(img,b){height:37px;width:100%;object-fit:contain}
#device .phone.online .online-seat span{font:6px var(--f-pixel);color:var(--ink);display:block}
#device .phone.online .online-seat:not(.filled) span{color:white}
#device .phone:is(.queue,.online) :is(.squad,.room-hero){display:flex;position:absolute;left:20%;right:20%;top:auto;bottom:17%;width:60%;height:28%;translate:none;margin:0;object-fit:contain;z-index:3;justify-content:center}
#device .phone.queue .squad .walker{width:100%!important;max-width:180px}
#device .phone.wait :is(.wcount,.q-count),#device .phone.online .online-choice{display:none}
#device .phone.wait .bots{position:absolute;top:50%;bottom:auto;left:7%;right:7%;margin:0;translate:none;font:8px var(--f-pixel);text-align:center;z-index:5;padding:5px;background:var(--ink);color:white}
#device .phone.wait .bots:after{content:none}#device .phone.wait .bots-label{display:inline}
#device .phone.online .online-hint{position:absolute;left:7%;right:7%;top:49%;margin:0;font:8px/1.5 var(--f-pixel);min-height:0;padding:6px}
#device .phone.online .online-back{position:absolute;left:17%;right:17%;bottom:6%;width:66%;margin:0;background:var(--blue2);color:white}
#device .phone.online .online-enter{position:absolute;left:17%;right:17%;bottom:15%;width:66%;margin:0;z-index:6}
#device .phone.online .online-status{position:absolute;bottom:2%;margin:0;left:4%;right:4%;font-size:8px}
#device .phone.wait .wbtns{position:absolute;top:auto;bottom:4%;left:8%;right:8%;width:auto;translate:none;display:flex;flex-direction:row;gap:14px;align-items:center}
#device .phone.wait .wbtns>.btnwrap{width:40%;order:0}#device .phone.wait .wbtns .play-wrap{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:60%;margin:0;order:1}
#device .phone.wait .wbtns button{font-size:14px;min-height:46px}
#device .phone:is(.queue,.online).land .q-head{left:3%;right:auto;width:44%;top:8%}
#device .phone:is(.queue,.online).land :is(.seats,.online-roster){left:52%;right:4%;top:10%;grid-template-columns:repeat(4,1fr)}
#device .phone:is(.queue,.online).land :is(.squad,.room-hero){left:12%;right:auto;bottom:6%;height:40%;width:26%}
#device .phone:is(.queue,.online).land :is(.bots,.online-hint){top:52%;left:52%;right:4%}
#device .phone.wait.land .wbtns{left:52%;right:4%;bottom:10%;gap:10px}
#device .phone.online.land .online-back{left:56%;right:8%;width:36%;bottom:12%}
#device .phone:is(.queue,.online).land :is(.stands,.ground,.dirt){filter:none}
/* Loading uses the main menu's world and character placement. */
#device #loading{--g:30%!important}
#device #loading:not(.land) .logo{position:relative;left:auto;top:calc(var(--phone-height,640px)*.08);width:92%;margin:72px auto 0;translate:none}
#device #loading:not(.land) .squad{left:0;right:0;top:auto;bottom:calc(30% - 30px);width:auto;height:auto;translate:none}
#device #loading:not(.land) .w-burger{width:66%}
#device #loading:not(.land) :is(.w-donut,.w-sushi){width:48%;margin-bottom:-1%}
#device #loading .stands{width:130%;filter:none}#device #loading .dirt{height:12%}#device #loading :is(.ground,.dirt){filter:none}
#device #loading .prog{top:auto;bottom:calc(13% + var(--safe-bottom));left:12%;right:12%;width:auto;margin:0;z-index:5}
#device #loadfail .dizzy{left:50%;top:-10%;width:140px;height:32px;translate:-50% 0;animation:none}
#device #loadfail .dizzy i{left:0;right:auto;top:0;width:15px;height:15px;offset-path:ellipse(60px 12px at 70px 16px);offset-distance:var(--phase);offset-rotate:0deg;animation:load-star-orbit 2s linear infinite}
@keyframes load-star-orbit{to{offset-distance:calc(var(--phase) + 100%)}}
@media(prefers-reduced-motion:reduce){.runtime-state.buy .bhero,#device #loadfail .dizzy i{animation:none!important}}
#device .phone.queue .seats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#device .phone.queue .seat{height:42px;aspect-ratio:auto}
#device .phone.queue .seat b{width:100%;height:100%}
#device .phone.queue .squad{height:23%;bottom:17%}
#device .phone.queue .squad .walker{width:145px!important;flex:0 0 145px;height:145px;aspect-ratio:1}
#device .phone.wait .bots{top:53%}
#device .phone.queue.land .seats{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#device .phone.queue.land .seat{height:34px}
#device .phone.queue.land .squad{height:40%;bottom:3%}
#device .phone.queue.land .squad .walker{width:120px!important;flex-basis:120px;height:120px}
#device #loading .walker{flex:0 1 auto}
#device #loading .w-donut{margin-right:-9%}#device #loading .w-sushi{margin-left:-9%}
#device .phone.online .q-tag .online-count{text-shadow:none;font-weight:700}
/* Round 4 uses approved selectors and restrained screen accents. */
#device .bs[data-category="household-items"] .bs-hero{scale:1.3;transform-origin:center bottom}
#device .bs[data-category="household-items"] .bs-name{width:56%;max-width:56%;right:4%;min-height:34px;padding:4px 6px}
#device .phone.queue:not(.wait):not(.land) .squad{height:31%;bottom:14%}
#device .phone.queue:not(.wait):not(.land) .squad .walker{width:195px!important;height:195px;flex-basis:195px;max-width:195px}
.runtime-state.spec .specbar{background:var(--gold);color:var(--ink);box-shadow:0 3px var(--ink)}
.runtime-state.disc .pcard .hw.nt .hw-px{width:260px!important;max-height:130px;object-fit:contain}
.cw-brand{display:block;width:112px;height:65px;object-fit:contain;justify-self:center}
.cw-footer{gap:5px}
/* Exact selected B artwork; character and level remain live data. */
#device .runtime-state.lvl{background:#299aff url('./assets/level-up-b-template.png') center/100% 100% no-repeat}
#device .runtime-state.lvl :is(.stands,.ground,.dirt,.stars,.lu-title){display:none}
#device .runtime-state.lvl .level-card{left:0;top:0;width:100%;height:100%;rotate:0deg;border:0;box-shadow:none;background:none;pointer-events:none}
#device .runtime-state.lvl .level-card:before{display:none}
#device .runtime-state.lvl .level-hero{left:20%;top:37%;width:60%;height:31%;rotate:-4deg;animation:none;filter:drop-shadow(3px 0 white) drop-shadow(-3px 0 white) drop-shadow(0 3px white) drop-shadow(0 -3px white)}
#device .runtime-state.lvl .level-card .lubadge{left:53%;top:68.8%;bottom:auto;width:65%;height:8%;translate:-50% 0;rotate:-4deg;display:grid;place-items:center}
#device .runtime-state.lvl .level-card .lubadge b{background:none;border:0;box-shadow:none;clip-path:none;padding:0}
#device .runtime-state.lvl .level-card .lvnum{font:28px/1 var(--f-pixel);color:white;text-shadow:3px 3px var(--ink),-2px -2px var(--ink),2px -2px var(--ink),-2px 2px var(--ink)}
#device .runtime-state.lvl .play-wrap{left:18%;right:15%;top:86%;bottom:3%;width:auto;rotate:0deg;animation:none}
#device .runtime-state.lvl .play-wrap:before,#device .runtime-state.lvl .play:after{display:none}
#device .runtime-state.lvl .play{height:100%;background:transparent;box-shadow:none;color:transparent;clip-path:none;padding:0}
#device .runtime-state.lvl .play:focus-visible{outline:3px solid white}