:root{--cream:#f3ebdc;--paper:#fcf6eb;--ink:#352c25;--muted:#7b7164;--teal:#256f6a;--gold:#b96b24;--line:#d9cdb8;--brown:#392d24;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c67828;outline-offset:4px}button:disabled{cursor:default;opacity:.4}button{border:1px solid var(--line);border-radius:9px;background:transparent;padding:10px 13px}button:hover:not(:disabled){background:#e5dac6}button:active:not(:disabled){transform:translateY(1px)}header{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 34px;border-bottom:1px solid var(--line)}.wordmark{font:bold 30px Georgia,serif;letter-spacing:-1px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px}.brand-icon{font-size:40px;color:var(--teal)}.wordmark-sub{font:9px Arial,sans-serif;letter-spacing:2px;max-width:70px;line-height:1.7;margin-left:14px;border-left:1px solid var(--line);padding-left:17px}.top-actions{display:flex;gap:8px}.top-actions button{font-size:12px;border:0}main{max-width:1152px;margin:auto;padding:0 24px}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 34px;gap:30px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.4px;margin:0 0 12px;color:var(--teal)}h1{font:54px/.98 Georgia,serif;letter-spacing:-2px;margin:0}h1 em{font-weight:normal;color:var(--teal)}.intro-copy{font:19px/1.55 Georgia,serif;margin:0 20px 0 0}.intro-copy span{display:block;font:11px Arial,sans-serif;color:var(--muted);margin-top:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:22px}.studio{background:var(--brown);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #34241916;position:relative;align-self:start}.studio-top{color:#e7d9bd;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.8px;padding:22px 25px 4px}.small-chip{font-size:8px;color:#b8a68a;letter-spacing:1px}#board-wrap{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.porcelain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#board{position:absolute;inset:0;width:100%;height:100%}.board-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;color:#dac9aa;font-size:8px;letter-spacing:1.2px;padding:0 25px 24px}.board-caption span{display:flex;align-items:center;gap:7px}.legend{display:inline-block;width:9px;height:9px}.legend.amber{background:#d58b38;border-radius:50%}.legend.teal{background:#56a99d;transform:rotate(45deg)}.panel{border:1px solid var(--line);border-radius:18px;padding:26px;background:#faf3e7}.panel h2{font:29px/1.12 Georgia,serif;margin:0 0 10px;letter-spacing:-.6px}#story{font-size:12px;line-height:1.7;margin:0;color:var(--muted);min-height:41px}.progress-row{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:15px 0;gap:40px}.progress-row strong{font:25px Georgia,serif;display:block}.progress-row span{font-size:9px;color:var(--muted);display:block;margin-top:4px}.progress-row b{font-weight:normal}.turn-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.turn{font-size:30px;padding:6px}.turn span{display:block;font-size:11px;margin-bottom:5px}kbd{font:9px Arial,sans-serif;opacity:.65;margin-left:4px}.control-label{font-size:9px;letter-spacing:1px;font-weight:bold;margin:20px 0 9px}.control-label span{display:block;font-size:8px;letter-spacing:.3px;font-weight:normal;color:var(--muted);margin-top:4px}.sector-buttons{display:flex;gap:6px;margin-bottom:10px}.sector-buttons button{flex:1;padding:9px 0;font-size:12px}.sector-buttons button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.primary{background:var(--teal);color:#fff7e8;border-color:var(--teal);font-weight:bold}.primary:hover:not(:disabled){background:#195753}.dry{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px}.secondary-controls{display:flex;gap:6px;margin-top:10px}.secondary-controls button{flex:1;font-size:10px;padding:10px 4px}#status{min-height:58px;font-size:11px;line-height:1.65;padding:14px 0 0;color:var(--teal)}#status.error{color:#ae4529}#success{background:#e3e9d8;padding:18px;border-radius:10px;margin:12px 0}#success h3{font:23px Georgia,serif;margin:5px 0}#success p:not(.eyebrow){font-size:12px;line-height:1.5}#success .primary{width:100%}.target-list{border-top:1px solid var(--line);margin-top:12px;padding-top:16px}.target-list h3{font:17px Georgia,serif;margin:0 0 10px}#recipe{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.recipe-item{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.recipe-item strong{color:var(--ink);font-size:10px}.recipe-item .dots{display:flex;gap:2px;align-items:center}.mini{display:inline-block;width:8px;height:8px}.mini.a{background:var(--gold);border-radius:50%}.mini.t{background:var(--teal);transform:rotate(45deg);margin:0 1px}.collection{margin:40px 0 35px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{font:27px Georgia,serif;margin:0}.section-title>span{font-size:10px;color:var(--muted)}.studies{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:22px}.study{border:1px solid var(--line);text-align:left;border-radius:11px;padding:15px 10px;min-height:105px}.study.active{border:1px solid var(--teal);background:#e4e8da}.study .num{font:23px Georgia,serif;color:var(--teal);display:block;margin-bottom:10px}.study .name{font:11px/1.4 Georgia,serif;display:block}.study .medal{font-size:8px;display:block;color:var(--gold);margin-top:6px}.instructions{background:var(--paper);padding:20px 25px;border:1px solid var(--line);border-radius:13px;margin:0 0 22px;font-size:13px;line-height:1.8}.instructions h2{font:25px Georgia,serif;margin:0}.instructions ol{padding-left:20px}.instructions p{font-size:12px}.science{color:var(--muted)}footer{border-top:1px solid var(--line);padding:20px 0 35px;font-size:10px;line-height:1.6;color:var(--muted)}footer summary{cursor:pointer}footer a{color:var(--teal)}footer details{margin-top:9px}footer details p{max-width:750px}[hidden]{display:none!important}.board-sector{cursor:pointer;transition:fill .2s}.board-sector:hover{fill:#b46a1c12}.bead{pointer-events:none}.ring-guide{fill:none;stroke:#776847;stroke-opacity:.2;stroke-width:1;stroke-dasharray:2 6}.sector-line{stroke:#776847;stroke-opacity:.14;stroke-width:1}.sector-number{font:12px Arial,sans-serif;pointer-events:none;fill:#73604b}.goal-ghost{stroke-dasharray:3 3;fill:#fff9ecb3;stroke-width:2}.bead-image{filter:drop-shadow(0 2px 2px #1d2b242b)}.board-center{font:10px Arial,sans-serif;letter-spacing:2px;fill:#a28e6b;pointer-events:none}.rim-label{font:8px Arial,sans-serif;letter-spacing:1.7px;fill:#9a886a}
@media(min-width:1300px){.intro{padding-top:45px}.workspace{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:820px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.panel{padding:20px}.intro h1{font-size:46px}.intro-copy{font-size:16px}.studies{grid-template-columns:repeat(4,1fr)}.studio-top{padding:17px 18px 0;font-size:9px}.small-chip{display:none}.board-caption{padding:0 16px 16px;font-size:7px}}@media(max-width:640px){header{padding:14px 18px}.wordmark{font-size:25px}.wordmark-sub{display:none}.brand-icon{font-size:30px}.top-actions button{font-size:10px;padding:7px}.intro{padding:26px 0 23px;display:block}.intro h1{font-size:44px}.intro-copy{font-size:15px;line-height:1.4;margin-top:17px}.intro-copy br{display:none}.intro-copy span{font-size:10px;margin-top:8px}.workspace{grid-template-columns:1fr;gap:14px}main{padding:0 15px}.studio{max-width:560px}.panel{padding:22px}.panel-top #story{min-height:0}.progress-row{margin:15px 0}.turn-controls{gap:10px}.turn{padding:4px}.turn span{display:inline;margin-left:8px}.control-label{margin-top:16px}.sector-buttons button{padding:11px 0}.board-caption{font-size:7px;letter-spacing:.4px}.board-caption span:last-child{margin-left:auto}.collection{margin-top:30px}.section-title h2{font-size:23px}.studies{gap:7px}.study{min-height:95px;padding:12px 8px}.section-title>span{max-width:70px;text-align:right}.instructions{padding:18px}.progress-row{gap:55px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}