*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#0b1020;--surface:#111827;--surface2:#0f172a;--line:#26324a;--text:#e5e7eb;--muted:#94a3b8;--link:#7dd3fc}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--link)}a:hover{text-decoration:none}
.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:24px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#7dd3fc}
.game-hero,.directory-hero{padding:22px 0 28px}.directory-hero{max-width:900px}.directory-hero.compact{padding-bottom:22px}
.game-hero h1,.directory-hero h1{font-size:clamp(40px,7vw,76px);line-height:1;margin:8px 0 12px;letter-spacing:-.035em}
.game-hero p,.directory-hero p{max-width:850px;margin:0;color:#cbd5e1;font-size:18px}
.tags,.category-row,.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tags{margin-top:18px}.category-row{margin-bottom:8px}
.tag,.category-chip,.tag-row span{border:1px solid #334155;border-radius:999px;padding:5px 10px;color:#cbd5e1;font-size:12px;text-decoration:none;background:rgba(15,23,42,.7)}
.category-chip:hover{border-color:#7dd3fc;color:#e0f2fe}
.player{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#020617;box-shadow:0 22px 80px rgb(0 0 0 / 30%)}
.player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#0f172a}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px}.panel h2{margin:0 0 10px}.panel ul,.panel ol{margin:0;padding-left:22px}
.section-block{margin-top:40px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.section-heading h2{margin:3px 0 0;font-size:30px}.section-heading>span{color:var(--muted)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.game-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.game-card-link{display:block;height:100%;color:inherit;text-decoration:none}.game-card-link:hover .game-card-art span{transform:scale(1.04)}
.game-card-art{height:170px;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,rgba(56,189,248,.2),transparent 50%),linear-gradient(135deg,#0f172a,#172554)}.game-card-art span{font-size:76px;font-weight:850;color:#dbeafe;transition:transform .15s}
.game-card-copy{padding:18px}.game-card-copy h2{margin:3px 0 8px;font-size:24px}.game-card-copy p{margin:0 0 14px;color:#cbd5e1;font-size:14px}.tag-row span{padding:3px 8px}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 38px}.category-tile{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;color:inherit}.category-tile strong{font-size:18px}.category-tile span{color:#cbd5e1;font-size:13px}.category-tile small{color:#7dd3fc}
.license-panel{margin-top:24px}.license-panel dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:0}.license-panel dt{color:var(--muted)}.license-panel dd{margin:0;overflow-wrap:anywhere}.notice{margin:16px 0 0;color:var(--muted);font-size:14px}
@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-shell{width:min(100% - 20px,1180px);padding-top:14px}.info-grid,.card-grid,.category-grid{grid-template-columns:1fr}.game-hero h1,.directory-hero h1{font-size:42px}.game-hero p,.directory-hero p{font-size:16px}.player iframe{aspect-ratio:4/3}.section-heading{align-items:start;flex-direction:column}.license-panel dl{grid-template-columns:1fr;gap:2px}.license-panel dd{margin-bottom:8px}}

/* Detail page v2 */
.portal-body{background:
  radial-gradient(900px 460px at 50% -180px,rgba(255,70,85,.14),transparent 65%),
  #090b10;color:#e9edf3}
.portal-header{position:sticky;top:0;z-index:100;background:rgba(9,11,16,.93);backdrop-filter:blur(18px);border-bottom:1px solid #20242d}
.portal-header-inner{width:min(1320px,calc(100% - 36px));height:66px;margin:0 auto;display:flex;align-items:center;gap:28px}
.portal-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap}
.portal-brand-mark{width:34px;height:34px;border-radius:8px;background:#ff4655;color:#090b10;display:grid;place-items:center;font-weight:950;font-size:18px;box-shadow:0 0 28px rgba(255,70,85,.25);transform:rotate(2deg)}
.portal-brand-copy{font-size:14px;letter-spacing:.13em;font-weight:800}.portal-brand-copy b{color:#ff4655}
.portal-nav{display:flex;align-items:center;gap:6px;flex:1}.portal-nav a{padding:8px 11px;border-radius:8px;color:#8f98a8;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.portal-nav a:hover,.portal-nav a.active{background:#171a22;color:#fff}
.portal-wiki-link{color:#a8b0bd;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #2a303b;border-radius:8px;padding:8px 11px}.portal-wiki-link:hover{color:#fff;border-color:#464e5d}
.portal-shell{width:min(1320px,calc(100% - 36px));margin:0 auto;padding:18px 0 70px}
.portal-breadcrumbs{display:flex;align-items:center;gap:9px;color:#6f7887;font-size:13px;margin:0 0 14px}.portal-breadcrumbs a{color:#8c96a6;text-decoration:none}.portal-breadcrumbs strong{color:#c9d0da;font-weight:600}.portal-breadcrumbs span{color:#444b57}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.portal-main{min-width:0}.game-detail-card{background:#10131a;border:1px solid #252a34;border-radius:14px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.28)}
.game-detail-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 20px;background:#12151c;border-bottom:1px solid #242a34}
.game-title-group{min-width:0}.game-title-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}.game-title-meta a{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:850;color:#ff7b86;text-decoration:none}
.game-title-group h1{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.025em}.game-title-group p{max-width:730px;margin:7px 0 0;color:#929caa;font-size:13px;line-height:1.55}
.game-actions{display:flex;gap:7px;flex-shrink:0}.game-actions button{display:flex;align-items:center;gap:7px;border:1px solid #303641;border-radius:8px;background:#1a1e27;color:#bac2ce;padding:8px 10px;cursor:pointer;font:inherit;font-size:12px}.game-actions button span{font-size:16px;color:#fff}.game-actions button b{font-weight:700}.game-actions button:hover{background:#242934;border-color:#48505e;color:#fff}
.game-stage{position:relative;background:#050609;min-height:560px;display:block;overflow:hidden}.game-stage iframe{display:block;width:100%;height:620px;min-height:560px;border:0;background:#0b1020;overflow:hidden}
.game-stage:fullscreen{background:#000}.game-stage:fullscreen iframe{min-height:100vh}
.game-detail-foot{min-height:45px;display:flex;align-items:center;gap:18px;padding:9px 16px;border-top:1px solid #242a34;background:#0e1117;color:#747e8d;font-size:11px}.game-detail-foot>span{display:flex;align-items:center;gap:6px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35d07f;box-shadow:0 0 10px rgba(53,208,127,.55)}.game-rating{margin-left:auto;display:flex;align-items:center;gap:6px}.game-rating button{width:29px;height:27px;border:1px solid #2c333e;border-radius:7px;background:#171b23;color:#aeb7c4;cursor:pointer;font-size:13px;line-height:1}.game-rating button:hover,.game-rating button.active{border-color:#586273;background:#222832;color:#fff}.game-rating button.active[data-rating-value="1"]{border-color:#2f8d61;background:#153b2a}.game-rating button.active[data-rating-value="-1"]{border-color:#9a4650;background:#3b1b21}.game-rating span{color:#7f8998;font-size:10px;white-space:nowrap}.share-status{margin-left:0!important;color:#aeb7c4!important}
.portal-sidebar{position:sticky;top:84px;display:grid;gap:14px}.sidebar-card{background:#11141b;border:1px solid #242a34;border-radius:12px;padding:14px}
.sidebar-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.sidebar-heading span{display:block;color:#ff6976;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:900}.sidebar-heading h2{margin:2px 0 0;color:#fff;font-size:18px}.sidebar-heading>a{font-size:11px;color:#7f8998;text-decoration:none}.sidebar-heading>a:hover{color:#fff}
.side-game-list{display:grid}.side-game{display:grid;grid-template-columns:76px minmax(0,1fr) 12px;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:9px 0;border-top:1px solid #20252e}.side-game:first-child{border-top:0;padding-top:0}.side-game:last-child{padding-bottom:0}.side-game img{display:block;width:76px;height:47px;object-fit:cover;border-radius:7px;border:1px solid #2b313d}.side-game span{min-width:0}.side-game strong{display:block;color:#e9edf3;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-game small{display:block;color:#747e8d;font-size:10px;margin-top:4px}.side-game i{font-style:normal;color:#4f5867;font-size:20px}.side-game:hover strong{color:#ff6d79}.side-game:hover i{color:#ff6d79}
.sidebar-categories{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sidebar-categories a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:7px;background:#181c24;color:#9aa4b3;text-decoration:none;font-size:11px;font-weight:700}.sidebar-categories a:hover{background:#20252f;color:#fff}.sidebar-categories i{font-style:normal}
.game-article{margin-top:18px;background:#11141b;border:1px solid #242a34;border-radius:14px;padding:28px 30px}.article-section{padding:28px 0;border-top:1px solid #222730}.article-section:first-child:not(.compact-section){border-top:0;padding-top:0}.article-section:last-child:not(.compact-section){padding-bottom:0}.article-kicker{color:#ff5f6d;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900;margin-bottom:5px}.article-section h2{margin:0 0 12px;color:#f5f7fa;font-size:24px;line-height:1.2;letter-spacing:-.02em}.article-section p{color:#9aa4b2;font-size:14px;line-height:1.75;margin:0 0 12px}.article-intro p{max-width:880px}
.article-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #222730}.compact-section{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;gap:14px;border-top:0;padding:28px 26px}.compact-section+ .compact-section{border-left:1px solid #222730}.article-icon{width:40px;height:40px;border-radius:10px;background:#1b2029;border:1px solid #2a303b;color:#ff6976;display:grid;place-items:center;font-weight:900}
.clean-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.clean-list li{position:relative;padding-left:16px;color:#96a0af;font-size:13px}.clean-list li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#ff5361}
.step-list{margin:0;padding:0;list-style:none;display:grid;gap:9px}.step-list li{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start}.step-list li>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#1c2029;color:#ff6e7b;font-size:10px;font-weight:900}.step-list p{margin:2px 0 0;font-size:13px;line-height:1.55}
.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tip-card{display:grid;grid-template-columns:34px 1fr;gap:10px;background:#171b23;border:1px solid #252b35;border-radius:9px;padding:13px}.tip-card>span{color:#ff6572;font-size:11px;font-weight:900}.tip-card p{margin:0;font-size:12px;line-height:1.6}
.faq-list{display:grid;gap:8px}.faq-item{background:#171b23;border:1px solid #252b35;border-radius:9px;padding:0 14px}.faq-item summary{cursor:pointer;color:#dce1e8;font-weight:700;font-size:13px;padding:13px 22px 13px 0;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:2px;top:10px;color:#697383;font-size:20px;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 0 13px;margin:0;color:#8e98a7;font-size:12px}
.tag-section{display:flex;align-items:end;justify-content:space-between;gap:20px}.portal-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.portal-tags a,.portal-tags span{border:1px solid #2d333e;border-radius:999px;background:#171b22;color:#8f99a7;text-decoration:none;padding:6px 9px;font-size:10px}.portal-tags a:hover{border-color:#ff5d6b;color:#fff}
.portal-more-section{margin-top:30px}.portal-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.portal-section-heading span{display:block;color:#ff5d6b;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:900}.portal-section-heading h2{margin:3px 0 0;color:#fff;font-size:23px}.portal-section-heading>a{color:#8c96a4;text-decoration:none;font-size:12px}.portal-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portal-related-card{background:#11141b;border:1px solid #242a34;border-radius:10px;overflow:hidden;color:inherit;text-decoration:none}.portal-related-thumb{position:relative;aspect-ratio:16/9;background:#0b0e13;overflow:hidden}.portal-related-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.portal-play-badge{position:absolute;left:9px;bottom:8px;padding:5px 7px;border-radius:6px;background:rgba(9,11,16,.85);color:#fff;font-size:9px;font-weight:800;backdrop-filter:blur(6px)}.portal-related-copy{padding:10px 11px}.portal-related-copy strong{display:block;color:#edf1f5;font-size:13px}.portal-related-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#747e8d;font-size:10px;line-height:1.45;margin-top:4px}.portal-related-card:hover{border-color:#3b424f}.portal-related-card:hover img{transform:scale(1.025)}
@media(max-width:1080px){.portal-layout{grid-template-columns:1fr}.portal-sidebar{position:static;grid-template-columns:1fr 1fr}.source-card{display:none}.portal-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-nav a:nth-last-child(-n+2){display:none}}
@media(max-width:760px){.portal-header-inner,.portal-shell{width:min(100% - 20px,1320px)}.portal-header-inner{height:58px;gap:12px}.portal-brand-copy{display:none}.portal-nav{overflow-x:auto;scrollbar-width:none}.portal-nav a{font-size:11px;padding:7px 8px}.portal-wiki-link{display:none}.portal-breadcrumbs{margin-top:4px;white-space:nowrap;overflow:hidden}.game-detail-head{align-items:flex-start;flex-direction:column;padding:15px}.game-title-group p{font-size:12px}.game-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.game-actions button{justify-content:center}.game-actions button b{display:none}.game-stage{min-height:0}.game-stage iframe{height:clamp(360px,62.5vw,620px);min-height:0}.game-detail-foot{overflow-x:auto;white-space:nowrap}.game-rating{margin-left:0}.portal-sidebar{grid-template-columns:1fr}.browse-card{display:none}.game-article{padding:20px 16px}.article-columns{grid-template-columns:1fr}.compact-section{padding:22px 0}.compact-section+.compact-section{border-left:0;border-top:1px solid #222730}.tips-grid{grid-template-columns:1fr}.tag-section{align-items:start;flex-direction:column}.portal-tags{justify-content:flex-start}.portal-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.license-details summary small{display:none}}
@media(max-width:480px){.portal-related-grid{grid-template-columns:1fr 1fr}.portal-related-copy small{display:none}.game-title-group h1{font-size:27px}.article-section h2{font-size:21px}}

.library-body{background:radial-gradient(1000px 520px at 50% -220px,rgba(255,70,85,.13),transparent 70%),#090b10}
.library-shell{padding-top:16px}
.library-hero{min-height:168px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 6px 22px;border-bottom:1px solid #20242d}
.library-kicker,.library-section-heading span{display:block;color:#ff6673;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}
.library-hero h1{max-width:920px;margin:7px 0 9px;color:#f7f8fa;font-size:clamp(40px,5.4vw,64px);line-height:.98;letter-spacing:-.045em}
.library-hero p{margin:0;color:#9099a7;font-size:14px}.library-search{width:min(620px,100%);height:42px;margin-top:14px;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:0 11px;border:1px solid #2a303a;border-radius:10px;background:#11141b;color:#737e8c}.library-search:focus-within{border-color:#596272;background:#141820}.library-search>span{font-size:21px;color:#ff6572}.library-search input{min-width:0;border:0;outline:0;background:transparent;color:#edf1f5;font:inherit;font-size:13px}.library-search input::placeholder{color:#606a78}.library-search kbd{display:grid;place-items:center;height:22px;border:1px solid #303743;border-radius:5px;background:#1b2029;color:#778291;font:700 11px system-ui}.library-hero-stats{min-width:130px;text-align:right}.library-hero-stats strong{display:block;color:#fff;font-size:44px;line-height:1}.library-hero-stats span{display:block;color:#6f7886;font-size:11px;margin-top:7px;text-transform:uppercase;letter-spacing:.08em}
.library-section{padding:24px 0 0}.library-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.library-section-heading h2{margin:3px 0 0;color:#f2f4f7;font-size:25px}.library-section-heading small{color:#697383;font-size:11px}
.library-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.library-category-card{display:grid;grid-template-columns:38px 1fr 16px;gap:11px;align-items:center;padding:15px;border:1px solid #252b35;border-radius:11px;background:#11141b;color:inherit;text-decoration:none}.library-category-card:hover{border-color:#3d4553;background:#151922}.library-category-count{width:36px;height:36px;border-radius:9px;background:#1b2029;color:#ff6673;display:grid;place-items:center;font-weight:900}.library-category-card strong{display:block;color:#edf0f4;font-size:13px}.library-category-card small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#737d8c;font-size:10px;margin-top:3px}.library-category-card i{font-style:normal;color:#606b79;font-size:20px}
.library-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-game-card{display:block;background:#11141b;border:1px solid #242a34;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .18s,border-color .18s}.library-game-card:hover{transform:translateY(-2px);border-color:#3a424f}.library-game-cover{position:relative;aspect-ratio:16/9;background:#0a0c10;overflow:hidden}.library-game-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s}.library-game-card:hover .library-game-cover img{transform:scale(1.018)}.library-play-pill{position:absolute;left:12px;bottom:11px;padding:6px 9px;border-radius:7px;background:rgba(9,11,16,.86);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}
.library-game-copy{padding:14px 15px 16px}.library-game-copy>span{color:#ff6572;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:900}.library-game-copy h2{margin:4px 0 6px;color:#f4f6f8;font-size:19px}.library-game-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#7f8998;font-size:11px;line-height:1.55}
.popular-section[hidden],.recently-played-section[hidden]{display:none}.popular-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.popular-game-card{display:block;border:1px solid #252b35;border-radius:10px;background:#11141b;color:inherit;text-decoration:none;overflow:hidden}.popular-game-card:hover{border-color:#3d4553;background:#151922}.popular-game-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b0e13}.popular-game-card-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px}.popular-game-card strong{display:block;color:#edf1f5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-game-card small{color:#6f7987;font-size:9px;white-space:nowrap}.library-empty{margin:22px 0 0;padding:22px;border:1px dashed #303743;border-radius:10px;color:#788392;text-align:center;font-size:12px}.recent-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.recent-game-card{display:grid;grid-template-columns:92px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:9px;border:1px solid #252b35;border-radius:10px;background:#11141b;color:inherit;text-decoration:none}.recent-game-card:hover{border-color:#3d4553;background:#151922}.recent-game-card img{display:block;width:92px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#0b0e13}.recent-game-card span{min-width:0}.recent-game-card strong{display:block;color:#f1f3f6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-game-card small{display:block;margin-top:4px;color:#6f7987;font-size:10px}.recent-game-card i{font-style:normal;color:#596371;font-size:19px}
.library-category-hero{padding:28px 4px 18px;border-bottom:1px solid #20242d}.library-category-hero h1{margin:7px 0 8px;color:#f6f7f9;font-size:clamp(40px,6vw,66px);line-height:1}.library-category-hero p{max-width:720px;margin:0;color:#8d97a5;font-size:14px}
@media(max-width:1000px){.library-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-game-grid,.recent-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.library-hero{min-height:0;align-items:start;flex-direction:column;padding:14px 4px 18px}.library-hero-stats{display:none}.library-search{margin-top:12px}.library-category-grid{grid-template-columns:1fr}.library-game-grid{grid-template-columns:1fr 1fr}.library-game-copy p{display:none}.popular-game-grid,.recent-game-grid{grid-template-columns:1fr 1fr}.recent-game-card{grid-template-columns:76px minmax(0,1fr) 12px}.recent-game-card img{width:76px}}
@media(max-width:460px){.library-game-grid{grid-template-columns:1fr}.recent-game-grid{grid-template-columns:1fr}}