/* The cartridge stays recognizable from the shelf to its own title screen. */
.shelf-game-logo{position:absolute;bottom:12px;left:12px;max-width:72%;pointer-events:none;padding:6px 9px;background:#fffdf1f2;border:1px solid #384c3d66;border-radius:5px;box-shadow:2px 2px 0 #172f342e;color:#344b40}
.game-logo{display:flex;align-items:center;gap:12px;min-width:0}
.game-logo>span{font:24px/1.35 var(--pixel);text-wrap:balance}
.game-mark{display:block;width:56px;height:56px;flex-shrink:0;overflow:visible;padding:8px;border:1px solid #fff3c440;border-radius:12px;background:#10292f88}
.shelf-game-logo .game-logo{gap:7px}.shelf-game-logo .game-logo>span{font-size:12px;line-height:1.5}.shelf-game-logo .game-mark{width:31px;height:31px;padding:4px;border-radius:6px;border:0;background:#345b4b}
.cover-brand .game-logo{gap:15px}.cover-brand .game-mark{width:78px;height:78px;padding:12px;border:1px solid #faefc48c;box-shadow:3px 3px 0 #07182066;background:var(--game-ink)}
.cover-brand{gap:12px;padding-top:60px}.cover-brand>small{padding-left:93px}.home-cover{min-height:380px}.home-cover canvas{max-height:none}.menu-story h2{margin-top:5px}.menu-story>.eyebrow{display:block;line-height:1.8;margin-bottom:12px}
.main-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.main-menu-actions button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #cbd5c1;border-radius:6px;background:#fffef8;color:var(--game-ink);padding:10px 12px;min-height:57px;font:10px var(--mono)}.main-menu-actions button>span:first-child{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:5px;background:var(--game-wash);font-size:17px}.main-menu-actions b{display:block;font:10px/1.5 var(--mono)}.main-menu-actions small{display:block;color:#77836d;font:8px/1.6 var(--mono);margin-top:3px}.main-menu-actions button:hover,.menu-return button:hover{background:var(--game-wash);border-color:var(--game-accent)}
.room-tabs{position:sticky;top:42px;z-index:9;box-shadow:0 3px 0 #304c3912}.room-tabs [data-tab=play]{position:sticky;left:0;z-index:2;background:var(--game-wash);box-shadow:5px 0 8px var(--game-wash)}.room-tabs [data-tab=play].active{background:#fffdf7}.player-titlebar{gap:10px}.title-home{display:flex;align-items:center;gap:7px;min-height:36px;min-width:0;padding:3px 0;border:0;background:transparent;color:inherit;text-align:left}.title-home>span{display:flex;align-items:center;min-width:0}.title-home .game-mark{width:27px;height:27px;border:0;border-radius:5px;background:var(--game-ink);padding:4px}.title-home strong{font:10px var(--mono);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.title-home .file-extension{font:9px var(--mono);padding-left:5px}.player-titlebar .dialog-wallet{margin-left:auto;margin-right:3px}.player-titlebar .quit-game{width:auto;min-width:62px;padding:6px 9px;font:9px var(--mono);white-space:nowrap;flex-shrink:0}
.menu-return{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px dashed #cad4be}.menu-return p{font:11px/1.8 var(--mono);margin:0;color:#718466}.menu-return button{border:1px solid var(--game-accent);border-radius:5px;background:#fffdf2;padding:12px 16px;min-height:46px;font:10px/1.6 var(--mono);color:var(--game-ink);flex-shrink:0}
.quest-next{margin:24px 0 0;padding:18px 20px;border:1px solid #a7bda0;background:#e8f2e1;border-radius:7px;display:flex;gap:20px;align-items:center;justify-content:space-between}.quest-next p{font:12px/1.8 var(--mono);color:#4f6d50;margin:0;max-width:510px}.quest-next strong{display:block;font:bold 13px/1.7 var(--mono);color:#35583e;margin-bottom:5px}.quest-next .button{min-height:49px;font-size:9px;max-width:290px;line-height:1.8;text-align:left;flex-shrink:0}
#playerDialog[data-game=space] .game-logo>span,#playerDialog[data-game=asteroids] .game-logo>span{letter-spacing:2px;text-transform:uppercase}#playerDialog[data-game=basketball] .game-logo>span,#playerDialog[data-game=rally] .game-logo>span{font-family:Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:-1px;font-style:italic;text-transform:uppercase}#playerDialog[data-game=maze] .game-mark,#playerDialog[data-game=snake] .game-mark{border-radius:50%}#playerDialog[data-game=platform] .game-logo>span{color:#ffe6ad;text-shadow:2px 3px 0 #16392d}#playerDialog[data-game=blocks] .game-mark,#playerDialog[data-game=slide] .game-mark,#playerDialog[data-game=crates] .game-mark{border-radius:2px}
@media(max-width:760px){.menu-hero{gap:20px}.home-cover{min-height:250px;max-height:290px}.home-cover canvas{min-height:250px;max-height:290px}.cover-brand .game-mark{width:64px;height:64px;padding:10px}.cover-brand>small{padding-left:79px}.cover-brand .game-logo>span{font-size:24px}.quest-next{align-items:stretch;flex-direction:column;gap:13px}.quest-next .button{max-width:none;justify-content:space-between}.menu-return{flex-direction:column;align-items:stretch;gap:12px}.menu-return button{text-align:center}.back-menu{white-space:nowrap}.shelf-game-logo{max-width:70%}}
@media(max-width:520px){.room-tabs{top:44px}.room-tabs [data-tab=play]{font-size:9px;padding-left:8px;padding-right:11px}.player-titlebar{gap:7px}.title-home{max-width:53%;gap:7px}.title-home strong{font-size:9px}.title-home .game-mark{width:25px;height:25px}.player-titlebar .dialog-wallet{font-size:7px;line-height:1.6;margin-right:0}.player-titlebar .quit-game{min-width:59px;font-size:9px;padding:6px}.main-menu-actions button{padding:10px;gap:8px;min-height:64px}.main-menu-actions b{font-size:10px}.main-menu-actions small{font-size:8px}.main-menu-actions button>span:first-child{width:23px;height:27px}.menu-hero{gap:18px}.menu-story .home-tagline{font-size:13px;margin-bottom:13px}.cover-brand .game-logo>span{font-size:23px}.quest-next{padding:16px}.quest-next p{font-size:12px}.quest-next .button{font-size:9px}.game-toolbar>div:not(.game-tools){gap:3px}.back-menu{font-size:8px;padding:8px 3px}.shelf-game-logo .game-logo>span{font-size:12px}.home-cover{min-height:210px;max-height:230px}.home-cover canvas{min-height:210px;max-height:230px}}
@media(max-height:530px) and (min-width:600px){.room-tabs{position:sticky;top:34px}.home-cover{min-height:290px;max-height:none}}