@font-face{font-family:'Comic Neue';src:url('/assets/fonts/ComicNeue-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:'Comic Neue';src:url('/assets/fonts/ComicNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:#3f3152;color:#fff8e9;font-family:'Comic Neue',system-ui,sans-serif}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{height:62px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:#eee2f5;color:#3f3152}h1{font-size:20px;margin:0}a{color:inherit}button{font:700 16px 'Comic Neue',system-ui;border:2px solid #302642;border-radius:10px;background:#fff8e9;color:#302642;min-height:44px;padding:7px 14px;cursor:pointer}.arcade-link{display:flex;align-items:center;text-decoration:none;font-weight:700;font-size:16px;gap:8px}.arcade-link img{width:82px;height:54px;object-fit:contain}main{flex:1;min-height:0;position:relative}iframe{display:block;border:0;width:100%;height:100%;background:#3f3152}footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px max(14px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-size:14px;flex:none}footer nav{display:flex;gap:14px;align-items:center}footer button{background:transparent;color:#fff8e9;border:0;padding:3px;min-height:36px;font-size:14px}footer a{padding:8px 0}dialog{max-width:480px;border:3px solid #302642;border-radius:22px;background:#fff8e9;color:#302642;padding:25px;font-size:18px;line-height:1.5}dialog::backdrop{background:#21172aaa}dialog h2{margin-top:0}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid #bf93ff;outline-offset:3px}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{z-index:50;left:10px;top:10px;width:auto;height:auto;clip-path:none;padding:12px;background:#fff8e9;color:#302642}main:fullscreen{height:100dvh;width:100vw}main:fullscreen iframe{height:100%;width:100%}
@media(max-width:700px){header{height:52px}header h1{font-size:17px}.arcade-link span{display:none}footer{font-size:12px;flex-wrap:wrap;justify-content:center;padding-bottom:max(4px,env(safe-area-inset-bottom))}footer nav{gap:18px}footer>span{display:none}footer button{min-height:32px}footer a{padding:5px 0}}
@media(max-height:500px){header{height:44px}.arcade-link img{height:40px;width:60px}header h1{font-size:16px}header button{min-height:36px}footer{height:30px;font-size:12px;padding-top:0;padding-bottom:0}footer button{min-height:28px;font-size:13px}footer a{padding:3px 0}}

body{background:#f4effb;color:#3f3152}main{display:grid;place-items:center;padding:12px 18px}.handheld{height:100%;width:100%;max-width:1500px;min-height:0;display:flex;flex-direction:column;border:3px solid #69547d;border-radius:28px 28px 58px 28px;background:#d6c7e6;box-shadow:inset 0 3px 0 #fff8,0 6px 0 #aa98be;padding:10px 18px 12px}.console-label{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:12px;letter-spacing:.12em;padding:3px 8px 8px}.console-label.bottom{padding:9px 8px 0}.screen-bezel{flex:1;min-height:0;border:9px solid #45394d;border-radius:17px;background:#45394d;overflow:hidden;box-shadow:0 2px 0 #eee4f9}footer button{color:#3f3152}footer{min-height:38px}#retry-save[hidden]{display:none}@media(max-height:500px){main{padding:3px 6px}.handheld{padding:4px 7px;border-radius:15px 15px 25px 15px}.console-label{display:none}.screen-bezel{border-width:5px;border-radius:10px}footer{min-height:28px}}