:root{color-scheme:light;--ink:#172721;--paper:#f4f1e7;--cream:#fbf8ee;--line:#c9c9b5;--accent:#d3ef64;--green:#20392f;--muted:#53635b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #627e18;outline-offset:4px}[hidden]{display:none!important}main{width:min(100% - 48px,980px);margin:auto}.bar{height:66px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand,.edition,.eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em}.brand i{display:inline-block;width:10px;height:10px;background:#789634;border-radius:50%;margin-right:8px}.submark,.edition{color:var(--muted)}.hero{padding:54px 0 32px;position:relative;overflow:hidden}.hero h1,h2,h3{font-family:"Songti SC","Noto Serif SC","STSong","SimSun",serif;line-height:1.17;margin:12px 0 16px;letter-spacing:-.04em}.hero h1{font-size:clamp(37px,7vw,77px);position:relative;z-index:1}.hero strong{font-weight:inherit;background:linear-gradient(transparent 63%,var(--accent) 63%)}.hero p{max-width:520px;color:var(--muted);position:relative;z-index:1;margin-bottom:0}.graphic{position:absolute;width:230px;height:220px;right:8px;top:32px;transform:rotate(-16deg);display:grid;place-items:center}.graphic span{width:115px;height:115px;border:1px solid #8d9f62;position:absolute;transform:rotate(45deg)}.graphic span:nth-child(2){width:155px;height:155px}.graphic span:nth-child(3){width:195px;height:195px}.graphic span:nth-child(4){width:215px;height:215px;border-style:dashed;opacity:.45}.graphic b{display:grid;place-items:center;border-radius:50%;background:var(--accent);width:57px;height:57px;font-size:34px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{min-height:143px;text-align:left;display:grid;gap:8px;padding:15px 16px;background:var(--cream);border:1px solid var(--line);border-radius:3px}.choice:hover{background:var(--accent);border-color:#769330}.choice .no{font-size:12px;font-weight:750;color:var(--muted)}.choice b{font-size:18px}.choice small{font-size:13px;color:var(--muted)}.friend{padding:12px 16px;margin:0 0 16px;background:#e7ebd6;border-left:3px solid #779735}.reveal{background:var(--green);color:var(--cream);margin:22px 0 0;padding:clamp(22px,5vw,48px);position:relative;overflow:hidden;animation:rise .36s ease-out}.reveal .eyebrow{color:var(--accent)}.reveal h2{font-size:clamp(32px,7vw,62px);margin-top:20px;position:relative}.reveal p{color:#e3e8db;position:relative}.stamp{position:absolute;top:14px;right:22px;font:bold clamp(72px,15vw,142px)/1 Georgia,serif;color:#d3ef6420;pointer-events:none}.starters{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 24px}.starters span{border:1px solid #a4b193;padding:5px 10px;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button,.course button{background:var(--accent);color:var(--ink);border:1px solid transparent;border-radius:3px;padding:9px 13px;font-weight:700}.actions .ghost{background:transparent;color:var(--cream);border-color:#a4b193}.text-button,.actions .text-button{background:transparent;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:9px 4px}.status{font-size:13px;margin-top:8px}.status:empty{display:none}.status input{width:100%;font:inherit;padding:8px}.team{margin:34px 0}.section-head h3,.course h3{font-size:clamp(28px,4.5vw,40px);margin-bottom:7px}.section-head p{margin:0 0 13px;color:var(--muted)}.industries{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.industries button{border:1px solid var(--line);padding:5px 10px;border-radius:2px;background:transparent;font-size:13px}.industries button[aria-pressed=true]{background:var(--accent);border-color:#81984c;font-weight:700}.groups{display:grid;grid-template-columns:1.75fr 1fr 1fr;gap:18px}.group{border-top:2px solid var(--green);min-width:0}.group h4{margin:9px 0 0;font-size:18px}.group p{font-size:12px;color:var(--muted);margin:0 0 6px}.roles{display:grid;grid-template-columns:1fr;gap:4px}.group:first-child .roles{grid-template-columns:1fr 1fr}.role{border:1px solid var(--line);background:var(--cream);text-align:left;min-height:42px;padding:7px;display:flex;align-items:center;gap:6px;font-size:13px}.role:hover{border-color:#789634}.role.priority{background:#e6efc1}.role i{display:block;flex:none;width:20px;height:20px;border-radius:50%;background:#dae4c6 center/cover}.role i.face{background-image:var(--sheet);background-size:400% 200%;background-position:var(--x) var(--y)}.role .arrow{margin-left:auto;font-size:12px}.course{border-top:1px solid var(--line);padding:24px 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.course-content p{margin:0 0 12px}.course button{border:1px solid #84994c}footer{border-top:1px solid var(--line);margin-top:28px;padding:12px 0 24px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;font-size:12px}footer a{color:inherit}dialog{width:min(100% - 36px,480px);max-height:85dvh;border:1px solid var(--line);border-top:6px solid #789634;padding:22px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#172721a1}.close{position:absolute;top:9px;right:12px;border:0;background:transparent;font-size:27px;line-height:1}dialog h3{font-size:30px}dialog p{margin:8px 0}dialog img{display:block;width:min(100%,218px);height:auto;margin:12px auto}@keyframes rise{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:620px){main{width:calc(100% - 32px)}.bar{height:54px}.hero{padding:35px 0 23px}.hero p{font-size:14px}.graphic{opacity:.36;right:-63px;top:14px;transform:scale(.7) rotate(-16deg)}.choices{grid-template-columns:1fr;gap:7px}.choice{min-height:71px;padding:8px 11px;grid-template-columns:29px 1fr;gap:0 7px;align-content:center}.choice b{font-size:16px}.choice small{grid-column:2}.choice .no{grid-row:1/3;align-self:center}.groups{grid-template-columns:1fr 1fr;gap:12px}.group:first-child{grid-column:span 2}.course{grid-template-columns:1fr;gap:8px}.reveal{margin-top:12px}.actions button{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
dialog .handoff{padding:9px 10px;background:#e9eddc;border-left:2px solid #789634}
dialog img.poster-preview{width:100%;max-height:66dvh;object-fit:contain}

/* Strategy-board presentation */
:root{--paper:#eeeadf;--cream:#f8f4e6;--green:#142a21;--accent:#dcf477;--ink:#192d23}
main{width:min(100% - 40px,1060px)}
body{background:radial-gradient(ellipse at 15% 0%,#fffaf0 0,transparent 48%),var(--paper)}
.bar{height:60px;border-color:#aeb09c}
.hero{margin-top:20px;padding:clamp(30px,5vw,60px) clamp(19px,5vw,54px);min-height:340px;background:repeating-linear-gradient(115deg,transparent 0 34px,#abbc9a0c 35px 36px),#142a21;color:#faf4df;border:1px solid #486353;isolation:isolate}
.hero .eyebrow{color:#daef8c}.hero h1{font-size:clamp(34px,5.2vw,63px);line-height:1.14;max-width:750px;text-shadow:0 2px 5px #142a21}
.hero strong{color:#dcf477;background:none}.hero p{color:#d4dfc4;max-width:385px}
.graphic{position:absolute;inset:auto -22px -30px auto;width:46%;height:auto;transform:none;display:block;opacity:.96;pointer-events:none}
.graphic svg{display:block;width:100%;height:auto}
.choices{margin-top:10px}.choice{position:relative;min-height:130px;border-radius:0;border-top:4px solid #647d65;box-shadow:0 4px 0 #bbc1a5}
.choice:nth-child(2){border-top-color:#b68743}.choice:nth-child(3){border-top-color:#6d8698}
.choice .no{color:#415c47;font-size:11px;letter-spacing:.14em}.choice:hover{transform:translateY(-2px);transition:transform .15s ease}
.friend{margin:10px 0 0;border-left-color:#8aa33b}
.reveal{background:repeating-linear-gradient(135deg,transparent 0 39px,#8ba99015 40px 41px),#142a21;border:1px solid #5b7864}
.reveal .stamp{color:#d3ef6420}.draft-label{margin:16px 0 5px;font-size:13px;font-weight:750;color:#dcf477}.draft-label span{font-weight:400;color:#c3d5b4;margin-left:8px}
.starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
.draft{position:relative;min-width:0;min-height:117px;padding:10px;text-align:left;color:#e7edda;background:#264538;border:1px solid #709079;display:flex;flex-direction:column;justify-content:space-between;gap:5px;animation:draw .35s both}
.draft:nth-child(2){animation-delay:.05s}.draft:nth-child(3){animation-delay:.10s}
.draft[aria-pressed=true]{color:#162b21;background:#dcf477;border-color:#e5fa9f;box-shadow:0 4px 0 #789634}
.draft span{font-size:10px;letter-spacing:.08em;border:0;padding:0;color:inherit}.draft b{font-size:15px;line-height:1.28;overflow-wrap:anywhere}
.draft .crest{font:20px/1.1 Georgia,serif}.reveal .mission{font-size:13px;margin:11px 0 16px;color:#e0e9cf}
@keyframes draw{from{opacity:0;transform:translateY(13px) rotateX(20deg)}to{opacity:1;transform:none}}
@media(max-width:620px){main{width:calc(100% - 28px)}.bar{height:46px}.hero{padding:22px 16px 0;min-height:0;margin-top:11px}.hero h1{font-size:clamp(28px,8.6vw,46px);margin:8px 0}.hero p{font-size:13px;max-width:300px}.graphic{position:relative;inset:auto;transform:none;opacity:1;width:min(100%,320px);margin:-2px auto -18px}.choices{gap:6px;margin-top:10px}.choice{min-height:59px;border-top-width:1px;border-left:4px solid #647d65;box-shadow:none;padding:6px 8px}.choice:nth-child(2){border-left-color:#b68743}.choice:nth-child(3){border-left-color:#6d8698}.choice small{font-size:11.5px}.choice b{font-size:15px}.reveal{padding:15px}.reveal h2{margin-top:11px;font-size:clamp(25px,7vw,39px)}.reveal>p{font-size:13px}.draft{min-height:94px;padding:6px}.draft b{font-size:12px}.draft-label{margin-top:10px}.actions{gap:5px}.actions button{padding:8px 9px}.reveal .mission{margin:9px 0 12px}}
.draft .portrait{width:30px;height:30px;display:block;border:1px solid #b7ca9d;flex:none;border-radius:50%}.draft .face{background-image:var(--sheet);background-size:400% 200%;background-position:var(--x) var(--y)}.draft[aria-pressed=true] .portrait{border-color:#4d6c44}@media(max-width:620px){.draft .portrait{width:23px;height:23px}}
