/* Content pages: privacy, disclaimer, how to play, FAQ, wiki */
:root{--taxi:#f7c600;--ink:#07060f;--fg:#efeae0;--muted:#a7a3b5}
*{box-sizing:border-box;margin:0}
html,body{background:var(--ink);color:var(--fg)}
body{font:400 17px/1.65 Hind,system-ui,sans-serif}
main{max-width:68ch;margin:0 auto;padding:72px clamp(16px,5vw,32px) 64px}
a{color:var(--taxi)}
:focus-visible{outline:3px solid var(--taxi);outline-offset:3px}
.home{font:400 28px/1 Bungee,sans-serif;color:var(--taxi);text-decoration:none}
.home .full{display:block;margin-top:6px;font-size:11px;color:#a7a3b5;text-shadow:none}
h1{font:400 clamp(28px,6vw,44px)/1.1 Bungee,sans-serif;margin:36px 0 8px}
.date{color:var(--muted);margin-bottom:28px}
h2{font-size:21px;font-weight:700;margin:34px 0 8px}
p,li{color:#dcd7cd}
p+p{margin-top:12px}
ul{padding-left:1.2em;margin:8px 0}
li{margin:6px 0}
.also{margin-top:40px;color:var(--muted)}

/* How to play, FAQ, wiki */
main.wide{max-width:820px}
.lead{font-size:19px;color:#e8e2d6;margin:10px 0 18px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.toc a{font:400 12px Bungee,sans-serif;letter-spacing:.06em;text-decoration:none;color:var(--ink);background:var(--taxi);padding:5px 9px;border-radius:6px}
main section{padding-top:18px}
main section h2{display:flex;align-items:center;gap:10px;font:400 clamp(22px,5.4vw,30px)/1.1 Bungee,sans-serif;color:var(--taxi);margin:28px 0 10px}
main section h2 span{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#d61c28;color:#fff;font-size:16px}
figure{margin:18px 0}
figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ffffff1a}
figcaption{margin-top:8px;font-size:16px;color:#cfc9bd}
figcaption b,main b{color:#fff}
ol{padding-left:1.4em;margin:8px 0}
.steps li,.ranks li{margin:8px 0}
.ranks{font:400 16px Bungee,sans-serif;color:var(--taxi)}
.cta{margin:18px 0}
.btn{display:inline-block;background:var(--taxi);color:#1a1405;font:400 17px Bungee,sans-serif;padding:14px 20px;border:0;border-radius:10px;
  text-decoration:none;box-shadow:0 5px 0 #6b5400;cursor:pointer}
.btn:disabled{opacity:.55;cursor:default;box-shadow:none}
code{font:15px 'Courier New',monospace;background:#1b1830;padding:2px 6px;border-radius:4px;color:#fff}
p.small{font-size:14px;color:var(--muted)}
details{border-bottom:1px solid #2c2945;padding:4px 0}
summary{cursor:pointer;list-style:none;padding:14px 32px 14px 0;position:relative;font:400 17px/1.3 Bungee,sans-serif;color:#fff}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:4px;top:12px;color:var(--taxi);font-size:22px}
details[open] summary::after{content:'–'}
details p{margin:0 0 14px}

/* wiki */
.wiki .home{font-size:20px}
.wiki .toc a[aria-current]{background:#d61c28;color:#fff}
.secs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.sec{display:flex;flex-direction:column;background:#14111f;border:1px solid #2c2945;border-radius:12px;overflow:hidden;text-decoration:none}
.sec img{width:100%;aspect-ratio:16/10;object-fit:cover;background:radial-gradient(circle at 50% 40%,#5a4030,#14111f 70%)}
.sec img[src*="/cast/"],.sec img[src*="/excl/"]{object-fit:contain;object-position:50% 20%}
.sec b{font:400 16px Bungee,sans-serif;color:var(--taxi);padding:10px 12px 0}
.sec span{color:var(--muted);font-size:14px;padding:2px 12px 12px}
.entry{display:grid;grid-template-columns:1fr;gap:0;margin:22px 0;background:#100e1a;border:1px solid #241f38;border-radius:14px;overflow:hidden;
  scroll-margin-top:70px}
.entry img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.entry.cut img,.entry.excl img{object-fit:contain;object-position:50% 12%;background:radial-gradient(ellipse at 50% 30%,#4a3426,#100e1a 70%)}
.entry.cut img{aspect-ratio:4/3}
.entry .body{padding:14px 16px 16px}
.entry h2{font:400 22px/1.1 Bungee,sans-serif;color:#fff;margin:0}
.entry .sub{font:400 12px Bungee,sans-serif;letter-spacing:.06em;color:#ff8c1a;margin-top:4px}
.entry p{margin:10px 0 0}
.entry q{display:block;margin-top:10px;font-style:italic;color:#ffe9b8;quotes:'“' '”'}
.entry dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;font-size:15px}
.entry dt{font:400 12px Bungee,sans-serif;color:var(--taxi);padding-top:3px}
.entry dd{margin:0;color:#dcd7cd}
.entry .see{font-size:14px;color:var(--muted)}
@media (min-width:760px){
  .secs{grid-template-columns:repeat(3,1fr)}
  .entry{grid-template-columns:300px 1fr}
  .entry img,.entry.cut img{aspect-ratio:auto;height:100%;min-height:220px}
}
