:root{color-scheme:dark;--bg:#08090e;--purple:#9b7df9;--pink:#ea80b7;--text:#ddd9ec;--line:#25232e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Mono','PingFang SC',monospace}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}header{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23202c;background:#0a0a10;position:relative;z-index:3}.logo{font-family:'Press Start 2P',monospace;font-size:16px;letter-spacing:-1px}.logo>span{color:var(--pink);font-size:24px;margin-right:10px}.logo small{display:block;font:7px 'Space Mono',monospace;color:#736c83;letter-spacing:3px;margin:10px 0 0 37px}.header-right{font-size:8px;letter-spacing:1.3px;color:#91899f;display:flex;align-items:center;gap:9px}.status-dot{height:5px;width:5px;background:#c2eda5;box-shadow:0 0 9px #c2eda5}.header-right button{background:none;border:1px solid #39333f;width:30px;height:30px;margin-left:26px;font-size:20px}.scene{position:relative;isolation:isolate;min-height:850px;overflow:hidden;padding:34px 5% 20px;background:radial-gradient(ellipse at 42% 48%,#29203e55,transparent 55%)}.ceiling{position:absolute;top:0;left:12%;right:12%;height:2px;background:#765295;box-shadow:0 0 20px 3px #a66ae844}.wall-grid{position:absolute;inset:0 0 24%;z-index:-3;background-image:linear-gradient(#28202d45 1px,transparent 1px),linear-gradient(90deg,#28202d45 1px,transparent 1px);background-size:110px 56px;mask-image:linear-gradient(transparent,black 30%,black 70%,transparent)}.wall-sign{position:absolute;top:150px;right:9%;color:#db78ae55;font-family:'Press Start 2P',monospace;font-size:22px;line-height:1.6;transform:rotate(-4deg);text-shadow:0 0 16px #e365aa55;border:2px solid #a8608733;padding:12px 18px}.wall-sign small{font-size:8px;letter-spacing:2px}.floor{position:absolute;height:480px;bottom:-290px;left:-50%;width:200%;background-image:linear-gradient(#4e3e6555 1px,transparent 1px),linear-gradient(90deg,#4e3e6555 1px,transparent 1px);background-size:100px 65px;transform:perspective(400px) rotateX(58deg);transform-origin:center top;z-index:-2;mask-image:linear-gradient(transparent,black 25%)}.ambient{position:absolute;width:700px;height:700px;top:30px;left:12%;background:radial-gradient(ellipse,#7551a32a,transparent 64%);z-index:-2}.scene-title{position:relative;z-index:2;text-align:center;margin-bottom:24px}.scene-title>span{font-size:7px;color:#7d728e;letter-spacing:3px}.scene-title h1{font-size:17px;font-weight:400;letter-spacing:5px;margin:10px 0}.scene-title h1 span{color:var(--pink)}.display-stage{position:relative;max-width:970px;margin:auto;display:grid;grid-template-columns:1fr 360px 1fr;gap:65px;align-items:end}.arcade-wrap{grid-column:2;position:relative;width:360px}.arcade{background:#24202e;border:2px solid #655075;padding:12px 12px 0;position:relative;clip-path:polygon(4% 0,96% 0,100% 3%,100% 83%,95% 100%,5% 100%,0 83%,0 3%);box-shadow:inset 6px 0 #3d2c50,inset -6px 0 #100f17;filter:drop-shadow(0 0 14px #b58bff33)}.marquee{border:2px solid #a58bc7;background:#221c31;padding:16px 5px 11px;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;color:#f6c5e1;box-shadow:inset 0 0 15px #b283d92b}.marquee b{font-family:'Press Start 2P',monospace;font-size:18px;letter-spacing:-1px;text-shadow:3px 3px #854ba9,0 0 15px #dd83dd77}.marquee>span{font-size:15px}.marquee small{width:100%;text-align:center;font-size:6px;letter-spacing:2px;margin-top:12px;color:#a18aaa}.bezel{padding:0 14px;background:#0e0c16;border:2px solid #403249;border-top:0}.screen-meta,.screen-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#82728f;padding:10px 0}.screen-meta>span:first-child{color:#b4b28b}.screen{position:relative;display:block;width:100%;padding:0;border:3px solid #06050c;line-height:0;background:#0d0a15;box-shadow:0 0 20px #8451db44;overflow:hidden}.screen img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:900/1413}.zoom-note{position:absolute;right:8px;bottom:8px;background:#120b28c9;color:#e5d7ff;line-height:1;padding:7px;font-size:6px;opacity:0}.screen:hover .zoom-note{opacity:1}.screen-bottom{padding:9px 0}.deck{height:67px;border:2px solid #765c8c;background:linear-gradient(#44364e,#2d2536);display:flex;align-items:center;justify-content:space-around;box-shadow:inset 0 -6px #1b1823;position:relative}.stick{position:relative;width:50px;height:40px}.stick:before{content:'';position:absolute;width:42px;height:12px;background:#100f17;bottom:0;border:1px solid #76637e;border-radius:50%}.stick:after{content:'';position:absolute;width:7px;height:26px;background:#a094ad;bottom:5px;left:16px;transform:rotate(-12deg)}.stick i{position:absolute;left:7px;top:0;width:25px;height:25px;border-radius:50%;background:#b36c99;box-shadow:inset -5px -5px #704862,0 0 12px #c679aa44;z-index:1}.game-buttons{display:flex;gap:12px;position:relative;padding-bottom:8px}.game-buttons i{height:26px;width:29px;border-radius:50%;background:#a68bcb;border:3px solid #31263e;box-shadow:0 3px #0d0b14}.game-buttons i:nth-child(2){background:#e8a4ba}.game-buttons small{position:absolute;font-size:4px;letter-spacing:1px;bottom:-8px;white-space:nowrap;left:-13px;color:#95859b}.cabinet-bottom{height:62px;display:flex;align-items:center;justify-content:center;gap:25px;background:#211b29}.speaker{height:24px;width:43px;background:repeating-linear-gradient(0deg,#0e0c14 0 3px,transparent 3px 6px)}.coin{border:1px solid #5d496a;padding:6px 9px;display:grid;gap:6px;font-size:5px;color:#a18aaa}.coin i{background:#07060c;height:4px;width:24px;margin:auto}.cabinet-bottom>b{color:#5c4569;font-size:14px;position:absolute;bottom:13px;right:25px}.reflection{position:absolute;left:-30px;right:-30px;height:40px;bottom:-24px;border-radius:50%;background:#9771c323;filter:blur(14px);z-index:-1}.ghost-machine{position:absolute;left:-30px;bottom:25px;width:190px;height:470px;border:2px solid #302837;background:#101017;transform:perspective(600px) rotateY(19deg);opacity:.52;clip-path:polygon(5% 0,95% 0,100% 4%,100% 85%,94% 100%,6% 100%,0 85%,0 4%);padding:12px;box-shadow:inset 5px 0 #28202f}.ghost-machine>div{border:2px solid #3f304b;text-align:center;padding:15px 0;font-size:12px;letter-spacing:2px;color:#655471}.ghost-machine>span{display:flex;align-items:center;justify-content:center;height:270px;text-align:center;font-size:10px;letter-spacing:3px;line-height:2;color:#51415c;border:10px solid #09090e;margin-top:10px;background:repeating-linear-gradient(#13101b 0 2px,#0e0c14 2px 5px)}.ghost-machine i{display:block;height:45px;background:#221b2c;border:1px solid #33263d}.case-zone{grid-column:3;width:200px;margin-bottom:55px;position:relative}.case-label{font-size:6px;letter-spacing:1.4px;color:#9a849f;display:flex;align-items:center;gap:12px;margin-bottom:25px;white-space:nowrap}.case-label i{height:1px;background:#45344e;flex:1}.case-plinth{position:relative;padding:0 13px 31px}.phone-outline{width:151px;height:290px;position:relative;border:2px solid #716478;border-radius:27px;background:linear-gradient(130deg,#24202a99,#100e1799);box-shadow:inset 0 0 0 4px #0a0911,0 0 34px #a26fc114;margin:auto;transform:rotate(7deg);z-index:2}.camera{position:absolute;top:10px;left:10px;border:1px solid #53475c;border-radius:14px;width:65px;height:65px}.camera i{position:absolute;width:19px;height:19px;border:1px solid #64506e;border-radius:50%;background:#0a0911}.camera i:first-child{left:6px;top:6px}.camera i:nth-child(2){right:6px;top:23px}.camera i:last-child{left:6px;bottom:6px}.phone-empty{position:absolute;inset:95px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:35px;gap:12px;color:#675b72}.phone-empty>span{font-size:28px;color:#a489b8}.phone-empty>b{font-size:6px;letter-spacing:1px}.phone-empty>small{font-size:8px}.phone-outline:has(img:not([hidden])){border:0;background:none;box-shadow:none}.phone-outline:has(img:not([hidden])) .camera,.phone-outline:has(img:not([hidden])) .phone-empty{display:none}#caseImage{width:100%;height:100%;object-fit:contain}.plinth-top{position:absolute;bottom:13px;left:-8px;right:-8px;height:36px;background:#2a2333;transform:skewX(-14deg);border:1px solid #584261}.plinth-front{position:absolute;bottom:0;left:-12px;right:-4px;height:20px;background:#18141f;border:1px solid #382941}.case-caption{text-align:center;margin-top:18px}.case-caption>span{font-size:5px;letter-spacing:1px;color:#6e5b7c}.case-caption p{font-size:9px;color:#9986a5;margin:9px 0}.slide-nav{display:flex;justify-content:center;align-items:center;gap:35px;position:relative;margin-top:32px}.slide-nav>button{width:40px;height:40px;border:1px solid #4e3e60;background:#17121f;font-size:21px;color:#c5a4e5;box-shadow:3px 3px #030305}.slide-nav>button:disabled{opacity:.22;cursor:default}.slide-caption{text-align:center;min-width:210px}.slide-caption>span{font-size:9px;color:#ceabd9;letter-spacing:2px}.slide-caption i{font-style:normal;color:#55485f;font-size:7px}.slide-caption h2{font-family:'Press Start 2P',monospace;font-size:10px;line-height:1.7;margin:9px 0 5px;color:#e3cee9}.slide-caption small{font-size:9px;letter-spacing:3px;color:#8d7797}.scene-footer{display:flex;justify-content:space-between;margin-top:30px;font-size:7px;color:#62556f;letter-spacing:1px}.scene-footer i{margin:0 10px}footer{display:flex;justify-content:space-between;padding:19px 5%;border-top:1px solid #211a2a;color:#53495d;font-size:6px;letter-spacing:1.5px}dialog{padding:0;background:#08090ef5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;color:#ded1e6}dialog::backdrop{background:#08090e}dialog>div{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:10px}dialog button{background:transparent;border:1px solid #564260;padding:8px 15px;font-size:10px}dialog>img{display:block;width:auto;height:auto;max-width:94vw;max-height:calc(100dvh - 80px);object-fit:contain;margin:0 auto}body:has(dialog[open]){overflow:hidden}.switching{animation:appear .35s steps(5,end)}@keyframes appear{from{opacity:.3;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media(min-width:1500px){.display-stage{grid-template-columns:1fr 400px 1fr;max-width:1100px}.arcade-wrap{width:400px}}@media(max-width:1000px){.display-stage{max-width:700px;grid-template-columns:340px 190px;gap:60px;justify-content:center}.arcade-wrap{grid-column:1;width:340px}.case-zone{grid-column:2;width:190px}.ghost-machine{left:-130px;width:160px;opacity:.25}.wall-sign{right:6%;top:140px;font-size:16px}.scene{min-height:0}.scene-title{margin-bottom:26px}}@media(max-width:620px){header{height:70px;padding:0 6%}.logo{font-size:11px}.logo>span{font-size:19px}.logo small{font-size:5px;letter-spacing:2px;margin-left:30px}.header-right{font-size:0;gap:0}.status-dot{display:none}.header-right button{margin:0;width:28px;height:28px}.scene{padding:24px 5% 18px}.scene-title>span{font-size:5px;letter-spacing:2px}.scene-title h1{font-size:13px;letter-spacing:3px;margin-top:9px}.display-stage{grid-template-columns:minmax(0,1fr) 90px;gap:16px;width:100%;max-width:480px;align-items:center}.arcade-wrap{width:100%}.arcade{padding:7px 7px 0}.marquee{padding:11px 2px 8px}.marquee b{font-size:10px}.marquee>span{font-size:9px}.marquee small{font-size:4px;letter-spacing:.5px;margin-top:8px}.bezel{padding:0 7px}.screen{border-width:2px}.screen-meta,.screen-bottom{font-size:4px;letter-spacing:0;padding:7px 0}.deck{height:46px}.stick{transform:scale(.7);height:35px}.game-buttons{gap:4px;transform:scale(.75)}.game-buttons small{display:none}.cabinet-bottom{height:43px;gap:15px}.speaker{width:25px;height:18px}.coin{padding:4px;font-size:4px}.cabinet-bottom>b{font-size:8px;right:14px;bottom:10px}.case-zone{width:90px;margin:35px 0 0}.case-label{font-size:4px;letter-spacing:0;margin-bottom:20px}.case-label i{display:none}.case-plinth{padding:0 0 18px}.phone-outline{width:78px;height:153px;border-radius:15px;border-width:1px;box-shadow:inset 0 0 0 2px #0a0911}.camera{top:6px;left:6px;width:35px;height:35px;border-radius:8px}.camera i{width:10px;height:10px}.camera i:first-child{left:3px;top:3px}.camera i:nth-child(2){right:3px;top:12px}.camera i:last-child{left:3px;bottom:3px}.phone-empty{inset:49px 0 0;padding-bottom:16px;gap:7px}.phone-empty>span{font-size:17px}.phone-empty>b{font-size:4px;letter-spacing:0}.phone-empty>small{font-size:5px}.plinth-top{height:17px;bottom:9px;left:-3px;right:-3px}.plinth-front{height:12px;left:-5px;right:-1px}.case-caption{margin-top:10px}.case-caption>span{font-size:3px;letter-spacing:0}.case-caption p{font-size:6px;line-height:1.6}.ghost-machine{left:-100px;width:130px;height:320px;opacity:.15}.wall-sign{right:5%;top:100px;font-size:11px;padding:8px;line-height:1.5;opacity:.5}.wall-sign small{font-size:5px;letter-spacing:0}.slide-nav{gap:18px;margin-top:30px}.slide-nav>button{width:32px;height:32px;font-size:18px}.slide-caption{min-width:160px}.slide-caption h2{font-size:8px}.slide-caption small{font-size:8px}.scene-footer{font-size:5px;letter-spacing:0;margin-top:25px}footer{padding:17px 5%;font-size:5px;letter-spacing:0}footer>span:nth-child(2){display:none}.floor{bottom:-340px}.ambient{width:450px;height:500px;left:-20%}}@media(prefers-reduced-motion:reduce){.switching{animation:none}}
/* Keep the complete slide visible on shorter desktop screens. */
@media(min-width:621px) and (max-height:900px){header{height:64px}.scene{min-height:0;padding-top:20px;padding-bottom:14px}.scene-title{margin-bottom:16px}.display-stage{zoom:.78}.slide-nav{margin-top:20px}.scene-footer{margin-top:18px}footer{padding-top:14px;padding-bottom:14px}}
@media(min-width:621px) and (max-height:760px){.display-stage{zoom:.61}.scene-title h1{font-size:14px}.scene-title>span{font-size:6px}.slide-nav{margin-top:16px}.slide-caption h2{font-size:8px}}
/* Collection edition: two-column original-ratio contact sheet. */
header .logo{display:block;line-height:0}header .logo img{display:block;width:145px;height:62px;object-fit:contain}.marquee{padding:6px;min-height:74px}.marquee img{display:block;width:155px;height:66px;object-fit:contain}.scene-title,.ghost-machine,.case-caption{display:none}.thumbnail-panel{grid-column:1;grid-row:1;align-self:start;width:240px;min-width:0;height:700px;display:flex;flex-direction:column;border-top:1px solid #493657}.thumbnail-heading{display:flex;justify-content:space-between;padding:15px 0;font-size:12px;color:#d0bddb}.thumbnail-heading span{font-size:9px;color:#887395}.thumbnail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto;align-content:start;padding:2px 10px 10px 2px;scrollbar-width:thin;scrollbar-color:#77508c #14101c;overscroll-behavior:contain}.thumbnail{background:#100d17;border:1px solid #382c46;padding:4px;text-align:left;min-width:0;transition:border-color .15s}.thumbnail[aria-current=true]{border-color:#edb2dc;box-shadow:0 0 0 1px #edb2dc}.thumbnail img{width:100%;height:auto;display:block;object-fit:contain}.thumbnail .thumb-id{display:block;font-size:9px;color:#ba91d2;margin:6px 1px 3px}.thumbnail .thumb-name{display:block;font-size:9px;line-height:1.5;color:#b6a4c4;padding:0 1px 3px;overflow-wrap:anywhere}.display-stage{grid-template-columns:240px 360px 200px;gap:55px;max-width:910px;align-items:start}.arcade-wrap{grid-column:2;grid-row:1}.case-zone{grid-column:3;align-self:center;margin-bottom:0}.slide-caption h2{max-width:320px;line-height:1.8}.slide-caption small{font-size:12px;letter-spacing:1px}.screen img{aspect-ratio:auto}.screen-bottom{min-height:14px;padding:5px 0}.scene{padding-top:30px}.case-label{font-size:10px;letter-spacing:1px}.scene-footer{margin-top:22px}.slide-caption{min-width:280px}.pending .screen{background:#000}.pending .zoom-note{display:none}
@media(min-width:1500px){.display-stage{grid-template-columns:260px 400px 220px;max-width:990px;gap:55px}.thumbnail-panel{width:260px;height:760px}}
@media(max-width:1000px) and (min-width:621px){.display-stage{grid-template-columns:200px 320px 150px;gap:28px;max-width:726px}.thumbnail-panel{width:200px;height:640px}.arcade-wrap{width:320px;grid-column:2}.case-zone{width:150px;grid-column:3}.phone-outline{width:125px;height:245px}}
@media(max-width:620px){header .logo img{width:128px;height:58px}.scene{padding:22px 4% 16px}.display-stage{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;max-width:500px}.thumbnail-panel{grid-column:1;grid-row:1 / span 2;width:110px;height:610px;position:sticky;top:10px}.thumbnail-heading{font-size:10px;padding:10px 0}.thumbnail-heading span{font-size:6px}.thumbnail-grid{gap:8px;padding-right:4px}.thumbnail{padding:2px}.thumbnail .thumb-id{font-size:7px;margin:4px 0 2px}.thumbnail .thumb-name{font-size:7px;line-height:1.5}.arcade-wrap{grid-column:2;grid-row:1;width:100%}.case-zone{grid-column:2;grid-row:2;width:100%;display:flex;align-items:center;gap:20px;justify-content:center;margin-top:7px}.case-plinth{width:90px;flex-shrink:0}.case-label{font-size:8px;line-height:1.7;width:50px;white-space:normal}.marquee{min-height:45px;padding:3px}.marquee img{width:100%;height:40px}.slide-caption{min-width:190px}.slide-caption h2{font-size:7px;max-width:210px}.slide-caption small{font-size:10px}.slide-nav{gap:12px;margin-top:24px}.scene-footer{margin-top:20px}.screen-bottom{min-height:10px}.phone-empty>small{font-size:5px}.wall-sign{display:none}}

/* CSV artwork names */
.slide-nav h2{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;}

.playback-controls{display:flex;justify-content:center;margin-top:24px}.playback-controls button{min-height:40px;padding:8px 18px;border:1px solid #77508c;background:#14101c;color:#edb2dc;font:12px Arial,"PingFang SC",sans-serif;cursor:pointer}.playback-controls button:hover{background:#292034}.playback-controls button:focus-visible{outline:2px solid #edb2dc;outline-offset:4px}.playback-controls+.slide-nav{margin-top:14px}

/* Caption beneath the phone preview and compact brand footer. */
.case-zone .slide-nav{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;width:100%;margin-top:28px;align-items:center}
.case-zone .slide-caption{min-width:0;text-align:center}.case-zone .slide-caption h2{font-size:16px;line-height:1.6;max-width:none;overflow-wrap:anywhere;margin:10px 0 0}.case-zone .slide-nav>button{width:32px;height:36px;font-size:20px}.case-zone #number{font-size:10px}
footer.brand-footer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px 28px;border:0;background:#08090e;text-align:center}footer.brand-footer img{width:138px;height:auto;display:block}footer.brand-footer p{margin:0;color:#918b9c;font:10px Arial,sans-serif;letter-spacing:1px}
@media(max-width:620px){.case-zone{flex-direction:column;gap:0}.case-zone .slide-nav{margin-top:18px;grid-template-columns:26px minmax(0,1fr) 26px;gap:4px}.case-zone .slide-nav>button{width:26px;height:32px}.case-zone .slide-caption h2{font-size:14px}.case-zone #number{font-size:8px}footer.brand-footer{padding-top:18px}footer.brand-footer img{width:120px}}

.case-caption-name{margin-top:28px;text-align:center;position:relative;left:50%;transform:translateX(-50%);width:max-content;max-width:none}.case-caption-name .slide-caption{min-width:0}.case-zone .case-caption-name h2{white-space:nowrap;overflow-wrap:normal;font-size:16px;max-width:none}.restored-nav{justify-content:center;gap:300px;margin-top:24px}.restored-nav+.playback-controls{margin-top:16px}@media(max-width:620px){.case-caption-name{left:auto;transform:none;margin-top:18px}.case-zone .case-caption-name h2{font-size:12px}.restored-nav{gap:190px}}

/* Compact, single-row slideshow controls. */
.slide-nav.restored-nav.playback-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}.restored-nav.playback-controls>button{flex-shrink:0;min-height:38px}.restored-nav.playback-controls #playback{width:auto;height:38px;padding:8px 18px;font:12px Arial,"PingFang SC",sans-serif}.restored-nav.playback-controls #prev,.restored-nav.playback-controls #next{width:38px;height:38px;padding:0;font-size:20px}@media(max-width:620px){.slide-nav.restored-nav.playback-controls{gap:12px;margin-top:8px}}

/* Upright supplied case renders, enlarged within the preview column. */
.case-zone .phone-outline{width:240px;height:auto;aspect-ratio:912/1725;transform:none;border:0;background:none;box-shadow:none;border-radius:0;left:50%;margin:0;translate:-50% 0}.case-zone .case-plinth{width:100%;padding:0}.case-zone .plinth-top,.case-zone .plinth-front{display:none}.case-zone #caseImage{display:block;width:100%;height:100%;object-fit:contain}.case-zone #caseImage[hidden]{display:none}.case-zone .case-caption-name{margin-top:14px}@media(min-width:621px) and (max-width:1000px){.case-zone .phone-outline{width:200px}}@media(max-width:620px){.case-zone .phone-outline{width:150px}.case-zone .case-plinth{width:100%}.case-zone .case-caption-name{margin-top:10px}}

/* Mobile: case above arcade, caption directly below arcade. */
@media(max-width:620px){
 .display-stage{grid-template-columns:110px minmax(0,1fr);row-gap:16px}
 .display-stage>.case-zone{display:contents}
 .display-stage>.case-zone>.case-plinth{grid-column:2;grid-row:1;justify-self:center;width:100%;padding:0}
 .case-zone .phone-outline{width:120px}
 .display-stage>.arcade-wrap{grid-column:2;grid-row:2}
 .display-stage>.case-zone>.case-caption-name{grid-column:2;grid-row:3;justify-self:center;left:auto;transform:none;margin:0;text-align:center}
 .display-stage>.thumbnail-panel{grid-column:1;grid-row:1 / span 3;height:min(760px,85vh)}
 .case-zone .case-caption-name h2{margin-top:8px}
}

/* Fit the complete mobile presentation inside the browser's usable viewport. */
@media(max-width:620px){
 header{height:52px;padding:0 5%}header .logo img{width:104px;height:44px}
 main{height:calc(100svh - 52px);display:flex;flex-direction:column;min-height:0}
 .scene{flex:1;min-height:0;padding:8px 4% 0}
 .display-stage{height:100%;width:100%;grid-template-columns:92px minmax(0,1fr);grid-template-rows:124px minmax(0,1fr) 42px;column-gap:12px;row-gap:6px;align-items:stretch}
 .display-stage>.thumbnail-panel{height:100%;min-height:0;width:92px;position:static;grid-row:1 / span 3}
 .thumbnail-heading{padding:7px 0}.thumbnail-grid{gap:6px;min-height:0}.thumbnail .thumb-name{font-size:6px}
 .case-zone .phone-outline{width:64px;height:121px;aspect-ratio:912/1725}
 .display-stage>.case-zone>.case-plinth{align-self:center}
 .display-stage>.arcade-wrap{height:100%;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}
 .arcade-wrap .arcade{width:min(100%,calc((100cqh - 110px)/1.57));box-sizing:border-box;flex-shrink:0;padding:5px 5px 0}
 .arcade .marquee{min-height:28px;padding:2px}.arcade .marquee img{height:24px}
 .arcade .bezel{padding:0 4px}.arcade .screen-meta{padding:4px 0}.arcade .screen-bottom{min-height:6px;padding:2px 0}
 .arcade .deck{height:24px}.arcade .stick{transform:scale(.45);height:24px}.arcade .game-buttons{transform:scale(.55)}
 .arcade .cabinet-bottom{height:24px}.arcade .speaker{height:12px}.arcade-wrap .reflection{display:none}
 .case-zone .case-caption-name{align-self:center}.case-zone .case-caption-name h2{font-size:11px;margin:4px 0 0}.case-zone #number{font-size:8px}
 .slide-nav.restored-nav.playback-controls{flex:0 0 48px;margin:0;padding:4px 0 6px;box-sizing:border-box}
 .restored-nav.playback-controls>button,.restored-nav.playback-controls #playback,.restored-nav.playback-controls #prev,.restored-nav.playback-controls #next{height:34px;min-height:34px}
 footer.brand-footer{margin-top:0}
}