
/* Lantern & Spine Living Reading House Pass 02 · 2026-08-04 */
:root{
  --ls-gold:#d6ad62;
  --ls-night:#0d130f;
  --ls-moss:#1d4037;
  --ls-paper:#fff9ee;
  --ls-line:#d6c4a4;
}
html{scroll-padding-top:96px}
body{transition:background-color .25s ease}
.language-switch{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px;border:1px solid rgba(242,231,210,.24);border-radius:999px;font-family:var(--ui);font-size:.68rem;letter-spacing:.08em}
.language-switch a{display:grid;place-items:center;min-width:34px;min-height:32px;padding:0 8px;border-radius:999px;color:#d9cbb3;text-decoration:none}
.language-switch a[aria-current="true"]{background:var(--paper);color:var(--ink);font-weight:800}
.language-switch a:focus-visible{outline:3px solid rgba(214,173,98,.45);outline-offset:2px}

.ls-arrival{position:relative;overflow:hidden;background:
 radial-gradient(circle at 80% 18%,rgba(214,173,98,.22),transparent 28%),
 radial-gradient(circle at 10% 88%,rgba(57,100,86,.24),transparent 30%),
 linear-gradient(142deg,#0b0f0d,#14231d 62%,#0d130f);color:var(--paper);padding:84px 0 72px}
.ls-arrival:after{content:"";position:absolute;inset:auto -8% -210px 34%;height:390px;border:1px solid rgba(214,173,98,.25);border-radius:50%;transform:rotate(-8deg)}
.ls-arrival-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:48px;align-items:center;position:relative;z-index:1}
.ls-arrival h1{color:var(--paper);font-size:clamp(3rem,7vw,6.5rem);max-width:940px}
.ls-arrival .lead{color:#e8dcc8;max-width:760px}
.ls-threshold-card{background:rgba(6,10,8,.58);border:1px solid rgba(214,173,98,.4);border-radius:24px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.ls-threshold-card h2{color:#fff6e8;font-size:clamp(1.8rem,3vw,2.6rem)}
.ls-threshold-card p{color:#d8cbb7}
.ls-threshold-languages{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ls-reader-promise{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding-top:18px;border-top:1px solid rgba(242,231,210,.16);font-family:var(--ui);font-size:.76rem;color:#cbbda8}
.ls-reader-promise strong{color:#f0d69b;white-space:nowrap}

.ls-movement{padding:72px 0}
.ls-movement-heading{max-width:800px;margin-bottom:30px}
.ls-movement-heading h2{margin-bottom:.25em}
.ls-chair-zone{background:linear-gradient(180deg,#f4e8d4,#fffaf0)}
.ls-first-choice[hidden],.ls-returning-chair[hidden],.ls-ceremony-unlocked[hidden],.ls-ceremony-locked[hidden]{display:none!important}
.ls-path-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ls-path-choice{position:relative;min-height:390px;padding:32px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.16)}
.ls-path-choice:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.68));z-index:0}
.ls-path-choice>*{position:relative;z-index:1}.ls-path-choice h3{color:#fff;font-size:clamp(2rem,3.8vw,3.4rem)}.ls-path-choice p{color:#f2e7d5;max-width:520px}.ls-path-choice .eyebrow{color:#f2cf88}
.ls-path-choice.adult{background:linear-gradient(140deg,rgba(111,39,50,.48),rgba(17,21,18,.42)),url('/assets/images/romance-english-cover.jpg') center/cover}
.ls-path-choice.young{background:linear-gradient(140deg,rgba(23,53,47,.36),rgba(17,21,18,.48)),url('/assets/images/young-english-cover.jpg') center/cover}

.ls-reader-desk{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:stretch;padding:30px;background:#fffdf8;border:1px solid var(--ls-line);border-radius:24px;box-shadow:var(--small-shadow)}
.ls-reader-spine{position:relative;min-height:240px;border-radius:15px;background:linear-gradient(160deg,#1a3c33,#0f1713);overflow:hidden;border:1px solid #876f43;display:flex;align-items:flex-end}
.ls-reader-spine:before{content:"LANTERN & SPINE";position:absolute;left:50%;top:24px;transform:translateX(-50%);writing-mode:vertical-rl;font-family:var(--ui);font-size:.68rem;letter-spacing:.18em;color:#e9d29f}
.ls-reader-spine-fill{width:100%;min-height:8%;background:linear-gradient(180deg,rgba(214,173,98,.5),rgba(214,173,98,.9));transition:height .35s ease}
.ls-reader-desk h3{font-size:clamp(2rem,3.5vw,3.2rem)}
.ls-reader-next{font-family:var(--ui);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.ls-reader-range{margin-top:-6px;color:var(--muted)}
.ls-progress-track{height:8px;background:#eadcc4;border-radius:999px;overflow:hidden;margin:20px 0 8px}.ls-progress-fill{height:100%;width:0;background:var(--green);transition:width .35s ease}
.ls-reader-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ls-private-status{margin-top:12px;font-family:var(--ui);font-size:.74rem;color:var(--muted)}

.ls-alive-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px}
.ls-table-card,.ls-curator-card,.ls-journal-pulse{border:1px solid var(--ls-line);border-radius:22px;padding:30px;background:#fffdf8;box-shadow:var(--small-shadow)}
.ls-table-card{background:linear-gradient(150deg,#17342d,#0f1713);color:#e8dcc9}.ls-table-card h3{color:#fff6e8}.ls-table-card p{color:#d8cbb7}.ls-table-card .local-note{background:rgba(255,255,255,.07);border-color:rgba(242,231,210,.3);color:#fff}.ls-table-card .note-status,.ls-table-card .text-button,.ls-table-card .local-note-label{color:#d9c9ad}
.ls-curator-card{background:#f3e6d0;border-left:6px solid var(--brass)}
.ls-curator-card h3{color:var(--green)}
.ls-house-ledger{display:grid;gap:12px;margin-top:24px}.ls-house-ledger a{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #d9cbb4;font-family:var(--ui);font-size:.86rem;text-decoration:none}.ls-house-ledger span:last-child{color:var(--brass)}

.ls-afterlight{background:radial-gradient(circle at 15% 15%,rgba(214,173,98,.13),transparent 25%),linear-gradient(145deg,#0b0f0d,#14231d);color:var(--paper)}
.ls-afterlight h2,.ls-afterlight h3{color:var(--paper)}
.ls-ceremony-stage{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:42px;align-items:center}
.ls-chair-visual{position:relative;min-height:420px;display:grid;place-items:center}.ls-chair-visual img{max-height:430px;filter:drop-shadow(0 28px 60px rgba(0,0,0,.45))}
.ls-chair-visual.is-locked:after{content:"";position:absolute;inset:10% 18%;border:1px solid rgba(214,173,98,.35);border-radius:50%;box-shadow:0 0 60px rgba(214,173,98,.08)}
.ls-ceremony-copy p{color:#d8cbb7}.ls-ceremony-links{display:grid;gap:12px;margin-top:24px}.ls-ceremony-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(214,173,98,.35);border-radius:16px;color:#f5e7cf;text-decoration:none;background:rgba(255,255,255,.04)}.ls-ceremony-link strong,.ls-ceremony-link span{display:block}.ls-ceremony-link small{color:#c7b9a4}.ls-ceremony-link:hover{background:rgba(214,173,98,.11);border-color:rgba(214,173,98,.72)}
.ls-lock-note{padding:18px;border:1px solid rgba(214,173,98,.28);border-radius:16px;background:rgba(255,255,255,.04)}
.ls-secondary-nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;font-family:var(--ui);font-size:.84rem}.ls-secondary-nav a{color:#e7d7bd}

.ls-start-hero .ls-adaptive-start{max-width:850px}
.ls-start-state{margin-top:-34px;position:relative;z-index:2}.ls-start-panel{padding:28px;border-radius:22px;background:#fffdf8;border:1px solid var(--ls-line);box-shadow:var(--shadow)}
.ls-start-panel h2{font-size:clamp(2rem,4vw,3.4rem)}
.ls-start-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.ls-start-path{padding:28px;border:1px solid var(--ls-line);border-radius:20px;background:#fffaf0}.ls-start-path.adult{border-top:5px solid var(--adult)}.ls-start-path.young{border-top:5px solid var(--young)}
.ls-start-path .path-count{font-family:var(--ui);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}

.ls-trust-strip{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 17px;border:1px solid #cdbd9e;border-radius:14px;background:#fff7e8;font-family:var(--ui);font-size:.8rem;margin:22px 0}.ls-trust-strip strong{color:var(--green)}
.ls-language-door{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.ls-room-trace{position:relative;margin:0 0 28px;padding:22px 24px;border:1px solid #cdb68e;border-radius:18px;background:#fff7e8;overflow:hidden}
.ls-room-trace:before{content:attr(data-trace-symbol);position:absolute;right:18px;top:-12px;font-family:var(--display);font-size:6rem;line-height:1;color:rgba(49,94,88,.1)}
.ls-room-trace h2{font-size:clamp(1.45rem,2.6vw,2.2rem);margin-bottom:.25em}.ls-room-trace p{margin:.4em 0;max-width:690px}.ls-returned-fragment{font-family:var(--display);font-size:1.2rem;color:var(--green);padding-left:14px;border-left:3px solid var(--brass)}
.ls-returned-fragment[hidden]{display:none}
.ls-carry-forward{margin:-14px 0 30px;padding:18px 20px;border:1px solid #c7b28d;border-radius:16px;background:#fffaf0}.ls-carry-forward label{display:block;font-family:var(--display);font-size:1.2rem;font-weight:700;color:var(--ink)}.ls-carry-forward p{margin:.25em 0 .65em;color:var(--muted);font-family:var(--ui);font-size:.78rem}.ls-carry-row{display:flex;gap:10px;align-items:center}.ls-carry-input{width:100%;min-height:46px;border:1px solid #ab997b;border-radius:12px;padding:.72rem .86rem;background:#fffdf8}.ls-carry-input:focus{outline:3px solid rgba(176,138,75,.28);border-color:var(--green)}.ls-carry-status{font-family:var(--ui);font-size:.72rem;color:var(--muted);margin-top:7px;display:block}
.ls-clue-trail{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.ls-clue{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #9fb8b0;background:#eef4f1;color:#315e58;font-family:var(--ui);font-weight:800;opacity:.42}.ls-clue.is-found{opacity:1;background:#315e58;color:#fff;border-color:#315e58;box-shadow:0 0 0 4px rgba(49,94,88,.09)}
.room-page[data-ls-room*="stage-one"] .room-artifact,.room-page[data-ls-room*="etapa-uno"] .room-artifact{border-left:6px solid #b08a4b}
.room-page[data-ls-room*="stage-two"] .room-artifact,.room-page[data-ls-room*="etapa-dos"] .room-artifact{background:linear-gradient(145deg,#f4ead9,#e6d6bb)}
.room-page[data-ls-room*="stage-two"].has-carried-fragment .room-artifact:before,.room-page[data-ls-room*="etapa-dos"].has-carried-fragment .room-artifact:before{content:"…";position:absolute;left:22px;bottom:-8px;font-family:var(--display);font-size:5rem;color:rgba(111,39,50,.11)}
.room-page[data-ls-room*="stage-three"] .ls-room-trace,.room-page[data-ls-room*="etapa-tres"] .ls-room-trace{background:linear-gradient(145deg,#f0e6d5,#fffaf0);box-shadow:inset 0 0 0 5px rgba(176,138,75,.06)}
.room-page[data-ls-room*="stage-four"] .room-artifact,.room-page[data-ls-room*="etapa-cuatro"] .room-artifact{box-shadow:inset 0 0 0 7px rgba(122,48,64,.06)}
.room-page[data-ls-room*="stage-four"].room-complete .room-artifact,.room-page[data-ls-room*="etapa-cuatro"].room-complete .room-artifact{box-shadow:inset 0 0 0 7px rgba(36,95,70,.15),0 14px 34px rgba(17,21,18,.08)}
.room-page[data-ls-room*="stage-five"] .room-artifact:after,.room-page[data-ls-room*="etapa-cinco"] .room-artifact:after{width:140px;height:230px;border-radius:70px 70px 0 0;border-bottom:0;right:24px;bottom:-42px}
.room-page[data-ls-room*="stage-five"].room-complete .room-artifact:after,.room-page[data-ls-room*="etapa-cinco"].room-complete .room-artifact:after{background:rgba(214,173,98,.08);box-shadow:0 0 45px rgba(214,173,98,.2)}
.room-page[data-ls-room^="young"] .room-body{background:linear-gradient(180deg,#f7f1e5,#edf4f1)}
.room-page[data-ls-room*="room-one"] .clue-card,.room-page[data-ls-room*="sala-uno"] .clue-card{background-image:repeating-linear-gradient(90deg,rgba(49,94,88,.03) 0 22px,rgba(49,94,88,.08) 22px 23px)}
.room-page[data-ls-room*="room-two"] .clue-card,.room-page[data-ls-room*="sala-dos"] .clue-card{border-style:dashed}
.room-page[data-ls-room*="room-three"] .clue-card,.room-page[data-ls-room*="sala-tres"] .clue-card{box-shadow:inset 0 0 0 5px rgba(49,94,88,.06)}
.room-page[data-ls-room*="room-four"].room-complete .seal-mark,.room-page[data-ls-room*="sala-cuatro"].room-complete .seal-mark{box-shadow:0 0 22px rgba(214,173,98,.42)}
.closing-page .ls-room-trace{background:linear-gradient(145deg,#14231d,#0d130f);border-color:#7f6b44;color:#e9ddca}.closing-page .ls-room-trace h2{color:#fff4df}.closing-page .ls-room-trace .ls-returned-fragment{color:#e9c982}
.ls-final-action{border-color:#d6ad62!important;background:#d6ad62!important;color:#111512!important}.ls-final-action[aria-disabled="true"]{opacity:.5;pointer-events:none}

.ls-journal-pulse{margin:28px 0;background:linear-gradient(145deg,#fffaf0,#f0e3ce)}.ls-journal-pulse-grid{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.ls-journal-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #b08a4b;border-radius:50%;font-family:var(--display);font-size:1.5rem;color:var(--green)}

.ls-publication-record{margin-top:14px;border-top:1px solid #dfd0b7;padding-top:12px}.ls-publication-record summary{cursor:pointer;font-family:var(--ui);font-size:.76rem;color:var(--muted)}.ls-publication-record p{font-family:var(--ui);font-size:.75rem;color:var(--muted)}

.ls-chair-page{margin:0;background:#090d0b;color:#f3e8d4;font-family:var(--ui);height:100vh;overflow:hidden}.ls-chair-shell{height:100vh;display:grid;grid-template-rows:auto 1fr;background:#090d0b}.ls-chair-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid rgba(214,173,98,.3);background:#0d130f}.ls-chair-brand{font-family:var(--display);font-weight:700;letter-spacing:.08em}.ls-chair-tools{display:flex;align-items:center;gap:12px;font-size:.75rem}.ls-chair-tools a{color:#ead9bc}.ls-chair-frame{width:100%;height:100%;border:0;background:#0d130f}.ls-chair-fallback{position:fixed;right:18px;bottom:18px;z-index:5;max-width:310px;padding:12px 14px;border:1px solid rgba(214,173,98,.35);border-radius:12px;background:rgba(9,13,11,.9);font-size:.72rem;color:#cdbfa8}.ls-chair-fallback a{color:#f0d69b}

@media(max-width:960px){.ls-arrival-grid,.ls-alive-grid,.ls-ceremony-stage{grid-template-columns:1fr}.ls-threshold-card{max-width:620px}.ls-chair-visual{min-height:300px}.ls-chair-visual img{max-height:330px}}
@media(max-width:760px){.language-switch{margin-left:0}.header-inner{gap:10px}.ls-arrival{padding:58px 0 52px}.ls-path-choices,.ls-start-paths{grid-template-columns:1fr}.ls-path-choice{min-height:340px}.ls-reader-desk{grid-template-columns:1fr}.ls-reader-spine{min-height:130px}.ls-reader-spine:before{writing-mode:horizontal-tb;top:18px}.ls-trust-strip{align-items:flex-start;flex-direction:column}.ls-journal-pulse-grid{grid-template-columns:auto 1fr}.ls-journal-pulse-grid .btn{grid-column:1/-1}.ls-carry-row{flex-direction:column;align-items:stretch}.ls-chair-bar{align-items:flex-start}.ls-chair-tools{flex-wrap:wrap;justify-content:flex-end}.ls-chair-fallback{left:12px;right:12px;bottom:12px;max-width:none}}
@media(max-width:520px){.language-switch{order:2}.site-nav{order:4}.nav-toggle{order:3}.ls-movement{padding:54px 0}.ls-path-choice{padding:24px}.ls-reader-desk{padding:22px}.ls-alive-grid .ls-table-card,.ls-alive-grid .ls-curator-card{padding:24px}.ls-room-trace{padding:20px}.ls-ceremony-stage{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Pass 02 mobile containment repair */
.ls-ceremony-stage>*{min-width:0}
.ls-chair-visual{width:100%;min-width:0}
.ls-chair-visual img{display:block;width:min(100%,420px);height:auto;margin-inline:auto}
@media(max-width:760px){
  .header-inner{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .brand{max-width:calc(100% - 66px)}
  .nav-toggle{order:2;margin-left:auto}
  .language-switch{order:3;width:100%;margin:0;justify-content:center}
  .site-nav{order:4;width:100%}
}
.site-map-group a{overflow-wrap:anywhere;word-break:break-word}
