:root{color-scheme:dark;--bg:#111412;--surface:#1b1f1b;--surface-2:#232922;--line:#30372e;--text:#f2f4ed;--muted:#a4ad9e;--lime:#cdff78;--radius:16px;--sidebar:218px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,input,select{color:inherit}button{background:none}img{display:block;max-width:100%;height:auto}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h2{font-size:28px}p{color:var(--muted)}:focus-visible{outline:3px solid var(--lime);outline-offset:5px;border-radius:4px}[hidden]{display:none!important}.skip{position:fixed;left:230px;top:-100px;z-index:20;background:var(--lime);color:var(--bg);padding:12px 20px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:34px 22px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5;background:var(--bg)}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px}.brand img{width:35px;height:35px}.brand-dot{color:var(--lime)}.nav-label{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:#818c7b;margin:43px 12px 13px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:4px 0;border-radius:8px;font-size:13px;font-weight:550;color:#b6c0af;transition:background .2s,color .2s}.nav-link:hover{background:var(--surface);color:var(--text)}.nav-link[aria-current=page]{background:#273021;color:var(--lime)}.nav-link .count{margin-left:auto;font:10px ui-monospace,monospace;padding:2px 5px;border-radius:3px;background:#35412a}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 9px 0}.sidebar-bottom p{font-size:11px;margin-top:10px;line-height:1.7}.tiny-mark{display:flex;align-items:center;gap:7px;color:#b2bea6;font:10px ui-monospace,monospace;letter-spacing:1px}.tiny-mark::before{content:'';width:6px;height:6px;background:var(--lime);border-radius:50%}.shell{margin-left:var(--sidebar)}.topbar{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;gap:25px}.topbar-title{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.topbar-title strong{color:var(--text);font-weight:500}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 13px;min-width:270px;color:var(--muted)}.search input{border:none;outline:none;background:transparent;width:100%;font-size:12px;min-width:0}.search:focus-within{border-color:var(--lime);outline:1px solid var(--lime)}.search kbd{padding:0 6px;border:1px solid #424a3d;border-radius:3px;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:23px}.icon-button{display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.icon-button:hover{color:var(--lime);border-color:#697d53}.mobile-brand,.menu-toggle{display:none}.container{max-width:1490px;margin:0 auto;padding:42px 43px 0}.eyebrow{font:10px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:2px;color:var(--lime);text-transform:uppercase;display:flex;align-items:center;gap:8px}.eyebrow .dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.intro h1{font-size:clamp(36px,4.2vw,63px);letter-spacing:-.055em;line-height:1.04;margin-top:13px;font-weight:750}.intro h1 em{font-style:normal;color:var(--lime)}.intro p{margin-top:16px;font-size:13px}.intro-stamp{border:1px solid #414c37;border-radius:50%;width:94px;height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);flex-shrink:0;margin:0 7px 7px 0}.intro-stamp strong{font-size:28px;color:var(--lime);line-height:1.1}.intro-stamp span{font:9px/1.5 ui-monospace,monospace;letter-spacing:1px}.feature-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,1fr);gap:18px}.feature{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);min-height:350px;background:#2d4747;isolation:isolate}.feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transition:transform .6s}.feature::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07191512 15%,#09110eb3 65%,#09110ef5 100%);z-index:-1}.feature>img{z-index:-2}.feature:hover>img{transform:scale(1.025)}.feature-top{position:absolute;top:22px;left:24px;right:22px;display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:#101a15b3;border:1px solid #ffffff30;backdrop-filter:blur(8px);border-radius:5px;font:9px ui-monospace,monospace;letter-spacing:1px;color:#eef1db}.badge.lime{background:var(--lime);color:#213017;border-color:transparent}.feature-copy{position:absolute;bottom:26px;left:28px;right:28px}.feature-copy h2{font-size:43px;letter-spacing:-.045em}.feature-copy p{margin-top:8px;max-width:300px;color:#d8dfd0;font-size:12px;line-height:1.7}.feature-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.round-arrow{width:41px;height:41px;border-radius:50%;border:1px solid #cdd9bc66;display:grid;place-items:center}.feature-copy .eyebrow{margin-bottom:10px;font-size:9px}.feature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.feature.small{min-height:165px}.feature.small .feature-copy{left:21px;bottom:19px;right:20px}.feature.small .feature-copy h2{font-size:26px}.feature.small .feature-copy p{font-size:11px;margin-top:5px}.feature.small .feature-copy .eyebrow{font-size:8px;margin-bottom:7px}.feature.small>img{object-position:center}.feature.small::after{background:linear-gradient(90deg,#081615de 0%,#08161570 65%,transparent)}.feature.small .round-arrow{width:31px;height:31px}.section{margin-top:47px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px;margin-top:7px}.text-link{font-size:12px;display:inline-flex;gap:8px;align-items:center;color:#cbd4c2}.text-link:hover{color:var(--lime)}.text-link svg.icon{width:15px;height:15px}.section-heading .result-count{font:10px ui-monospace,monospace;color:#b8c5ab;letter-spacing:1px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collection{display:flex;gap:15px;align-items:center;border:1px solid var(--line);background:#1a2019;border-radius:12px;padding:20px 18px;transition:border-color .2s,transform .2s}.collection:hover{border-color:#8b9e72;transform:translateY(-2px)}.collection .collection-icon{width:40px;height:44px;display:grid;place-items:center;color:var(--lime);background:#2c3822;border-radius:9px;flex-shrink:0}.collection:nth-child(2) .collection-icon{color:#dab7eb;background:#342c38}.collection:nth-child(3) .collection-icon{color:#f0c58d;background:#3a3225}.collection h3{font-size:14px;letter-spacing:-.02em;margin:5px 0}.collection .mini{font:8px ui-monospace,monospace;letter-spacing:1px;color:#a1b58b}.collection p{font-size:10px}.collection>svg{margin-left:auto;width:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:21px 0}.filter-pills{display:flex;flex-wrap:wrap;gap:7px}.filter{border:1px solid var(--line);border-radius:6px;padding:7px 13px;font-size:11px;color:#b7c0b0;display:inline-flex;gap:6px;align-items:center}.filter svg.icon{width:13px;height:13px}.filter[aria-pressed=true],.filter.active{background:var(--lime);color:#203017;border-color:var(--lime);font-weight:650}.filter:hover{border-color:#8c9a7d}.sort{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:var(--muted)}.sort select{font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:7px;max-width:155px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 17px}.game-card{min-width:0;position:relative}.game-image{position:relative;overflow:hidden;border-radius:11px;background:var(--surface);aspect-ratio:1.6;border:1px solid var(--line)}.game-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.game-card:hover .game-image img{transform:scale(1.04)}.game-image .badge{position:absolute;bottom:10px;left:10px;font-size:7px;padding:4px 6px;letter-spacing:.6px}.save-button{position:absolute;top:10px;right:10px;border:1px solid #dce8d344;background:#101a15b3;backdrop-filter:blur(8px);width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:#e7ebdf}.save-button svg.icon{width:14px;height:14px}.save-button[aria-pressed=true]{color:var(--lime);background:#26351b;border-color:var(--lime)}.save-button[aria-pressed=true] svg{fill:currentColor}.game-card h3{font-size:15px;margin-top:14px;letter-spacing:-.025em;line-height:1.3;padding-right:10px}.game-card h3 a:hover{color:var(--lime)}.game-meta{display:flex;gap:7px;align-items:center;font-size:10px;color:#a8b49d;margin-top:6px}.game-meta span+span::before{content:'·';margin-right:7px;color:#65735b}.game-card p{font-size:11px;line-height:1.7;margin-top:9px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-bottom svg{width:13px;height:13px;color:#88987b}.empty{border:1px dashed var(--line);border-radius:15px;padding:50px 20px;text-align:center;margin-top:20px}.empty h3{font-size:24px;margin-bottom:10px}.empty p{font-size:13px}.empty button{margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;background:var(--lime);border:1px solid var(--lime);color:#203017;border-radius:7px;font-weight:650;font-size:12px;line-height:1.5}.button:hover{background:#ddffa8}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.button.secondary:hover{border-color:#96a481}.surprise-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#232b1d;border:1px solid #445333;border-radius:13px;padding:26px 30px;margin-top:38px}.surprise-banner .eyebrow{font-size:8px;margin-bottom:7px}.surprise-banner h2{font-size:24px}.surprise-banner p{font-size:11px;margin-top:7px}.surprise-banner .button{white-space:nowrap}.ad-slot{border:1px dashed #30392a;border-radius:8px;margin-top:35px;min-height:107px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:5px;background:#141914}.ad-label{font:8px ui-monospace,monospace;letter-spacing:1.7px;color:#8f9c83}.ad-note{font-size:10px;color:#74836b}.ad-slot iframe{border:0;max-width:100%;width:728px;height:90px}.footer{margin-top:47px;padding:28px 0 29px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font-size:16px;font-weight:750;letter-spacing:-.5px}.footer p{font-size:10px;margin-top:5px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:#a6b39c}.footer-links a:hover,.footer-links button:hover{color:var(--lime)}.footer-links button{padding:0;border:0;font-size:10px;color:inherit}.breadcrumb{display:flex;gap:8px;font-size:11px;flex-wrap:wrap;color:var(--muted);margin-bottom:25px}.breadcrumb a:hover{color:var(--lime)}.breadcrumb .icon{width:12px}.page-title{max-width:780px;margin-bottom:28px}.page-title h1{font-size:clamp(34px,4vw,53px);margin-top:13px}.page-title p{margin-top:17px;font-size:14px;max-width:650px}.page-title .button{margin-top:20px}.detail-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,1fr);gap:28px;align-items:start}.detail-art{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.detail-art img{width:100%;aspect-ratio:1.6;object-fit:cover}.art-credit{font-size:9px;color:#93a086;margin:8px 0 25px}.prose{max-width:780px}.prose h2{font-size:24px;margin:29px 0 13px}.prose h3{font-size:18px;margin:22px 0 10px}.prose p,.prose li{font-size:14px;line-height:1.9;color:#b5bfad}.prose p+p{margin-top:16px}.prose ol{padding-left:20px}.prose li{margin-bottom:12px;padding-left:7px}.prose a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.info-panel{border:1px solid var(--line);border-radius:12px;padding:23px;background:var(--surface)}.info-panel .eyebrow{font-size:9px}.info-panel h2{font-size:23px;margin:12px 0}.info-panel p{font-size:11px;line-height:1.8}.info-panel .button{width:100%;margin-top:20px}.info-panel .save-detail{margin-top:10px}.info-panel dl{font-size:11px;margin:22px 0 0;border-top:1px solid var(--line)}.info-panel dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right;max-width:65%}.detail-aside .ad-slot{min-height:145px;margin-top:22px}.note-box{border-left:2px solid var(--lime);padding:14px 19px;background:#20271c;border-radius:0 7px 7px 0;margin-top:25px}.note-box strong{font-size:12px;color:var(--lime)}.note-box p{font-size:12px;margin-top:6px}.source-line{font-size:11px;margin-top:25px;color:var(--muted);line-height:1.8}.source-line a{color:var(--lime);text-decoration:underline}.about-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:50px}.about-card{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:12px;margin-bottom:18px}.about-card h3{font-size:19px;margin-bottom:10px}.about-card p{font-size:12px;line-height:1.9}.about-card .icon{color:var(--lime);margin-bottom:15px}.status-toast{position:fixed;bottom:25px;left:calc(var(--sidebar) + 30px);z-index:30;background:var(--lime);color:#1a2812;padding:11px 18px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0005;max-width:calc(100vw - 40px)}dialog{background:#1d251a;border:1px solid #5a6c49;color:var(--text);border-radius:17px;max-width:470px;width:calc(100% - 36px);padding:27px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-size:25px}dialog p{font-size:12px;margin-top:15px;line-height:1.9}.dialog-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.dialog-close{float:right;border:0;padding:4px;color:var(--muted);margin:-5px -8px 0 10px}.no-js{border:1px solid var(--line);padding:12px;font-size:12px;margin-bottom:20px;color:var(--muted)}html:not(.js) .js-only{display:none!important}.full-catalog .game-grid{margin-top:25px}.error-page{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-page h1{font-size:60px;margin:15px 0}.error-page p{max-width:450px}.error-page .button{margin-top:25px} .library-note{font-size:11px;margin-top:12px}.library-note a{color:var(--lime)}
@media(min-width:1700px){.feature{min-height:410px}.feature.small{min-height:195px}.container{padding-top:45px}}@media(max-width:1250px){:root{--sidebar:192px}.sidebar{padding:29px 15px}.brand{font-size:21px}.container{padding:33px 28px 0}.topbar{padding:0 28px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1.65fr 1fr}.collection{padding:16px 13px;gap:10px}.collection .collection-icon{width:32px;height:37px}.collection h3{font-size:12px}.collection p{font-size:9px}.collection>svg{display:none}.feature-copy h2{font-size:38px}.feature-copy{left:24px}.intro h1{font-size:48px}.topbar-title{font-size:11px}.topbar-actions{gap:14px}}
@media(max-width:1000px){.search{min-width:230px}.topbar-title{display:none}.topbar{justify-content:flex-end;height:76px}.feature-grid{grid-template-columns:1fr}.feature{min-height:330px}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:15px}.feature.small{min-height:155px}.feature.small .feature-copy h2{font-size:23px}.collection-grid{gap:10px}.collection{align-items:flex-start}.collection .collection-icon{display:none}.intro h1{font-size:44px}.intro-stamp{width:77px;height:77px}.intro-stamp strong{font-size:24px}.intro-stamp span{font-size:7px}.game-grid{gap:25px 13px}.toolbar{align-items:flex-start}.detail-grid{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-aside .ad-slot{margin-top:0}.about-grid{gap:25px}.footer{align-items:flex-start}.footer-links{gap:13px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s;top:72px;padding-top:23px;box-shadow:20px 0 50px #0009}.sidebar.open{transform:translateX(0)}.sidebar>.brand{display:none}.sidebar .nav-label:first-of-type{margin-top:10px}.sidebar .nav-label{margin-top:29px}.topbar{height:73px;padding:0 21px;justify-content:space-between;gap:13px}.mobile-brand{display:flex;font-size:22px;gap:8px}.mobile-brand img{width:31px;height:31px}.menu-toggle{display:grid}.topbar-actions{margin-left:auto;gap:9px}.topbar .search{min-width:0;width:210px;padding:8px 10px}.topbar .search kbd,.topbar .saved-shortcut{display:none}.container{padding:29px 21px 0}.intro h1{font-size:47px}.intro p{font-size:12px;max-width:350px}.intro-stamp{width:76px;height:76px}.feature{min-height:325px}.feature-copy{bottom:24px;left:23px;right:23px}.feature-top{left:22px;top:20px}.feature-copy h2{font-size:39px}.feature-copy p{font-size:12px}.section{margin-top:34px}.section-heading h2{font-size:23px}.collection-grid{grid-template-columns:1fr}.collection{padding:16px 18px;align-items:center}.collection .collection-icon{display:grid;width:38px;height:40px}.collection h3{font-size:15px}.collection .mini{font-size:8px}.collection p{font-size:10px}.collection>svg{display:block;margin-left:auto}.collection-grid{gap:10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.toolbar{flex-direction:column;gap:13px}.sort{align-self:flex-end}.game-card h3{font-size:15px}.surprise-banner{padding:23px;gap:18px;align-items:flex-start}.surprise-banner h2{font-size:23px}.surprise-banner .button{padding:10px 13px;font-size:11px}.footer{flex-direction:column;gap:20px}.footer-links{gap:20px}.status-toast{left:20px;bottom:20px}.detail-aside{grid-template-columns:1fr}.detail-aside .ad-slot{min-height:100px}.page-title h1{font-size:39px}.about-grid{grid-template-columns:1fr}.skip{left:20px}.intro{gap:12px}.search input{font-size:11px}.section-heading .result-count{font-size:9px}.feature.small .round-arrow{display:none}}
@media(max-width:440px){.topbar .search{width:40px;min-width:40px;border:0;padding:0;background:transparent}.topbar .search input{position:absolute;left:21px;right:21px;width:calc(100% - 42px);top:73px;border:1px solid var(--line);padding:12px;background:var(--surface);display:none;z-index:6}.topbar .search:focus-within input{display:block}.topbar .search .search-trigger{display:grid}.topbar .search:focus-within{outline:0}.intro h1{font-size:40px}.intro-stamp{display:none}.feature-side{gap:12px}.feature.small .feature-copy{left:15px;right:13px;bottom:15px}.feature.small .feature-copy h2{font-size:22px}.feature.small .feature-copy p{font-size:10px}.feature.small .eyebrow{letter-spacing:1px}.feature.small{min-height:145px}.feature{min-height:300px}.game-grid{gap:23px 13px}.game-card p{font-size:10px}.game-meta{font-size:9px}.game-image .badge{font-size:6px;left:7px;bottom:7px}.game-image .save-button{top:7px;right:7px;width:28px;height:28px}.surprise-banner{flex-direction:column}.section-heading .text-link{font-size:10px}.filter{padding:7px 11px}.footer-links{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.nav-link{font-size:12px;padding-left:10px;padding-right:10px;gap:9px}.nav-link span:not(.count){white-space:nowrap}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.detail-art{margin:0}.search label{cursor:text}
@media(max-width:760px){html:not(.js) .sidebar{position:static;transform:none;width:100%;height:auto;box-shadow:none;padding:18px 21px;border-right:0;border-bottom:1px solid var(--line)}html:not(.js) .sidebar nav{display:flex;flex-wrap:wrap}html:not(.js) .sidebar .sidebar-bottom,html:not(.js) .sidebar>.nav-label{display:none}.nav-link{font-size:13px}}
@media(max-width:600px){.topbar{height:125px;position:relative;align-items:flex-start;padding-top:17px}.topbar .search{position:absolute;top:72px;left:21px;right:21px;width:calc(100% - 42px);min-width:0;display:flex;padding:8px 12px;border:1px solid var(--line);background:var(--surface);height:37px}.topbar .search input{position:static;display:block;width:100%;border:0;background:transparent;padding:0;outline:0;font-size:12px}.topbar .search:focus-within{border-color:var(--lime);outline:1px solid var(--lime)}.sidebar{top:125px}.topbar-actions{margin-top:-1px}.mobile-brand{padding-top:2px}}
.rating-link{display:flex;align-items:center;gap:5px;font-size:10px;color:#ccd5bf;margin-top:11px}.rating-link>span{color:#d5e5a5}.rating-link small{font-size:8px;color:#9aa98d;margin-left:3px}.rating-link .icon{width:11px;height:11px;margin-left:auto}.rating-link:hover{color:var(--lime)}.ranking-note{font-size:10px;line-height:1.9;color:#a2b095;margin-bottom:22px;max-width:830px}.ranking-note a{color:var(--lime);white-space:nowrap}.ranking-note .icon{width:12px;height:12px;vertical-align:middle}.rating-panel{padding:20px 23px;margin-top:20px;border:1px solid var(--line);border-radius:12px;background:#1b2319}.rating-panel>a:not(.text-link){display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px}.rating-panel strong{font-size:28px;color:var(--lime);font-weight:600}.rating-panel strong small{font-size:14px;color:var(--muted)}.rating-panel>a>span{font-size:10px;color:#c0cbb4}.rating-panel .icon{width:12px;height:12px;vertical-align:middle}.rating-panel p{font-size:10px;line-height:1.8;margin-top:6px}.rating-panel .text-link{font-size:10px;margin-top:11px}.feature:not(.small) .feature-copy h2{font-size:36px;max-width:470px}.feature.small .feature-copy h2{font-size:26px}
@media(max-width:1000px) and (min-width:761px){.detail-aside{grid-template-columns:1fr 1fr}.detail-aside .rating-panel{margin-top:0}.detail-aside .ad-slot{grid-column:1/-1}.feature.small .feature-copy h2{font-size:23px}}@media(max-width:440px){.feature:not(.small) .feature-copy h2{font-size:30px}.feature.small .feature-copy h2{font-size:22px}.rating-link{font-size:9px}.rating-link small{font-size:7px}.ranking-note a{white-space:normal}}
.toolbar{flex-wrap:wrap}.filter-pills{flex:1 1 auto}.sort{margin-left:auto}.game-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.game-tags a{font-size:8px;padding:3px 6px;border-radius:4px;color:#acbb9f;background:#20291c;border:1px solid #33402b}.game-tags a:hover{color:var(--lime);border-color:#6c8651}.page-title .game-tags{margin-top:18px}.page-title .game-tags a{font-size:11px;padding:5px 10px}.tag-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tag-directory-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tag-directory-card:hover{border-color:#849b6b}.tag-directory-card>span{font:9px ui-monospace,monospace;color:var(--lime);letter-spacing:1px}.tag-directory-card h2{font-size:22px;margin:15px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tag-directory-card p{font-size:12px;line-height:1.8}.topic-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:21px}.topic-links a{font-size:12px;color:var(--lime);display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--line);border-radius:7px}.topic-links .icon{width:14px;height:14px}@media(max-width:1000px){.tag-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .filter-pills{flex-basis:100%}.sort{margin-left:0}}@media(max-width:760px){.toolbar{flex-direction:row}.sort{align-self:auto;margin-left:0}.tag-directory{grid-template-columns:1fr}}.sidebar .nav-label{margin-top:29px}.sidebar-bottom{margin-top:25px}

/* Longer CoolGameShelf wordmark. */
.brand{font-size:19px;gap:7px;letter-spacing:-.8px}.brand img{width:29px;height:29px}.brand-dot{margin-left:-5px}@media(max-width:1250px) and (min-width:761px){.sidebar .brand{font-size:16px;gap:5px}.sidebar .brand img{width:25px;height:25px}}@media(max-width:760px){.mobile-brand{font-size:21px}}