*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--mustard);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
a{color:inherit}
.guide-nav{max-width:1080px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}
.guide-brand{font-family:'Anton',sans-serif;font-size:30px;text-transform:uppercase;text-decoration:none}
.guide-brand span{color:transparent;-webkit-text-stroke:1.4px var(--ink)}
.guide-nav-links{display:flex;gap:18px;flex-wrap:wrap;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.guide-nav-links a{text-decoration:none;border-bottom:2px solid transparent}
.guide-nav-links a:hover{border-color:var(--pink)}
.guide-hero{max-width:1080px;margin:auto;padding:86px 24px 62px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:56px;align-items:end}
.guide-kicker{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.23em;text-transform:uppercase;color:#6f6553;display:block;margin-bottom:16px}
h1{font:400 clamp(58px,10vw,128px)/.88 'Anton',sans-serif;text-transform:uppercase;letter-spacing:-.01em}
h1 span{color:var(--pink);text-shadow:3px 3px 0 var(--ink)}
.guide-lede{font-size:19px;line-height:1.65;max-width:40ch}
.play-cta{display:inline-flex;margin-top:24px;padding:14px 22px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--mustard);font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.play-cta:hover{background:var(--pink);color:var(--ink)}
.guide-main{max-width:1080px;margin:auto;padding:0 24px 90px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.guide-card{background:rgba(255,255,255,.43);border:2px solid var(--ink);border-radius:24px;padding:28px}
.guide-card.wide{grid-column:1/-1}
h2{font:400 30px 'Anton',sans-serif;text-transform:uppercase;margin-bottom:16px}
h3{font-size:17px;margin:22px 0 8px}
p,li{font-size:16px;line-height:1.7}
ul,ol{padding-left:22px;display:grid;gap:8px}
.rule-table{width:100%;border-collapse:collapse}
.rule-table th,.rule-table td{text-align:left;padding:12px 10px;border-top:1.5px solid var(--ink);font-size:14px;line-height:1.5;vertical-align:top}
.rule-table th{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:10px;letter-spacing:.09em;width:32%}
.guide-faq details{border-top:1.5px solid var(--ink);padding:15px 0}
.guide-faq details:last-child{border-bottom:1.5px solid var(--ink)}
.guide-faq summary{font-weight:700;cursor:pointer}
.guide-faq details p{padding-top:10px;max-width:68ch}
.guide-footer{border-top:2px solid var(--ink);padding:22px 24px;text-align:center;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.guide-footer a{margin:0 8px}
@media(max-width:760px){
  .guide-nav{align-items:flex-start;gap:20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.guide-nav-links{justify-content:flex-end;gap:10px}
  .guide-hero{grid-template-columns:1fr;padding-top:52px;gap:26px}.guide-main{grid-template-columns:1fr}.guide-card.wide{grid-column:auto}
  h1{font-size:clamp(54px,20vw,88px)}.guide-lede{font-size:17px}.guide-card{padding:22px}
  .guide-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:520px){
  .guide-nav{flex-direction:column;align-items:stretch;gap:12px}
  .guide-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
  .guide-nav-links a{display:flex;align-items:center;min-height:44px}
  .guide-hero{padding:44px max(18px,env(safe-area-inset-right)) 46px max(18px,env(safe-area-inset-left))}
  .guide-hero>*{min-width:0}
  h1{font-size:clamp(48px,18vw,82px)}
  .guide-main{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:64px}
  .guide-card{padding:20px 18px;border-radius:20px}
  .rule-table{table-layout:fixed}
  .rule-table th{width:36%}
}