.desktop-only{display:none}
@media (hover:hover) and (pointer:fine){
 .desktop-only{display:inline-flex;align-items:center;justify-content:center}
 body:not(.portrait-mode){display:grid;place-items:center;min-height:100dvh;overflow:auto}
 body:not(.portrait-mode) .cabinet{position:relative;inset:auto;transform:none;width:min(1440px,96vw);height:96dvh;min-height:420px;padding:16px 22px 12px;display:flex;flex-direction:column;gap:8px;border-radius:16px}
 body:not(.portrait-mode) header{position:static;transform:none;display:flex;flex-wrap:wrap;flex:none;margin:0;gap:12px;z-index:4}
 header .desktop-only{font-family:Arcade8,monospace;font-size:9px;line-height:1.4;min-height:34px;border-radius:6px;white-space:nowrap}
 body:not(.portrait-mode) .display{flex:1;min-height:80px;max-width:none;width:100%;height:auto;margin:0;display:flex;flex-direction:column}
 body:not(.portrait-mode) .bezel{flex:1;min-height:0;width:100%;display:grid;place-items:center;background:#000;overflow:hidden}
 body:not(.portrait-mode) #game{width:var(--desktop-game-w,100%);max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
 body:not(.portrait-mode) .screen-meta{display:none}
 body:not(.portrait-mode) .controller{position:relative;inset:auto;display:flex;flex:none;padding:8px 4px 22px;min-height:82px;pointer-events:auto}
 body:not(.portrait-mode) .dpad{position:static;transform:none;gap:8px;width:auto;height:auto;margin:0}
 body:not(.portrait-mode) .dpad button{width:64px;height:54px;font-size:26px}
 body:not(.portrait-mode).on-title .dpad{gap:4px}
 body:not(.portrait-mode).on-title .dpad button{height:36px}
 body:not(.portrait-mode) .system{position:static;transform:none;display:flex;flex-direction:row-reverse;padding:0;gap:12px}
 body:not(.portrait-mode) .actions{position:static;display:flex;gap:16px;align-items:center}
 body:not(.portrait-mode) .actions button{position:relative;inset:auto;width:55px;height:55px;font-size:26px}
 body:not(.portrait-mode) .actions .special{position:relative;inset:auto!important;width:42px!important;height:42px!important;font-size:20px!important}
 body:not(.portrait-mode) .actions button span{display:block;top:58px;font-size:10px}
 body:not(.portrait-mode) .actions .special span{top:46px!important}
 body:not(.portrait-mode) footer{display:flex;flex:none;padding-top:8px;gap:8px;justify-content:space-between}
 footer .rotate-hint{display:none}
 footer .game-credit{flex:0 0 auto!important;font-size:8px!important}
 #instructions{width:min(840px,calc(100vw - 48px));max-width:840px;max-height:calc(100dvh - 48px);margin:auto;padding:28px clamp(22px,4vw,44px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}
 #instructions h1{font-size:clamp(20px,2vw,26px);line-height:1.6;clear:both}
 #instructions p,#instructions dl,#instructions dt,#instructions dd{font-size:clamp(13px,1.05vw,16px);line-height:1.9;overflow-wrap:anywhere}
 #instructions dl{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:10px 24px;padding:18px 0;border-block:2px solid #192f3a33}
 #instructions dd{margin:0}
 #instructions .eyebrow{font-family:Arcade8,monospace;font-size:12px}
 #instructions .close{position:sticky;top:0;float:right;margin:-12px -8px 0 12px;min-width:36px;min-height:36px;background:#fff5d7;z-index:1}
 #instructions .pc-help{border-left:4px solid #c84032;padding-left:14px}
 body.desktop-full{display:block;overflow:hidden;min-height:0;height:100dvh;background:#000}
 body.desktop-full .cabinet{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;gap:0;background:#000;--pc-control:clamp(66px,12dvh,112px)}
 body.desktop-full .display{height:100%;min-height:0;width:100%}
 body.desktop-full .bezel{padding:0;border:0;border-radius:0;box-shadow:none}
 body.desktop-full header{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:96vw;flex-wrap:nowrap;justify-content:center;gap:8px}
 body.desktop-full header .wordmark,body.desktop-full header .edition,body.desktop-full #display-mode,body.desktop-full footer{display:none}
 body.desktop-full header button{background:#102630dc;color:#fff7da;opacity:.85;min-height:34px}
 body.desktop-full .controller{position:absolute;inset:0;min-height:0;padding:0;pointer-events:none;display:block}
 body.desktop-full .controller button{pointer-events:auto;opacity:.82}
 body.desktop-full .controller button.pressed{opacity:1}
 body.desktop-full .dpad{position:absolute;left:12px;bottom:64px;display:flex;gap:10px}
 body.desktop-full .dpad button{width:var(--pc-control);height:var(--pc-control);font-size:38px;border-radius:16px}
 body.desktop-full.on-title .dpad{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
 body.desktop-full.on-title .dpad button{height:clamp(42px,8dvh,65px)}
 body.desktop-full .system{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);flex-direction:row-reverse}
 body.desktop-full .system button{min-width:88px;min-height:36px;font-size:11px}
 body.desktop-full .actions{display:contents}
 body.desktop-full .actions button{position:absolute;width:var(--pc-control);height:var(--pc-control);margin:0;font-size:38px}
 body.desktop-full .actions .attack{right:calc(20px + var(--pc-control)*1.08);bottom:36px}
 body.desktop-full .actions .jump{right:18px;bottom:calc(36px + var(--pc-control)*.75)}
 body.desktop-full .actions .special{position:absolute;left:auto!important;top:auto!important;right:calc(18px + var(--pc-control)*.18)!important;bottom:calc(50px + var(--pc-control)*1.75)!important;width:calc(var(--pc-control)*.64)!important;height:calc(var(--pc-control)*.64)!important;font-size:26px!important}
 body.desktop-full .actions button span{display:none}
}
@media (hover:hover) and (pointer:fine) and (max-width:720px){
 body:not(.portrait-mode):not(.desktop-full) .cabinet{width:98vw;padding:10px;min-height:480px}
 body:not(.portrait-mode) header{gap:7px}header .edition{display:none}
 header .desktop-only{font-size:7px;padding:7px}
 body:not(.portrait-mode):not(.desktop-full) .dpad button{width:44px}
 body:not(.portrait-mode):not(.desktop-full) .actions{gap:8px}
 body:not(.portrait-mode):not(.desktop-full) .system{gap:6px}
 body:not(.portrait-mode):not(.desktop-full) .system button{padding:7px;font-size:9px}
 #instructions{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}
 #instructions dl{grid-template-columns:1fr;gap:3px}#instructions dd{margin-bottom:10px}
}

@media (hover:hover) and (pointer:fine){body.desktop-full .controller{display:none}}