@font-face{font-family:StorySerif;src:local('Georgia');font-display:swap}
:root{color-scheme:dark;--ink:#f4f1e8;--muted:#b3c4c7;--dim:#79969f;--night:#102c37;--panel:#102c37;--gold:#f1c77d;--gold-dark:#302412;--line:#34505a;--aqua:#9bd8cc;--coral:#f0ba98;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.55;background:var(--night);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1:focus{outline:none}h1,h2,p{margin-top:0}h1,h2{font-family:StorySerif,Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,4.1vw,4.4rem);margin-bottom:1.6rem;text-wrap:balance}h1 em{font-weight:400;color:var(--gold)}h2{font-size:2rem}svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:1rem;top:-10rem;z-index:20;background:var(--gold);color:var(--gold-dark);padding:1rem}.skip-link:focus{top:1rem}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,3.2vw,3.5rem);border-bottom:1px solid #ffffff12}.wordmark{display:flex;align-items:center;gap:.8rem;font-size:.8rem;letter-spacing:.2em;font-weight:600}.brand-symbol{font-size:2.1rem;line-height:1;color:var(--gold)}.top-actions{display:flex;gap:.6rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #ffffff24;border-radius:50%;background:transparent;color:var(--ink);font-size:1.2rem}.icon-button:hover{background:#ffffff0e;border-color:#ffffff50}.adventure{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,1fr);min-height:calc(100svh - 80px)}.story-art{position:sticky;top:0;align-self:start;height:calc(100svh - 80px);min-height:580px;overflow:hidden;background:#0c2533}.story-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:filter .4s}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#091b384a 0%,transparent 28%,transparent 50%,#081c32c4 100%)}.art-top{position:absolute;left:2.5rem;right:2.5rem;top:2.25rem;display:flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:600;letter-spacing:.18em;color:#f6ead7}.art-top>span:first-child{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #f6ead76e;border-radius:50%;letter-spacing:0}.art-bottom{position:absolute;bottom:2.5rem;left:2.5rem;right:2.5rem;display:flex;gap:1rem;align-items:center;color:#f4e9d7}.art-bottom p{font-family:Georgia,serif;font-size:1.25rem;font-style:italic;max-width:20rem;margin:0;text-wrap:balance}.art-spark{font-size:2.25rem;color:var(--gold)}.story-panel{padding:2.6rem clamp(2rem,4.2vw,5.5rem) 1.5rem;display:flex;flex-direction:column;position:relative;min-width:0}.scene-content{width:100%;max-width:530px;margin:auto;animation:arrive .3s ease-out}.scene-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto 2.2rem;width:100%;max-width:530px}.role-tag{padding:.35rem .75rem;border:1px solid var(--line);border-radius:20px;font-size:.8rem;color:var(--muted)}.role-tag.explorer{color:var(--coral);border-color:#bd815653}.role-tag.wayfinder{color:var(--aqua);border-color:#9bd8cc50}.chapter-dots{display:flex;gap:7px}.chapter-dots span{height:5px;width:14px;background:#ffffff23;border-radius:4px}.chapter-dots span.lit{background:var(--gold)}.eyebrow{font-size:.76rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}.story-text{font-size:1.06rem;line-height:1.75;color:#dce5e4;margin-bottom:1.25rem;text-wrap:pretty}.chapter-name{font-family:Georgia,serif;font-size:1.35rem;margin-bottom:1.4rem;color:#ebd9b7}.is-home h1{font-size:clamp(4.1rem,7.8vw,7.6rem);line-height:.93;letter-spacing:-.05em;margin-bottom:1.75rem}.is-home .scene-content{padding:2rem 0}.is-home .eyebrow{margin-bottom:2.2rem}.facts{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.85rem;color:var(--muted);margin:1.5rem 0 2rem}.facts span:not(:last-child):after{content:'·';margin-left:1rem;color:var(--dim)}.actions{display:flex;flex-direction:column;gap:.65rem;margin-top:1.75rem}.btn{min-height:56px;display:flex;align-items:center;justify-content:center;gap:1rem;border-radius:9px;padding:.85rem 1.3rem;border:1px solid transparent;font-weight:600;line-height:1.35;transition:background .15s,transform .15s}.btn.primary{background:var(--gold);color:var(--gold-dark);justify-content:space-between}.btn.primary:hover:not(:disabled){background:#ffda9a;transform:translateY(-1px)}.btn.secondary{background:transparent;border-color:#52707a;color:var(--ink)}.btn.secondary:hover{background:#ffffff09}.btn.text{background:transparent;color:var(--muted);font-size:.94rem;font-weight:400}.btn.text:hover{color:var(--ink);text-decoration:underline}.aside-note{font-size:.88rem;color:var(--muted);line-height:1.65;margin-top:1.2rem;margin-bottom:0}.panel-footer{display:flex;justify-content:space-between;gap:1rem;color:#8aa4ac;font-size:.75rem;margin:3rem auto 0;max-width:530px;width:100%;padding-top:1rem;border-top:1px solid #ffffff0c}.panel-footer span:first-child{letter-spacing:.11em;font-size:.75rem}.panel-footer span:last-child{font-style:italic;white-space:nowrap}.choices{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}.choice{display:flex;align-items:center;text-align:left;gap:1rem;width:100%;border:1px solid #49636b;background:#16343f;color:var(--ink);padding:1.05rem 1.1rem;border-radius:10px;transition:border-color .15s,background .15s}.choice:hover{border-color:var(--gold);background:#1d3f49}.choice>span:nth-last-child(2){flex:1}.choice strong{font-size:1rem;font-weight:550}.choice-description{display:block;font-size:.86rem;color:var(--muted);line-height:1.55;margin-top:.25rem}.choice-glyph{flex:0 0 40px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:Georgia,serif;font-size:2rem}.choice-arrow{font-size:1.2rem;color:var(--dim)}.choice:hover .choice-arrow{color:var(--gold)}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0}.role-card{padding:1.35rem 1.15rem;border-radius:12px;border:1px solid #4a6870;background:#173540}.role-card.explorer{background:#352f2b;border-color:#735540}.role-card .role-symbol{font-size:2rem;display:block;margin-bottom:.9rem;color:var(--aqua)}.role-card.explorer .role-symbol{color:var(--coral)}.role-person{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.role-card h2{font-size:1.6rem;margin:.6rem 0}.role-card p{font-size:.86rem;color:var(--muted);margin:0}.handoff-role{display:flex;align-items:center;gap:1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem .25rem;margin:2rem 0}.handoff-role .role-symbol{font-size:3rem;line-height:1;color:var(--aqua)}.handoff-role.explorer .role-symbol{color:var(--coral)}.handoff-role strong{display:block;font-family:Georgia,serif;font-size:1.7rem;font-weight:400}.handoff-role small{color:var(--muted);font-size:.9rem}.is-handoff .story-art>img{filter:blur(6px) brightness(.65);transform:scale(1.025)}blockquote{margin:1.7rem 0;padding:1.1rem 0 1.1rem 1.3rem;border-left:2px solid #ba955b}blockquote p{font-family:Georgia,serif;font-size:1.3rem;line-height:1.45;color:#f3dfb9;margin:0}blockquote footer{color:var(--muted);font-size:.8rem;margin-top:.65rem}.callout{border-radius:9px;background:#ffffff06;padding:1rem 1.15rem;margin:1.25rem 0;border:1px solid #ffffff12}.callout strong{font-size:.85rem;color:var(--aqua)}.callout p{font-size:.88rem;color:var(--muted);margin:.35rem 0 0;line-height:1.6}.blueprint{background:#153940;border:1px solid #416f74;border-radius:10px;padding:1.1rem 1.2rem;margin:1.5rem 0}.blueprint-label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--aqua);margin-bottom:.8rem}.blueprint-row{display:flex;align-items:center;gap:.7rem;min-height:54px;border-bottom:1px solid #4b757c4f;font-size:.9rem}.blueprint-row:last-child{border:0}.blueprint-symbol{font-size:1.6rem;color:var(--gold);width:28px;text-align:center}.blueprint-row strong{font-weight:500}.blueprint-row>span:last-child{color:#d7e4e3}.mapping-line{height:1px;background:#517177;flex:1;margin:0 .3rem}.signal-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.75rem 0}.signal-token{background:#203d47;border:1px solid #52717c;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem}.signal-token small{color:var(--muted);font-size:.75rem}.signal-token>span{font-size:2.7rem;color:var(--gold);line-height:1.2;margin:.8rem 0}.signal-token strong{font-size:.88rem;font-weight:500}.answer-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.5rem}.answer-slot{border:1px dashed #647d83;border-radius:10px;padding:.6rem .3rem;text-align:center;min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:.3rem}.answer-slot small{color:var(--muted);font-size:.75rem}.answer-slot>span{font-size:.82rem}.answer-slot.filled{background:#51462e;border:1px solid var(--gold);color:#ffe4b9}.bell-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.bell{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;min-height:108px;padding:.65rem .25rem;border-radius:10px;border:1px solid #72928c;background:#1d484c;color:var(--ink);font-size:.8rem}.bell:hover:not(:disabled){background:#2b5a5b;border-color:var(--gold)}.bell-mark{font-family:Georgia,serif;font-size:2rem;color:var(--gold);line-height:1.1}.puzzle-tools{display:flex;flex-wrap:wrap;gap:0 .8rem;margin-top:.5rem}.text-button{background:none;border:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:.8rem;min-height:48px;padding:.25rem 0}.text-button:hover:not(:disabled){color:var(--ink)}.feedback{min-height:3rem;color:var(--muted);font-size:.88rem;line-height:1.5;margin:.8rem 0 0}.wish-card{padding:1.5rem;border:1px solid #82684b;background:#3b372c;border-radius:12px;text-align:center;margin:1.5rem 0}.wish-card>span{display:block;color:var(--gold);font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.wish-card strong{font-family:Georgia,serif;display:block;font-size:1.5rem;font-weight:400}.wish-card p{font-size:.9rem;color:#d9ccaf;margin:.6rem 0 0}.route-proposal{border-left:2px solid var(--gold);padding:1.25rem 1.4rem;background:#ffffff06;margin:1.5rem 0}.route-proposal small{color:var(--muted);font-size:.8rem}.route-proposal h2{margin:.65rem 0 1rem;font-size:1.8rem}.route-proposal p{margin:0;color:var(--muted);font-size:.95rem}.journey-card,.resume-card{display:flex;align-items:center;gap:1.2rem;border:1px solid #577575;padding:1.3rem;border-radius:12px;margin:1.6rem 0 1.8rem;background:#1b3b42}.parcel-stamp,.resume-card>span{font-size:2.9rem;color:var(--gold);line-height:1.1}.journey-card small,.resume-card small{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.3rem}.journey-card strong,.resume-card strong{font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.journey-card p{font-size:.8rem;color:var(--muted);margin:.5rem 0 0}.closing-rule{width:42px;height:1px;background:var(--gold);margin:2rem 0}.overlay{position:fixed;border:1px solid #5c787d;border-radius:18px;width:min(520px,calc(100% - 2rem));max-height:calc(100svh - 2rem);padding:2.4rem;background:#15313c;color:var(--ink);box-shadow:0 30px 100px #0007}.overlay::backdrop{background:#061821c9;backdrop-filter:blur(6px)}.overlay h2{font-size:2.5rem;margin:1.5rem 0 1rem}.overlay p{color:#d7e3e2;font-size:1rem;line-height:1.65}.overlay .btn{width:100%;margin-top:.75rem}.overlay .eyebrow{padding-right:3rem;font-size:.75rem}.dialog-close{position:absolute;right:.85rem;top:.85rem}.dialog-small{font-size:.85rem!important;color:var(--muted)!important}.overlay .callout p{font-size:.88rem}noscript{display:block;padding:2rem;font-size:1.2rem}
@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.adventure{max-width:1720px;margin:auto;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12}.story-panel{padding-left:5rem;padding-right:5rem}}
@media(max-width:1050px){.adventure{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr)}.story-panel{padding:2rem 2rem 1.3rem}.art-top,.art-bottom{left:1.5rem;right:1.5rem}.art-bottom p{font-size:1.15rem}}
@media(max-width:780px){.topbar{height:68px;padding:0 1.1rem}.wordmark{font-size:.75rem;letter-spacing:.16em;gap:.55rem}.brand-symbol{font-size:1.8rem}.top-actions{gap:.5rem}.icon-button{width:48px;height:48px}.adventure{display:flex;flex-direction:column;min-height:calc(100svh - 68px)}.story-art{position:relative;top:auto;width:100%;height:240px;min-height:0;max-height:34svh;flex-shrink:0}.story-art>img{object-position:50% 57%}.art-top{top:1rem;left:1.2rem;right:1.2rem;font-size:.75rem;gap:.7rem}.art-top>span:first-child{height:30px;width:30px}.art-bottom{display:none}.art-shade{background:linear-gradient(180deg,#091b3833 0%,transparent 30%,#102c3700 70%,#102c37 100%)}.story-panel{padding:1.35rem 1.4rem 1.2rem;flex:1;width:100%}.scene-content{max-width:530px;margin:0 auto}.scene-meta{margin-bottom:1.5rem}.eyebrow{font-size:.75rem;margin-bottom:1rem}h1{font-size:2.8rem;line-height:1.05;margin-bottom:1.2rem}.story-text{font-size:1rem;line-height:1.7}.is-home .story-art{height:300px;max-height:38svh}.is-home .story-panel{padding-top:0}.is-home .scene-content{padding-top:0}.is-home h1{font-size:4.8rem;line-height:.94}.is-home h1 br{display:none}.is-home .eyebrow{margin-bottom:1.1rem}.chapter-name{font-size:1.2rem}.is-home .story-text{margin-bottom:.5rem}.facts{margin:1.1rem 0 1.5rem;font-size:.8rem}.is-home .actions{margin-top:1.1rem}.is-handoff .story-art{height:130px}.is-handoff .scene-content{padding-top:.5rem}.panel-footer{margin-top:2rem}.is-ending .story-art{height:280px}.role-cards{margin-top:1.3rem}.actions{margin-top:1.5rem}.choices{gap:.6rem}.choice{padding:1rem}.choice-description{font-size:.86rem}.role-card{padding:1.2rem 1rem}.overlay{padding:2rem 1.4rem}.overlay h2{font-size:2.2rem}.handoff-role{margin:1.6rem 0}.signal-token{padding:.85rem .4rem}}
@media(max-width:370px){.story-panel{padding-left:1.1rem;padding-right:1.1rem}.is-home h1{font-size:4.1rem}.role-cards{gap:.6rem}.role-card{padding:1rem .8rem}.role-card h2{font-size:1.4rem}.role-card p{font-size:.8rem}.panel-footer span:first-child{max-width:150px}.choice{gap:.7rem}.choice-glyph{flex-basis:28px}.wordmark{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.choice,.btn,.bell,.icon-button,.answer-slot,.signal-token{border:1px solid ButtonText}.art-shade{display:none}.chapter-dots span{border:1px solid CanvasText}.chapter-dots span.lit{background:Highlight}}
.blueprint-hint{font-size:.82rem;color:var(--muted);margin:.75rem 0 0}.blueprint-row>span:last-child{line-height:1.65}.observations{margin-bottom:1.25rem}.choice.noticed{border-color:#98b9ac;background:#22464a}.topbar{padding-top:env(safe-area-inset-top)}body{padding-bottom:env(safe-area-inset-bottom)}

.role-tag,.role-person,.text-button,.bell,.choice-description,.answer-slot>span{font-size:.875rem}.role-person{letter-spacing:.06em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.role-card{min-width:0}.role-card h2{overflow-wrap:anywhere}.wordmark{min-width:0}.wordmark>span:last-child{overflow-wrap:anywhere}
@media(max-width:780px){.is-home .story-art{height:200px;max-height:25svh}.is-home h1{font-size:4rem}.is-home .eyebrow{margin-bottom:.7rem}.is-home .chapter-name{margin-bottom:.75rem}}

/* A readable trail, separate from the named instrument controls. */
.brand-navigation{display:flex;align-items:center;gap:1rem;min-width:0}
.back-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.45rem .7rem;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);font-size:.9rem;flex-shrink:0}
.back-button:hover{background:#ffffff0e;border-color:var(--gold)}
.signal-sequence{grid-template-columns:1fr;gap:.45rem;list-style:none;padding:0;margin:1.5rem 0}
.signal-token{display:grid;grid-template-columns:70px 40px 1fr;gap:.8rem;text-align:left;align-items:center;padding:.55rem .9rem;min-height:62px;border-radius:9px}
.signal-token>span:not(.sr-only){font-size:1.8rem;line-height:1;margin:0;text-align:center}
.signal-token small,.signal-token strong{font-size:.9rem}
.signal-token.sleeping{border-style:dashed;background:transparent}
.signal-token.sleeping strong{text-decoration:line-through;text-decoration-thickness:2px;text-underline-offset:4px;color:var(--muted)}
.answer-slots{grid-template-columns:repeat(4,minmax(0,1fr))}
.choice.selected{border-color:var(--gold);background:#2e413e}
.choice-selected{display:block;color:var(--gold);font-size:.875rem;margin-top:.4rem}
@media(max-width:600px){.brand-navigation{gap:.65rem}.brand-navigation:has(.back-button) .brand-symbol{display:none}.wordmark{font-size:.7rem;letter-spacing:.08em}.top-actions{gap:.3rem}.back-button{padding:.4rem .6rem}.topbar{padding-left:.7rem;padding-right:.7rem}}
@media(max-width:420px){.answer-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-navigation:has(.back-button) .wordmark{max-width:90px;font-size:.7rem}.bell{font-size:.875rem}.signal-token{grid-template-columns:66px 34px 1fr;gap:.5rem}}

/* Keep story pictures legible even in a short embedded viewport. */
.art-status[hidden]{display:none}
.art-status{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;background:#102c37;z-index:2;text-align:center}
.art-status p{max-width:28rem;margin:0;font-size:1rem;color:var(--muted)}
.art-status .btn{min-height:48px}
.art-unavailable>img{visibility:hidden}
.search-layout{max-width:1500px;margin:auto;padding:1.5rem 2.25rem 2rem}
.search-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.search-heading .eyebrow{margin:0 0 .4rem}
.search-heading h1{font-size:2.6rem;margin:0;line-height:1.12}
.search-instruction{font-size:1rem;color:var(--muted);margin:.8rem 0 1.1rem}
.search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.room-tabs{display:flex;gap:.5rem;flex-wrap:wrap}
.room-tab{border:1px solid var(--line);border-radius:8px;min-height:48px;padding:.7rem 1rem;background:transparent;color:var(--muted);font-size:.95rem}
.room-tab[aria-current=page]{background:var(--gold);color:var(--gold-dark);border-color:var(--gold);font-weight:600}
.notebook-button{min-height:48px;font-size:.95rem}
.search-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.4rem;align-items:start}
.search-playfield{min-width:0}
.search-viewport{width:100%;aspect-ratio:3/2;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:#11242b;scrollbar-width:thin;position:relative}
.search-board{width:100%;aspect-ratio:3/2;position:relative;isolation:isolate}
.search-board.zoomed{width:210%}
.search-picture{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;pointer-events:none}
.search-hotspot{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;background:transparent;border:2px solid transparent;border-radius:50%;padding:0;color:#162e35;box-shadow:none}
.search-hotspot:hover{background:transparent}
.search-hotspot:focus-visible{outline:3px solid var(--gold);outline-offset:2px;background:#f1c77d25}
.spot-marker{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:29px;height:29px;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:var(--gold-dark);font-size:.9rem;font-weight:700;box-shadow:0 1px 5px #0008;pointer-events:none}
.search-hotspot.found .spot-marker,.show-spots .spot-marker,.search-hotspot:focus-visible .spot-marker{display:flex}
.search-hotspot.found{border-color:#f1c77d99}
.search-tools{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:.25rem}
.search-tools .text-button{font-size:.9rem}
.search-tools>span{font-size:.875rem;color:var(--muted)}
.search-pocket{border:1px solid var(--line);border-radius:12px;padding:1.2rem;background:#15333c}
.pocket-status{display:flex;flex-direction:column;gap:.3rem;border-bottom:1px solid var(--line);padding-bottom:.85rem}
.pocket-status strong{font-family:Georgia,serif;font-size:1.7rem;font-weight:400}
.pocket-status>span{font-size:.9rem;color:var(--gold)}
.search-feedback{font-size:1rem;line-height:1.65;margin:.8rem 0 .25rem;min-height:3.3rem;padding:.8rem 1rem;border-left:2px solid var(--gold);background:#ffffff06}
.inventory{display:flex;gap:.5rem;flex-wrap:wrap}
.inventory-item{min-height:48px;border:1px solid #577575;border-radius:8px;background:#203e45;color:var(--ink);padding:.65rem .8rem;text-align:left;font-size:.9rem}
.inventory-item small{display:block;color:var(--muted);font-size:.875rem}
.inventory-item.selected{border-color:var(--gold);background:#4d452f}
.tool-selected{font-size:.9rem;color:var(--gold);margin:1rem 0 0}
.empty-pocket{font-size:.95rem;color:var(--muted);margin:0;line-height:1.6}
.tiny-invitation{border:1px dashed #b89b66;background:#3a372a;padding:1rem;margin-top:1.2rem}
.tiny-invitation small{font-size:.875rem;color:var(--muted)}
.tiny-invitation p{font-family:Georgia,serif;font-style:italic;font-size:1.3rem;margin:.6rem 0 0;line-height:1.5}
.search-pocket>.btn{margin-top:1.2rem;font-size:.95rem}
.riddle-list{padding-left:1.25rem;margin:1.25rem 0}
.riddle-list li{padding:.7rem .1rem;font-size:1.1rem;line-height:1.6;border-bottom:1px solid var(--line)}
.found-note{display:block;color:var(--gold);font-size:.9rem;margin-top:.4rem}
.notebook-open .search-board{filter:blur(16px);visibility:hidden}
.search-image-status[hidden]{display:none}
.search-image-status{border:1px solid var(--line);padding:1rem;border-radius:9px;margin-top:.6rem}
.search-image-status .btn{display:inline-flex}
.search-image-status p{margin:0 0 .7rem}
.search-descriptions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.description-spot{background:#1b3b42;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:48px;padding:.65rem .9rem;font-size:.95rem;text-align:left}
@media(max-width:1050px){.search-layout{padding:1.25rem}.search-workspace{grid-template-columns:minmax(0,1fr) 235px;gap:1rem}.search-pocket{padding:1rem}}
@media(max-width:780px){.search-layout{padding:1rem .9rem 1.5rem}.search-heading h1{font-size:2rem}.search-heading .role-tag{font-size:.875rem;max-width:145px;text-align:center}.search-heading .eyebrow{font-size:.75rem}.search-workspace{grid-template-columns:1fr;gap:.8rem}.search-toolbar{gap:.7rem}.room-tabs{width:100%;gap:.35rem}.room-tab{flex:1;min-width:0;font-size:.875rem;padding:.65rem .4rem}.notebook-button{width:100%}.search-instruction{font-size:1rem}.search-pocket{padding:1rem}.pocket-status{flex-direction:row;justify-content:space-between;align-items:center}.pocket-status strong{font-size:1.4rem}.search-feedback{min-height:0;margin:.8rem 0}.search-tools{gap:.65rem}.search-tools>span{flex-basis:100%}.search-viewport{border-radius:8px}}
@media(forced-colors:active){.search-hotspot.found,.room-tab,.inventory-item,.description-spot{border:1px solid ButtonText}}
.is-shelf h1{font-size:clamp(2.6rem,4.1vw,4.4rem);line-height:1.05}
.story-choice{align-items:flex-start;padding:1.3rem 1.1rem}
.story-choice strong{font-family:Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.3;display:block}
.story-number{color:var(--gold);font-size:.875rem;flex:0 0 1.5rem;padding-top:.3rem}
.story-formats{display:block;color:var(--muted);font-size:.875rem;margin-top:.75rem;line-height:1.6}
.growing-clues{background:#153940;border:1px solid #416f74;border-radius:10px;padding:1.1rem 1.2rem;margin:1.5rem 0}
.growing-clues p{font-size:1rem;line-height:1.8;margin:0 0 1rem}
.growing-clues p:last-child{margin-bottom:0}
.pot-chip{display:inline-flex;align-items:center;gap:.45rem;vertical-align:middle;color:var(--gold);white-space:nowrap}
.pot-chip>span{font-size:1.7rem;line-height:1.3}
.pot-pair{display:flex;align-items:center;justify-content:center;gap:1.1rem;padding:1.1rem .4rem;border:1px dashed var(--dim);border-radius:9px;margin-bottom:1rem}
.pot-pair .pot-chip{flex-direction:column;font-size:1rem;gap:.25rem;min-width:60px}
.pot-pair .pot-chip>span{font-size:2.5rem}
.bench-direction{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;color:var(--muted);font-size:.875rem}
.pot-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;list-style:none;padding:0;margin:.5rem 0 1rem}
.pot-slot{border:1px dashed var(--dim);border-radius:9px;min-width:0;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem .15rem}
.pot-slot small{font-size:.875rem;color:var(--muted)}
.pot-slot>span{font-size:1.8rem;color:var(--gold);line-height:1.2}
.pot-slot strong{font-size:.875rem;font-weight:500;overflow-wrap:anywhere}
.pot-slot.filled{background:#51462e;border:1px solid var(--gold)}
.pot-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
.pot-controls .bell{min-height:90px}
@media(max-width:370px){.pot-slots,.pot-controls{gap:.25rem}.pot-slot small{font-size:.8rem}.pot-pair{gap:.6rem}.growing-clues{padding:1rem}}
@media(forced-colors:active){.pot-slot,.pot-pair,.growing-clues{border:1px solid ButtonText}}
@media(max-width:780px){
 .story-art,.is-home .story-art,.is-ending .story-art{height:auto;min-height:0;max-height:none;aspect-ratio:3 / 2}
 .story-art>img{position:absolute;inset:0;object-fit:contain;object-position:center}
 .is-handoff .story-art{height:130px;min-height:130px;max-height:none;aspect-ratio:auto}
 .is-handoff .story-art>img{object-fit:cover}
}
/* Discoveries lead to visible choices, then change a guest's place. */
.picnic-goal{display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding:1rem;margin:1rem 0;border-left:3px solid var(--gold);background:#183e47}.picnic-goal strong{font-size:1.1rem}.picnic-goal span{color:var(--muted)}.search-hotspot.chosen{border:3px solid var(--gold);background:#f1c77d25}.search-hotspot.chosen .spot-marker{display:flex}.search-hotspot{touch-action:manipulation}.picnic-discovery:empty{display:none}.picnic-discovery{display:flex;align-items:center;gap:1rem;margin-top:.8rem;padding:1rem;border:2px solid var(--gold);border-radius:10px;background:#1a3c45}.picnic-discovery>img{width:96px;height:96px;object-fit:cover;border-radius:8px}.picnic-discovery>div{flex:1;min-width:0}.picnic-discovery p{margin:.35rem 0 .7rem;font-size:1rem}.picnic-discovery .btn{min-height:48px;width:100%}.inventory-item{display:flex;align-items:center;gap:.65rem;width:100%}.inventory-item img{width:48px;height:48px;object-fit:cover;border-radius:6px}.inventory-item.selected{border:3px solid var(--gold);padding:calc(.65rem - 2px) calc(.8rem - 2px)}.box-open-label{position:absolute;left:40%;top:78%;padding:.4rem .6rem;background:#173a31;color:#efffde;border:1px solid #abe2ae;border-radius:8px;font-size:.875rem;pointer-events:none}.picnic-table{padding:1rem;border:1px solid var(--line);border-radius:14px;background:#112f38}.table-invitation{font-family:Georgia,serif;font-size:1.3rem;text-align:center;padding:1rem;color:var(--gold)}.guest-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.guest-place{display:flex;flex-direction:column;gap:.6rem;align-items:center;padding:1.2rem .8rem;border:1px solid #6c8c91;border-radius:12px;min-height:270px;color:var(--ink);background:#193f48;font-size:1rem}.guest-place:hover{border-color:var(--gold)}.guest-place.ready{opacity:1;border:2px solid var(--gold);background:#27473f}.guest-place>span{font-size:.94rem}.guest-place .guest-symbol{font-size:2.6rem;line-height:1.2}.guest-place .empty-place{border-top:1px dashed #718688;padding-top:1rem;color:var(--muted);margin-top:auto}.guest-place img{width:80px;height:80px;border-radius:9px;object-fit:cover}.picnic-reveal{text-align:center}.picnic-reveal>img{width:140px;height:140px;object-fit:cover;border-radius:16px;margin-bottom:1rem}.picnic-reveal>.btn{width:100%;margin-top:.65rem}.reveal-mark{display:block;font-size:4rem;color:var(--gold);margin-bottom:1rem}.picnic-riddle p{font-size:1.15rem}.notebook-open .guest-places{visibility:hidden}.workshop-celebration>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}.celebration-copy{padding-top:1.4rem;text-align:center}.celebration-copy h2{font-size:2.5rem;color:var(--gold)}.celebration-copy .btn{width:100%;margin-top:.65rem}.shared-machine{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.2rem 0}.shared-machine>div{border:1px solid var(--line);border-radius:9px;padding:.8rem}.shared-machine strong,.shared-machine span{display:block;font-size:.94rem}.shared-machine span{color:var(--muted);margin-top:.35rem}.workshop-celebration{animation:celebration-in .45s ease-out}.wk-delivered .wk-cup{animation:cup-cheer .6s ease-in-out 2;border-color:var(--gold)!important}.wk-delivered{box-shadow:0 0 32px #f1c77d55}
@keyframes celebration-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes cup-cheer{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(7deg)}}
@media(max-width:780px){.search-toolbar .room-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guest-places{grid-template-columns:1fr}.guest-place{min-height:0;padding:1rem;display:grid;grid-template-columns:60px 1fr;text-align:left;gap:.4rem 1rem}.guest-place .guest-symbol{grid-row:1/3}.guest-place .empty-place{grid-column:1/-1;padding-top:.7rem;margin-top:.2rem}.guest-place img{grid-row:3/5;width:60px;height:60px}.picnic-discovery{gap:.7rem;padding:.75rem}.picnic-discovery>img{width:72px;height:72px}.box-open-label{left:27%;max-width:70%;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.workshop-celebration,.wk-delivered .wk-cup{animation:none}}

/* Home stays within reach; the older save is outside the three current games. */
.topbar{position:sticky;top:0;z-index:10;background:var(--night)}
.earlier-games{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:.7rem}
.earlier-games summary{cursor:pointer;min-height:48px;padding:.75rem 0;color:var(--muted);font-size:1rem}
.earlier-games summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.earlier-games>p{color:var(--muted);margin:.5rem 0 1rem}
@media(min-width:781px){.story-art{top:80px}}
@media(max-width:600px){.brand-navigation:has(.home-button) .wordmark{display:none}}
/* Searching has the same cues with a mouse or a finger. */
.search-picture-frame{position:relative}
.search-board,.search-hotspot{cursor:default}
.search-hotspot:active{border-color:var(--gold);background:#f1c77d25}
.search-tools{margin:.6rem 0}
.search-tools .text-button{border:1px solid #577575;border-radius:9px;padding:.5rem .8rem;color:var(--ink);text-decoration:none}
.search-tools [aria-pressed=true]{background:#4d452f;border-color:var(--gold)}
.search-tap-mark{position:absolute;z-index:3;transform:translate(-50%,-50%);width:42px;height:42px;border:3px solid #f4f1e8;border-radius:50%;box-shadow:0 0 0 2px #102c37;pointer-events:none;animation:search-tap .8s ease-out both}
.search-tap-mark.hit{border-color:var(--gold)}
.search-tap-feedback{position:absolute;z-index:4;bottom:.6rem;left:.6rem;right:.6rem;margin:0;padding:.65rem .8rem;border:1px solid var(--gold);border-radius:9px;background:#102c37f2;color:var(--ink);font-size:1rem;line-height:1.4;pointer-events:none}
.search-tap-feedback[hidden]{display:none}
@keyframes search-tap{from{opacity:1;scale:.7}to{opacity:0;scale:1.3}}
@media(prefers-reduced-motion:reduce){.search-tap-mark{animation:none}}
@media(forced-colors:active){.search-tap-mark,.search-tap-feedback{border-color:Highlight}.search-tap-feedback{background:Canvas;color:CanvasText}}

/* The table contributes a need, while the notebook contributes an object clue. */
.guest-place .guest-note{font-size:1rem;line-height:1.55;color:var(--ink);text-wrap:pretty}
.guest-note small{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.6rem}
.guest-place.ready .guest-note{color:var(--muted);font-size:.94rem}

/* Keep the cover within its grid track even when the source image is wide. */
.story-art{min-width:0}
.story-art:is([data-picture="companions-home.png"],[data-picture="workshop-companions-cover.png"]){height:auto;min-height:0;max-height:none;aspect-ratio:3 / 2}
.story-art:is([data-picture="companions-home.png"],[data-picture="workshop-companions-cover.png"])>img{position:absolute;inset:0;object-fit:contain;object-position:center}

/* The short invitation belongs at the entrance, never over the working surface. */
.opening-note,.wk-intro .opening-note{font-size:1rem;line-height:1.5;color:var(--gold);margin:1rem 0;max-width:36rem}
.is-shelf .scene-content>.eyebrow{letter-spacing:.07em;line-height:1.5}
.is-shelf .scene-content>.story-text{font-size:1rem;line-height:1.6}
body.night-post-open{padding-bottom:0;overflow:hidden}
.night-post-host{position:fixed;inset:var(--safe-top,0px) var(--safe-right,0px) var(--safe-bottom,0px) var(--safe-left,0px);margin:0;padding:0}
#night-post-frame{display:block;width:100%;height:100%;border:0;background:#111f35}
@media(max-width:780px){.opening-note,.wk-intro .opening-note{margin:.8rem 0}.is-shelf .story-art{display:none}.is-shelf .adventure{display:block}.is-shelf .story-panel{padding-top:1rem}}