
/* GameOnCue screen destination — compact editorial typography, no imitation streaming UI */
.screen-desk-hero{padding:clamp(35px,6vw,85px) 0 45px;min-height:360px;border-bottom:1px solid var(--line);position:relative}
.screen-desk-kicker,.screen-desk-flag{font-size:11px;font-weight:850;letter-spacing:.17em;color:var(--accent);text-transform:uppercase}
.screen-desk-hero h1{font-size:clamp(55px,8.5vw,135px);line-height:.9;letter-spacing:-.075em;margin:20px 0 25px;max-width:1050px}
.screen-desk-hero h1 em{font-style:normal;color:var(--accent)}
.screen-desk-hero>p{max-width:740px;font-size:clamp(16px,1.5vw,21px);line-height:1.55;color:var(--muted)}
.screen-desk-hero-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px}
.screen-desk-hero-links a{border-bottom:2px solid var(--accent);padding:9px 0;font-weight:800;color:var(--text)}
.screen-desk-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,4vw,70px);padding-block:38px 55px;align-items:center}
.screen-desk-marvel-art{min-height:340px;display:flex;flex-direction:column;justify-content:end;gap:16px;padding:clamp(30px,4vw,66px);background:radial-gradient(ellipse at 75% 15%,#ab80b244,transparent 55%),radial-gradient(ellipse at 15% 40%,#5167a944,transparent 45%),linear-gradient(125deg,#121520,#1b2135);border:1px solid #8f81b4}
.screen-desk-marvel-art>span{font-size:11px;font-weight:900;letter-spacing:.2em;color:#decbfc}
.screen-desk-marvel-art strong{font-size:clamp(39px,4.9vw,79px);line-height:.95;letter-spacing:-.06em;color:#fff}
.screen-desk-marvel-art .screen-desk-art-note{font-size:12px;letter-spacing:normal;color:#cfd3e4}
.screen-desk-feature-copy h2{font-size:clamp(30px,3.5vw,51px);letter-spacing:-.04em;line-height:1.08}
.screen-desk-feature-copy p{font-size:17px;line-height:1.65;color:var(--muted)}
.screen-desk-primary{display:inline-flex;min-height:48px;align-items:center;background:var(--accent);color:var(--ink);padding:12px 18px;font-weight:850;margin:14px 0}
.screen-desk-feature-copy small{display:block;color:var(--muted)}
.screen-desk-section,.screen-desk-sources{padding-block:35px 60px;border-top:1px solid var(--line)}
.screen-desk-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.screen-desk-heading h2{font-size:clamp(29px,4vw,54px);line-height:1.1;margin:10px 0 0;letter-spacing:-.045em}
.screen-desk-heading>p{max-width:340px;font-size:14px;color:var(--muted);line-height:1.55;margin:0}
.screen-desk-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;border-block:1px solid var(--line);padding:14px 0}
.screen-desk-toolbar label{display:grid;gap:8px;flex:1 1 190px;font-size:13px;font-weight:800}
.screen-desk-toolbar label:first-child{flex:2 1 300px}
.screen-desk-toolbar :is(input,select,button){min-height:46px;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--muted);font:inherit}
.screen-desk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:14px}
.screen-desk-story{padding:28px 0 35px;border-bottom:1px solid var(--line)}
.screen-desk-story h3{font-size:clamp(24px,2.8vw,37px);line-height:1.1;margin:9px 0;letter-spacing:-.035em}
.screen-desk-story p{max-width:530px;line-height:1.6;font-size:16px;color:var(--muted)}
.screen-desk-story a,.screen-desk-reading-card a,.screen-desk-archive-note a,.screen-desk-sources a{color:var(--link);font-weight:750;text-underline-offset:4px}
.screen-desk-date{display:block;margin-top:13px;font-size:12px;font-weight:800;letter-spacing:.06em}
.screen-desk-reading-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,45px);align-items:center;padding:10px 0 27px}
.screen-desk-reading-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.screen-desk-reading-card h3{font-size:clamp(26px,3vw,43px);letter-spacing:-.04em}
.screen-desk-reading-card p,.screen-desk-archive-note p,.screen-desk-sources p{line-height:1.65;color:var(--muted)}
.screen-desk-archive-note{padding:30px 0 0}
.screen-desk-archive-note h3{font-size:25px}
.screen-desk-sources h2{font-size:30px}
.screen-desk-empty{padding:22px;border:1px solid var(--line)}
@media(max-width:800px){.screen-desk-feature,.screen-desk-reading-card,.screen-desk-grid{grid-template-columns:1fr}.screen-desk-feature{padding-block:22px}.screen-desk-marvel-art{min-height:245px}.screen-desk-heading{display:block}.screen-desk-heading>p{margin-top:14px}.screen-desk-section{padding-block:25px}}

