.oc-page{color:var(--ash);background:#e7e4d8}.oc-hero{background:var(--pine);color:var(--mist);padding:74px clamp(22px,8vw,130px) 66px}.oc-hero h1{max-width:760px;font:600 clamp(55px,7vw,100px)/.85 var(--serif);letter-spacing:-.06em;margin:0}.oc-hero h1 em{color:var(--fern)}.oc-hero>p:last-child{color:#c7d7cd;margin:22px 0 0;font-size:17px}.oc-update-choice{flex-wrap:wrap;gap:12px;max-width:1140px;margin:26px auto -18px;padding:0 clamp(22px,6vw,90px);display:flex}.oc-update-choice div{border-left:3px solid var(--moss);background:#dce7d6;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.oc-update-choice p{margin:0}.oc-update-choice button{color:var(--ash);font:500 11px var(--mono);cursor:pointer;background:0 0;border:1px solid #53655b;padding:7px 9px}.oc-update-choice button:first-of-type{background:var(--moss);color:var(--mist)}.oc-workspace{grid-template-columns:minmax(255px,.62fr) minmax(0,1.38fr);gap:40px;max-width:1320px;margin:0 auto;padding:42px clamp(22px,6vw,90px) 86px;display:grid}.oc-summary{background:#f6f2e6;border:1px solid #9da79a;align-self:start;padding:27px;position:sticky;top:22px;overflow:hidden;box-shadow:8px 9px #24344721}.record-art{background:linear-gradient(#10292336,#10292336),url(/images/oc-record-moonlit-cat.webp) 50% 61%/cover;height:175px;margin:-27px -27px 26px}.oc-summary h2{font:600 clamp(43px,4.2vw,63px)/.84 var(--serif);letter-spacing:-.055em;overflow-wrap:anywhere;margin:0}.summary-meta,.summary-look{font-size:13px;line-height:1.5}.summary-meta{color:var(--moss);margin:13px 0 3px;font-weight:700}.summary-look{color:#65736b;margin:0}.oc-summary dl{border-top:1px solid #aeb5ab;margin:26px 0 18px}.oc-summary dl div{border-bottom:1px solid #aeb5ab;padding:11px 0}.oc-summary dt{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--moss)}.oc-summary dd{font:500 18px/1.12 var(--serif);margin:5px 0 0}.record-note{border-left:3px solid var(--amber);font:italic 18px/1.18 var(--serif);color:#40574b;background:#e5e9dc;margin:0;padding:13px 14px 13px 18px}.summary-actions,.editor-actions{flex-wrap:wrap;gap:9px;display:flex}.summary-actions{margin-top:22px}.summary-actions button,.editor-actions button{color:var(--ash);font:500 11px var(--mono);cursor:pointer;background:0 0;border:1px solid #5b6c62;padding:10px 12px}.summary-actions button:first-child,.primary-action{background:var(--pine)!important;color:var(--mist)!important;border-color:var(--pine)!important}.oc-editor form{border-top:1px solid #9da79a}.oc-step{border-bottom:1px solid #9da79a}.oc-step-heading{width:100%;color:var(--ash);text-align:left;cursor:pointer;font:600 28px var(--serif);background:0 0;border:0;justify-content:space-between;align-items:baseline;padding:20px 0;display:flex}.oc-step-heading:disabled{opacity:.45;cursor:not-allowed}.oc-step-heading b{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--moss)}.step-content{padding:4px 0 25px;display:none}.oc-step.open .step-content{gap:19px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.oc-editor label{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#53655b;gap:7px;display:grid}.oc-editor label span,.oc-editor legend span{text-transform:none;letter-spacing:0;color:#78837b;font-weight:400}.oc-editor input,.oc-editor select,.oc-editor textarea{width:100%;color:var(--ash);font:400 15px var(--sans);letter-spacing:0;text-transform:none;background:#f6f2e6;border:1px solid #9ca79c;padding:11px 12px}.oc-editor textarea{resize:vertical;min-height:82px}.oc-editor fieldset{border:0;margin:0;padding:0}.oc-editor legend{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#53655b;margin-bottom:9px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row button{color:#3e5147;font:500 12px var(--sans);cursor:pointer;background:#f6f2e6;border:1px solid #a3ada3;padding:8px 11px}.choice-row button.chosen{border-color:var(--moss);background:var(--moss);color:var(--mist)}.step-links{flex-wrap:wrap;gap:18px;display:flex}.step-links button,.step-links a{color:var(--moss);font:600 13px var(--sans);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.editor-actions{margin:28px 0 0}.primary-action span{color:var(--amber);margin-left:13px}.oc-notice{border-left:3px solid var(--moss);background:#dde6d8;margin:18px 0 0;padding:11px 13px;font-size:14px}.character-card{color:var(--mist);background:#163b30;margin-top:48px;padding:28px;box-shadow:9px 10px #2434471f}.character-card pre{white-space:pre-wrap;font:500 17px/1.6 var(--serif);margin:0}.oc-guide{background:#d8d5c8;padding:78px clamp(22px,8vw,130px)}.oc-guide h2{max-width:700px;font:600 clamp(47px,5vw,72px)/.9 var(--serif);letter-spacing:-.05em;margin:0}.oc-guide ol{max-width:840px;margin:34px 0 0;padding:0;list-style-position:inside}.oc-guide li{border-top:1px solid #99a197;padding:17px 0;font-size:16px;line-height:1.55}.oc-guide li:last-child{border-bottom:1px solid #99a197}.oc-guide b{font:600 22px var(--serif)}.oc-faq{background:var(--mist)}.oc-footer{background:var(--pine)}.oc-mobile-actions{display:none}.oc-page button:focus-visible,.oc-page a:focus-visible,.oc-page input:focus-visible,.oc-page select:focus-visible,.oc-page textarea:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media (max-width:760px){.oc-hero{padding:56px 22px 49px}.oc-update-choice{margin:17px 0 -8px;padding:0 22px}.oc-update-choice div{align-items:flex-start}.oc-workspace{flex-direction:column;gap:30px;padding:30px 22px 88px;display:flex}.oc-summary{width:100%;position:relative;top:auto}.record-art{height:116px}.oc-summary dl{display:none}.oc-step-heading{font-size:25px}.field-grid{grid-template-columns:1fr}.character-card{margin-top:35px}.oc-guide{padding:63px 22px}.oc-guide h2{font-size:51px}.summary-actions button{flex:1}.oc-mobile-actions{z-index:5;background:#102923f7;grid-template-columns:1fr 1fr;gap:1px;padding:9px 22px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #1029232e}.oc-mobile-actions button{color:var(--mist);font:600 12px var(--sans);background:0 0;border:1px solid #dce7df73;padding:12px}.oc-mobile-actions button:first-child{background:var(--amber);border-color:var(--amber);color:var(--pine)}}@media (prefers-reduced-motion:reduce){.oc-page *{scroll-behavior:auto!important;transition:none!important}}
.summary-toggle{display:none}.oc-imported-state{border-left:3px solid var(--amber);background:#e5e9dc;justify-content:space-between;gap:12px;max-width:1140px;margin:26px auto -18px;padding:12px clamp(22px,6vw,90px);font-size:14px;display:flex}.oc-imported-state button,.blank-start button,.reroll-tension{color:var(--moss);font:600 12px var(--sans);cursor:pointer;background:0 0;border:0;text-decoration:underline}.blank-start{background:#e5e9dc;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 13px;font-size:13px;display:flex}.reroll-tension{text-align:left}@media (max-width:760px){.summary-toggle{color:var(--moss);font:600 12px var(--sans);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;text-decoration:underline;display:block}.oc-summary.expanded dl{display:block}.oc-imported-state{margin:17px 22px -8px;padding:10px 12px}.blank-start{flex-direction:column;align-items:flex-start}}
.oc-guide>.eyebrow,.oc-guide>h2,.oc-guide>ol{width:min(100%,900px);margin-left:auto;margin-right:auto}.oc-guide>h2{margin-top:0;margin-bottom:0}.oc-guide>ol{margin-top:34px;margin-bottom:0}.oc-faq{clip-path:inset(0 -100vmax);background:#f1f3ed;grid-template-rows:auto 1fr;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:start;column-gap:clamp(56px,9vw,152px);max-width:1280px;margin:0 auto;padding:clamp(74px,9vw,132px) clamp(28px,7vw,96px);display:grid;box-shadow:0 0 0 100vmax #f1f3ed}.oc-faq>.eyebrow{width:auto;color:var(--amber);grid-area:1/1;margin:4px 0 18px}.oc-faq>h2{width:auto;color:var(--ash);font-family:var(--serif);letter-spacing:-.055em;grid-area:2/1;margin:0;font-size:clamp(42px,4.7vw,70px);line-height:.91}.oc-faq>div{border-top:1px solid #b9c2b7;grid-area:1/2/span 2;width:auto;max-width:none;margin:0}.oc-faq details{border-bottom:1px solid #b9c2b7;margin:0;position:relative}.oc-faq summary{min-height:84px;color:var(--ash);cursor:pointer;font-family:var(--serif);grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:22px;padding:20px 0;font-size:clamp(22px,1.8vw,29px);font-weight:700;line-height:1.08;list-style:none;display:grid}.oc-faq summary::-webkit-details-marker{display:none}.oc-faq summary:after{content:"+";width:24px;height:24px;color:var(--amber);font-family:var(--mono);place-items:center;font-size:22px;font-weight:400;line-height:1;transition:transform .18s;display:grid}.oc-faq details[open] summary:after{transform:rotate(45deg)}.oc-faq summary:focus-visible{outline:2px solid var(--amber);outline-offset:-4px}.oc-faq details>p{color:#4d5a5a;max-width:64ch;font-family:var(--sans);margin:-2px 48px 27px 0;font-size:16px;line-height:1.65}.oc-faq details>p a{color:var(--moss);-webkit-text-decoration-color:color-mix(in srgb, var(--moss) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--moss) 45%, transparent);text-underline-offset:3px;font-weight:700}@media (max-width:760px){.oc-faq{padding:68px 24px 76px;display:block}.oc-faq>.eyebrow{margin:0 0 14px}.oc-faq>h2{max-width:9ch;margin-bottom:38px;font-size:clamp(42px,13vw,58px)}.oc-faq>div{margin:0}.oc-faq summary{grid-template-columns:minmax(0,1fr) 20px;gap:14px;min-height:72px;padding:17px 0;font-size:23px}.oc-faq details>p{margin:-3px 0 24px;font-size:15px}}@media (prefers-reduced-motion:reduce){.oc-faq summary:after{transition:none}}
.oc-transparency{background:#e7e4d8;padding:78px clamp(22px,8vw,130px)}.oc-transparency>div,.oc-transparency>h2,.oc-transparency>.eyebrow{width:min(100%,900px);margin-left:auto;margin-right:auto}.oc-transparency h2{font:600 clamp(47px, 5vw, 72px) / .9 var(--serif);letter-spacing:-.05em;margin-top:0}.oc-transparency>div{columns:2;column-gap:48px;margin-top:34px}.oc-transparency p{break-inside:avoid;margin:0 0 21px;font-size:16px;line-height:1.65}.oc-transparency a{color:var(--moss);text-underline-offset:3px;font-weight:700}.oc-transparency code{font:500 .9em var(--mono)}@media (max-width:760px){.oc-transparency{padding:63px 22px}.oc-transparency h2{font-size:51px}.oc-transparency>div{columns:1;margin-top:28px}}