/* A compact arcade directory. Color comes from the games. */
:root{--bg:#f5f5f2;--paper:#fff;--ink:#222421;--muted:#686b65;--line:#dcded7;--lime:#e76c32;--radius:4px;--rail-width:0px;font-family:Arial,"Segoe UI",sans-serif;color:var(--ink)}
body{background:var(--bg);font-size:14px}.app-main{margin:0}.content{max-width:1400px;margin:auto;padding:28px 32px 24px}
.portal-header{position:sticky;top:0;z-index:50;background:#20231f;border-top:3px solid #e76c32;color:#fff}.header-inner{max-width:1400px;height:65px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:38px}
.portal-brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.portal-brand>span{display:grid;place-items:center;width:27px;height:27px;color:#20231f;background:#f17b3f;border-radius:2px}.portal-brand svg{width:18px;height:18px;fill:currentColor}
.sidebar{position:static;inset:auto;display:flex;flex-direction:row;gap:25px;width:auto;padding:0;background:none;overflow:visible;transform:none;color:#c6c9c1;flex:none}.sidebar>a{display:flex;align-items:center;gap:7px;min-height:65px;position:relative;font-size:13px;font-weight:600;white-space:nowrap}.sidebar>a:hover,.sidebar>a.active{color:#fff}.sidebar>a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#ed793d}#saved-count{font-size:11px;font-weight:400;color:#d1d4cd}
.search{margin-left:auto;max-width:270px;height:35px;border:1px solid #55594f;background:#30342c;border-radius:3px;color:#d9dbd6;gap:9px}.search input{font:13px Arial,sans-serif;color:#fff}.search input::placeholder{color:#b8bdb2}.search kbd{border-color:#55594f;background:none;color:#b8bdb2;border-radius:2px}.search svg{color:#b8bdb2}.mobile-menu{display:none}
.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.welcome-row>div{display:flex;align-items:baseline;gap:18px}.welcome-row h1{font-size:26px;letter-spacing:-.7px;line-height:1.25}.welcome-row p{font-size:13px;color:var(--muted)}.random-pick{display:flex;align-items:center;gap:8px;border:1px solid #c9cdc2;background:transparent;padding:8px 11px;border-radius:3px;font-size:12px;color:#363b30}.random-pick svg{width:16px;height:16px}.random-pick:hover{background:#e8ebe3}
.picks-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pick-tile{position:relative;display:block;overflow:hidden;border-radius:4px;aspect-ratio:1.2;background:#dedfd7}.pick-tile>img{width:100%;height:100%;object-fit:cover;transition:filter .16s}.pick-tile:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#000b)}.pick-tile>span{position:absolute;bottom:11px;left:11px;right:9px;color:#fff;font-size:14px;font-weight:700;line-height:1.25;z-index:1;text-shadow:0 1px 3px #000}.pick-tile>i{display:none}.pick-tile:hover>img{filter:brightness(1.1)}
.category-section{margin:25px 0 19px;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-filters{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin}.category-filter{position:relative;display:flex;align-items:center;gap:7px;flex:none;border:0;border-radius:0;background:transparent;color:#62675d;font-size:13px;font-weight:600;padding:15px 0;box-shadow:none;white-space:nowrap}.category-filter small{display:inline;font-size:10px;font-weight:400;color:#7e8476}.category-filter.active{background:transparent;color:#252921;border:0}.category-filter.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#e16b30}.category-filter:hover{background:transparent;color:#222}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.section-heading h2{font-size:19px;letter-spacing:-.4px;margin:0}.collection-tools{font-size:12px;gap:16px;color:#656b5d}.collection-tools select{background:transparent;border:1px solid #cdd1c5;border-radius:3px;font-size:12px;padding:6px 8px;color:#42483a}
.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px 14px}.game-card{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:none}.game-card:hover{transform:none;box-shadow:none}.game-cover{aspect-ratio:1.38;border-radius:4px;background:#dce0d3;overflow:hidden}.game-cover>img{width:100%;height:100%;object-fit:cover;transition:filter .16s}.game-card:hover .game-cover>img{transform:none;filter:brightness(1.06)}.card-info{display:flex;align-items:start;padding:8px 0 0;gap:8px}.card-info h3,.compact-card .card-info h3{font-size:13px;font-weight:600;letter-spacing:0;line-height:1.35}.card-info a:hover{text-decoration:underline;text-underline-offset:3px}.card-category{display:block;color:#6e7367;font-size:11px;margin-top:3px}.category-dot,.card-arrow{display:none}.save-button{top:7px;right:7px;width:27px;height:27px;background:#fffe;border:1px solid #0002;color:#606657;border-radius:3px;opacity:0;transition:opacity .12s}.save-button svg{width:15px;height:15px}.game-card:hover .save-button,.game-card:focus-within .save-button,.save-button[aria-pressed=true]{opacity:1}.save-button[aria-pressed=true]{background:#242922;color:#fff;border-color:#242922}.cover-play{display:none}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:42px;padding-top:22px;border-top:1px solid #cdd1c5;color:#676d5e}.site-footer>div{display:flex;align-items:center;gap:15px}.site-footer strong{font-size:16px;font-weight:800;letter-spacing:-.5px;color:#353b2e}.site-footer span{font-size:11px}.site-footer nav{display:flex;gap:20px;font-size:12px}.site-footer nav a:hover{text-decoration:underline}.site-footer>p{width:100%;font-size:11px;color:#727868;margin:0}
.button{border-radius:3px}.button-dark{background:#30372a;color:#fff}.button-dark:hover{background:#11170c}.button-outline{border-color:#bfc5b6;background:transparent}.toast{left:50%;background:#242b1e;border-radius:3px}.skip-link{left:20px;background:#f7b88d;color:#181b16}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #db672b;outline-offset:4px}
.breadcrumbs{font-size:12px;margin-bottom:20px;color:#666c5d}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px}.game-title-row{margin-bottom:16px}.game-title-row h1{font-size:30px;letter-spacing:-.7px;line-height:1.2}.eyebrow{font-size:10px;letter-spacing:.8px;color:#727866}.save-title{font-size:12px;min-height:35px;padding:7px 12px;color:#48513c}.player-frame{border-radius:3px 3px 0 0;box-shadow:none}.player-toolbar{background:#e9ece3;border:1px solid #d4d9ca;border-top:0;border-radius:0 0 3px 3px;padding:11px 13px;min-height:48px}.player-toolbar button,.player-toolbar a{font-size:12px;gap:7px}.player-toolbar svg{width:16px;height:16px}.player-hint{font-size:11px;color:#626b54}.player-hint .live-dot{display:none}.game-editorial{margin-top:28px;padding:0;background:none;border:0;border-radius:0}.game-details h2{font-size:22px;letter-spacing:-.4px}.game-details p,.guide-panel p,.guide-panel li{font-size:14px;color:#5c6550;line-height:1.8}.tip-card{border-left:2px solid #da8b4e;border-radius:0;background:#eceee6;padding:16px}.tip-card strong{font-size:10px;color:#6e634c}.game-guide{gap:0 24px}.guide-panel{border:0;border-top:1px solid #d6dccd;border-radius:0;background:none;padding:18px 0}.guide-panel>span{font-size:9px;color:#737d64;letter-spacing:.5px}.guide-panel h3{font-size:17px;letter-spacing:-.2px;margin:5px 0 9px}.game-review p{font-size:11px;color:#737b67}.related-sidebar>.eyebrow{display:none}.related-sidebar h2{font-size:18px;letter-spacing:-.3px;margin:0 0 18px}.related-sidebar .game-card{margin-bottom:20px}.related-sidebar .game-cover{aspect-ratio:1.5}.related-sidebar .card-info{padding:8px 0 0}.browse-all{font-size:12px;line-height:1.5;color:#596648}
.info-wrap{max-width:860px;margin:10px auto 50px;padding:10px 0;background:none;border:0;border-radius:0}.info-wrap h1{font-size:34px;letter-spacing:-.8px;line-height:1.2}.info-wrap h2{font-size:21px}.info-wrap p,.info-wrap li{font-size:15px;color:#59624d;line-height:1.8}.info-wrap a{color:#596d38}.consent-banner{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:17px 0 0;font-size:12px;color:#676f5b}.consent-actions button{border-radius:3px;font-size:11px;background:none}.consent-actions .primary{background:#353e29;border-color:#353e29;color:#fff}
@media(min-width:1700px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1150px){.header-inner{gap:26px;padding:0 24px}.content{padding:24px}.sidebar{gap:19px}.search{max-width:240px}.picks-grid{gap:10px}.pick-tile>span{font-size:12px;left:8px;bottom:8px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.player-layout{grid-template-columns:minmax(0,1fr) 185px;gap:22px}.player-hint{max-width:180px}}
@media(max-width:950px){.header-inner{gap:20px}.portal-brand{font-size:22px}.sidebar{gap:16px}.search{max-width:210px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.player-layout{display:block}.related-sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:30px}.related-sidebar h2,.related-sidebar .browse-all{grid-column:1/-1}.related-sidebar .game-card{margin:0}.player-hint{max-width:none}}
@media(max-width:760px){.header-inner{height:59px;padding:0 18px;gap:18px}.portal-brand{font-size:22px}.mobile-menu{display:grid;place-items:center;width:25px;min-width:25px;background:none;color:#fff;padding:0}.search{height:34px;max-width:300px;min-width:0}.search input{font-size:12px}.sidebar{display:none;position:absolute;top:59px;left:0;right:0;width:auto;background:#20231f;padding:8px 18px;border-top:1px solid #454b3d;box-shadow:none;gap:26px;z-index:55}.nav-open .sidebar{display:flex;transform:none}.sidebar>a{min-height:38px;font-size:13px}.nav-backdrop{top:62px;z-index:40;background:#161c1255}.content{padding:22px 18px}.welcome-row>div{display:block}.welcome-row h1{font-size:25px}.welcome-row p{margin-top:5px;font-size:12px}.picks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pick-tile{aspect-ratio:1.5}.pick-tile>span{font-size:13px}.category-filters{gap:23px;scrollbar-width:none}.category-filter{padding:14px 0;font-size:12px}.category-filter small{display:inline}.category-section{margin-top:21px;margin-bottom:17px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.game-cover{aspect-ratio:1.22}.save-button{opacity:1;width:25px;height:25px;top:6px;right:6px}.site-footer nav{gap:17px;font-size:12px}.game-title-row h1{font-size:28px}.game-details{grid-template-columns:1fr}.info-wrap{padding:0}.info-wrap h1{font-size:30px}}
@media(max-width:480px){.header-inner{height:57px;padding:0 14px;gap:13px}.portal-brand{font-size:19px;gap:6px;letter-spacing:-.8px}.portal-brand>span{height:23px;width:23px}.portal-brand svg{width:15px;height:15px}.search{padding:0 8px;gap:5px}.search input{font-size:11px;min-width:0}.search>svg{display:none}.mobile-menu{min-width:22px;width:22px}.sidebar{top:57px;padding:9px 14px;gap:24px}.sidebar>a{font-size:12px}.content{padding:20px 14px}.welcome-row h1{font-size:24px}.random-pick{font-size:11px;padding:7px 9px;gap:6px}.random-pick svg{width:14px;height:14px}.picks-grid{gap:8px}.pick-tile{aspect-ratio:.98}.pick-tile>span{font-size:11px;left:7px;right:5px;bottom:7px}.category-filters{gap:21px}.category-filter{font-size:12px}.category-filter small{font-size:9px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.game-cover{aspect-ratio:1.3}.card-info h3,.compact-card .card-info h3{font-size:13px}.card-category{font-size:11px}.section-heading h2{font-size:18px}.collection-tools select{max-width:120px;font-size:11px}.site-footer{margin-top:32px;padding-top:20px;gap:16px}.site-footer nav{gap:16px;font-size:11px}.site-footer>p{font-size:10px}.game-title-row h1{font-size:25px}.save-title{font-size:11px;padding:7px}.game-title-row .eyebrow{font-size:9px}.game-editorial{margin-top:24px}.game-guide{display:block}.guide-panel{margin:0}.game-details p,.guide-panel p,.guide-panel li{font-size:14px}.player-toolbar{padding:10px}.player-hint{font-size:10px;max-width:165px}.player-toolbar button,.player-toolbar a{font-size:11px;padding:3px}.player-toolbar>div{gap:12px}.game-review{display:block}.game-review>div{margin-bottom:13px}.related-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.info-wrap h1{font-size:28px}.info-wrap p,.info-wrap li{font-size:14px}}
/* A persistent frame avoids restarting the game when entering or leaving play mode. */
.player-stage{position:absolute;inset:0;width:100%;height:100%}
.player-toolbar [data-fullscreen]{min-height:44px;min-width:44px;justify-content:center;padding:8px 10px;touch-action:manipulation}
.player-toolbar [data-fullscreen]>span{display:inline!important}
.player-toolbar [data-fullscreen]>svg{width:20px;height:20px}
.game-immersive{overflow:hidden!important;overscroll-behavior:none}
.player-frame.is-immersive{position:fixed;inset:auto;left:var(--play-left,0px);top:var(--play-top,0px);width:var(--play-width,100vw);height:var(--play-height,100dvh);max-width:none;max-height:none;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#000;z-index:2147483647;overscroll-behavior:none;touch-action:none}
.player-frame.is-immersive .player-stage{position:absolute;inset:0;width:100%;height:100%;transform:none}
.player-frame.is-immersive.is-rotated .player-stage{inset:auto;left:50%;top:50%;width:var(--play-height);height:var(--play-width);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}
.player-frame.is-immersive iframe{width:100%;height:100%;max-width:none;max-height:none}
.exit-fullscreen{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:2;display:flex;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff70;border-radius:5px;background:#171b16e8;color:white;font:600 13px Arial,sans-serif;touch-action:manipulation}
.exit-fullscreen svg{width:20px;height:20px}.exit-fullscreen[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}