:root{color-scheme:dark;--ink:#f3eddc;--muted:#b7c6b7;--gold:#ecc789;--bg:#11251f;--panel:#1b342c;--line:#45604d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#354d38,transparent 65%),var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:32px 24px}header{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--gold)}h1{font:clamp(36px,5.5vw,66px)/1.05 Georgia,serif;letter-spacing:-2px;margin:18px 0}h1 span{display:block;font:italic 19px/1.5 Georgia,serif;letter-spacing:0;color:var(--gold);margin-top:18px}.scene{width:100%;height:215px;object-fit:cover;border-radius:100px 100px 18px 18px;box-shadow:0 15px 40px #0005}h2{font:25px/1.2 Georgia,serif;margin:0 0 16px}.intro{max-width:950px}.intro p{margin-top:0}details{margin:14px 0 24px;border:1px solid var(--line);border-radius:12px;padding:12px 18px}summary{cursor:pointer;color:var(--gold)}details p{margin:14px 0!important}.toolbar{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:24px 0}.toolbar label{min-width:250px}#record{font-size:12px;color:var(--gold);padding:10px 0}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.person{display:flex;align-items:center;gap:16px;background:#203b30;border:1px solid #4a624d;border-radius:16px;overflow:hidden;padding-right:10px;min-height:106px}.person img{width:96px;height:106px;object-fit:cover}.person h2{margin:0 0 5px;font-size:24px}.person .reply{color:var(--gold);font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.panel{background:linear-gradient(140deg,#243f33,#1a322b);border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:22px;box-shadow:0 10px 24px #0002}.heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.pill{border:1px solid #8c7954;color:var(--gold);border-radius:20px;font-size:12px;white-space:nowrap;padding:4px 10px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}select,button{font:inherit;border:1px solid #71816b;border-radius:9px;background:#142b24;color:var(--ink);padding:11px 12px;min-height:44px;max-width:100%}select{font-size:14px;width:100%}button{cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}button:hover{background:#365241}button:disabled{opacity:.45;cursor:default}.primary{background:var(--gold);color:#263423;border-color:var(--gold)}.primary:hover{background:#f8dba7;color:#142b24}:focus-visible{outline:3px solid #f2c879;outline-offset:3px}.row{display:grid;grid-template-columns:.65fr 1.35fr;gap:12px}.statement{display:grid;grid-template-columns:1fr .75fr 1.3fr;gap:10px;align-items:end;margin:16px 0;background:#11271e88;padding:12px;border-radius:12px}.statement[hidden]{display:none}.join{max-width:280px}.preview{font:italic 18px/1.6 Georgia,serif;color:#f2d7ab;border-left:2px solid var(--gold);padding:10px 0 10px 18px;margin:22px 0;min-height:95px}.actions{display:flex;gap:10px;flex-wrap:wrap}.fine,.muted{font-size:13px;color:var(--muted)}.subhead{margin-top:28px;font-size:23px}ol{padding-left:24px}li{font-size:14px;margin:16px 0}li strong{display:block;color:var(--gold);font-size:17px}#guesses{display:grid;gap:12px;margin:18px 0}#guesses label{display:grid;grid-template-columns:65px 1fr;align-items:center}#result{padding-top:16px}#result h3{font:26px Georgia,serif;color:var(--gold);margin:5px 0 12px}.notebook p{font-size:13px}.assignment{font-size:12px;padding:8px 0;border-bottom:1px solid #45604d}.assignment button{width:100%;text-align:left;font-size:12px}footer{font-size:12px;color:var(--muted);text-align:center;margin:36px 0 16px}a{color:var(--gold)}@media(max-width:700px){main{padding:20px 15px}header{grid-template-columns:1fr;gap:10px}.scene{height:170px;border-radius:80px 80px 15px 15px}h1{font-size:45px}.layout{grid-template-columns:1fr}.panel{padding:18px}.people{gap:7px}.person{display:block;padding:0 0 12px;text-align:center}.person img{width:100%;height:110px}.person h2{font-size:20px}.person .reply{font-size:11px}.row{grid-template-columns:1fr}.statement{grid-template-columns:1fr 1fr}.statement label:last-child{grid-column:1/-1}.heading{align-items:center}.heading h2{font-size:23px}.toolbar{align-items:stretch}.toolbar label{flex:1}#record{display:block;width:100%}.preview{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}