:root{color-scheme:light;--ink:#153c36;--muted:#61766f;--line:#dce5df;--accent:#14644f;--paper:#f6f8f3;--held:#975c2c}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1.0rem/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input,summary{cursor:pointer}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #dcad46;outline-offset:3px}
.topbar{height:82px;max-width:1400px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:1.1875rem;font-weight:750;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:34px;height:38px;background:var(--accent);color:#fff;border-radius:8px 8px 15px 15px;font-size:1.375rem}.subbrand{font-weight:400;color:var(--muted);font-size:1.0rem;letter-spacing:0}.local{display:flex;gap:7px;align-items:center;font-size:1.0rem;border:1px solid var(--line);border-radius:30px;padding:5px 12px}.local>span{width:6px;height:6px;background:#41946c;border-radius:50%}
main{max-width:1312px;margin:0 auto;padding:44px}.intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:12px 0 36px}.eyebrow{font-size:1.0rem;font-weight:750;letter-spacing:1.7px;margin:0 0 12px;color:var(--accent)}
h1{font-size:clamp(2.25rem,4.6vw,3.875rem);font-weight:550;line-height:1.1;letter-spacing:-2.8px;margin:0 0 18px}.lede{max-width:540px;color:var(--muted);font-size:1.0rem;margin:0}.scope{border-left:1px solid var(--line);padding-left:26px;min-width:270px}.game-tag{font-size:1.0rem;letter-spacing:1px;font-weight:700}.scope p{font-size:1.0625rem;line-height:1.5;margin:12px 0 7px}.scope small{font-size:1.0rem;color:var(--muted)}
.summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:32px}.summary>div{padding:21px 24px;display:flex;gap:14px;align-items:center}.summary>div:first-child{padding-left:0}.summary>div+div{border-left:1px solid var(--line)}.summary strong{font-size:1.75rem;font-weight:550}.summary span{font-size:1.0rem;color:var(--muted)}
.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px;align-items:start}.progress-panel,.preview-panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-head .eyebrow{margin-bottom:6px}h2{font-size:1.0625rem;letter-spacing:-.4px;line-height:1.4;margin:0;font-weight:650}.pill{white-space:nowrap;font-size:1.0rem;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:4px 9px}.helper{color:var(--muted);font-size:1.0rem;margin:14px 0}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}
button{border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#fff;color:var(--ink);font-size:1.0rem}button:hover{background:#f0f5ee;border-color:#91b2a5}.checkpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.checkpoint{padding:10px 7px;display:flex;align-items:center;gap:7px;font-size:1.0rem;border:1px solid var(--line);border-radius:7px;background:#fafcf9}.checkpoint:has(input:checked){background:#e6f3eb;border-color:#80b09a}input{accent-color:var(--accent);margin:0;width:14px;height:14px}.storage{font-size:1.0rem;color:var(--muted);margin:16px 0 0}
.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:21px 0 0;padding-bottom:10px}.tabs button{font-size:1.0rem;padding:7px 13px;border-color:transparent;background:transparent}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.surface-note{font-size:1.0rem;color:var(--muted);margin:12px 0 17px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-header{display:flex;justify-content:space-between;gap:8px;padding:12px 14px;font-size:1.0rem;border-bottom:1px solid var(--line)}.card-label{font-weight:650}.state{color:var(--muted)}.card-body{min-height:90px;padding:16px 14px;display:flex;flex-direction:column;justify-content:center}.card-body p{margin:0;font-size:1.0rem}.card-body small{margin-top:8px;font-size:1.0rem;color:var(--muted)}.card.locked .card-body{background:repeating-linear-gradient(-45deg,#f4f6f1,#f4f6f1 7px,#f0f3ee 7px,#f0f3ee 8px)}.card.locked .state{color:var(--held)}.card.available{border-color:#92b5a3}.card.available .state{color:var(--accent)}.card.available .card-body{background:#f0f8f2}.shield-symbol{width:23px;height:23px;border-radius:5px 5px 12px 12px;background:#d8e4dc;display:inline-grid;place-items:center;margin-right:5px;vertical-align:middle;color:var(--ink);font-size:1.0rem}.video-art{height:90px;background:linear-gradient(120deg,#a6b5a2,#d2dacb);display:grid;place-items:center;font-size:1.625rem;color:#fff;letter-spacing:8px}.locked .video-art{filter:blur(5px);user-select:none}.reddit-card .card-header{border-left:3px solid #c48249}.search-card{grid-column:1/-1}.wiki-card .card-label{letter-spacing:.4px}
.ask-panel{background:#f5f8f1;border:1px solid var(--line);border-radius:10px;padding:22px}.ask-panel h3{font-size:1.375rem;margin:0 0 8px;font-weight:550}.ask-panel>p:not(.eyebrow){color:var(--muted);font-size:1.0rem}.ask-panel button{background:var(--accent);color:#fff;border-color:var(--accent);font-size:1.0rem;padding:10px 15px}#answer{margin-top:18px;font-size:1.0rem}#answer:empty{margin:0}#answer ul{padding-left:18px}#answer li{margin:6px 0}.catalog{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.catalog summary{font-size:1.0rem;color:var(--muted)}.rule-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;border-bottom:1px solid var(--line);font-size:1.0rem;padding:9px 0}.rule-row span:nth-child(2){color:var(--muted)}
.notice{font-size:1.0rem;color:var(--muted);margin:22px 0}.notice.error{color:#912f22}footer{border-top:1px solid var(--line);padding-top:18px;font-size:1.0rem;color:var(--muted)}footer p{max-width:800px;margin:0 0 6px}
[hidden]{display:none!important}
@media(max-width:950px){main{padding:28px}.topbar{padding:0 28px}.workspace{grid-template-columns:260px minmax(0,1fr)}.cards{grid-template-columns:1fr}.scope{min-width:230px}.summary>div{padding:14px}}
@media(max-width:720px){.topbar{height:68px;padding:0 20px}.subbrand{font-size:1.0rem}.brand{font-size:1.0625rem}.intro{align-items:flex-start;flex-direction:column;gap:24px;margin-top:4px}main{padding:24px 20px}.scope{border-left:0;padding-left:0}.summary{grid-template-columns:1fr}.summary>div,.summary>div:first-child{padding:9px 0}.summary>div+div{border-left:0;border-top:1px solid var(--line)}.summary strong{font-size:1.375rem;min-width:30px}.workspace{grid-template-columns:1fr}.checkpoints{grid-template-columns:repeat(7,1fr)}.checkpoint{justify-content:center;flex-direction:column;font-size:1.0rem;padding:8px 3px}.tabs{gap:1px;flex-wrap:wrap}.tabs button{padding:7px 10px}.panel-head .pill{font-size:1.0rem}.progress-panel,.preview-panel{padding:19px}h1{letter-spacing:-1.7px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s}.card{transition:border-color .15s}}


button{min-height:44px;font-size:1.0rem}summary{cursor:pointer;min-height:44px;padding-block:10px}.helper,.surface-note,.storage,.notice,footer,.card-header,.card-body small,.tabs button,.checkpoint{font-size:1.0rem}.brand,.scope,.workspace>*{min-width:0}.topbar{gap:12px}.local{font-size:1.0rem;flex-shrink:0}.presets button:first-child{background:var(--accent);color:white}.presets button{width:100%;text-align:left}.checkpoints{margin-top:12px}.checkpoint input{width:18px;height:18px}.intro .scope{max-width:380px}.scope small{font-size:1.0rem}.summary span{font-size:1.0rem}.summary>div{min-width:0}button:disabled{opacity:.6;cursor:wait}@media(max-width:420px){.subbrand{display:none}.topbar{padding-inline:18px}.local{font-size:1.0rem}.checkpoints{grid-template-columns:repeat(4,1fr)}h1{font-size:2.25rem}.progress-panel,.preview-panel{padding:16px}}