:root{--color-ground:#1f1830;--color-ground-glow:#3a2a55;--color-surface:#fff8ec;--color-surface-raised:#fff;--color-surface-sunken:#f5ead8;--color-text:#2b2233;--color-text-secondary:#685a74;--color-border:#2b22331f;--color-accent:#6c5ce7;--color-accent-hover:#5a4ad6;--color-accent-contrast:#fff;--color-highlight:#ffd35c;--color-hud-bg:#1a1428b8;--color-hud-bg-hover:#2e2444e6;--color-hud-text:#fff8ec;--color-hud-border:#fff8ec24;--color-focus:#ffd35c;--color-backdrop:#140e2059;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--radius-card:20px;--radius-pill:999px;--panel-width:min(480px, 44vw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--color-hud-text);background:radial-gradient(ellipse 70% 60% at 50% 55%, var(--color-ground-glow) 0%, transparent 70%), var(--color-ground);overscroll-behavior:none;margin:0;font-size:15px;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}kbd{min-width:1.6em;font:600 .78em/1.6 var(--font-body);background:#fff8ec24;border-radius:6px;place-items:center;margin-inline-end:.15em;padding:0 .35em;display:inline-grid;box-shadow:inset 0 -1.5px #00000040}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:50;border-radius:var(--radius-pill);background:var(--color-highlight);color:var(--color-text);padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.stage{position:fixed;inset:0}.world{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.world canvas{display:block}.hud{z-index:20;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.hud>*{pointer-events:auto}.brand{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.01em;color:var(--color-hud-text);pointer-events:none;text-shadow:0 1px 8px #00000059;padding-block-start:6px;font-size:20px;font-weight:700}.brand-mark{color:var(--color-highlight)}.hud-buttons{gap:8px;display:flex}.hud-btn{border:1px solid var(--color-hud-border);border-radius:var(--radius-pill);background:var(--color-hud-bg);min-width:44px;height:44px;color:var(--color-hud-text);transition:transform .16s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.hud-btn:hover{background:var(--color-hud-bg-hover)}.hud-btn:active{transform:scale(.95)}.hud-btn[aria-pressed=true]{color:var(--color-highlight)}.hud-btn-label span{font-size:14px;font-weight:600}.popover{background:var(--color-surface);width:min(320px,100vw - 32px);color:var(--color-text);transform-origin:100% 0;animation:pop-in .28s var(--ease-spring);border-radius:22px;padding:20px;position:absolute;inset-block-start:calc(max(14px, env(safe-area-inset-top)) + 54px);inset-inline-end:max(16px, env(safe-area-inset-right));box-shadow:0 18px 50px -12px #0a06148c}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(-6px)}}.pop-title{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;text-wrap:balance;margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.15}.pop-note{color:var(--color-text-secondary);text-wrap:pretty;margin:12px 0 0;font-size:14px}.controls{gap:8px;margin:0;display:grid}.controls div{justify-content:space-between;gap:16px;font-size:14px;display:flex}.controls dt{white-space:nowrap;font-weight:600}.controls dd{color:var(--color-text-secondary);text-align:end;margin:0}.popover kbd{background:var(--color-surface-sunken);color:var(--color-text);box-shadow:inset 0 -1.5px 0 var(--color-border)}.section-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.section-links button{text-align:start;background:var(--color-surface-sunken);width:100%;transition:transform .16s var(--ease-out);border:0;border-radius:14px;padding:12px 14px;display:grid}.section-links button:hover{background:#efe2cc}.section-links button:active{transform:scale(.98)}.section-link-title{font-size:16px;font-weight:600}.section-link-kicker{color:var(--color-text-secondary);font-size:13px}.switch{cursor:pointer;align-items:center;gap:10px;margin-block-start:16px;font-size:14px;font-weight:500;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:#d9ccb8;border-radius:999px;flex:none;width:38px;height:22px;transition:background-color .16s;position:relative}.switch-thumb{width:16px;height:16px;transition:transform .28s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.switch-track{background:var(--color-accent)}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:3px solid var(--color-focus);outline-offset:2px}.prompt-anchor{z-index:10;pointer-events:none;will-change:transform;position:absolute;inset-block-start:0;inset-inline-start:0}.prompt{transform-origin:bottom;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s var(--ease-out), transform .32s var(--ease-spring);border:0;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 6px))scale(.6);box-shadow:0 8px 24px -6px #0a06148c}.prompt:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;inset-block-end:-5px;inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}.prompt[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%,calc(-100% - 6px))scale(1)}.prompt-label{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:17px;font-weight:700}.prompt-key{background:var(--color-accent);min-width:26px;height:26px;color:var(--color-accent-contrast);border-radius:8px;place-items:center;padding:0 7px;font-size:13px;font-weight:700;display:inline-grid;box-shadow:inset 0 -2px #0003}.prompt-verb{color:var(--color-text-secondary);padding-inline-end:6px;font-size:13px;font-weight:500}.prompt[data-section=yes] .prompt-key{background:var(--color-accent)}.prompt[data-section=no] .prompt-key{background:#e0607e}.tutorial{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px;display:flex;position:absolute;inset-block-end:max(24px, env(safe-area-inset-bottom));inset-inline:0}.hint{border-radius:var(--radius-pill);background:var(--color-hud-bg);border:1px solid var(--color-hud-border);white-space:nowrap;animation:hint-in .48s var(--ease-spring) both;padding:8px 16px;font-size:14px;font-weight:500}.hint:nth-child(2){animation-delay:.12s}.tutorial[data-phase=out] .hint{opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);animation:none;transform:translateY(8px)}@keyframes hint-in{0%{opacity:0;transform:translateY(12px)scale(.94)}}.loader{z-index:30;background:var(--color-ground);color:var(--color-hud-text);font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;transition:opacity .6s var(--ease-out), visibility 0s .6s;place-content:center;justify-items:center;gap:16px;font-size:18px;display:grid;position:fixed;inset:0}.loader p{margin:0}.loader[data-done=true]{opacity:0;visibility:hidden}.loader-flame{background:radial-gradient(circle at 50% 70%,#fff6c9 0 25%,#ffd35c 45%,#ff7a3d 80%);border-radius:50%/60% 60% 40% 40%;width:22px;height:30px;animation:1.2s ease-in-out infinite alternate flicker;box-shadow:0 0 40px 12px #ffa04659}@keyframes flicker{to{transform:scale(.9,1.08)rotate(3deg)}}.panel{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.panel::backdrop{background:linear-gradient(90deg, transparent 30%, var(--color-backdrop));animation:fade-in .3s var(--ease-out)}.panel[data-closing=true]::backdrop{opacity:0;transition:opacity .24s}@keyframes fade-in{0%{opacity:0}}.sheet{width:var(--panel-width);background:var(--color-surface);animation:sheet-in .46s var(--ease-spring) both;border-radius:28px;flex-direction:column;display:flex;position:absolute;inset-block:12px;inset-inline-end:12px;overflow:hidden;box-shadow:0 30px 80px -20px #0a0614b3}.panel[data-closing=true] .sheet{animation:sheet-out .24s var(--ease-out) both}@keyframes sheet-in{0%{opacity:0;transform:translate(40px)scale(.97)}}@keyframes sheet-out{to{opacity:0;transform:translate(40px)scale(.98)}}.panel-header{background:radial-gradient(120% 90% at 0% 0%, var(--panel-tint,#efe4ff) 0%, transparent 70%), var(--color-surface);justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 20px;display:flex;position:relative}.panel[data-section=books]{--panel-tint:#ffe1ea}.panel[data-section=recipes]{--panel-tint:#d9f7e6}.panel[data-section=shows]{--panel-tint:#e8e0ff}.panel-kicker{color:var(--color-text-secondary);margin:0 0 4px;font-size:13px;font-weight:600}.panel-title{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(52px,7vw,84px);font-weight:800;line-height:.92}.panel-blurb{color:var(--color-text-secondary);text-wrap:pretty;max-width:36ch;margin:12px 0 0}.panel-close{width:52px;color:var(--color-text);transition:transform .16s var(--ease-out);background:#2b22330f;border:0;border-radius:16px;flex:none;justify-items:center;gap:2px;padding:10px 0 6px;display:grid}.panel-close:hover{background:#2b22331a}.panel-close:active{transform:scale(.95)}.panel-close-hint{color:var(--color-text-secondary);font-size:11px;font-weight:600}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:4px 28px 32px;overflow-y:auto}.panel-loading{color:var(--color-text-secondary)}.filters{scrollbar-width:none;gap:8px;margin:0 -2px;padding:4px 2px 20px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);white-space:nowrap;transition:transform .16s var(--ease-out);flex:none;padding:7px 14px;font-size:13px;font-weight:500}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{background:var(--color-text);color:var(--color-surface);border-color:#0000}.grid{gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:0 1px 0 var(--color-border), 0 8px 24px -16px #2b223359;animation:card-in .52s var(--ease-spring) both;animation-delay:calc(var(--i,0) * 45ms + .12s);gap:16px;padding:14px;display:grid;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.card-text{min-width:0}.card-kicker{color:var(--color-text-secondary);margin:0 0 2px;font-size:12px;font-weight:600}.card-title{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:20px;font-weight:700;line-height:1.15}.card-meta{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.card-desc{text-wrap:pretty;margin:8px 0 0;font-size:14px}.rating{color:#f0a52c;align-items:center;gap:1px;margin-block-start:6px;display:inline-flex}.rating-num{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:6px;font-size:12px;font-weight:600}.tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tags li{border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-secondary);white-space:nowrap;padding:2px 10px;font-size:12px;font-weight:500}.card-book{grid-template-columns:96px 1fr;align-items:start}.cover{aspect-ratio:2/3;background:linear-gradient(90deg, #00000038 0 7%, #ffffff29 7% 9%, transparent 9%), linear-gradient(160deg, var(--c1), var(--c2));transition:transform .42s var(--ease-spring);transform-origin:0;border-radius:6px 12px 12px 6px;align-content:space-between;padding:10px 8px 10px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 18px -10px #2b223399,inset 0 0 0 1px #00000014}.card-book:hover .cover{transform:perspective(500px)rotateY(-14deg)translate(-2px)}.cover-glyph{filter:drop-shadow(0 2px 2px #0003);font-size:26px;line-height:1}.cover-title{font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #00000059;text-wrap:balance;font-size:11px;font-weight:700;line-height:1.15}.card-show{grid-template-columns:110px 1fr;align-items:start}.poster{aspect-ratio:3/4;background:radial-gradient(circle at 50% 38%, #ffffff59 0 18%, transparent 45%), linear-gradient(170deg, var(--c1), var(--c2));border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #00000014}.poster-glyph{filter:drop-shadow(0 3px 4px #00000040);font-size:40px}.card-recipe{grid-template-columns:88px 1fr;align-items:start}.recipe-art{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--c1), var(--c2));box-shadow:0 10px 20px -12px var(--c2), inset 0 -6px 12px #0000001f;border-radius:50%;place-items:center;display:grid}.recipe-glyph{font-size:38px}.difficulty{align-items:center;gap:3px;display:inline-flex}.dot{background:var(--color-border);border-radius:50%;width:7px;height:7px}.dot[data-on=true]{background:#4fae6a}.difficulty>span:last-child{margin-inline-start:4px}.btn-open{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-contrast);transition:transform .16s var(--ease-out);border:0;margin-block-start:12px;padding:8px 16px;font-size:14px;font-weight:600}.btn-open:hover{background:var(--color-accent-hover)}.btn-open:active{transform:scale(.96)}.btn-open[aria-expanded=true]{background:var(--color-surface-sunken);color:var(--color-text)}.recipe-body{perspective:900px;grid-column:1/-1}.recipe-page{box-shadow:inset 0 0 0 1px var(--color-border);transform-origin:top;animation:page-open .56s var(--ease-spring) both;background:repeating-linear-gradient(#0000 0 27px,#6c5ce714 27px 28px),#fffdf6;border-radius:16px;gap:20px;padding:20px;display:grid}@keyframes page-open{0%{opacity:0;transform:rotateX(-70deg)}}.recipe-page h4{font-family:var(--font-display);margin:0 0 8px;font-size:17px;font-weight:700}.ingredients,.steps{margin:0;padding-inline-start:20px;font-size:14px;line-height:1.75}.steps li{text-wrap:pretty;margin-block-end:6px;padding-inline-start:4px}.ingredients li::marker{content:"✦  ";color:#4fae6a;font-size:10px}@media (min-width:700px){.recipe-page{grid-template-columns:1fr 1.3fr}}@media (max-width:699px){.brand{font-size:17px}.hud-btn-label span{display:none}.hud-btn-label{padding:0}.sheet{width:100%;height:88dvh;border-radius:28px 28px 0 0;padding-block-end:env(safe-area-inset-bottom);animation-name:sheet-up;inset-block:auto 0;inset-inline:0}.panel[data-closing=true] .sheet{animation-name:sheet-down}.panel::backdrop{background:var(--color-backdrop)}.panel-header{padding:22px 20px 16px}.panel-body{padding:4px 20px 28px}.panel-close-hint{display:none}.card-book{grid-template-columns:80px 1fr}.card-show{grid-template-columns:88px 1fr}.card-recipe{grid-template-columns:72px 1fr}}@keyframes sheet-up{0%{opacity:0;transform:translateY(60px)}}@keyframes sheet-down{to{opacity:0;transform:translateY(80px)}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}