.play-main{max-width:1100px;margin:auto;padding:35px 24px}.play-main h1{font-size:42px;margin:0}.player-layout{display:grid;grid-template-columns:minmax(300px,540px) 1fr;gap:32px;align-items:start}.console{background:#bacaac;border:2px solid #8c9e7e;border-radius:28px 28px 65px 28px;padding:28px;box-shadow:0 12px 0 #89977d}.display{background:#253e33;padding:18px;border-radius:15px}.display canvas{display:block;width:100%;aspect-ratio:160/144;image-rendering:pixelated;background:#dae5ba;outline-offset:5px;touch-action:none}.player-controls{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.dpad{display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px;gap:3px}.dpad [data-key=up]{grid-column:2}.dpad [data-key=left]{grid-row:2;grid-column:1}.dpad [data-key=down]{grid-row:2;grid-column:2}.dpad [data-key=right]{grid-row:2;grid-column:3}.console button{background:#263b31;color:#fff;border:0;border-radius:8px;font-weight:bold;touch-action:none;user-select:none}.console button:active,.console button.held{background:#ebc871;color:#20352c}.ab{display:flex;gap:14px;transform:rotate(-16deg)}.ab button{width:57px;height:57px;border-radius:50%;font-size:22px}.start-select{display:flex;gap:15px;justify-content:center}.start-select button{padding:12px 18px;font-size:11px}.console-label{text-align:center;font-size:11px;letter-spacing:2px;margin-top:22px}.player-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player-layout aside h2{font-size:25px}.player-layout aside details{margin:20px 0}.player-layout aside code{font-size:11px}#play-volume{padding:0}#save-import{max-width:100%}.console:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#17251f}.console:fullscreen .display{height:65vh;aspect-ratio:160/144;padding:0}.console:fullscreen canvas{height:100%;width:100%}.console:fullscreen .player-controls{gap:90px}.console:fullscreen .console-label{color:white}@media(max-width:760px){.player-layout{grid-template-columns:1fr}.console{max-width:500px;width:100%;margin:auto;padding:20px;box-sizing:border-box}.play-main h1{font-size:30px}.player-layout aside{margin-top:12px}.dpad{grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px}.ab button{width:49px;height:49px}}

/* Shell artwork and percentage geometry from the ModRetro plugin preview. */
.device-stage{position:relative;padding:0 35px 0 42px;max-width:490px;width:100%;box-sizing:border-box;justify-self:center}.console{position:relative;width:100%;aspect-ratio:850/1440;border:0;border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none;overflow:clip;overflow-clip-margin:12px;filter:drop-shadow(0 10px 16px #0005);user-select:none}.device-art{position:absolute;top:-5.20833%;left:-44.7059%;width:188.235%;max-width:none;height:111.111%;pointer-events:none}.display{position:absolute;top:11.5278%;left:18.3529%;width:62.1177%;aspect-ratio:10/9;background:#101922;border-radius:0;padding:0;overflow:hidden}.display canvas{width:100%;height:100%;border:0;border-radius:0;outline-offset:-3px}.device-game-title{position:absolute;top:45.9%;left:13%;width:74%;margin:0;text-align:center;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600;line-height:1.4}.hardware-buttons{position:absolute;inset:0;pointer-events:none}.hardware-buttons button{position:absolute;padding:0;border:0;background:transparent;pointer-events:auto;touch-action:none}.hardware-buttons button.held,.hardware-buttons button:active{background:#17102165;box-shadow:inset 1px 3px 5px #100b1680}.hardware-buttons button:focus-visible{outline:3px solid #e7d6ff;outline-offset:3px;box-shadow:0 0 0 5px #2d203e}.hardware-buttons [data-key=a]{left:76.24%;top:61.39%;width:13.29%;height:7.85%;border-radius:50%}.hardware-buttons [data-key=b]{left:59.06%;top:66.04%;width:13.29%;height:7.85%;border-radius:50%}.hardware-buttons [data-key=up]{left:19.29%;top:59.31%;width:9.88%;height:6.18%}.hardware-buttons [data-key=down]{left:19.29%;top:69.31%;width:9.88%;height:6.18%}.hardware-buttons [data-key=left]{left:10%;top:65%;width:10.47%;height:5.97%}.hardware-buttons [data-key=right]{left:29.18%;top:65%;width:10.47%;height:5.97%}.hardware-buttons [data-key=select],.hardware-buttons [data-key=start]{top:82.04%;width:14.94%;height:2.71%;border-radius:999px;transform:rotate(-26deg)}.hardware-buttons [data-key=select]{left:32.29%}.hardware-buttons [data-key=start]{left:51.18%}.hardware-buttons [data-key=select]::before,.hardware-buttons [data-key=start]::before{content:'';position:absolute;inset:-12px -2px}.device-colors{position:absolute;left:5px;top:27%;display:flex;flex-direction:column;gap:12px}.device-colors button{width:21px;height:21px;border-radius:50%;border:1px solid #aaa;padding:0;cursor:pointer}.device-colors button[aria-pressed=true]{outline:2px solid #333;outline-offset:3px}.color-codex{background:repeating-linear-gradient(45deg,#282b2d 0 3px,#737673 3px 4px)}.color-cloud{background:#eee}.color-midnight{background:#474850}.color-wave{background:#75c8d1}.color-leaf{background:#73b952}.color-inferno{background:#f47b35}.color-volt{background:#f3cc42}.color-bubblegum{background:#e9a5cb}.device-hint{text-align:center;font-size:12px;color:#637065;margin:16px 0}.console:fullscreen{display:block;background:#f8f9f5;width:min(59vh,100vw);height:100vh;aspect-ratio:850/1440;margin:auto;padding:0}.console:fullscreen .display{height:auto;width:62.1177%;aspect-ratio:10/9;padding:0}.console:fullscreen .device-art{height:111.111%}@media(max-width:760px){.device-stage{max-width:420px;padding:0 15px 0 35px}.console{padding:0;max-width:none}.device-colors{left:3px;gap:10px}.device-game-title{font-size:9px}.play-main{padding:24px 14px}.device-hint{font-size:11px}}

@media(min-width:761px){.device-stage{width:min(490px,calc((100svh - 240px)*.590278 + 77px));min-width:300px}.play-main .section-head{margin-bottom:20px}.player-layout{grid-template-columns:minmax(300px,490px) 1fr}.play-main h1{letter-spacing:-1.5px}}

.display canvas:focus{outline:none}.display:focus-within{outline:2px solid #aaa;outline-offset:3px}

.player-layout:fullscreen{display:grid;grid-template-columns:minmax(280px,490px) minmax(260px,400px);justify-content:center;align-items:center;background:#f8f9f5;overflow:auto;padding:24px;box-sizing:border-box;width:100%;height:100%}.player-layout:fullscreen .device-stage{width:min(490px,calc((100svh - 100px)*.590278 + 77px))}.embedded{background:transparent}.embedded>header,.embedded .section-head,.embedded aside>h2,.embedded aside>label,.embedded aside>p:not(#play-status),.embedded aside>details,.embedded #play-download{display:none}.embedded .play-main{padding:8px;max-width:480px}.embedded .player-layout{display:flex;flex-direction:column;gap:0;align-items:center}.embedded .device-stage{width:300px;min-width:0;padding:0 20px 0 35px}.embedded .device-hint{margin:5px 0}.embedded aside.panel{padding:8px 12px;margin:0;width:100%;box-sizing:border-box;background:transparent;border:0}.embedded #play-status{font-size:12px;min-height:34px;margin:4px 0}.embedded .player-tools .button{padding:10px;font-size:12px}.embedded .player-layout:fullscreen{justify-content:center}.embedded .player-layout:fullscreen .device-stage{width:min(440px,calc((100svh - 180px)*.590278 + 55px))}.embedded .player-layout:fullscreen aside{max-width:440px}@media(max-width:760px){.player-layout:fullscreen{display:flex;flex-direction:column;justify-content:flex-start}.player-layout:fullscreen .device-stage{min-width:260px;max-width:360px}.player-layout:fullscreen aside{width:100%;box-sizing:border-box}}