/* Original illustrated tabletop and guided play interface. */
.arrival{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;padding:38px 0 24px}.arrival h1{font-size:clamp(34px,4.4vw,64px);line-height:1.14;margin:18px 0}.arrival h1 em{color:var(--gold,#cca966)}.arrival-copy>p{font-size:17px;line-height:1.8;max-width:580px;color:var(--text-muted,#bcb8ab)}.arrival-primary{min-height:58px;gap:30px;margin-top:16px;font-size:17px}.arrival-secondary{display:block;background:none;border:0;color:var(--gold,#cca966);padding:20px 0;text-align:left;cursor:pointer}.arrival-facts{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#b7b6a5}.arrival-illustration{background:radial-gradient(ellipse,#71604644,transparent 70%);min-width:0}.arrival-illustration svg{width:100%;filter:drop-shadow(0 22px 20px #0005)}.art-caption{display:block;text-align:center;font-size:10px;letter-spacing:1.4px;color:#aaa48e}.play-promise{display:flex;align-items:center;gap:16px;border-block:1px solid #b69a5733;padding:20px 10px;margin:20px 0 36px}.play-promise>span{font-size:25px;color:#bc9959}.play-promise p{flex:1;margin:0;font-weight:600}.play-promise i{font-style:normal;color:#897957}.start-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.start-choices article{padding:28px;border:1px solid #b49e6638;border-radius:14px;background:linear-gradient(130deg,#24352d66,#181e1c)}.start-choices h2{font-size:24px}.start-choices p{line-height:1.7;color:#babdb2}.material-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.material-tile{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid #baa26b40;border-radius:12px;background:#222b25;color:inherit;padding:8px 8px 17px;cursor:pointer;transition:transform .2s,background .2s}.material-tile:hover{transform:translateY(-4px);background:#303b2f}.material-tile.selected{border:2px solid #d5b878;background:#354033}.material-tile svg{width:100%;max-height:150px}.material-tile strong{font-size:14px;text-align:center}.material-tile small{font-size:9px;letter-spacing:1px;color:#afac93;margin-top:8px}.material-tile>span{position:absolute;right:8px;top:8px;color:#d5b878}.host-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.original-notice{font-size:11px;color:#989c90;line-height:1.7;margin-top:30px}.archive-shelf,.ledger-drawer{padding:20px;margin-top:24px;border:1px solid #b69a5733;border-radius:12px}.archive-shelf summary,.ledger-drawer summary{cursor:pointer;font-weight:600;margin-bottom:16px}.desk-heading,.case-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0 24px}.desk-heading h1,.case-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.3;margin:12px 0}.desk-heading p{max-width:720px;color:#b6b9ad;line-height:1.7}.investigator-badge{background:#314233;border:1px solid #8d9d594d;border-radius:10px;padding:14px 20px;min-width:150px}.investigator-badge span{display:block;font-size:10px;letter-spacing:1px;color:#b6bc97}.investigator-badge strong{display:block;margin-top:5px;font-size:19px}.journey-track{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:24px}.journey-track button{background:#1b241f;border:1px solid #7c886333;border-radius:8px;padding:13px 6px;color:#a4ac9c;font:inherit;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center}.journey-track button span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #8b967766;border-radius:50%;flex-shrink:0}.journey-track button.current{background:#d4b577;color:#18251d;border-color:#d4b577;font-weight:700}.journey-track button.done{color:#b7cd9b}.play-workspace{border:1px solid #b8a16b40;border-radius:16px;padding:30px;background:linear-gradient(140deg,#26352d,#1a241f 75%);box-shadow:0 14px 40px #0002}.stage-intro{display:flex;gap:20px;margin-bottom:26px;align-items:flex-start}.stage-numeral{font:52px Georgia,serif;color:#c7aa68;line-height:1}.stage-intro h2,.reading-stage h2,.review-banner h2,.finale-intro h2{font-size:clamp(24px,3vw,34px);margin:10px 0}.stage-intro p,.stage-lead{font-size:16px;line-height:1.8;color:#c0c6b8}.checkable article{border:1px solid #a9986733;border-radius:12px;overflow:hidden;background:#17251d}.checkable .material-tile{border:0;border-radius:0;background:transparent}.checkable label{display:flex;gap:8px;align-items:center;padding:14px 10px;background:#344232;font-size:13px;cursor:pointer}.checkable input,.reading-ack input{width:20px;height:20px;accent-color:#bda264;flex-shrink:0}.stage-action{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #a18c5e44;padding-top:24px;margin-top:26px}.stage-action p{font-size:13px;line-height:1.7;color:#b6bcad;max-width:600px}.reading-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.stage-visual svg{width:100%;max-height:310px}.physical-tag{text-align:center;font-size:10px;letter-spacing:1.5px;color:#c6aa6c}.stage-tools{display:flex;flex-direction:column;gap:8px;margin:22px auto;max-width:290px}.exact-steps{list-style:none;padding:0;margin:20px 0}.exact-steps li{display:flex;align-items:flex-start;gap:13px;margin:17px 0;line-height:1.7}.exact-steps li>b{display:grid;place-items:center;border:1px solid #c6aa6c88;background:#5c573a33;border-radius:50%;width:29px;height:29px;flex-shrink:0;color:#d8bf87}.stage-warning{border-left:3px solid #c4a566;background:#b79a4820;padding:14px 18px;font-size:13px;line-height:1.7;margin:18px 0;color:#d9ca9e}.reading-ack{display:flex;align-items:flex-start;gap:12px;line-height:1.7;margin:24px 0;padding:16px;background:#43513a55;border-radius:8px;cursor:pointer}.desk-bottom{display:flex;align-items:center;gap:24px;padding:20px 4px;font-size:12px;color:#aab3a0}.desk-bottom button{margin-left:auto}.turn-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 28px}.turn-progress>div{border-bottom:3px solid #68795c55;padding:12px 8px;color:#a4ad9b}.turn-progress .active{color:#e0c28b;border-color:#d1b274}.turn-progress span{font-size:12px;display:block;margin-bottom:8px}.turn-progress strong{font-size:14px}.turn-body{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;min-height:300px}.turn-illustration svg{width:100%;max-height:280px}.turn-illustration>span{display:block;text-align:center;line-height:1.7;font-size:13px;color:#b8c1a8}.turn-field label{display:block;font-size:17px;font-weight:600;margin-bottom:12px}.turn-field .input,.turn-field .textarea{width:100%}.turn-field .textarea{min-height:140px}.turn-actions{border-top:1px solid #a18c5e44;margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;gap:12px}.question-chips,.question-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.address-ticket{border:1px dashed #d2bb7d;padding:22px;border-radius:10px;text-align:center;background:#d6c58d0d}.address-ticket small,.address-ticket span{display:block;color:#bdc2ae}.address-ticket strong{font:48px Georgia,serif;color:#e2c58d;display:block;margin:10px}.record-context{display:flex;gap:14px;align-items:center;border-bottom:1px solid #bdab7944;padding-bottom:18px;margin-bottom:24px}.record-context b{font-size:26px;color:#e0c28b}.review-banner{display:flex;gap:20px;align-items:flex-start}.review-banner>span{font-size:45px;color:#b7cd86}.review-banner p{line-height:1.7;color:#bdc5b3}.last-visit{display:flex;gap:20px;background:#15231d;padding:20px;border-radius:10px;margin:22px 0}.last-visit>b{font:26px Georgia;color:#d6bd82}.last-visit p{white-space:pre-wrap;line-height:1.7;color:#bdc5b3}.capture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capture-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:inherit;background:#314131;border:1px solid #a8b18244;border-radius:10px;padding:22px;cursor:pointer}.capture-grid button>span{font-size:32px;color:#d3b97b;margin-bottom:15px}.capture-grid strong{font-size:17px}.capture-grid p{font-size:13px;line-height:1.7;color:#b9c3ad}.capture-grid small{color:#d8bd80;margin-top:auto}.review-question{margin-top:28px}.review-question p{line-height:1.7;color:#bcc5b4}.finale-intro{display:flex;gap:25px;align-items:center}.finale-seal{border:2px solid #b99b62;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;font-size:48px;flex-shrink:0}.ready-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.ready-grid>div{text-align:center;background:#314131;padding:22px;border-radius:8px;font-size:20px;color:#e0c28b}.material-explainer{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;margin:28px 0;padding:30px;background:linear-gradient(130deg,#354231,#1a261e);border:1px solid #b7a16b44;border-radius:16px;scroll-margin-top:30px}.explainer-visual{display:flex;flex-direction:column;align-items:center;gap:20px}.explainer-visual svg{width:100%;max-height:330px}.explainer-visual>span{letter-spacing:2px;color:#d1b777;font-size:12px}.explainer-copy h2{font-size:34px;margin:14px 0}.material-definition{font-size:18px;line-height:1.9}.where-box{background:#14241b;padding:16px 20px;border-radius:8px;line-height:1.7}.where-box p{margin-bottom:0;color:#bbc5b0}.cost-box{display:flex;gap:15px;padding:18px;background:#b39c4820;border-radius:8px;margin:18px 0}.cost-box>span{font-size:30px;color:#d5b87a}.cost-box p{font-size:14px;line-height:1.7;margin-bottom:0}.material-faq{padding:16px 0;border-bottom:1px solid #b0a37533}.material-faq summary{cursor:pointer;color:#d5bf8b}.material-faq p{line-height:1.8;color:#bfc7b4}.practice-lab{padding:30px;border:1px solid #b9a36c55;background:#24362b;border-radius:16px}.practice-lab>div>p{line-height:1.7;color:#bdc6b2}.practice-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.practice-options button{display:flex;align-items:center;text-align:left;border:1px solid #b9a36c55;border-radius:10px;background:#1b2b20;color:inherit;padding:12px;cursor:pointer;line-height:1.7}.practice-options button.chosen{background:#45553a;border-color:#d5b97a}.practice-options svg{width:120px;flex-shrink:0}.practice-feedback{border-left:3px solid #bcd68e;padding:18px;background:#384b31}.practice-feedback p{line-height:1.8}.tool-instructions{display:flex;align-items:flex-start;gap:18px;background:#30412f;border:1px solid #a9ba7955;border-radius:12px;padding:22px;margin-bottom:24px}.tool-help-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #d3bd83;border-radius:50%;color:#dfc78e;font:24px Georgia}.tool-instructions h2{font-size:20px;margin:0 0 10px}.tool-instructions p{line-height:1.8;color:#bdc8b0;margin:0 0 8px}.tool-instructions details{font-size:13px;line-height:1.8}.tool-instructions summary{cursor:pointer;color:#d9c58f}.tool-instructions>button{margin-left:auto;flex-shrink:0}.setup-journey{max-width:760px}.setup-progress{display:flex;gap:8px;margin-bottom:28px}.setup-progress span{flex:1;border-bottom:3px solid #6c795a55;padding-bottom:12px;font-size:12px;color:#aab39a}.setup-progress .active{color:#e1c68b;border-color:#cbb076}.setup-journey h2{font-size:30px}.setup-journey>p{line-height:1.8;color:#bcc4b0}.setup-case-art{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:20px}.setup-case-art svg{width:100%}.setup-receipt{padding:24px;background:#30412f;border:1px dashed #c7ae75;border-radius:10px;margin:24px 0}.setup-receipt>span{font-size:12px;letter-spacing:2px;color:#d9bd83}.setup-receipt h3{font-size:26px}.setup-receipt p{color:#c2ceb3}.text-link{background:none;border:0;padding:8px 0;color:#d8bf86;font:inherit;cursor:pointer;text-align:left}.flex-wrap{display:flex;gap:10px;flex-wrap:wrap}button:focus-visible,summary:focus-visible{outline:3px solid #e3c78b;outline-offset:4px}
@media(max-width:1000px){.arrival{gap:12px}.material-shelf{gap:7px}.material-tile strong{font-size:12px}.journey-track button{flex-direction:column;font-size:11px}.play-workspace{padding:22px}.tool-instructions{flex-wrap:wrap}.tool-instructions>button{margin-left:52px}.reading-stage,.material-explainer{gap:22px}.capture-grid button{padding:16px}}
@media(max-width:680px){.arrival{grid-template-columns:1fr;padding-top:10px;gap:0}.arrival h1{font-size:36px}.arrival-copy>p{font-size:15px}.arrival-illustration{order:-1;max-width:370px;margin:0 auto}.arrival-illustration svg{max-height:220px}.art-caption{font-size:8px}.arrival-primary{width:100%;justify-content:space-between}.arrival-facts{gap:10px;font-size:10px}.play-promise{gap:8px;padding:16px 0}.play-promise>span{font-size:18px}.play-promise p{font-size:11px}.play-promise i{font-size:10px}.start-choices{grid-template-columns:1fr;gap:12px}.start-choices article{padding:20px}.material-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-shelf>.material-tile:last-child,.checkable>article:last-child{grid-column:1/-1}.material-shelf>.material-tile:last-child svg,.checkable>article:last-child svg{max-height:115px}.material-tile svg{max-height:125px}.material-tile strong{font-size:14px}.handbook{display:flex;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}.handbook .material-tile{min-width:145px;scroll-snap-align:start}.handbook>.material-tile:last-child svg{max-height:125px}.desk-heading,.case-heading{align-items:flex-start;flex-direction:column;gap:8px}.desk-heading h1,.case-heading h1{font-size:27px}.investigator-badge{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px}.investigator-badge strong{margin:0;font-size:16px}.journey-track{grid-template-columns:repeat(3,1fr);gap:6px}.journey-track button{flex-direction:row;font-size:10px;padding:10px 4px}.journey-track button span{width:20px;height:20px}.play-workspace{padding:18px 14px;border-radius:12px}.stage-numeral{font-size:38px}.stage-intro{gap:12px}.stage-intro p,.stage-lead{font-size:14px}.stage-action{flex-direction:column;align-items:stretch}.stage-action .button{width:100%;white-space:normal}.reading-stage,.turn-body,.material-explainer{grid-template-columns:1fr;gap:18px}.stage-visual svg{max-height:190px}.stage-tools{margin:12px auto;max-width:none}.stage-tools .button{white-space:normal}.exact-steps{font-size:14px}.reading-ack{font-size:14px;padding:12px}.desk-bottom{gap:12px;flex-wrap:wrap}.desk-bottom button{margin-left:0}.turn-progress{gap:4px}.turn-progress>div{padding:8px 3px}.turn-progress strong{font-size:11px}.turn-illustration svg{max-height:170px}.turn-illustration>span{font-size:12px}.turn-actions .button{white-space:normal;font-size:12px;max-width:75%}.capture-grid{grid-template-columns:1fr}.capture-grid button{display:grid;grid-template-columns:35px 1fr;gap:5px 12px}.capture-grid button>span{grid-row:1/4;margin:0}.capture-grid p,.capture-grid small{margin:0}.last-visit{padding:14px;gap:12px}.last-visit>b{font-size:22px}.finale-intro{gap:15px}.finale-seal{width:65px;height:65px;font-size:32px}.ready-grid{grid-template-columns:1fr 1fr}.ready-grid>div{font-size:17px;padding:18px 10px}.material-explainer{padding:20px 16px}.explainer-visual svg{max-height:215px}.explainer-copy h2{font-size:28px}.material-definition{font-size:16px}.practice-lab{padding:22px 16px}.practice-options{gap:10px}.practice-options button{flex-direction:column;text-align:center;font-size:12px;padding:8px}.practice-options svg{width:100%;max-height:120px}.tool-instructions{padding:16px;gap:12px}.tool-instructions>div:nth-child(2){flex:1;min-width:180px}.tool-instructions h2{font-size:18px}.tool-instructions p{font-size:13px}.tool-instructions>button{margin-left:46px}.setup-case-art{grid-template-columns:1fr}.setup-case-art svg{max-height:140px}.setup-progress span{font-size:10px}.setup-journey h2{font-size:25px}.setup-journey .mode-cards{grid-template-columns:1fr}.setup-receipt{padding:18px}.setup-receipt h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.material-tile{transition:none}.material-tile:hover{transform:none}}
.turn-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.turn-heading h2{font-size:clamp(24px,3vw,34px);margin:10px 0}.turn-count{border:1px solid #b9a36c66;border-radius:30px;padding:10px 18px;color:#dec38b;white-space:nowrap}.turn-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 28px}.turn-track>span{border-bottom:3px solid #68795c55;padding:12px 8px;font-size:13px;color:#a4ad9b}.turn-track>span.active{color:#e0c28b;border-color:#d1b274}.turn-content{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;min-height:300px}.code-input{font:32px Georgia,serif;letter-spacing:3px;text-transform:uppercase}.code-anatomy{display:flex;gap:20px;margin:18px 0;color:#c8bd9c}.help-example{padding:16px;border-left:3px solid #bba56d;background:#a38e3e15;line-height:1.8;margin-top:20px}.mini-material{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #bbaa7744;background:#2c3c2d;color:inherit;border-radius:10px;padding:10px;cursor:pointer;text-align:left}.mini-material svg{width:100px}.mini-material small{display:block;color:#b4c0a6;margin-top:8px}.mini-material>span{margin-left:auto}
@media(max-width:680px){.turn-content{grid-template-columns:1fr;gap:18px}.turn-track{gap:4px}.turn-track>span{font-size:10px;padding:10px 3px}.turn-heading{gap:10px}.turn-count{font-size:12px;padding:8px 12px}.mini-material svg{width:80px}}