/*
Theme Name: After Hours
Version: 1.0.0
Description: Original small games, ready when you are.
*/
:root{--bg:#12181c;--panel:#1b2329;--panel2:#212c33;--text:#f2f0e5;--muted:#a1afb3;--lime:#d7ed8b;--line:#ffffff12;--sans:'Avenir Next','Trebuchet MS',sans-serif;--display:'Arial Black','Avenir Next',sans-serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 5%;max-width:1440px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-weight:900;letter-spacing:-1.4px;font-size:25px;position:relative;line-height:1.2;white-space:nowrap}.wordmark>span:not(.logo-icon){color:var(--lime)}.logo-icon{display:inline-grid;place-items:center;width:35px;height:35px;background:var(--lime);color:var(--bg);border-radius:8px;margin-right:10px;font-size:29px;vertical-align:middle}.wordmark small{display:block;font:7px/1.5 var(--mono);letter-spacing:.13em;color:var(--muted);padding-left:47px;margin-top:6px}.site-header nav{display:flex;gap:30px;font-size:12px;color:#cbd1cd}.nav-favorite{padding:11px 16px;border:1px solid var(--line);border-radius:7px;font-size:12px}.nav-favorite>small{color:var(--lime);margin-left:4px}.subnav{max-width:1440px;margin:auto;padding:13px 5%;display:flex;justify-content:space-between;font:8px/1.4 var(--mono);letter-spacing:.11em;color:#a1afb3;border-bottom:1px solid var(--line);gap:20px}.subnav>span{display:flex;align-items:center;gap:8px}.subnav i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #d7ed8b50}.subnav>div{display:flex;gap:22px}.skip-link{position:absolute;top:-80px;left:10px;z-index:100;padding:12px;background:var(--lime);color:var(--bg)}.skip-link:focus{top:10px}.home-hero{max-width:1440px;margin:auto;padding:66px 5% 60px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.mono-label{display:block;font:9px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tiny-star{color:var(--lime);font-size:19px;margin-right:8px}.hero-copy h1{font-family:var(--display);font-weight:900;font-size:clamp(49px,5.4vw,78px);letter-spacing:-.065em;margin:20px 0 26px;line-height:1.04}.hero-copy h1>span{color:var(--lime)}.hero-copy>p{color:#a8b5b6;max-width:365px;font-size:14px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;background:var(--lime);color:#172027;padding:13px 20px;border:1px solid var(--lime);border-radius:6px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#e4f4b3;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--lime);border-color:#d7ed8b50}.hero-copy>.button{margin-top:17px}.hero-tags{display:flex;gap:15px;margin-top:24px;font:8px/1.5 var(--mono);letter-spacing:.08em;color:#9faeac}.hero-tags>span+span{border-left:1px solid #ffffff30;padding-left:15px}.hero-feature{background:#30221a;border:1px solid #c7966130;border-radius:12px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 20px 45px #0003;transition:transform .3s}.hero-feature:hover{transform:rotate(0)}.feature-ribbon{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #ffc78020;font:9px var(--mono);color:#d0b695}.feature-ribbon>.mono-label{color:#d0b695}.hero-feature>img{width:100%;height:285px;object-fit:cover}.feature-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px;background:#35271e}.feature-bottom .mono-label{color:#bfaa8e;font-size:8px}.feature-bottom h2{font-size:30px;margin:8px 0 0}.round-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e9bc7a55;border-radius:50%;font-size:23px;color:#e9bc7a}.section-wrap{max-width:1440px;margin:auto;padding:58px 5% 75px}.section-wrap.compact{padding-top:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{font-size:35px;font-weight:700;margin:13px 0 0}.lime-dot{color:var(--lime)}.text-link{font-size:11px;text-decoration:underline;text-underline-offset:5px}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.category-pills a{padding:8px 15px;border:1px solid #ffffff18;border-radius:30px;color:#adbbbd;font-size:10px}.category-pills a.active{background:var(--lime);color:var(--bg);border-color:var(--lime)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.game-cover{position:relative;border-radius:9px;overflow:hidden;background:var(--panel)}.game-cover>a{display:block}.game-cover img{width:100%;aspect-ratio:800/520;object-fit:cover;transition:transform .3s}.game-cover:hover img{transform:scale(1.045)}.cover-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#d7ed8bea;color:#12181c;width:55px;height:55px;font-size:25px;opacity:0;transition:opacity .2s}.game-cover:hover .cover-play{opacity:1}.favorite-button{position:absolute;right:12px;top:12px;width:33px;height:33px;border:1px solid #ffffff20;border-radius:50%;background:#12181caa;color:white;font-size:19px;padding:0}.favorite-button[aria-pressed=true]{color:var(--lime)}.game-card-copy{padding:16px 1px 0}.game-card-copy>.mono-label{color:var(--lime);font-size:8px;display:flex;justify-content:space-between}.card-number{color:#77868a}.game-card-copy h3{font-size:24px;margin:8px 0 10px;font-weight:600}.device-label{font:8px/1.5 var(--mono);color:#9eafb0;letter-spacing:.03em}.collection-section{background:#1a2227;border-block:1px solid var(--line);padding:55px 5% 65px}.collection-section>.section-heading,.collection-grid{max-width:1296px;margin-left:auto;margin-right:auto}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-card{position:relative;padding:28px;background:#27332e;border:1px solid #b8dba222;border-radius:8px;min-height:280px;overflow:hidden}.collection-symbol{font-size:60px;line-height:1;color:#b8dba2;display:block;margin-bottom:25px}.collection-card>.mono-label{font-size:8px;color:#a8c0ad}.collection-card h3{font-size:25px;margin:12px 0 13px;max-width:230px}.collection-card p{font-size:11px;max-width:260px;color:#a8bbb0}.collection-arrow{position:absolute;top:22px;right:25px;font-size:26px;color:#b8dba2}.collection-1{background:#322d40;border-color:#b8a8f422}.collection-1 .collection-symbol,.collection-1 .collection-arrow{color:#b8a8f4}.collection-1>.mono-label,.collection-1 p{color:#b6acc6}.collection-2{background:#283640;border-color:#8bd5ed22}.collection-2 .collection-symbol,.collection-2 .collection-arrow{color:#8bd5ed}.collection-2>.mono-label,.collection-2 p{color:#a7bdc9}.manifesto{max-width:1100px;margin:auto;text-align:center;position:relative;padding:90px 20px 95px;overflow:hidden}.manifesto h2{font-size:57px;margin:20px 0 25px;letter-spacing:-.06em}.manifesto em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.manifesto p{font-size:13px;color:#a2afb2}.manifesto .text-link{display:inline-block;margin-top:12px}.manifesto-star{position:absolute;right:6%;bottom:65px;font-size:120px;line-height:1;color:#d7ed8b18;transform:rotate(10deg)}.site-footer{padding:45px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px;background:#0f1417}.site-footer .wordmark{font-size:24px}.site-footer p{color:#91a1a5;font-size:11px;margin:17px 0}.site-footer .mono-label{margin-bottom:15px}.site-footer>div>a:not(.wordmark){font-size:11px;display:block;margin:6px 0;color:#b2bdbd}.footer-end{text-align:right}.footer-star{color:var(--lime);font-size:45px}.footer-end p{font:9px/1.8 var(--mono)}#browser-note:empty{display:none}#browser-note{position:fixed;bottom:10px;left:10px;right:10px;border:1px solid #e9bc7a;color:#e9bc7a;background:var(--bg);padding:12px;font-size:12px;z-index:50;border-radius:5px}.page-intro{max-width:900px;margin:auto;text-align:center;padding:60px 5% 35px}.page-intro h1{font-size:57px;margin:15px 0 22px;font-weight:700}.page-intro p{max-width:650px;margin:auto;color:#a2b0b3;font-size:14px}.game-filters{display:flex;gap:15px;background:var(--panel);padding:23px;border:1px solid var(--line);border-radius:8px;align-items:end}.game-filters label{flex:1;min-width:0}.game-filters label:first-child{flex:1.7}.game-filters label>span{font:9px var(--mono);color:var(--muted);display:block;margin-bottom:8px}.game-filters input,.game-filters select{width:100%;padding:12px;border:1px solid #ffffff20;background:var(--bg);border-radius:5px;color:var(--text);font-size:11px}.result-count{font:10px var(--mono);color:var(--muted);margin:26px 0}.empty-state{text-align:center;padding:55px 20px}.empty-state>span{font-size:55px;color:var(--lime)}.empty-state h2{font-size:35px;margin:20px 0}.empty-state p{font-size:13px;color:var(--muted)}.prose{max-width:760px;margin:60px auto 100px;padding:0 25px}.prose h1{font-size:56px;margin:20px 0 40px}.prose h2{font-size:28px;margin:35px 0 18px}.prose p{color:var(--muted);font-size:14px}.prose a{text-decoration:underline}.breadcrumbs{max-width:1440px;margin:30px auto 0;padding:0 5%;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font:9px var(--mono)}.game-intro{max-width:1440px;margin:auto;padding:30px 5% 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.game-intro h1{font-size:48px;margin:12px 0 0}.game-intro>.button{font-size:24px;width:48px;height:48px;padding:0}.play-layout{max-width:1440px;margin:auto;padding:0 5% 70px;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:30px}.game-player{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#10171c}.player-stage{position:relative;min-height:390px}.launch-cover{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.launch-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4);transform:scale(1.02)}.launch-copy{position:relative;text-align:center;padding:40px 20px}.launch-copy h2{font-size:43px;margin:17px 0 26px}.launch-copy>.mono-label{color:#d1daca}.player-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:13px 16px;border-top:1px solid var(--line);background:var(--panel);font-size:9px;color:var(--muted)}.player-toolbar>div{display:flex;gap:8px}.player-toolbar button{padding:7px 9px;font-size:9px;background:transparent;border:1px solid var(--line);color:#c0cdce;border-radius:4px}.player-toolbar .load-error{color:#f4a5b5}.live-game{padding:22px;min-height:400px;max-width:650px;margin:auto}.live-game iframe{display:block;width:100%;height:560px;border:0}.game-hud{display:flex;justify-content:space-between;gap:15px;font:11px var(--mono);color:var(--lime);margin-bottom:20px}.game-best{font-size:9px;color:var(--muted)}.game-message{text-align:center;font-size:11px;color:#b7c5bb;min-height:20px;margin:18px 0 0}.storage-note{text-align:center;font:8px var(--mono);color:#819696;margin:8px 0 0}.game-board{margin:auto;max-width:430px}.clicker-board{text-align:center;padding:10px}.sun-button{border:0;background:transparent;color:#ffb45e;font-size:170px;line-height:1;padding:0 25px 15px;touch-action:manipulation;transition:transform .1s}.sun-button:active{transform:scale(.94)}.sun-button.spark{animation:spark .18s ease}.spark-progress{height:5px;background:#ffb45e22;border-radius:20px;margin:15px 0 25px;overflow:hidden}.spark-progress>span{display:block;background:#ffb45e;height:100%;transition:width .15s}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upgrade-grid button{border:1px solid #ffb45e44;border-radius:6px;background:#ffb45e11;color:#e5c49a;padding:16px 10px;font-size:10px}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:.85;border-radius:9px;border:1px solid #b8dba244;background:#263c2e;color:#b8dba2;font-size:35px;transition:background .2s}.memory-card.revealed{background:#b8dba2;color:#24312a}.memory-card.matched{opacity:.65;background:#4a6553;color:#d8edd0}.tiles-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:340px}.tile{aspect-ratio:1;border:0;border-radius:10px;background:#b8a8f4;color:#30274b;font:35px var(--mono)}.tile.empty{opacity:1;background:#b8a8f412;border:1px dashed #b8a8f430}.canvas-board{position:relative;max-width:350px}.canvas-board>canvas{width:100%;height:auto;display:block;border:1px solid #ffffff16;border-radius:8px;touch-action:none}.begin-game{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;background:var(--lime);color:var(--bg);padding:15px 24px;border:0;border-radius:7px;font-size:13px}.direction-controls{display:flex;justify-content:center;gap:10px;margin:16px 0}.direction-controls button{min-width:42px;height:40px;border:1px solid #ffffff20;border-radius:5px;background:var(--panel);color:var(--text);padding:5px 12px;touch-action:none}.direction-controls [data-pause]{font-size:10px}.game-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.game-info p{font-size:12px;color:var(--muted);margin:14px 0}.game-info strong{font:8px var(--mono);color:var(--lime)}.creator-note{font:9px/1.6 var(--mono);color:#92a3a7;margin-top:20px}.next-games{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;height:fit-content}.next-games>.mono-label{font-size:7px}.next-games h2{font-size:27px;margin:17px 0 23px}.next-game{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.next-game>img{width:70px;height:60px;object-fit:cover;border-radius:5px}.next-game>div{flex:1;min-width:0}.next-game h3{font-size:16px;margin:7px 0 0}.next-game .mono-label{font-size:7px;color:var(--lime)}.next-game>span{color:var(--lime)}.play-note{display:flex;gap:18px;align-items:center;padding:30px 0 0}.play-note>span{font-size:35px;color:#d7ed8b70}.play-note p{font-size:10px;color:var(--muted);margin:0}.game-player:fullscreen{overflow:auto;display:flex;flex-direction:column;justify-content:center;background:var(--bg);border:0;border-radius:0}.game-player:fullscreen .live-game{max-width:850px;width:100%}.game-player:fullscreen .launch-cover{height:70vh}.game-player:fullscreen .canvas-board{max-width:400px}.pagination{display:flex;justify-content:center;gap:10px;margin:30px}.pagination a{padding:10px 18px;border:1px solid var(--line);border-radius:5px}.pagination [aria-current]{background:var(--lime);color:var(--bg)}@keyframes spark{50%{transform:scale(.94)}}
@media(max-width:1050px){.home-hero{gap:40px}.hero-copy h1{font-size:59px}.hero-feature>img{height:240px}.site-header nav{gap:20px}.play-layout{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:20px}.next-games{padding:17px}.next-game>img{width:50px;height:45px}.next-game h3{font-size:13px}.player-toolbar>div{gap:5px}.game-grid{gap:28px 20px}.collection-card{padding:23px}.collection-card h3{font-size:22px}.game-filters{flex-wrap:wrap}.game-filters label:first-child{flex-basis:100%}}
@media(max-width:720px){.site-header{padding:20px 5%;gap:15px}.wordmark{font-size:20px}.logo-icon{width:29px;height:29px;font-size:23px;margin-right:7px}.wordmark small{font-size:6px;padding-left:38px}.site-header nav{display:none}.nav-favorite{padding:9px 13px;font-size:18px}.nav-favorite>span{display:none}.subnav{padding:12px 5%;font-size:6px}.subnav>div>a:not(:last-child){display:none}.home-hero{grid-template-columns:1fr;padding:42px 6% 25px;gap:35px}.hero-copy h1{font-size:64px}.hero-copy>p{font-size:13px;max-width:290px}.hero-tags{font-size:7px}.hero-feature{margin:0 5px}.hero-feature>img{height:250px}.feature-bottom{padding:20px}.feature-bottom h2{font-size:28px}.section-wrap{padding:45px 5% 55px}.section-heading{align-items:start}.section-heading h2{font-size:28px;max-width:280px}.section-heading>.text-link{font-size:9px;white-space:nowrap;margin-top:5px}.mono-label{font-size:8px}.category-pills{gap:7px}.category-pills a{font-size:8px;padding:7px 11px}.game-grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.game-card-copy h3{font-size:19px}.game-card-copy>.mono-label{font-size:7px}.device-label{font-size:7px}.favorite-button{right:8px;top:8px;width:27px;height:27px;font-size:17px}.collection-section{padding:40px 5%}.collection-grid{grid-template-columns:1fr;gap:16px}.collection-card{min-height:220px;padding:25px}.collection-symbol{position:absolute;right:26px;bottom:23px;font-size:78px;opacity:.3;margin:0}.collection-card h3{font-size:27px;max-width:250px;margin-top:16px}.collection-card p{max-width:240px;font-size:12px}.collection-card>.mono-label{font-size:8px}.manifesto{padding:60px 20px 65px}.manifesto h2{font-size:43px}.manifesto p{font-size:12px}.manifesto-star{right:-10px;bottom:45px;font-size:90px}.site-footer{grid-template-columns:1.5fr 1fr;padding:35px 5%;gap:30px}.site-footer .wordmark{font-size:20px}.footer-end{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;text-align:left}.footer-star{font-size:35px}.page-intro{padding:42px 5% 25px}.page-intro h1{font-size:43px}.page-intro p{font-size:12px}.game-filters{padding:16px;gap:13px}.game-filters label{flex-basis:44%}.game-filters>.button{width:100%}.result-count{font-size:9px}.game-intro{padding:22px 5%}.game-intro h1{font-size:37px}.game-intro .mono-label{font-size:7px}.play-layout{grid-template-columns:1fr;padding:0 3% 50px;gap:35px}.player-stage{min-height:300px}.launch-cover{min-height:300px}.launch-copy h2{font-size:34px}.launch-copy>.mono-label{font-size:7px}.live-game{padding:17px}.game-info{padding:25px 5%;gap:22px}.game-info p{font-size:11px}.creator-note{padding:0 5%;font-size:8px}.next-games{margin:0 2%;padding:22px}.next-game>img{width:85px;height:60px}.next-game h3{font-size:19px}.next-game .mono-label{font-size:8px}.next-games h2 br{display:none}.next-games>.mono-label{font-size:8px}.next-games h2{font-size:28px}.play-note{padding-top:22px}.prose{margin:40px auto 70px}.prose h1{font-size:41px}.player-toolbar{padding:12px;font-size:8px}.player-toolbar>div{width:100%;justify-content:space-between}.player-toolbar button{padding:8px 11px;font-size:8px}.memory-card{font-size:28px}.sun-button{font-size:135px}.upgrade-grid button{font-size:9px;padding:15px 8px}.game-hud{font-size:10px}.game-best{font-size:8px}.game-message{font-size:10px}.game-player:fullscreen .canvas-board{max-width:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Editorial content keeps the arcade's dark panels, large titles and lime cues. */
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.story-card>div{padding:25px}.story-card h3{font-size:24px;line-height:1.25;margin:14px 0}.story-card p{font-size:13px;color:var(--muted);line-height:1.8}.story-image{display:block;background:var(--panel2)}.story-image img{display:block;width:100%;height:200px;object-fit:cover}.story-card .mono-label{font-size:9px;line-height:1.7}.editorial-shortcuts{display:flex;flex-wrap:wrap;gap:18px 35px;margin-top:30px;font-size:12px;color:var(--lime)}.editorial-article{max-width:860px;margin:45px auto 90px;padding:0 30px}.editorial-article h1{font-family:var(--display);font-size:49px;margin:22px 0;line-height:1.16}.article-lead{font-size:18px;color:var(--muted);line-height:1.7}.editorial-article header .button{margin-top:12px}.article-body{margin:45px 0}.article-body h2{font-size:28px;margin:35px 0 18px}.article-body p{font-size:16px;line-height:1.9;color:#c1cbd0}.article-footer{display:flex;justify-content:space-between;gap:25px;padding-top:30px;border-top:1px solid var(--line);font-size:12px}.site-search{max-width:850px;margin-bottom:40px}.site-search label{display:block;margin:0 0 12px;font-size:13px;color:var(--muted)}.site-search>div{display:flex;gap:15px}.site-search input{flex:1;min-width:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:15px;font:inherit}.search-hint{color:var(--muted);font-size:14px}.ranking-list{list-style:none;padding:0;margin:0}.ranking-list li{display:grid;grid-template-columns:55px 210px 1fr auto;gap:30px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.ranking-position{font:40px var(--mono);color:var(--lime)}.ranking-image img{width:100%;height:145px;object-fit:cover;border-radius:6px}.ranking-list h2{font-size:30px;margin:12px 0}.ranking-list p{font-size:13px;line-height:1.7;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.category-card{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:8px}.category-card h2{font-size:29px;margin:25px 0 15px}.category-card p{font-size:13px;color:var(--muted);line-height:1.7}.category-card>span:last-child{color:var(--lime);font-size:25px}.game-screenshots,.game-guides,.reviews{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.game-screenshots h2,.game-guides h2,.reviews h2{font-size:29px;margin:15px 0 25px}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.screenshot-grid figure{margin:0;background:var(--panel);padding:15px;border-radius:8px}.screenshot-grid img{width:100%;height:auto;max-height:620px;object-fit:contain;display:block}.screenshot-grid figcaption{font-size:10px;color:var(--muted);margin-top:12px}.guide-link{display:flex;justify-content:space-between;gap:30px;font-size:15px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:6px;line-height:1.5}.guide-link>span:last-child{color:var(--lime)}.reviews .section-heading{align-items:center;flex-wrap:wrap}.rating-summary{font-size:12px;color:var(--lime);margin:0}.review{padding:20px 0;border-bottom:1px solid var(--line)}.review>div{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:13px}.review time{font-size:11px;color:var(--muted)}.review p{color:var(--muted);font-size:14px;line-height:1.8;overflow-wrap:anywhere;margin:15px 0 0}.review-stars{color:var(--lime);letter-spacing:2px}.review-notice{padding:20px;background:var(--panel2);border-left:3px solid var(--lime);line-height:1.7;font-size:13px}.review-form{margin-top:35px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.review-form h3{font-size:25px}.review-form p{font-size:12px;line-height:1.8;color:var(--muted)}.review-form p a{color:var(--lime);text-decoration:underline}.review-fields{display:grid;grid-template-columns:1fr 1fr 140px;gap:15px;margin-bottom:20px}.review-form label{display:block;font-size:12px;color:var(--muted)}.review-form input,.review-form select,.review-form textarea{display:block;width:100%;margin-top:10px;padding:12px;background:var(--bg);border:1px solid #ffffff25;color:var(--text);border-radius:5px;font:inherit;min-height:44px}.review-form textarea{resize:vertical;font-size:14px;line-height:1.7}.review-honeypot{display:none}.mobile-menu{display:none;border:1px solid var(--line);color:var(--text);background:var(--panel);padding:10px;border-radius:5px;font-size:12px}.site-header nav{gap:18px;font-size:11px}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header nav{display:none}.mobile-menu{display:block;order:2}.nav-favorite{order:3}.site-header.menu-open nav{display:flex;order:4;width:100%;flex-wrap:wrap;gap:18px;padding-top:15px}.site-header .wordmark{margin-right:auto}.ranking-list li{grid-template-columns:45px 150px 1fr;gap:20px}.ranking-list .button{grid-column:3;justify-self:start}.ranking-image img{height:120px}.review-fields{grid-template-columns:1fr 1fr}.review-fields>label:last-child{grid-column:1/-1}}
@media(max-width:720px){.story-grid,.category-grid{grid-template-columns:1fr}.story-image img{height:220px}.story-card h3{font-size:25px}.editorial-article{padding:0 5%;margin-top:25px}.editorial-article h1{font-size:36px}.article-lead{font-size:16px}.article-body p{font-size:15px}.article-body h2{font-size:26px}.article-footer{flex-direction:column;gap:18px}.ranking-list li{grid-template-columns:35px 1fr;gap:15px}.ranking-position{font-size:30px;align-self:start}.ranking-image{grid-column:2}.ranking-image img{height:190px}.ranking-list li>div,.ranking-list .button{grid-column:2}.ranking-list h2{font-size:29px}.review-form{padding:20px 16px}.review-fields{grid-template-columns:1fr}.review-fields>label:last-child{grid-column:auto}.site-search>div{flex-direction:column}.site-search .button{align-self:start}.game-screenshots h2,.game-guides h2,.reviews h2{font-size:27px}.reviews .section-heading{margin-bottom:20px}.screenshot-grid figure{padding:8px}.editorial-shortcuts{font-size:13px}.site-header{gap:12px}.mobile-menu{font-size:11px;padding:9px}.nav-favorite{padding:9px}.sf-footer-links{font-size:12px}}