:root{--ink:#140d07;--paper:#ece0c8;--muted:#ece0c89e;--line:#ece0c833;--jac:#c79a4e;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;background:#120c06;overflow:hidden}#scene{outline:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.overlay{z-index:20;text-align:center;background:radial-gradient(120% 120% at 50% 20%,#c79a4e33,#0000 55%),linear-gradient(#241a0e 0%,#120c06 100%);place-items:center;padding:24px;transition:opacity 1s,filter 1s,transform 1s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.hidden{opacity:0;pointer-events:none}#intro.go{opacity:0;filter:blur(9px)brightness(1.35);pointer-events:none;transform:scale(1.12)}.intro-inner{flex-direction:column;align-items:center;gap:.55rem;max-width:30rem;display:flex}.sitename{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.title{letter-spacing:-.02em;margin:.1rem 0 .15rem;font-size:clamp(2.4rem,9vw,4.2rem);font-weight:600;line-height:1}.place{font-family:var(--mono);color:var(--muted);font-size:.85rem}.enter{font-family:var(--mono);letter-spacing:.04em;color:var(--paper);border:1px solid var(--jac);cursor:pointer;background:#c79a4e29;border-radius:999px;margin-top:1.4rem;padding:.7rem 1.5rem;font-size:.9rem;transition:background .2s,transform .2s,opacity .2s}.enter:hover{background:#c79a4e57;transform:translateY(-1px)}.enter:disabled{opacity:.4;cursor:progress;border-color:var(--line);background:0 0}.legend{font-family:var(--mono);color:var(--muted);flex-direction:column;gap:.35rem;margin-top:1.5rem;font-size:.78rem;list-style:none;display:flex}.legend b{color:var(--paper);font-weight:600}.legend-controls{opacity:.62;font-size:.68rem}.loadline{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);min-height:1em;margin-top:1.6rem;font-size:.72rem}.hud{z-index:10;pointer-events:none;transition:opacity .8s;position:fixed;top:0;bottom:0;left:0;right:0}.hud.hidden{opacity:0;pointer-events:none}.chip{font-family:var(--mono);letter-spacing:.02em;color:var(--paper);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);background:#0e14106b;border-radius:999px;padding:.45rem .85rem;font-size:.74rem;position:fixed}.place-chip{top:max(16px, env(safe-area-inset-top));left:16px}.sound{top:max(16px, env(safe-area-inset-top));pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s,border-color .2s;right:16px}.sound[aria-pressed=true]{color:var(--jac);border-color:var(--jac)}.hint{left:50%;bottom:max(18px, env(safe-area-inset-bottom));font-family:var(--mono);color:var(--muted);text-align:center;text-shadow:0 1px 8px #00000080;max-width:92vw;padding:0 16px;font-size:.7rem;transition:opacity 1.2s;position:fixed;transform:translate(-50%)}.hint.fade{opacity:0}.hint .touch{display:none}@media (pointer:coarse){.hint .kb{display:none}.hint .touch{display:inline}}.sig{right:16px;bottom:max(16px, env(safe-area-inset-bottom));font-family:var(--mono);color:var(--muted);pointer-events:auto;font-size:.7rem;text-decoration:none;position:fixed}.sig:hover{color:var(--paper)}@media (max-width:640px){.hint{font-size:.62rem}.legend{font-size:.72rem}}.cinematic{z-index:30;pointer-events:none;background:radial-gradient(125% 95% at 50% 52%,#0000 38%,#080c0999 100%);place-items:center;transition:opacity 1.1s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.cinematic.hidden{opacity:0}.cinematic:not(.hidden){pointer-events:auto}.cine-title{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex;position:relative}.cine-title:before{content:"";filter:blur(12px);z-index:-1;pointer-events:none;background:radial-gradient(#080c099e,#080c094d 46%,#0000 72%);width:min(88vw,1000px);height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cine-name{font-family:var(--sans);letter-spacing:.42em;color:var(--paper);text-shadow:0 6px 44px #00000080;opacity:0;padding-left:.42em;font-size:clamp(2.6rem,12vw,7rem);font-weight:700;line-height:1;animation:1.5s cubic-bezier(.2,.7,.2,1) .25s forwards cineIn;transform:scale(1.05)}.cine-sub{font-family:var(--mono);letter-spacing:.3em;text-transform:lowercase;color:#f4f1e8eb;text-shadow:0 2px 18px #000000d9,0 0 5px #0009;opacity:0;font-size:clamp(.72rem,2.4vw,.95rem);animation:1.2s 1.05s forwards cineIn}@keyframes cineIn{to{opacity:1;transform:none}}.skip{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;cursor:pointer;font-family:var(--mono);letter-spacing:.04em;color:var(--muted);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);opacity:0;background:#0e14106b;border-radius:999px;padding:.5rem 1rem;font-size:.74rem;transition:color .2s,border-color .2s;animation:.6s .5s forwards cineIn;position:fixed}.skip:hover{color:var(--paper);border-color:var(--paper)}.card{z-index:15;left:50%;bottom:max(58px, calc(env(safe-area-inset-bottom) + 52px));-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-left:3px solid var(--accent,#cdb9f2);pointer-events:none;opacity:0;background:#0d130fa8;border-radius:16px;align-items:flex-start;gap:.95rem;width:min(31rem,92vw);padding:.95rem 1.15rem 1.05rem;transition:opacity .4s,transform .4s;display:flex;position:fixed;transform:translate(-50%)translateY(12px);box-shadow:0 20px 54px #0000006b}.card:not(.hidden){opacity:1;transform:translate(-50%)translateY(0)}.card-emoji{filter:drop-shadow(0 2px 6px #0006);flex:none;font-size:2rem;line-height:1.15}.card-body{flex:1;min-width:0}.card-kicker{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent,#cdb9f2);margin-bottom:.18rem;font-size:.62rem}.card-name{letter-spacing:-.01em;font-size:1.16rem;font-weight:600;line-height:1.15}.card-text{color:var(--muted);margin-top:.3rem;font-size:.85rem;line-height:1.42}.card-link{pointer-events:auto;font-family:var(--mono);letter-spacing:.02em;color:var(--paper);background:var(--accent,#cdb9f2);filter:saturate(.9);border-radius:999px;align-items:center;gap:.35rem;margin-top:.75rem;padding:.4rem .9rem;font-size:.78rem;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex}.card-link:hover{filter:saturate(1.15)brightness(1.08);transform:translateY(-1px)}.card-link.hidden,.card.hidden .card-link{display:none}@media (pointer:coarse){.card-link{min-height:44px;padding:.6rem 1.2rem;font-size:.85rem}.skip{min-height:44px;padding:.7rem 1.25rem;font-size:.82rem}}@media (max-width:640px){.card-name{font-size:1.05rem}.card-text{font-size:.8rem}}.epigraph{color:#ece0c8c7;border-left:2px solid var(--jac);text-align:left;max-width:27rem;margin:1.1rem auto .3rem;padding:.1rem 0 .1rem .95rem;font-family:Georgia,Times New Roman,serif;font-size:.92rem;font-style:italic;line-height:1.5}.epigraph-cite{font-style:normal;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.4rem;font-size:.66rem;display:block}.card-open{pointer-events:auto;font-family:var(--mono);letter-spacing:.04em;color:var(--accent,#cdb9f2);background:color-mix(in srgb, var(--accent,#cdb9f2) 14%, transparent);border:1px solid var(--accent,#cdb9f2);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;margin-top:.8rem;padding:.45rem .95rem;font-size:.76rem;transition:background .18s,transform .18s;display:inline-flex}.card-open:hover{background:color-mix(in srgb, var(--accent,#cdb9f2) 26%, transparent);transform:translateY(-1px)}.book{z-index:40;place-items:center;padding:4vh 14px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.book.hidden{display:none}.book-backdrop{-webkit-backdrop-filter:blur(3px);cursor:pointer;background:radial-gradient(120% 120% at 50% 38%,#181008bd,#080603eb);position:absolute;top:0;bottom:0;left:0;right:0}.book-spread{--ink:#3a2616;--ink-strong:#1c130a;--brass-ink:#8a5a22;transform-origin:50% 60%;border-radius:7px;grid-template-columns:1fr 1fr;width:min(940px,95vw);height:min(600px,84vh);font-family:Georgia,Times New Roman,serif;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px #0009,inset 0 2px #fff5de4d}.book:not(.hidden) .book-spread{animation:.5s cubic-bezier(.2,.7,.2,1) bookOpen}.book-spread:before{content:"";background:var(--accent,#c79a4e);z-index:3;height:5px;position:absolute;top:0;left:0;right:0}.book-spread:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#3c281433 46%,#281a0c52 50%,#3c281433 54%,#0000);width:46px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes bookOpen{0%{transform:perspective(1700px)rotateX(13deg)scale(.93)}to{transform:perspective(1700px)rotateX(0)scale(1)}}.page{-webkit-overflow-scrolling:touch;color:var(--ink);padding:clamp(1.5rem,3.4vw,2.7rem);overflow-y:auto}.page-left{background:linear-gradient(105deg,#f4e9d0 0%,#e7d8b6 100%)}.page-right{background:linear-gradient(255deg,#f4e9d0 0%,#e7d8b6 100%);flex-direction:column;gap:1.05rem;display:flex}.page-kicker{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-ink);margin-bottom:.5rem;font-size:.64rem}.page-title{letter-spacing:-.01em;color:var(--ink-strong);margin-bottom:.5rem;font-size:clamp(1.7rem,4.2vw,2.5rem);font-weight:700;line-height:1.05}.page-title:after{content:"";background:var(--accent,#c79a4e);border-radius:2px;width:2.2rem;height:3px;margin-top:.7rem;display:block}.page-lead p{margin-top:.85rem;font-size:clamp(.96rem,2.1vw,1.06rem);line-height:1.62}.page-lead p:first-child{margin-top:.2rem}.page-quote{color:var(--ink-strong);border-left:3px solid var(--accent,#c79a4e);padding-left:1rem;font-size:clamp(1.05rem,2.4vw,1.28rem);font-style:italic;line-height:1.5}.page-cite{font-family:var(--mono);letter-spacing:.06em;color:var(--brass-ink);font-size:.66rem;line-height:1.5}.page-meta{flex-direction:column;gap:.7rem;display:flex}.meta-row{border-top:1px solid #5a3d2247;padding-top:.55rem}.meta-row dt{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-ink);margin-bottom:.15rem;font-size:.6rem}.meta-row dd{color:var(--ink-strong);font-size:1rem}.page-list-title{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-ink);font-size:.62rem}.page-list{flex-direction:column;gap:.85rem;margin-top:-.2rem;list-style:none;display:flex}.page-list li{align-items:flex-start;gap:.7rem;display:flex}.pl-emoji{flex:none;font-size:1.4rem;line-height:1.1}.pl-body{flex-direction:column;display:flex}.pl-name{color:var(--ink-strong);font-size:1.02rem;font-weight:700}.pl-note{color:var(--ink);opacity:.82;font-size:.86rem;line-height:1.4}.page-exlibris{opacity:.9;flex-direction:column;align-items:center;gap:.6rem;margin:auto auto .4rem;display:flex}.ex-emoji{filter:drop-shadow(0 3px 8px #3c28144d);font-size:3.4rem}.ex-kind{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-ink);font-size:.64rem}.page-link{font-family:var(--mono);letter-spacing:.03em;color:#f4ead0;border:1px solid var(--accent,#c79a4e);background:#241509;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;padding:.55rem 1.15rem;font-size:.8rem;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.page-link:hover{background:#34200c;transform:translateY(-1px)}.book-close{z-index:4;pointer-events:auto;cursor:pointer;font-family:var(--mono);letter-spacing:.04em;color:#f4ead0;background:#1c130aa8;border:1px solid #f4ead066;border-radius:999px;padding:.4rem .85rem;font-size:.7rem;transition:background .18s;position:absolute;top:12px;right:14px}.book-close:hover{background:#1c130ae6}@media (max-width:720px){.book-spread{grid-template-rows:auto auto;grid-template-columns:1fr;width:95vw;height:auto;max-height:88vh;overflow-y:auto}.book-spread:after{display:none}.page{overflow-y:visible}.page-left{border-bottom:1px solid #5a3d2247}}@media (pointer:coarse){.card-open{min-height:44px;padding:.6rem 1.2rem;font-size:.82rem}.book-close{min-height:40px;padding:.55rem 1rem}.page-link{min-height:44px}}@media (prefers-reduced-motion:reduce){.overlay,.hud,.cinematic,.card,.book{transition:none}.cine-name,.cine-sub,.skip,.book-spread{animation-duration:10ms}}