:root{--bg:#080b12;--surface:#101622;--surface2:#161f2e;--line:rgba(238,242,247,.12);--text:#f1f4f7;--muted:#97a2b2;--violet:#8b5cf6;--lime:#c8f169;--orange:#ff986e;--cyan:#65d5d2;--mono:'DM Mono',monospace;--sans:'Inter',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5}.portal-header{height:72px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);background:rgba(8,11,18,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.portal-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.portal-brand img{width:33px;height:33px}.portal-brand>span{font:600 16px var(--display);letter-spacing:-.04em}.portal-brand b{color:var(--lime)}.portal-brand small{display:block;font:8px var(--mono);letter-spacing:.15em;color:var(--muted);margin-top:2px}.portal-header nav{display:flex;gap:28px;margin-right:auto}.portal-header nav a,.portal-footer a{color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.09em}.portal-header nav a:hover,.portal-footer a:hover{color:var(--lime)}.portal-tools{display:flex;gap:14px;align-items:center}.portal-search{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:0 0 5px;color:var(--muted)}.portal-search span{font-size:21px}.portal-search input{width:120px;border:0;outline:0;background:transparent;color:var(--text);font:11px var(--mono)}.portal-search input::placeholder{color:var(--muted)}.portal-tools select{border:1px solid var(--line);background:var(--surface);color:var(--text);font:10px var(--mono);padding:8px 6px}.portal-tools option{background:var(--surface)}.portal-hero{min-height:560px;display:grid;grid-template-columns:1fr .82fr;gap:7vw;align-items:center;padding:75px clamp(18px,8vw,125px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 68% 42%,rgba(139,92,246,.17),transparent 35%),radial-gradient(circle at 90% 90%,rgba(200,241,105,.07),transparent 28%)}.portal-eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font:10px var(--mono);letter-spacing:.15em}.portal-eyebrow i{display:block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(200,241,105,.09)}.hero-content h1{font:600 clamp(56px,8vw,110px)/.91 var(--display);letter-spacing:-.08em;margin:24px 0}.hero-content h1 em,.category-title h2 em,.portal-strip h2 em{font-style:normal;color:var(--violet)}.hero-content p{color:var(--muted);max-width:410px;font-size:15px;line-height:1.75}.portal-button{display:inline-flex;align-items:center;gap:15px;background:var(--lime);color:var(--bg);padding:14px 18px;margin-top:18px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,background .2s}.portal-button:hover{transform:translateY(-2px);background:#dcff91}.portal-button span{font-size:16px}.portal-button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.portal-button.secondary:hover{border-color:var(--lime);color:var(--lime)}.hero-feature{min-height:330px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(145deg,#a984ff,#5140a4 45%,#111827);overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:20px 30px 80px rgba(0,0,0,.35)}.hero-feature:before{content:'✦';position:absolute;right:7%;top:8%;font:180px var(--display);color:rgba(200,241,105,.75);line-height:1;transform:rotate(15deg)}.hero-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,18,.85),transparent 70%)}.hero-glow{position:absolute;width:240px;height:240px;border:1px solid rgba(200,241,105,.4);border-radius:50%;right:-20px;top:30px;box-shadow:0 0 80px rgba(200,241,105,.3)}.feature-tag,.hero-feature strong,.hero-feature p,.hero-feature a{position:relative;z-index:1}.feature-tag{font:10px var(--mono);color:var(--lime);letter-spacing:.15em}.hero-feature strong{font:500 35px var(--display);margin-top:12px;letter-spacing:-.05em}.hero-feature p{font-size:12px;color:rgba(255,255,255,.7);margin:2px 0 15px}.play-button{align-self:flex-start;background:var(--lime);color:var(--bg);padding:11px 14px;font:500 10px var(--mono);text-transform:uppercase}.play-button span{font-size:16px;margin-left:10px}.category-bar{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:85px clamp(18px,8vw,125px) 34px}.category-title h2{font:600 clamp(38px,5vw,66px)/.95 var(--display);letter-spacing:-.07em;margin:18px 0 0}.category-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.category-tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 13px;cursor:pointer;font:10px var(--mono);text-transform:uppercase}.category-tabs button:hover,.category-tabs button.active{background:var(--lime);color:var(--bg);border-color:var(--lime)}.catalog-section{padding:28px clamp(18px,8vw,125px) 120px}.catalog-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:25px}.catalog-head h2{font:500 22px var(--display);margin:8px 0 0}.catalog-source{font-size:11px;color:var(--muted)}.mono{font:10px var(--mono);letter-spacing:.12em;color:var(--lime)}.portal-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-card{background:var(--surface);border:1px solid var(--line);transition:transform .2s,border-color .2s;overflow:hidden}.game-card:hover{transform:translateY(-5px);border-color:var(--violet)}.game-card.hidden{display:none}.game-art{height:190px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--bg);overflow:hidden}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(140deg,transparent 35%,rgba(255,255,255,.18))}.game-art span{font:600 74px var(--display);z-index:1}.art-chef{background:linear-gradient(135deg,var(--lime),#65a555)}.art-smash{background:linear-gradient(135deg,var(--orange),var(--violet))}.art-animal{background:linear-gradient(135deg,var(--cyan),#376fb8)}.art-pool{background:linear-gradient(135deg,#a984ff,#242e87)}.game-info{padding:15px 16px;display:flex;justify-content:space-between;align-items:center}.game-info h3{font:500 18px var(--display);margin:6px 0 0}.game-info small{font:9px var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.game-info a{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--lime);color:var(--lime);font-size:16px}.game-info a:hover{background:var(--lime);color:var(--bg)}.empty-state{text-align:center;padding:80px;color:var(--muted)}.empty-state span{font-size:32px;color:var(--lime)}.portal-strip{margin:0 clamp(18px,8vw,125px) 100px;padding:55px 45px;display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line)}.portal-strip h2{font:500 clamp(30px,4vw,54px)/.97 var(--display);letter-spacing:-.07em;margin:18px 0 0}.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px clamp(18px,5vw,72px);border-top:1px solid var(--line)}.portal-footer>div:nth-child(2){display:flex;gap:25px}@media(max-width:900px){.portal-header{gap:20px}.portal-header nav{display:none}.portal-hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.hero-feature{min-height:290px}.category-bar{display:block}.category-tabs{justify-content:flex-start;margin-top:30px}.portal-game-grid{grid-template-columns:repeat(2,1fr)}.catalog-head{align-items:start;flex-direction:column;gap:10px}.portal-strip{align-items:start;flex-direction:column;gap:28px;padding:35px 25px}}@media(max-width:520px){.portal-header{height:auto;min-height:72px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.portal-tools{width:100%;order:3}.portal-search{flex:1}.portal-search input{width:100%}.hero-content h1{font-size:58px}.portal-game-grid{grid-template-columns:1fr}.portal-footer{align-items:start;flex-direction:column}.portal-footer>div:nth-child(2){flex-direction:column;gap:10px}.category-bar{padding-top:65px}}
.publisher-note{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:0 clamp(18px,8vw,125px) 100px;padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.publisher-note h2{font:500 clamp(30px,4vw,54px)/.97 var(--display);letter-spacing:-.07em;margin:18px 0 0}.publisher-note h2 em{font-style:normal;color:var(--violet)}.publisher-note p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.75;margin:22px 0}.publisher-links{display:flex;gap:22px;flex-wrap:wrap}.publisher-links a{color:var(--lime);font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.publisher-links a:hover{text-decoration:underline}@media(max-width:900px){.publisher-note{display:block}.publisher-note>div+div{margin-top:30px}}.about-page{max-width:1180px;margin:0 auto;padding:90px clamp(18px,8vw,125px) 120px}.about-page h1{font:600 clamp(52px,8vw,100px)/.92 var(--display);letter-spacing:-.08em;margin:25px 0}.about-page h1 em{font-style:normal;color:var(--violet)}.about-lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.75;margin-bottom:75px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:55px}.about-grid article{background:var(--surface);padding:28px;min-height:220px}.about-grid h2{font:500 28px/.98 var(--display);letter-spacing:-.06em;margin:24px 0 14px}.about-grid p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;max-width:430px}@media(max-width:650px){.about-page{padding-top:65px}.about-grid{grid-template-columns:1fr}.about-lead{margin-bottom:45px}}.legal-links{display:flex;gap:16px;flex-wrap:wrap}.legal-links a{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.legal-links a:hover{color:var(--lime)}.legal-footer{flex-wrap:wrap}@media(max-width:520px){.legal-links{gap:10px}}
.game-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal;transition:transform .35s,opacity .35s}.game-card:hover .game-art img{transform:scale(1.05);opacity:1}.game-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,18,.02),rgba(8,11,18,.22));z-index:1}.game-art span{position:relative;z-index:2;text-shadow:0 4px 18px rgba(0,0,0,.45)}.game-seo-content{max-width:820px;margin:64px auto 0;padding-top:42px;border-top:1px solid var(--line)}.game-seo-content h2{font:500 clamp(26px,3vw,38px)/1 var(--display);letter-spacing:-.05em;margin:0 0 16px}.game-seo-content h2+ p{margin-bottom:38px}.game-seo-content p{color:var(--muted);font-size:15px;line-height:1.85;margin:0}.game-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:42px;background:var(--line);border:1px solid var(--line)}.game-facts>div{display:flex;flex-direction:column;gap:9px;background:var(--surface);padding:18px}.game-facts strong{font:500 14px var(--display);color:var(--text)}@media(max-width:650px){.game-facts{grid-template-columns:repeat(2,1fr)}.game-seo-content{margin-top:42px}.game-seo-content p{font-size:14px}}.hero-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;z-index:0}.hero-feature:after{z-index:0}.hero-feature:before{z-index:1}.hero-glow{z-index:1}/* Clean artwork: keep provider thumbnails unaltered and free of site overlays. */
.game-art:before{content:none!important;background:none!important}
.game-art span{text-shadow:none!important}
.hero-feature{box-shadow:none!important}
.hero-feature>img{opacity:1!important}
.hero-feature:before{content:none!important}
.hero-feature:after{content:none!important;background:none!important}
.hero-glow{display:none!important;box-shadow:none!important}
.game-art span{display:none!important}
/* Niche editorial homepage */
.niche-hero{min-height:620px;background:var(--bg);grid-template-columns:1.05fr .82fr;border-bottom:1px solid var(--line)}
.niche-hero .hero-content p{max-width:470px}
.hero-note{display:flex;gap:18px;align-items:flex-start;margin-top:42px;color:var(--muted);font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.hero-note .mono{font-size:12px;color:var(--violet)}
.focus-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:95px clamp(18px,8vw,125px) 80px;border-bottom:1px solid var(--line)}
.focus-intro h2{font:600 clamp(38px,5vw,66px)/.95 var(--display);letter-spacing:-.07em;margin:18px 0 22px}.focus-intro h2 em{font-style:normal;color:var(--violet)}.focus-intro p{max-width:350px;color:var(--muted);line-height:1.75;font-size:14px}
.focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.focus-card{min-height:175px;padding:23px;background:var(--surface);transition:background .2s}.focus-card:hover{background:var(--surface2)}.focus-card .mono{display:block;margin-bottom:35px;color:var(--muted);font-size:9px}.focus-card strong{display:block;font:500 23px var(--display);letter-spacing:-.04em;margin-bottom:8px}.focus-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;max-width:235px}
.niche-categories{padding-top:78px}.niche-categories .category-title h2{font-size:clamp(38px,5vw,66px)}.niche-catalog{padding-top:22px}.niche-catalog .catalog-head{padding-bottom:22px}.niche-catalog .catalog-head h2{font-size:24px}
@media(max-width:900px){.niche-hero{grid-template-columns:1fr}.focus-section{display:block;padding-top:70px}.focus-intro{margin-bottom:42px}}
@media(max-width:520px){.focus-grid{grid-template-columns:1fr}.focus-card{min-height:145px}.focus-card .mono{margin-bottom:22px}.hero-note{margin-top:30px}}
.collection-link{color:var(--lime);text-decoration:none}.collection-link:hover{text-decoration:underline}.collection-page{max-width:1180px;margin:0 auto;padding:95px clamp(18px,8vw,125px) 120px}.collection-page h1{font:600 clamp(55px,8vw,106px)/.9 var(--display);letter-spacing:-.08em;margin:25px 0}.collection-page h1 em{font-style:normal;color:var(--violet)}.collection-lead{max-width:650px;color:var(--muted);font-size:18px;line-height:1.75}.collection-intro{display:grid;grid-template-columns:1fr .7fr;gap:8vw;margin:78px 0 42px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-intro h2{font:500 34px var(--display);letter-spacing:-.05em;margin:0 0 14px}.collection-intro p{max-width:550px;color:var(--muted);line-height:1.8;font-size:14px}.collection-stat{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.collection-stat strong{font:500 42px var(--display);color:var(--text)}.collection-stat span:last-child{color:var(--muted);font-size:12px}.collection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);padding:0;margin:0;list-style:none}.collection-list li{background:var(--surface)}.collection-list a{display:flex;justify-content:space-between;gap:20px;padding:22px;text-decoration:none}.collection-list a:hover{background:var(--surface2)}.collection-list strong{font:500 19px var(--display);color:var(--text)}.collection-list span{color:var(--muted);font:10px var(--mono);text-transform:uppercase;align-self:center;text-align:right}@media(max-width:700px){.collection-intro{display:block}.collection-stat{margin-top:30px}.collection-list{grid-template-columns:1fr}}
/* Supplied crowned-lion logo: make the brand mark prominent in the header. */
.portal-header{min-height:88px;height:88px}
.portal-brand{gap:14px}
.portal-brand img{width:58px;height:58px;object-fit:cover;border-radius:10px;box-shadow:0 0 24px rgba(44,196,255,.22)}
@media(max-width:520px){.portal-header{min-height:84px;height:auto}.portal-brand img{width:54px;height:54px}}

.walkthrough-section{max-width:820px;margin:42px 0 0;padding:26px 0 0;border-top:1px solid var(--line)}
.walkthrough-section h2{font:600 30px var(--display);margin:0 0 8px}
.walkthrough-lead{color:var(--muted);line-height:1.7;margin:0 0 18px}
.walkthrough-frame{width:100%;min-height:270px;background:#05070d;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.walkthrough-frame #gamemonetize-video{width:100%;min-height:270px}
.walkthrough-status{color:var(--muted);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:24px;text-align:center}
.walkthrough-section.walkthrough-unavailable .walkthrough-frame{min-height:90px}

/* Stable media boxes prevent layout shift while third-party content loads. */
.walkthrough-frame{aspect-ratio:16/9;min-height:0}.walkthrough-frame #gamemonetize-video{height:100%;min-height:0}

/* Mobile performance: avoid expensive blur/compositing and keep media stable. */
@media(max-width:520px){
  .portal-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
  .portal-button,.game-card,.focus-card{transition:none}
  .portal-hero{min-height:0}
  .hero-feature{content-visibility:auto;contain-intrinsic-size:290px}
}

/* Refined community block: voting stays directly below the game, comments follow. */
.community-section{background:linear-gradient(145deg,rgba(16,22,34,.92),rgba(8,11,18,.72));border:1px solid var(--line);padding:28px clamp(18px,3vw,34px) 30px;margin-top:28px}
.community-head{padding-bottom:22px;border-bottom:1px solid var(--line)}
.community-head h2{font-size:clamp(28px,4vw,40px);margin-bottom:0}
.reaction-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 20px;border-bottom:1px solid var(--line)}
.reaction-question{font:500 15px var(--display);color:var(--text)}
.reaction-bar{display:flex;gap:8px}
.reaction-bar button{display:flex;align-items:center;gap:8px;min-width:112px;justify-content:center;background:var(--bg);border:1px solid var(--line);color:var(--muted);padding:10px 13px;cursor:pointer;font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:color .2s,border-color .2s,background .2s}
.reaction-bar button:hover,.reaction-bar button:focus-visible{color:var(--lime);border-color:var(--lime);background:var(--surface2)}
.reaction-bar button b{font-weight:500;color:var(--text)}.reaction-icon{font:22px var(--sans);line-height:1;color:var(--lime)}
.comment-form{background:rgba(16,22,34,.7);border:1px solid var(--line);padding:20px;margin-top:20px}
.comment-form-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.comment-form-intro strong{font:500 14px var(--display);color:var(--text)}
.comment-form input,.comment-form textarea{background:var(--bg);border-color:rgba(238,242,247,.16)}
.comment-form-row{margin-top:4px}.comment-list{margin-top:10px}.comment-item{background:var(--bg);border-color:rgba(238,242,247,.1)}
@media(max-width:600px){.reaction-panel{align-items:stretch;flex-direction:column}.reaction-bar{width:100%}.reaction-bar button{flex:1;min-width:0}.comment-form-intro{align-items:start;flex-direction:column;gap:7px}}

/* Final community layout correction */
.community-section{width:min(100%,820px);overflow:hidden;border-radius:2px}
.comment-form{display:block}
.comment-form input,.comment-form textarea{display:block;width:100%;margin:0 0 10px;min-height:46px}
.comment-form textarea{min-height:120px}
.reaction-panel{background:rgba(200,241,105,.035);margin:0 -1px;padding-left:14px;padding-right:14px}
.reaction-bar button.selected{color:var(--bg);background:var(--lime);border-color:var(--lime)}
.reaction-bar button.selected b{color:var(--bg)}
.reaction-icon{font-weight:700}
.comment-form-row small{max-width:58%}
@media(max-width:600px){.comment-form-row small{max-width:none}.community-section{padding-left:16px;padding-right:16px}.reaction-panel{padding-left:0;padding-right:0}}

/* Readable community fields on the dark theme. */
.community-section .comment-form input,
.community-section .comment-form textarea{color:var(--text)!important;background:#080b12!important;caret-color:var(--lime)!important}
.community-section .comment-form input::placeholder,
.community-section .comment-form textarea::placeholder{color:#aeb8c8!important;opacity:1}
.community-section .comment-form input:focus,
.community-section .comment-form textarea:focus{color:#fff!important;border-color:var(--lime)!important;box-shadow:0 0 0 2px rgba(200,241,105,.12)}

/* Lightweight social sharing panel for game pages. */
.social-share-panel{max-width:820px;margin:30px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.social-share-copy{min-width:190px}.social-share-copy h2{font:500 25px/1 var(--display);letter-spacing:-.04em;margin:8px 0 6px}.social-share-copy p{margin:0;color:var(--muted);font-size:12px}.social-share-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.social-share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 10px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;font:10px var(--mono);transition:border-color .2s,background .2s,color .2s,transform .2s}.social-share-button span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--surface2);color:var(--lime);font-size:12px}.social-share-button b{font-weight:500}.social-share-button:hover{transform:translateY(-2px);border-color:var(--lime);color:var(--lime)}.social-share-button.is-copied{border-color:var(--lime);background:rgba(200,241,105,.1);color:var(--lime)}.social-share-facebook:hover{border-color:#1877f2}.social-share-pinterest:hover{border-color:#e60023}.social-share-whatsapp:hover{border-color:#25d366}.social-share-reddit:hover{border-color:#ff4500}.social-share-telegram:hover{border-color:#229ed9}.social-share-linkedin:hover{border-color:#0a66c2}.social-share-native{display:none;background:var(--lime);border-color:var(--lime);color:var(--bg)}.social-share-native span{background:transparent;color:var(--bg)}.social-share-native:hover{background:#dcff91;border-color:#dcff91;color:var(--bg)}@media(max-width:700px){.social-share-panel{display:block;margin-top:26px}.social-share-copy{margin-bottom:17px}.social-share-actions{justify-content:flex-start}.social-share-button{flex:1 1 auto}.social-share-button b{font-size:9px}}@media(max-width:430px){.social-share-button{min-width:calc(33.33% - 7px);padding:8px 6px}.social-share-button b{display:none}.social-share-button span{width:24px;height:24px}.social-share-native{display:inline-flex}.social-share-copy-link b{display:inline}}

/* Make the editorial focus cards an obvious, keyboard-accessible category directory. */
.category-card{appearance:none;border:0;color:inherit;text-align:left;font:inherit;width:100%;cursor:pointer;position:relative}
.category-card:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.category-card-action{display:block;margin-top:22px;color:var(--lime);font:10px var(--mono);letter-spacing:.08em}
.category-card:hover .category-card-action{color:var(--text)}