:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eee8df;background:#0d1015}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 65% -15%,#263342 0%,transparent 45%),#0d1015}header{display:flex;justify-content:space-between;align-items:center;padding:25px max(5vw,20px);border-bottom:1px solid #ffffff16}.brand{font-size:25px;font-weight:900;letter-spacing:3px}.brand span{color:#d8a56c}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#8f98a2;margin-top:5px}button{cursor:pointer;background:#d5a36c;color:#17130f;border:0;border-radius:8px;padding:11px 17px;font-weight:700}button:hover{filter:brightness(1.12)}button:disabled{opacity:.35;cursor:not-allowed}#account button,.pager button{background:#232a32;color:#eee8df}main{max-width:1440px;margin:auto;padding:45px 5vw}.eyebrow{font-size:11px;letter-spacing:3px;color:#d8a56c;font-weight:700}h1{font-size:clamp(29px,4vw,53px);letter-spacing:-1.5px;margin:8px 0}.muted,.login p{color:#8f98a2}.tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center}input,select{background:#1c222a;border:1px solid #353b45;color:#eee8df;padding:12px;border-radius:8px;min-width:150px}.switch{display:flex;background:#232a32;border-radius:8px;padding:3px}.switch button{padding:9px 13px}.hidden{display:none!important}.login{max-width:400px;margin:8vh auto;background:#171c24;padding:35px;border:1px solid #303742;border-radius:18px}.login h1{font-size:36px}.login label{display:block;margin:18px 0;color:#bbb;font-size:13px}.login input{display:block;width:100%;margin-top:8px}.login form button{width:100%}.error{color:#f0a0a0!important}#status{color:#d5a36c;margin:20px 0}.pager{display:flex;gap:20px;align-items:center;justify-content:center;margin:50px 0}dialog{border:1px solid #47505d;border-radius:16px;background:#1b222b;color:#eee8df;max-width:500px;width:90%;padding:30px}dialog::backdrop{background:#000b}.close{float:right;background:#333;color:white}#detailContent img{max-height:280px;max-width:100%;display:block;margin:auto}#detailContent h2{margin-top:20px}@media(max-width:800px){.tools{margin-top:24px}main{padding-top:24px}}

.discord-login{display:inline-block;background:#5865F2;color:white;text-decoration:none;border-radius:10px;padding:14px 22px;font-weight:700;margin:18px 0 10px}.discord-login:hover{background:#4752c4}

.play-link,.library-link{display:inline-block;color:#eee8df;text-decoration:none;font-weight:700}
.play-link{background:#d5a36c;color:#17130f;border-radius:8px;padding:11px 17px}
.play-link:hover,.library-link:hover{text-decoration:underline}
.player-page{max-width:1100px}
.play-screen{width:min(100%, calc(72vh * 4 / 3));aspect-ratio:4 / 3;background:#090b0e;border:1px solid #353b45;border-radius:12px;overflow:hidden;margin:20px auto}
.play-screen:fullscreen{width:100%;height:100%;border:0;border-radius:0}
.play-screen.expanded{position:fixed;inset:0 0 56px;width:100%;height:auto;margin:0;border:0;border-radius:0;aspect-ratio:auto;z-index:10}
.exit-expanded{position:fixed;z-index:11;inset:auto 0 0;width:100%;height:56px;border-radius:0}
#emulator{width:100%;height:100%}
.player-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.player-tools p{flex:1 1 250px;margin:0}
.cloud-saves{margin-top:24px;padding:16px 20px;background:#171c24;border:1px solid #303742;border-radius:12px}
.cloud-saves h2{margin:0 0 12px;font-size:1.1rem}
#playStatus{min-height:1.5em}