/* title */
.title{display:grid;align-content:center;justify-items:center;gap:clamp(8px,1.6vw,16px);padding:16px;text-align:center;
  background:linear-gradient(#120a1f,#2a1446 45%,#6a1f5a 80%,#c2416b)}
.hiscore{margin:0;font-family:var(--display);font-size:clamp(8px,1.2vw,11px);color:var(--hot);text-transform:uppercase}
.hiscore b{color:var(--fg);font-weight:400}
.poster{display:grid;justify-items:center;width:100%}
#logo{width:min(100%,520px);height:auto;display:block}
.trow{width:100%;display:grid;grid-template-columns:1fr;gap:clamp(10px,2vw,22px);justify-items:center}
.panelbox{justify-self:center;display:grid;gap:10px;justify-items:center;text-align:center}
#mainMenu,#optMenu{justify-items:center}
#mainMenu .mi,#optMenu .mi{padding-right:28px}
.panelbox h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(10px,1.4vw,13px);color:var(--accent);text-transform:uppercase;text-shadow:2px 2px 0 var(--hot)}
.panelbox p{margin:0;font-size:14px;line-height:1.4;max-width:34ch}
.mlist{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px;line-height:1.35;text-align:left}
.mlist dt{font-weight:700;color:var(--accent);white-space:nowrap}
.mlist dd{margin:0}
.mlist .hd{grid-column:1/-1;font-family:var(--display);font-size:8px;font-weight:400;line-height:1.8;color:var(--p1);margin-top:6px;text-transform:uppercase}
.mi .val{color:var(--p1);margin-left:8px}
.val .vol{display:inline-flex;gap:2px;vertical-align:middle}.val .vol i{width:5px;height:10px;background:var(--line)}.val .vol i.on{background:var(--p1)}
.trow.wide .poster{max-width:380px}
.trow.wide .mlist{grid-template-columns:auto 1fr auto 1fr;column-gap:14px}
@media (max-width:700px){.trow.wide .mlist{grid-template-columns:auto 1fr}}
.press{all:unset;cursor:pointer;font-family:var(--display);font-size:clamp(11px,1.8vw,16px);color:var(--accent);text-transform:uppercase;text-shadow:2px 2px 0 var(--hot),4px 4px 0 #000;padding:8px 12px;animation:blink 1.1s steps(1) infinite}
.credit{margin:0;font-family:var(--display);font-size:clamp(8px,1.2vw,11px);line-height:1.6;color:var(--fg);text-transform:uppercase;text-shadow:2px 2px 0 #000}
.credit b{font-weight:400;color:var(--p1)}
.legal{margin:0;font-family:var(--display);font-size:clamp(6px,.9vw,8px);color:var(--muted);text-transform:uppercase}
