/* Dime Design readability revision, approved 2026-10-23. */
:root{--review-copy:#cfc4d9;--review-note:#bdadc9;--review-line:#4e3c5d}

/* Let the broadcast live around the reading surface, not inside the text. */
body[data-design=broadcast] .section{background:rgba(19,14,29,.32)}
body[data-design=broadcast].journal>main{background:rgba(19,14,29,.46)}
html:not([data-vhs=off]) body[data-design=broadcast] :is(.section,.journal-main) :is(h1,h2,h3){text-shadow:none}
html:not([data-vhs=off]) body[data-design=broadcast].journal main :is(h1,h2,h3){text-shadow:none}
body[data-design=broadcast]>footer{background:#130e1d80}

/* One editorial hierarchy for every channel. */
[data-design] .section :is(.section-heading,.frames-heading){display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:36px}
[data-design] .section .section-lead{max-width:700px;margin:0;font-size:18px;line-height:1.65;color:var(--review-copy)}
[data-design] .section .section-lead br{display:none}
[data-design] .section .section-lead br::after{content:' '}
[data-design] .section :is(.section-heading,.frames-heading) h2{font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
[data-design] .section .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.08em;color:var(--review-note);margin-bottom:16px}
[data-design] .section :is(.weapon-grid,.duo) p{font-size:16px;line-height:1.7;color:var(--review-copy)}
[data-design] .section figcaption{font-size:13px;line-height:1.6;color:var(--review-note)}
[data-design] .section figcaption span:last-child{font-size:12px}
[data-design] .film-corner{font-size:11px;line-height:1.4;letter-spacing:.04em}
[data-design] .film-toggle{width:44px;height:44px}
[data-design] .game-about{gap:56px;margin-bottom:80px}
[data-design] .game-about-copy>p{max-width:55ch;color:var(--review-copy)}
[data-design] .game-about-copy>.game-about-genre{color:var(--ink)}
[data-design] .mode-grid{column-gap:40px}
[data-design] .mode-grid ol{line-height:1.8;color:var(--review-copy)}
[data-design] .weapon-grid{gap:40px 32px}
[data-design] .weapon-grid h3{margin:20px 0 10px;font-size:26px;line-height:1.2}
[data-design] .effects-teaser{margin-top:64px}

/* Sound is a toggle; the chevron opens the player. */
[data-design] .header{border-bottom:1px solid #5a456650}
[data-design] .header .site-nav a{color:#d4c8dd;min-height:44px}
[data-design] .header .site-nav a:hover{color:#a0f0eb}
[data-design] .header-controls .sound-dock>button{min-height:44px;color:#cfc4d9}
[data-design] .header-controls #sound-enable:before{
  content:'';display:block;width:20px;height:20px;flex:0 0 20px;background:#c5b5d1;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' d='m16 9 6 6m0-6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
[data-design] .header-controls #sound-enable[aria-pressed=true]:before{
  background:#a0f0eb;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 9h4l5-4v14l-5-4H3z'/%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' d='M16 8q4 4 0 8m3-12q7 8 0 16'/%3E%3C/svg%3E");
}
[data-design] .header-controls #player-settings{display:flex;align-items:center;gap:8px}
[data-design] .header-controls #player-settings:after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
[data-design] .header-controls #player-settings[aria-expanded=true]{background:#281d34;color:#a0f0eb}
[data-design] .header-controls #player-settings[aria-expanded=true]:after{transform:rotate(225deg) translate(-2px,-1px)}
[data-design] .vhs-toggle,[data-design] .vhs-toggle[aria-pressed=true]{min-height:44px;background:transparent;box-shadow:none;border:1px solid #5a4566;color:#a6ede8}
[data-design] .vhs-toggle[aria-pressed=false]{color:#b4a5c1;border-color:#41334b}
[data-design] :is(a,button,select,input,summary):focus-visible{outline:2px solid #a0f0eb;outline-offset:4px}
[data-design] .audio-panel{border-color:#6c527a;background:#170f22}
[data-design] .audio-panel :is(.player-label,#audio-status){font-size:12px;line-height:1.5}
[data-design] .header-controls .audio-panel{top:calc(100% + 8px)}

/* The film and its controls fit into one desktop viewing area. */
[data-design] .trailer-section>.section-heading,[data-design] .trailer-film{max-width:1120px;margin-left:auto;margin-right:auto}
[data-design] .trailer-section>.section-heading{gap:16px}
[data-design] .trailer-section>.section-heading .eyebrow{display:none}
[data-design] .trailer-film figcaption{margin:0;padding:14px 18px;gap:16px;background:#1a1224;border-top:1px solid var(--review-line)}
[data-design] .trailer-buffer{padding:0 18px 18px;background:#1a1224;font-family:Plex,Arial,sans-serif;font-size:14px;line-height:1.5}
[data-design] .trailer-buffer button{font-size:13px;min-height:44px;white-space:nowrap}
[data-design] .trailer-quality select{min-height:44px}
[data-design] .trailer-credit{font-size:13px}

/* Devlog uses the same text roles, with a quiet reading column. */
[data-design].journal h1{font-size:clamp(36px,4.5vw,64px);line-height:1.12;max-width:950px;text-wrap:balance}
[data-design].journal .journal-intro{padding-top:64px;padding-bottom:48px}
[data-design].journal .journal-deck{max-width:64ch;font-size:19px;line-height:1.7;color:var(--review-copy)}
[data-design].journal .journal-prose{color:#ddd3e6;max-width:72ch;line-height:1.85}
[data-design].journal .journal-toc a{font-size:14px;padding:12px 0;line-height:1.55;color:#cbbcd5}
[data-design].journal .journal-toc summary{font:12px/1.6 Mono,monospace;color:var(--review-note);margin-bottom:12px;list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:32px}
[data-design].journal .journal-toc summary:after{content:'+';font:20px Plex,sans-serif;color:#a0f0eb}
[data-design].journal .journal-toc details[open]>summary:after{content:'−'}
[data-design].journal .journal-toc summary::-webkit-details-marker{display:none}
[data-design].journal .journal-media figcaption{font-size:13px;color:var(--review-note)}
[data-design].journal .journal-meta{color:var(--review-note)}
[data-design].journal .journal-card p{color:var(--review-copy)}
[data-design].journal .read-link{font-size:13px;min-height:24px}
[data-design] footer{font:12px/1.6 Plex,Arial,sans-serif;flex-wrap:wrap;gap:16px 28px}
[data-design] footer :is(a,button){padding:8px 0;min-height:40px}
[data-design] footer .geo-credit{font-size:11px;opacity:.8}

@media(max-width:1100px){
  [data-design] .header-controls .audio-panel{top:116px}
}
@media(max-width:680px){
  [data-design] .header{padding:6px 16px 0;gap:2px 6px;grid-template-columns:28px minmax(0,1fr) 76px;min-height:100px}
  [data-design] .header .wordmark{min-width:0}
  [data-design] .header .mark{font-size:25px}
  [data-design] .header-controls{gap:5px;min-width:0}
  [data-design] .header-controls #sound-enable{width:40px;min-width:40px;justify-content:center;padding:8px;font-size:0}
  [data-design] .header-controls #player-settings{font-size:11px;padding:8px;gap:6px}
  [data-design] .vhs-toggle{font-size:10px;padding:6px;white-space:nowrap}
  [data-design] .header .language-switch{width:76px}
  [data-design] .header .language-switch a{min-width:38px;min-height:44px;font-size:12px}
  [data-design] .header .site-nav{display:grid;grid-template-columns:.8fr 1.6fr 1fr;width:100%;gap:8px;justify-self:stretch;border-top:1px solid #4e3c5d66}
  [data-design] .header .site-nav a{font-size:11px;line-height:1.35;justify-content:center;text-align:center;min-height:44px;letter-spacing:.01em}
  [data-design] .header-controls .audio-panel{top:108px;right:12px;max-width:calc(100vw - 24px)}
  [data-design] .section{padding:44px 20px 56px}
  [data-design] .section :is(.section-heading,.frames-heading){gap:18px;margin-bottom:28px}
  [data-design] .section .section-lead{font-size:16px;line-height:1.65}
  [data-design] .section .eyebrow{font-size:11px;margin-bottom:12px}
  [data-design] .game-about{gap:28px;margin-bottom:56px}
  [data-design] .weapon-grid{gap:32px}
  [data-design] .section :is(.weapon-grid,.duo) p{font-size:16px}
  [data-design] .trailer-film figcaption{gap:12px;padding:12px}
  [data-design] .trailer-film figcaption>a{margin-left:0}
  [data-design] .trailer-quality{width:100%;justify-content:space-between}
  [data-design] .trailer-buffer{padding:0 12px 14px;font-size:13px}
  [data-design] .trailer-buffer>span{max-width:35ch}
  [data-design].journal main{padding-left:20px;padding-right:20px}
  [data-design].journal .journal-intro{padding-top:64px;padding-bottom:36px}
  [data-design].journal h1{font-size:36px}
  [data-design].journal .journal-deck{font-size:17px}
  [data-design].journal .journal-toc{grid-template-columns:1fr;gap:0}
  [data-design].journal .journal-toc summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;margin:0;cursor:pointer;pointer-events:auto}
  [data-design].journal .journal-toc summary:after{content:'+';font:22px Plex,sans-serif;color:#a0f0eb}
  [data-design].journal .journal-toc details[open]>summary:after{content:'−'}
  [data-design].journal .journal-toc{padding-bottom:12px;margin-bottom:32px}
  [data-design].journal .journal-toc a{min-height:44px;border-top:1px solid #4e3c5d66}
  [data-design] footer{padding:24px 20px;gap:8px 20px}
}
@media(max-width:360px){
  [data-design] .header{padding-left:10px;padding-right:10px;grid-template-columns:24px minmax(0,1fr) 68px;column-gap:2px}
  [data-design] .header-controls{gap:2px}
  [data-design] .header-controls #player-settings{padding:6px;font-size:10px}
  [data-design] .header .language-switch{width:68px}
  [data-design] .header .language-switch a{min-width:34px}
}
@media(prefers-reduced-motion:reduce){[data-design] #player-settings:after{transition:none}}