/* Everydle — original compact pixel directory. Decorative art is not gameplay. */
:root{color-scheme:light;--bg:#f3f2ed;--surface:#fffef9;--raised:#eae9e3;--ink:#181918;--muted:#555c5e;--line:#cdcec5;--accent:#005c78;--accent-fill:#7fdfff;--red:#d33a3a;--shadow:#cdcec5;--pixel:'Press Start 2P','Courier New',monospace;--terminal:'VT323','Courier New',monospace;--body:Arial,Helvetica,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#050505;--surface:#111111;--raised:#1a1b1c;--ink:#f2f2f2;--muted:#adb4b7;--line:#35393b;--accent:#7fdfff;--shadow:#25292b}}
:root[data-theme=dark]{color-scheme:dark;--bg:#050505;--surface:#111111;--raised:#1a1b1c;--ink:#f2f2f2;--muted:#adb4b7;--line:#35393b;--accent:#7fdfff;--shadow:#25292b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,summary{font:inherit}button,summary{cursor:pointer}button{color:inherit}a,button,input,summary{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.js-only{display:none!important}.js .js-only{display:revert!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-family:var(--pixel);font-size:clamp(25px,3.6vw,44px);line-height:1.6;letter-spacing:-1.3px}h2{font-family:var(--pixel);font-size:13px;line-height:1.8}h3{font-family:var(--pixel);font-size:12px;line-height:1.7}p+p{margin-top:1em}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:13px;line-height:1.6}.terminal{font-family:var(--terminal);font-size:23px;line-height:1.3;color:var(--muted)}.eyebrow{font:10px/1.8 var(--pixel);letter-spacing:.8px;color:var(--accent)}.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;padding:12px;background:var(--surface)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;color:var(--ink);font:17px/1 var(--pixel);letter-spacing:-1px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{font-size:14px;display:grid;place-items:center;width:30px;height:30px;background:var(--accent-fill);color:#050505;box-shadow:3px 3px 0 var(--shadow);margin-right:13px}.brand-dot{color:var(--red)}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a{font-size:14px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{border:1px solid var(--line);background:var(--surface);padding:8px 11px;min-height:40px;display:inline-flex;align-items:center;gap:7px;font-size:13px}.icon-button>span:first-child{font-family:var(--terminal);font-size:25px;line-height:1}.menu{position:relative;font-size:13px}.menu summary{list-style:none;min-height:40px;padding:8px 11px;border:1px solid var(--line);background:var(--surface);display:flex;gap:8px;align-items:center}.menu summary::-webkit-details-marker{display:none}.menu nav{position:absolute;right:0;top:49px;width:240px;padding:12px;background:var(--surface);border:1px solid var(--line);box-shadow:5px 5px 0 var(--shadow);display:grid;z-index:40}.menu nav a{padding:10px;color:var(--ink)}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:58px 0 45px}.hero h1{margin:12px 0}.hero h1>span{color:var(--red)}.hero-description{color:var(--muted);font-size:18px;line-height:1.7}.live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--red)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:11px 18px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;text-decoration:none;box-shadow:3px 3px 0 var(--shadow)}.button:hover{background:var(--raised);text-decoration:none}.button.primary{background:var(--accent-fill);color:#050505;border-color:#7fdfff}.button.primary:hover{background:#a2e9ff}.button.small{min-height:42px;padding:8px 14px;box-shadow:none}.button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--raised)}.hero-art{width:340px;height:225px;position:relative;display:grid;place-items:center;flex-shrink:0}.pixel-window{width:250px;background:var(--surface);border:2px solid var(--accent);box-shadow:10px 10px 0 var(--shadow);transform:rotate(-3deg)}.window-bar{padding:8px 9px;border-bottom:1px solid var(--accent);display:flex;justify-content:space-between;font:16px var(--terminal);color:var(--accent)}.pixel-board{display:grid;grid-template-columns:repeat(4,26px);gap:7px;justify-content:center;padding:20px}.pixel-board i{height:26px;border:1px solid var(--line);background:var(--raised)}.pixel-board i.on{background:#7fdfff;border-color:#7fdfff}.pixel-board i.red{background:#d33a3a;border-color:#d33a3a}.window-caption{text-align:center;padding-bottom:12px;font:9px var(--pixel);color:var(--muted)}.art-spark{position:absolute;font:44px var(--terminal);color:var(--accent)}.spark-one{left:12px;top:36px}.spark-two{right:12px;bottom:18px;color:var(--red)}.directory-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start;padding-top:24px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.js .directory-tools{display:flex!important;gap:12px;margin-bottom:16px}html:not(.js) .directory-tools{display:none!important}.catalog-search{flex:1;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);padding:0 12px;gap:10px}.catalog-search>span{font:28px var(--terminal);color:var(--muted)}input[type=search]{background:var(--surface);color:var(--ink);width:100%;border:0;padding:11px 0;font-size:15px;min-width:0}input::placeholder{color:var(--muted);opacity:1}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.category-filters a{padding:5px 11px;color:var(--muted);font-size:12px;border:1px solid var(--line);background:var(--surface)}.category-filters a[aria-current=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{border:1px solid var(--line);background:var(--surface);min-width:0;position:relative;transition:border-color .15s,transform .15s}.game-card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-top{position:relative}.card-art{height:124px;display:flex;align-items:center;justify-content:center;position:relative;gap:20px;background-color:var(--raised);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:18px 18px;border-bottom:1px solid var(--line);overflow:hidden;color:var(--accent);text-decoration:none!important}.card-art:after{content:'';position:absolute;bottom:8px;left:10px;width:4px;height:4px;background:var(--red);box-shadow:8px 0 var(--line),16px 0 var(--line)}.pixel-symbol{display:block;width:12px;height:12px;background:#7fdfff;box-shadow:12px 0 #7fdfff,24px 0 #7fdfff,0 12px #7fdfff,24px 12px #7fdfff,0 24px #7fdfff,12px 24px #7fdfff,24px 24px #7fdfff;transform:translate(-12px,-12px);position:relative}.art-label{font:25px var(--terminal);background:var(--surface);border:1px solid var(--line);min-width:45px;padding:1px 9px;text-align:center;box-shadow:4px 4px var(--shadow)}.art-2 .pixel-symbol,.art-6 .pixel-symbol{transform:translate(-12px,-12px) rotate(45deg)}.art-3 .pixel-symbol,.art-7 .pixel-symbol{background:#d33a3a;box-shadow:12px 0 #d33a3a,24px 0 #d33a3a,12px 12px #d33a3a,12px 24px #d33a3a}.art-4 .pixel-symbol,.art-8 .pixel-symbol{border-radius:0;box-shadow:12px 0 #7fdfff,24px 0 #7fdfff,0 12px #7fdfff,12px 12px #d33a3a,24px 12px #7fdfff,0 24px #7fdfff,12px 24px #7fdfff,24px 24px #7fdfff}.favorite-button{position:absolute;right:9px;top:9px;border:1px solid var(--line);background:var(--surface);width:35px;height:35px;font-size:22px;line-height:1}.favorite-button[aria-pressed=true]{color:var(--red)}.card-body{padding:17px 17px 14px}.category-label{font:10px/1.6 var(--pixel);color:var(--accent);display:block;overflow-wrap:anywhere}.card-body h3{margin:8px 0 10px}.card-body h3 a{color:var(--ink)}.card-body>p{font-size:14px;line-height:1.6;color:var(--muted);min-height:68px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.card-link{font-size:12px;white-space:nowrap}.daily-status{color:var(--muted);font:16px/1.3 var(--terminal)}.daily-status[data-state=done]{color:var(--accent)}.card-tracker{border-top:1px solid var(--line);padding:9px 13px;display:flex!important;justify-content:space-between;gap:8px;font-size:11px}html:not(.js) .card-tracker{display:none!important}.card-tracker button{border:0;background:none;padding:3px 0;color:var(--muted);font-size:11px}.card-tracker button[aria-pressed=true]{color:var(--accent)}.card-tracker a{padding:3px 0}.daily-sidebar{display:grid;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);padding:22px}.today-panel>.eyebrow{font-size:8px}.today-panel h2{margin:13px 0 10px}.today-stats{display:flex;gap:30px;margin:18px 0}.today-stats>div{display:grid}.today-stats strong{font:38px/1 var(--terminal);color:var(--accent)}.today-stats span{font-size:12px;color:var(--muted)}.progress-track{height:5px;background:var(--raised);margin:12px 0 18px}.progress-track>span{display:block;background:var(--accent);height:100%;width:0}.text-button{border:0;background:none;padding:0;color:var(--muted);text-decoration:underline;font-size:12px;margin-top:15px}.how-panel h2{font-size:10px}.how-panel ol{padding:0;list-style:none;margin:20px 0}.how-panel li{font-size:13px;line-height:1.6;margin-bottom:15px;display:flex;gap:12px;color:var(--muted)}.how-panel li>span{color:var(--accent);font:21px var(--terminal)}.sidebar-note{padding:9px 22px;display:flex;gap:18px;color:var(--muted);font:22px/1.3 var(--terminal)}.sidebar-note>span{color:var(--red);font-size:34px}.directory-note{margin:42px 0 50px;max-width:820px}.directory-note h2{font-size:11px;margin-bottom:14px}.directory-note p{font-size:14px;color:var(--muted)}.empty-state{border:1px dashed var(--line);padding:45px 25px;text-align:center}.empty-state h3{margin:15px 0}.empty-state p{color:var(--muted);margin-bottom:20px}.site-footer{border-top:1px solid var(--line);padding:30px 0;display:flex;gap:35px;flex-wrap:wrap;align-items:start;justify-content:space-between}.footer-brand{font:12px var(--pixel);color:var(--ink)}.site-footer>div p{font:20px var(--terminal);color:var(--muted);margin-top:9px}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.site-footer>.fine-print{font-size:11px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);padding:26px 0}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:10px 0 32px}.detail-header h1{margin:10px 0;font-size:clamp(23px,3vw,35px);overflow-wrap:anywhere}.detail-summary{max-width:760px;color:var(--muted);font-size:18px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag-list span{border:1px solid var(--line);padding:3px 9px;font-size:12px;color:var(--muted)}.detail-emblem{width:140px;height:125px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);background:var(--surface);font:25px var(--terminal);color:var(--accent)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start}.play-panel>.section-heading{margin-bottom:14px}.play-panel p{margin-bottom:17px}.play-panel .category-label{font-size:8px}.embed-wrap{background:#fff;min-height:620px;height:70vh;max-height:850px;border:1px solid var(--line)}iframe{display:block;width:100%;height:100%;border:0}.embed-wrap:fullscreen{max-height:none;height:100vh}.embed-fallback{color:var(--muted);font-size:13px;padding-top:15px}.play-actions{display:flex;gap:12px;flex-wrap:wrap}.embed-note{margin:17px 0 0!important}.detail-copy{max-width:860px;padding:7px 0 24px}.detail-copy h2{margin:30px 0 16px}.detail-copy p,.play-steps{color:var(--muted);line-height:1.85}.play-steps{padding-left:24px}.play-steps li{padding-left:8px;margin-bottom:12px}.play-steps li::marker{color:var(--accent);font-family:var(--terminal);font-size:24px}.daily-note{border-left:3px solid var(--accent);background:var(--surface);padding:20px 24px;margin-top:28px}.daily-note h2{margin:0 0 12px;font-size:11px}.detail-sidebar .eyebrow{font-size:9px}.detail-sidebar h2{margin:15px 0;font-size:11px}.detail-sidebar .daily-status{margin:15px 0}.stack-actions{display:grid!important;gap:12px;margin:18px 0}.detail-sidebar .fine-print{margin-top:18px}.back-link{display:block;font-size:13px;padding:18px 0}.related-section{border-top:1px solid var(--line);margin:25px 0 45px;padding-top:28px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{display:block;border:1px solid var(--line);padding:22px;background:var(--surface);color:var(--ink)}.related-card:hover{border-color:var(--accent);text-decoration:none}.related-card h3{margin:10px 0}.related-card p{font-size:14px;color:var(--muted)}.related-section .section-heading>a{font-size:13px}.notice{padding:15px;border:1px solid var(--line);font-size:13px}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:45px 24px;border:0;background:var(--bg);color:var(--ink);overflow-y:auto;z-index:100}dialog::backdrop{background:#050505d9}.search-panel{max-width:760px;margin:auto}.search-panel>label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.search-panel>input{border:1px solid var(--line);padding:15px;font-size:20px}.search-panel>.muted{margin:15px 0;font-size:13px}.search-results{display:grid;gap:10px;margin:20px 0}.search-results>a{display:flex;justify-content:space-between;gap:15px;padding:17px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.search-results small{color:var(--accent)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:120;background:var(--ink);color:var(--bg);padding:12px 20px;max-width:calc(100% - 30px);font-size:13px;box-shadow:4px 4px 0 var(--shadow)}
@media(min-width:1500px){.wrap{width:min(1440px,calc(100% - 100px))}.card-art{height:138px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.directory-layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-nav{gap:18px}.panel{padding:18px}.card-body>p{min-height:45px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.hero-art{width:280px}}
@media(max-width:800px){.desktop-nav{display:none}.header-actions{margin-left:auto}.directory-layout{grid-template-columns:1fr}.daily-sidebar{grid-template-columns:1fr 1fr}.sidebar-note{display:none}.hero{padding:36px 0;gap:20px}.hero-art{width:220px;transform:scale(.85)}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.embed-wrap{height:70vh;min-height:520px}.site-footer{gap:22px}}
@media(max-width:540px){.wrap{width:calc(100% - 32px)}.header-inner{height:64px;gap:8px}.brand{font-size:12px;letter-spacing:-.6px}.brand-mark{width:23px;height:25px;font-size:11px;margin-right:8px}.header-actions{gap:6px}.desktop-label{display:none}.icon-button{padding:7px 9px;min-height:38px}.menu summary{padding:7px 9px;min-height:38px;font-size:12px}.menu nav{top:46px}.hero{padding:31px 0 29px}.hero-art{display:none}.hero h1{font-size:27px;letter-spacing:-1px;white-space:nowrap}.hero-description{font-size:16px}.eyebrow{font-size:8px}.hero-actions{margin-top:20px}.button{font-size:13px;padding:10px 14px}.directory-layout{padding-top:20px}.section-heading{gap:10px;margin-bottom:16px}h2{font-size:11px}.section-heading .terminal{font-size:20px}.directory-tools{gap:8px}.button.small{font-size:12px;padding:8px 10px}.catalog-search{padding:0 9px;gap:5px}.catalog-search input{font-size:14px}.category-filters{gap:6px;margin-bottom:17px}.category-filters a{font-size:11px;padding:5px 9px}.game-grid{grid-template-columns:1fr;gap:16px}.game-card{display:grid;grid-template-columns:96px minmax(0,1fr)}.card-top{height:100%}.card-art{height:100%;min-height:161px;flex-direction:column;gap:35px;border-bottom:0;border-right:1px solid var(--line);background-size:16px 16px}.favorite-button{right:6px;top:6px;width:28px;height:28px;font-size:20px}.art-label{font-size:19px;min-width:35px}.card-body{padding:14px}.category-label{font-size:8px}.card-body h3{font-size:11px;margin:6px 0}.card-body>p{min-height:0;font-size:13px;line-height:1.55}.card-bottom{margin-top:12px}.card-link{font-size:11px}.daily-status{font-size:15px}.card-tracker{grid-column:1/-1;padding:8px 14px}.daily-sidebar{grid-template-columns:1fr;gap:16px;margin-top:8px}.today-stats{gap:42px}.how-panel{display:none}.directory-note{margin:30px 0}.site-footer{padding:25px 0}.site-footer nav{gap:15px}.breadcrumbs{padding:20px 0;font-size:11px}.detail-header{margin:4px 0 24px}.detail-header h1{font-size:23px;line-height:1.6;letter-spacing:-.7px}.detail-emblem{display:none}.detail-summary{font-size:16px}.play-panel{padding:16px}.play-panel .section-heading{align-items:start;flex-direction:column;gap:5px}.embed-wrap{min-height:520px;height:75vh;margin-inline:-8px}.detail-copy h2{font-size:11px}.detail-copy p,.play-steps{font-size:15px}.related-grid{grid-template-columns:1fr}.related-section .section-heading{align-items:start}.related-section h2{font-size:10px}.related-card{padding:18px}dialog{padding:25px 16px}.search-panel h2{font-size:11px}.search-panel>input{font-size:16px}.search-results>a{padding:14px}.search-results small{font-size:11px}.daily-note{padding:17px}.tag-list{gap:6px}}
@media(max-width:360px){.hero h1{font-size:23px}.hero-copy{min-width:0;width:100%}}
.js .card-tracker{display:flex!important}.js .stack-actions{display:grid!important}html:not(.js) .card-tracker{display:flex!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Shared image cards and direct, compact navigation. */
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.desktop-nav{display:flex;align-items:center}.desktop-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px}.desktop-nav svg{display:none}
.js .header-actions .icon-button{display:inline-flex!important;justify-content:center}.header-actions .icon-button svg{width:18px;height:18px}.catalog-search svg{color:var(--muted)}
.hero-copy{min-width:0}.hero-title{display:flex;align-items:baseline;gap:8px}.hero-title h1{font-size:clamp(22px,2.6vw,34px);white-space:normal}.title-cursor{color:var(--red);font:30px var(--pixel)}.hero-art{width:260px}.hero-description{max-width:650px}
.home-favorites{border-top:1px solid var(--line);padding:24px 0 30px}.home-favorites .section-heading>a,.category-directory .section-heading>a{font-size:13px}.home-favorites .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-intro{color:var(--muted);font-size:14px;margin-bottom:20px}
.game-image{background:var(--raised);padding:0}.game-image:after{display:none}.game-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.game-image.is-contain img{object-fit:contain;object-position:center}.game-card .card-body>p{min-height:0}.game-card{display:flex;flex-direction:column}.game-card .card-body{flex:1}.game-card .card-bottom{flex-wrap:wrap;row-gap:5px}
/* Full-width screenshot frames share a 16:9 ratio at every breakpoint. */
.game-card .card-top{width:100%;height:auto;flex:none}.game-card .game-image{width:100%;height:auto;min-height:0;aspect-ratio:16/9;position:relative;border-right:0;border-bottom:1px solid var(--line)}.game-card .game-image img{position:absolute;inset:0}
.related-image{height:auto;aspect-ratio:16/9}
.js .favorite-button{display:inline-flex!important;align-items:center;justify-content:center}.favorite-button svg{width:20px;height:20px}.favorite-button[aria-pressed=true] svg,[data-favorite][aria-pressed=true] svg{fill:currentColor;color:var(--red)}
.card-link:before{content:'Explore game'}.card-link:after{content:' →'}.card-tracker a[data-open]:before{content:'Official site'}.card-tracker a[data-open]:after{content:' ↗'}
.js .card-tracker [data-complete],.js .stack-actions .button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}.card-tracker [data-complete] svg{width:17px;height:17px}.done-check{opacity:0}[data-complete][aria-pressed=true] .done-check{opacity:1}
[data-complete]:after{content:'Mark done'}[data-complete][aria-pressed=true]:after{content:'Done today'}.stack-actions [data-complete]:after{content:'Mark done today'}.stack-actions [data-complete][aria-pressed=true]:after{content:'Done today'}.stack-actions [data-favorite]:after{content:'Save favorite'}.stack-actions [data-favorite][aria-pressed=true]:after{content:'Saved favorite'}
.daily-status:before{content:'Not opened'}.daily-status[data-state=opened]:before{content:'↗ Opened today'}.daily-status[data-state=done]:before{content:'✓ Marked done'}
.category-directory{padding:30px 0;border-top:1px solid var(--line);margin-top:30px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.category-entry:hover{border-color:var(--accent);text-decoration:none}.category-entry>span{font:20px var(--terminal);color:var(--accent);white-space:nowrap}
.home-faq{max-width:900px;margin:0 0 45px}.home-faq>h2{margin-bottom:18px}.home-faq details{border-top:1px solid var(--line);padding:16px 0}.home-faq summary{font-size:15px;font-weight:600;color:var(--ink)}.home-faq details p{padding:12px 0 0;color:var(--muted);font-size:15px;line-height:1.8}
.detail-preview{display:block;width:190px;height:120px;flex-shrink:0;border:1px solid var(--line);background:var(--raised);overflow:hidden}.detail-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.detail-preview.is-contain img{object-fit:contain;object-position:center}
.screenshot-wrap{background:var(--raised)}.official-preview{width:100%;height:100%;display:flex;flex-direction:column;color:var(--ink);text-decoration:none!important}.official-preview img{display:block;flex:1;min-height:0;width:100%;height:0;object-fit:contain;background:var(--raised)}.preview-label{display:block;flex-shrink:0;padding:14px 18px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;background:var(--surface);color:var(--accent)}.screenshot-wrap+.play-actions{margin-top:18px}
.related-image{display:block;width:calc(100% + 44px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;margin:-22px -22px 18px;border-bottom:1px solid var(--line);background:var(--raised)}.related-image.is-contain{object-fit:contain;object-position:center}
@media(max-width:1100px){.hero-art{width:220px;transform:scale(.76)}.home-favorites .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.desktop-nav{display:flex;gap:14px}.header-inner{gap:14px}.header-actions{margin-left:0}.desktop-nav svg{display:block}.desktop-nav .desktop-label{display:none}.hero-title h1{font-size:27px}.home-favorites .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{display:none}.category-entry{padding:16px}.detail-preview{width:150px;height:100px}}
@media(max-width:540px){.header-inner{gap:6px}.desktop-nav{gap:4px}.desktop-nav a{width:34px;min-height:38px;border:1px solid var(--line);background:var(--surface)}.header-actions{gap:4px}.icon-button{padding:7px 8px}.brand-mark{margin-right:6px;width:20px}.brand{font-size:11px}.hero-title h1{font-size:23px;line-height:1.7;white-space:normal;letter-spacing:-.8px}.title-cursor{font-size:23px}.hero-title{gap:4px}.home-favorites .game-grid{grid-template-columns:1fr}.game-card{display:flex;flex-direction:column}.game-image{min-height:0}.game-image img{position:absolute;inset:0}.category-grid{grid-template-columns:1fr}.category-entry{padding:17px}.category-entry h3{font-size:11px}.section-heading>h2{min-width:0}.home-favorites .section-heading>a,.category-directory .section-heading>a{font-size:12px;flex-shrink:0}.detail-preview{width:105px;height:90px}.detail-header{align-items:flex-start;gap:14px}.detail-header>div{min-width:0}.detail-summary{font-size:15px}.related-image{width:calc(100% + 36px);margin:-18px -18px 16px}.embed-wrap{margin-inline:0}.home-faq details p{font-size:14px}}
.catalog> .section-heading h1{font-size:clamp(20px,2.5vw,30px);overflow-wrap:anywhere}.catalog> .muted{font-size:14px;margin-bottom:20px}.category-index{padding-bottom:35px}.category-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-list li{min-width:0;border:1px solid var(--line);background:var(--surface);padding:20px}.category-list li>a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.category-list strong{font:11px/1.8 var(--pixel);color:var(--ink)}.category-list p{font-size:14px;color:var(--muted)}.category-description section+section{margin-top:28px}
@media(max-width:800px){.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.category-list{grid-template-columns:1fr}.catalog> .section-heading h1{font-size:19px}.catalog> .section-heading .terminal{flex-shrink:0}.card-tracker{flex-wrap:wrap}.category-list li{padding:18px}}
@media(max-width:360px){.header-inner{gap:4px}.brand{font-size:10px;letter-spacing:-.7px}.brand-mark{display:none}.desktop-nav a{width:32px}.header-actions .icon-button{padding:7px}.hero-title h1{font-size:21px}.detail-preview{width:85px;height:80px}}