:root{--bg:#f4efe3;--bg-deep:#e9e1d0;--surface:#fffdf7;--surface-2:#fbf6ea;--text:#221d16;--text-2:#574c3d;--text-3:#71634f;--text-4:#9a8c76;--line:#221d1624;--line-2:#221d1612;--accent:#8a6520;--accent-lift:#6f4f15;--accent-mid:#9c7530;--accent-soft:#8a65204d;--accent-faint:#8a65201c;--on-accent:#fffdf7;--slip:#fffaee;--slip-ink:#241e15;--slip-body:#4c4133;--slip-mute:#7c6e5c;--slip-mark:#8a5a1e;--slip-rule:#2a231b24;--veil:#f4efe3e6;--veil-cover:#f4efe3a8;--scrim:linear-gradient(to top, #f4efe3f5 0%, #f4efe3ad 46%, transparent 100%);--shade:#221d160f;--lift-1:0 4px 14px #3c301e1a;--lift-2:0 10px 28px #3c301e24;--lift-3:0 18px 44px #3c301e2e;--jade:#4f7a68;--violet:#6f5f8c;--seal:#b6382b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a0908;--bg-deep:#050404;--surface:#171310;--surface-2:#221c15;--text:#f2ece0;--text-2:#f2ece0b3;--text-3:#f2ece094;--text-4:#f2ece057;--line:#f2ece021;--line-2:#f2ece012;--accent:#d3aa63;--accent-lift:#e6c286;--accent-mid:#8a6c3c;--accent-soft:#d3aa6357;--accent-faint:#d3aa6321;--on-accent:#241a0c;--slip:#f0e7d5;--slip-ink:#2a231b;--slip-body:#4c4133;--slip-mute:#6f6152;--slip-mark:#8a5a1e;--slip-rule:#2a231b24;--veil:#080605e6;--veil-cover:#0806059e;--scrim:linear-gradient(to top, #050403eb 0%, #0504039e 46%, transparent 100%);--shade:#f2ece012;--lift-1:0 6px 18px #00000057;--lift-2:0 14px 36px #00000075;--lift-3:0 22px 56px #0000008f;--jade:#7f9a8e;--violet:#9184a6;--seal:#b6382b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--serif:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--sans:"PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"SFMono-Regular", "JetBrains Mono", "Cascadia Mono", Consolas, monospace;--fs-mark:11px;--fs-mini:12px;--fs-tiny:13px;--fs-base:15px;--fs-mid:16px;--fs-read:clamp(17px, 1.9vw, 21px);--fs-lede:clamp(19px, 2.4vw, 25px);--fs-head:clamp(22px, 2.8vw, 30px);--fs-hero:clamp(30px, 4.6vw, 48px);--fs-boot:clamp(34px, 6vw, 64px);--lh-tight:1.4;--lh-body:1.8;--lh-loose:2.1;--ls-tight:.02em;--ls-base:.06em;--ls-wide:.14em;--ls-vast:.3em;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--edge:clamp(18px, 3vw, 44px);--dock-h:0px;--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);--sa-right:env(safe-area-inset-right,0px);--pad-top:calc(var(--edge) + var(--sa-top));--pad-bottom:calc(var(--edge) + var(--sa-bottom));--pad-left:calc(var(--edge) + var(--sa-left));--pad-right:calc(var(--edge) + var(--sa-right));--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-full:999px;--hair:inset 0 0 0 1px var(--line);--hair-gold:inset 0 0 0 1px var(--accent-soft);--t-fast:.14s;--t-base:.26s;--t-slow:.48s;--t-veil:.72s;--ease:cubic-bezier(.16, .84, .44, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.2, 1.25, .5, 1);--z-chrome:30;--z-nav:32;--z-note:34;--z-toast:40;--z-cover:45;--z-overlay:50;--z-menu:60;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E")}html,body{transition:background-color var(--t-slow) var(--ease), color var(--t-slow) var(--ease)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}h1,h2,h3,h4,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit}svg{display:block}.ico{stroke:currentColor;fill:none;flex:none;width:1em;height:1em}::selection{background:var(--accent-soft)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.scroll::-webkit-scrollbar{width:3px;height:3px}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-full)}.scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.eyebrow{font-size:var(--fs-mark);letter-spacing:var(--ls-wide);color:var(--text-3)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.arrow{opacity:1}}.cover{z-index:var(--z-cover);transition:opacity var(--t-veil) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.cover.gone{opacity:0;pointer-events:none}.cover-bg,.cover-veil{transition:opacity 1.1s var(--ease);position:absolute;inset:0}.cover-bg{background:radial-gradient(ellipse 64% 46% at 50% 52%, var(--surface) 0%, var(--bg) 74%)}.cover-veil{opacity:0;background:var(--veil-cover);-webkit-backdrop-filter:blur(13px)saturate(1.06);backdrop-filter:blur(13px)saturate(1.06)}.cover[data-ready="1"] .cover-bg{opacity:0}.cover[data-ready="1"] .cover-veil{opacity:1}.cover-inner{text-align:center;padding:var(--s7) var(--s6);position:relative}.cover-inner:before{content:"";background:radial-gradient(ellipse 52% 50% at 50% 46%, var(--veil) 0%, transparent 72%);pointer-events:none;position:absolute;inset:-10% -14%}.cover-inner>*{position:relative}.cover-eyebrow{font-size:var(--fs-mark);letter-spacing:var(--ls-vast);text-indent:var(--ls-vast);color:var(--accent);margin-bottom:var(--s3);animation:rise 1.4s var(--ease) both}.cover-title{font-family:var(--serif);font-weight:600;font-size:var(--fs-boot);letter-spacing:.34em;text-indent:.34em;color:var(--text);animation:rise 1.6s .12s var(--ease) both;line-height:1.16}.cover-sub{font-size:var(--fs-mini);letter-spacing:var(--ls-vast);text-indent:var(--ls-vast);color:var(--text-3);animation:rise 1.6s .28s var(--ease) both}.cover-rule{width:min(168px,38vw);height:1px;margin:var(--s5) auto;background:var(--line);overflow:hidden}.cover-rule i{background:var(--accent);width:0;height:100%;transition:width var(--t-slow) var(--ease), background var(--t-slow) var(--ease);display:block}.cover[data-ready="1"] .cover-rule i{background:var(--accent-soft)}.cover-foot{min-height:132px;margin-top:var(--s6);flex-direction:column;justify-content:center;align-items:center;display:flex}.cover-msg{font-size:var(--fs-mark);letter-spacing:var(--ls-wide);color:var(--text-3);min-height:1.4em}.cover-msg.bad{color:var(--seal)}.cover-act{align-items:center;gap:var(--s2);animation:rise var(--t-slow) var(--ease) both;flex-direction:column;display:flex}.cover-alt{align-items:center;gap:var(--s2);display:flex}.cover-meta{margin-top:var(--s3);max-width:30em;font-size:var(--fs-mark);line-height:var(--lh-tight);letter-spacing:var(--ls-wide);color:var(--text-3)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.backbtn{top:var(--pad-top);left:var(--pad-left);z-index:calc(var(--z-overlay) + 5);align-items:center;gap:var(--s2);padding:9px var(--s4) 9px var(--s3);border-radius:var(--r-full);font-size:var(--fs-tiny);letter-spacing:var(--ls-base);color:var(--text-2);background:var(--surface);box-shadow:var(--hair), var(--lift-1);animation:rise var(--t-base) var(--ease) both;transition:color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);display:inline-flex;position:fixed}.backbtn .ico{width:15px;height:15px}.backbtn:hover{color:var(--text);box-shadow:var(--hair-gold), var(--lift-2)}@media (max-width:680px){.backbtn{top:calc(var(--s3) + var(--sa-top));left:calc(var(--s3) + var(--sa-left));padding:8px var(--s3) 8px var(--s2)}}#topbar{z-index:var(--z-chrome);padding:var(--pad-top) var(--pad-right) 0 var(--pad-left);pointer-events:none;transition:opacity var(--t-slow) var(--ease);position:fixed;top:0;left:0;right:0}#topbar[data-quiet="1"]{opacity:0}.chapters{gap:var(--s4);pointer-events:auto;display:flex}.ch{flex:1 1 0;min-width:0}.ch-ticks{gap:3px;display:flex}.tick{flex:1;align-items:flex-start;height:22px;display:flex;position:relative}@media (pointer:coarse){.tick{height:32px}}.tick:before{content:"";background:var(--text-3);width:100%;height:2px;transition:background var(--t-base) var(--ease), height var(--t-fast) var(--ease);border-radius:1px;display:block}.tick[data-state=done]:before{background:var(--accent-mid)}.tick[data-state=now]:before{background:var(--accent);height:4px}@media (hover:hover){.tick:hover:before{background:var(--accent);height:4px}}.tick:focus-visible:before{background:var(--accent);height:4px}.ch-nm{font-size:var(--fs-mark);letter-spacing:var(--ls-base);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-base) var(--ease);margin-top:-2px;display:block;overflow:hidden}.ch[data-on="1"] .ch-nm{color:var(--text);font-weight:600}.ch[data-done="1"] .ch-nm{color:var(--text-2)}.tick-tip{z-index:var(--z-menu);padding:6px var(--s3);border-radius:var(--r-xs);background:var(--surface);color:var(--text);font-size:var(--fs-mini);letter-spacing:var(--ls-base);white-space:nowrap;box-shadow:var(--hair), var(--lift-2);pointer-events:none;animation:fade var(--t-fast) var(--ease) both;position:fixed;transform:translate(-50%)}.tick-tip b{font-family:var(--mono);color:var(--text-3);margin-right:var(--s2);font-weight:400}.toprow{justify-content:space-between;align-items:center;gap:var(--s5);margin-top:var(--s3);display:flex}.where{align-items:baseline;gap:var(--s3);min-width:0;display:flex}.stepno{font-family:var(--mono);font-size:var(--fs-mark);letter-spacing:var(--ls-tight);color:var(--text-2);flex:none}.steptitle{font-family:var(--serif);font-weight:400;font-size:var(--fs-tiny);letter-spacing:var(--ls-wide);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav{--nav-y:-50%;z-index:var(--z-nav);transform:translateY(var(--nav-y));width:52px;height:52px;color:var(--text-3);transition:color var(--t-base) var(--ease), background var(--t-base) var(--ease), opacity var(--t-base) var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;top:50%}.nav .ico{stroke-width:1.1px;width:26px;height:26px;transition:transform var(--t-fast) var(--ease)}.nav-prev{left:max(var(--s2), calc(var(--pad-left) - 14px))}.nav-next{right:max(var(--s2), calc(var(--pad-right) - 14px))}@media (hover:hover){.nav:hover:not(:disabled){color:var(--accent);background:var(--shade)}.nav-prev:hover:not(:disabled) .ico{transform:translate(-3px)}.nav-next:hover:not(:disabled) .ico{transform:translate(3px)}}.nav:disabled{opacity:.18}#topbar[data-quiet="1"]~.nav{opacity:0;pointer-events:none}.nav.ready{color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.nav.ready .ico{animation:nav-ready 1.5s var(--ease) 2}@keyframes nav-ready{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.note{right:var(--pad-right);top:calc(var(--pad-top) + 86px);z-index:var(--z-note);width:min(272px,34vw);padding:var(--s5);color:var(--slip-ink);background:var(--slip);background-image:var(--grain);background-blend-mode:multiply;border-radius:var(--r-xs);box-shadow:var(--hair), var(--lift-3);transform-origin:88% 0;animation:slip-in var(--t-slow) var(--ease) both;pointer-events:none;position:fixed}@keyframes slip-in{0%{opacity:0;transform:translateY(-10px)rotate(-1deg)}}.note-hd{font-family:var(--serif);font-weight:600;font-size:var(--fs-mid);letter-spacing:var(--ls-base);color:var(--slip-ink);margin-bottom:var(--s3)}.note p{font-size:var(--fs-tiny);line-height:var(--lh-body);color:var(--slip-body)}.note p+p{margin-top:var(--s2)}.note em{color:var(--slip-mark);font-style:normal;font-weight:600}.note-spec{margin:0 0 var(--s3)}.note-spec .sp{align-items:baseline;gap:var(--s2);font-size:var(--fs-tiny);color:var(--slip-body);padding:3px 0;display:flex}.note-spec .sp i{border-bottom:1px dotted var(--slip-rule);flex:1;height:0;transform:translateY(-3px)}.note-spec .sp b{font-family:var(--mono);font-weight:400;font-size:var(--fs-tiny);color:var(--slip-mark);white-space:nowrap}.note-foot{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--slip-rule);font-size:var(--fs-mini);line-height:var(--lh-tight);color:var(--slip-mute)}.note-tab{right:var(--sa-right);z-index:var(--z-note);padding:var(--s3) var(--s2);border-radius:var(--r-xs) 0 0 var(--r-xs);background:var(--slip);color:var(--slip-ink);font-size:var(--fs-mark);letter-spacing:var(--ls-wide);writing-mode:vertical-rl;box-shadow:var(--lift-2);align-items:center;display:none;position:fixed;top:40vh}.toast{z-index:var(--z-toast);max-width:min(560px,82vw);padding:var(--s2) var(--s5);border-radius:var(--r-full);pointer-events:none;text-align:center;font-family:var(--serif);font-size:var(--fs-read);letter-spacing:var(--ls-base);line-height:var(--lh-tight);color:var(--text);background:var(--surface);box-shadow:var(--hair), var(--lift-2);animation:toast-in var(--t-base) var(--ease) both;position:fixed;top:20%;left:50%;transform:translate(-50%)}.toast.gold{color:var(--accent);box-shadow:var(--hair-gold), var(--lift-2)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}#bottom{z-index:var(--z-chrome);padding-top:96px;padding-left:calc(var(--pad-left) + 56px);padding-right:calc(var(--pad-right) + 56px);padding-bottom:max(var(--pad-bottom), calc(var(--dock-h,0px) + var(--s4)));align-items:center;gap:var(--s3);pointer-events:none;background:var(--scrim);transition:padding-bottom var(--t-base) var(--ease), opacity var(--t-slow) var(--ease);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}#bottom[data-quiet="1"]{opacity:0;pointer-events:none}.cue,.narration,.dock-hint{text-shadow:0 0 10px var(--bg), 0 0 22px var(--bg)}.cue{align-items:center;gap:var(--s2);min-height:18px;font-size:var(--fs-mini);letter-spacing:var(--ls-wide);color:var(--text-2);transition:opacity var(--t-base) var(--ease);display:flex}.cue:empty{opacity:0}.cue .ico{width:14px;height:14px;color:var(--accent-soft)}.cue em{color:var(--accent);font-style:normal}.cue b{font-family:var(--mono);color:var(--text-2);font-weight:400}.narration{text-align:center;text-wrap:balance;max-width:min(34em,88vw);min-height:2.6em;font-family:var(--serif);-webkit-text-stroke:.28px currentColor;font-weight:500;font-size:var(--fs-read);line-height:var(--lh-loose);letter-spacing:var(--ls-base);color:var(--text);transition:opacity var(--t-base) var(--ease)}.narration[data-lyric="1"]{font-size:var(--fs-lede);letter-spacing:var(--ls-wide);color:var(--text-2);line-height:2.4}.actions{align-items:center;gap:var(--s3);pointer-events:auto;min-height:46px;display:flex}.alts{align-items:center;gap:var(--s1);display:flex}@media (max-width:900px){.ch-nm{display:none}.chapters{gap:var(--s3)}.note{width:min(248px,44vw);padding:var(--s4)}}@media (max-height:540px) and (orientation:landscape){.ch-nm{display:none}#topbar{padding-top:max(var(--s2), var(--sa-top))}.toprow{margin-top:var(--s2)}.tick{height:24px}#bottom{gap:var(--s1);padding-top:36px;padding-bottom:max(calc(var(--s3) + var(--sa-bottom)), calc(var(--dock-h,0px) + var(--s2)))}.actions{min-height:34px}.narration{max-width:min(46em,76vw);min-height:2.1em;font-size:var(--fs-mid);line-height:1.75}.narration[data-lyric="1"]{font-size:var(--fs-read);line-height:1.9}.cue{min-height:14px}.btn{padding:9px var(--s5)}.btn-text{padding:9px var(--s3)}.nav{width:44px;height:44px}.nav .ico{width:22px;height:22px}.note{top:calc(var(--pad-top) + 46px);right:calc(var(--pad-right) + 52px);pointer-events:auto;width:min(232px,34vw);max-height:62vh;padding:var(--s4);overflow-y:auto}.toast{font-size:var(--fs-mid);top:11%}}@media (max-width:680px){.nav{--nav-y:0;top:auto;bottom:var(--pad-bottom);background:var(--surface);width:46px;height:46px;box-shadow:var(--hair)}.nav .ico{width:21px;height:21px}.nav-prev{left:calc(var(--s3) + var(--sa-left))}.nav-next{right:calc(var(--s3) + var(--sa-right))}.note{left:calc(var(--s3) + var(--sa-left));right:calc(var(--s3) + var(--sa-right));top:calc(var(--pad-top) + 62px);width:auto;max-height:44vh;padding:var(--s5) var(--s4);transform-origin:50% 0;pointer-events:auto;overflow-y:auto}.note-tab{display:flex}#bottom{padding-top:72px;padding-left:calc(var(--s4) + var(--sa-left));padding-right:calc(var(--s4) + var(--sa-right));padding-bottom:max(calc(var(--pad-bottom) + 52px), calc(var(--dock-h,0px) + var(--s3)));gap:var(--s2)}.narration{min-height:3.4em}.actions{justify-content:center;row-gap:var(--s1);flex-wrap:wrap-reverse}}.btn{justify-content:center;align-items:center;gap:var(--s2);padding:12px var(--s6);border-radius:var(--r-full);font-size:var(--fs-base);letter-spacing:var(--ls-wide);text-indent:var(--ls-wide);white-space:nowrap;transition:background var(--t-base) var(--ease), color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), transform var(--t-fast) var(--ease), opacity var(--t-base) var(--ease);text-decoration:none;display:inline-flex}.btn .ico{text-indent:0;width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:500}.btn-primary:hover:not(:disabled){background:var(--accent-lift);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{color:var(--text-4);box-shadow:var(--hair);background:0 0}.btn-quiet{color:var(--text-2);background:var(--surface);box-shadow:var(--hair)}.btn-quiet:hover:not(:disabled){color:var(--text);box-shadow:var(--hair-gold)}.btn-text{padding:12px var(--s4);font-size:var(--fs-tiny);letter-spacing:var(--ls-base);color:var(--text-3);transition:color var(--t-base) var(--ease)}.btn-text:hover:not(:disabled){color:var(--text)}.icon-btn{pointer-events:auto;border-radius:var(--r-full);width:38px;height:38px;color:var(--text-3);transition:color var(--t-base) var(--ease), background var(--t-base) var(--ease);place-items:center;display:grid;position:relative}.icon-btn:after{content:"";border-radius:inherit;position:absolute;inset:-4px}.icon-btn .ico{width:18px;height:18px}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--shade)}.icon-btn:disabled{opacity:.24}.slider{align-items:center;gap:var(--s3);font-size:var(--fs-mark);letter-spacing:var(--ls-wide);color:var(--text-3);display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:clamp(150px,24vw,250px);height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);height:1px}input[type=range]::-moz-range-track{background:var(--line);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 5px var(--accent-faint);transition:box-shadow var(--t-base) var(--ease);border-radius:50%;margin-top:-5.5px}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px var(--accent-faint)}input[type=range]::-moz-range-thumb{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 5px var(--accent-faint);border:0;border-radius:50%}@media (pointer:coarse){input[type=range]{height:40px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9.5px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}.menu{right:var(--pad-right);top:calc(var(--pad-top) + 84px);z-index:var(--z-menu);min-width:224px;padding:var(--s2);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--hair), var(--lift-3);animation:menu-in var(--t-base) var(--ease) both;position:fixed}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.menu button{align-items:center;gap:var(--s3);width:100%;padding:10px var(--s3);border-radius:var(--r-xs);font-size:var(--fs-base);letter-spacing:var(--ls-base);color:var(--text-2);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);display:flex}.menu button:hover{background:var(--shade);color:var(--text)}.menu button .ico{width:16px;height:16px;color:var(--text-3)}.menu button:hover .ico{color:var(--accent)}.menu button span{text-align:left;flex:1}.menu .sep{background:var(--line);height:1px;margin:var(--s2) var(--s3)}.menu-note{padding:0 var(--s3) var(--s2) calc(var(--s3) + 16px + var(--s3));font-size:var(--fs-mark);line-height:var(--lh-tight);color:var(--text-3)}.sw{border-radius:var(--r-full);background:var(--line);width:26px;height:14px;transition:background var(--t-base) var(--ease);flex:none;position:relative}.sw:after{content:"";background:var(--text-3);width:8px;height:8px;transition:transform var(--t-base) var(--ease), background var(--t-base) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}[aria-checked=true] .sw{background:var(--accent-soft)}[aria-checked=true] .sw:after{background:var(--accent);transform:translate(12px)}.guide{text-align:left;max-width:460px;margin:0 auto}.guide-row{align-items:baseline;gap:var(--s5);padding:var(--s3) 0;display:flex}.guide-row+.guide-row{border-top:1px solid var(--line-2)}.guide-k{align-items:center;gap:var(--s1);flex-wrap:wrap;flex:none;width:92px;display:flex}.guide-t{font-size:var(--fs-tiny);line-height:var(--lh-body);color:var(--text-2)}.guide-t em{color:var(--accent);font-style:normal}.kbd{border-radius:var(--r-xs);min-width:22px;height:22px;font-family:var(--mono);font-size:var(--fs-mark);color:var(--text-2);box-shadow:var(--hair);place-items:center;padding:0 6px;line-height:1;display:inline-grid}.kbd .ico{width:13px;height:13px}.guide-k>span:not(.kbd){font-size:var(--fs-mark);letter-spacing:var(--ls-base);color:var(--text-3)}.spot{z-index:var(--z-nav);width:26px;height:26px;font-family:var(--serif);font-size:var(--fs-mini);color:var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px currentColor, var(--lift-1);opacity:.72;transition:opacity var(--t-base) var(--ease), transform var(--t-fast) var(--ease);border-radius:50%;place-items:center;line-height:1;display:grid;position:fixed;transform:translate(-50%,-50%)}.spot:after{content:"";border-radius:50%;position:absolute;inset:-9px}.spot .ico{width:13px;height:13px}.spot:hover,.spot[aria-pressed=true]{opacity:1}.spot:hover{transform:translate(-50%,-50%)scale(1.08)}.spot[aria-pressed=true]{background:currentColor}.spot[aria-pressed=true]>*{color:var(--surface)}.spot-label{z-index:var(--z-nav);pointer-events:none;max-width:min(58vw,240px);padding:var(--s2) var(--s3);border-radius:var(--r-xs);background:var(--slip);color:var(--slip-ink);font-size:var(--fs-tiny);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);box-shadow:var(--lift-2);animation:fade var(--t-fast) var(--ease) both;position:fixed;transform:translate(16px,-50%)}.spot-label[data-side=left]{transform:translate(calc(-100% - 16px),-50%)}.spot-label small{font-size:var(--fs-mini);letter-spacing:0;color:var(--slip-mute);margin-top:2px;display:block}.arrow{z-index:var(--z-nav);pointer-events:none;color:var(--accent);filter:drop-shadow(0 0 5px var(--bg)) drop-shadow(0 0 2px var(--bg));animation:1.7s ease-in-out infinite breathe;position:fixed;transform:translate(-50%,-50%)}.arrow .ico{stroke-width:2.1px;width:34px;height:34px}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.ignite{width:64px;height:64px;transform:rotate(-90deg)}.ignite circle{fill:none;stroke-width:3px;transition:stroke-dashoffset 60ms linear}.ignite-track{stroke:var(--line)}.ignite-arc{stroke:var(--accent);stroke-linecap:round}@keyframes fade{0%{opacity:0}}.overlay{z-index:var(--z-overlay);animation:fade var(--t-base) var(--ease) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.veil{background:var(--veil);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.overlay.bare{pointer-events:none;background:0 0}.overlay.bare .sheet,.overlay.bare .dock{pointer-events:auto}.sheet{overscroll-behavior:contain;width:min(680px,84vw);max-height:82vh;padding:var(--s2) var(--s1);text-align:center;animation:sheet-in var(--t-slow) var(--ease) both;overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)}}.sheet-title{font-family:var(--serif);font-weight:400;font-size:var(--fs-head);letter-spacing:var(--ls-vast);text-indent:var(--ls-vast);color:var(--text);margin-top:var(--s3)}.sheet-lede{max-width:30em;margin:var(--s3) auto 0;font-size:var(--fs-tiny);line-height:var(--lh-body);letter-spacing:var(--ls-base);color:var(--text-2)}.sheet-body{margin-top:var(--s7)}.sheet-act{justify-content:center;align-items:center;gap:var(--s3);margin-top:var(--s7);flex-wrap:wrap;display:flex}.dock{left:0;right:0;bottom:var(--pad-bottom);align-items:center;gap:var(--s4);padding-left:calc(var(--pad-left) + 56px);padding-right:calc(var(--pad-right) + 56px);animation:dock-in var(--t-base) var(--ease) both;flex-direction:column;display:flex;position:fixed}@keyframes dock-in{0%{opacity:0;transform:translateY(12px)}}.dock-row{align-items:center;gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.dock-hint{font-size:var(--fs-mini);letter-spacing:var(--ls-wide);color:var(--text-3)}.doors{gap:var(--s3);grid-template-columns:repeat(4,minmax(0,156px));justify-content:center;width:min(100%,672px);margin:0 auto;display:grid}.door{padding:var(--s5) var(--s3) var(--s4);border-radius:var(--r-sm);text-align:center;background:var(--surface);box-shadow:var(--hair), var(--lift-1);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);flex-direction:column;align-items:center;display:flex;position:relative}.door:hover{box-shadow:var(--hair-gold), var(--lift-2);transform:translateY(-5px)}.door:hover .door-ic{color:var(--accent)}.door-ic{margin:0 auto var(--s4);width:34px;height:34px;color:var(--text-3);transition:color var(--t-base) var(--ease);place-items:center;display:grid}.door-ic .ico{stroke-width:1.1px;width:32px;height:32px}.door-nm{font-family:var(--serif);font-size:var(--fs-mid);letter-spacing:var(--ls-wide);text-indent:var(--ls-wide);color:var(--text);display:block}.door-ds{margin-top:var(--s2);min-height:2.6em;font-size:var(--fs-mini);line-height:var(--lh-tight);color:var(--text-3);justify-content:center;align-items:center;display:flex}.seal{top:var(--s2);right:var(--s2);background:var(--seal);width:20px;height:20px;color:var(--slip);font-family:var(--serif);font-size:var(--fs-mini);animation:stamp var(--t-slow) var(--ease-spring) both;border-radius:2px;place-items:center;line-height:1;display:grid;position:absolute}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-14deg)}}.picks{align-items:stretch;gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.pick{align-items:center;gap:var(--s4);width:268px;padding:var(--s3) var(--s6) var(--s3) var(--s3);border-radius:var(--r-sm);text-align:left;background:var(--surface);box-shadow:var(--hair), var(--lift-1);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);display:flex;position:relative}.pick:hover{box-shadow:var(--hair-gold), var(--lift-2);transform:translateY(-3px)}.pick[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent), var(--lift-2)}.pick canvas{border-radius:var(--r-xs);background:var(--surface-2);flex:none;width:60px;height:60px;display:block}.pick-meta{flex:1;min-width:0}.pick-nm{font-family:var(--serif);font-size:var(--fs-mid);letter-spacing:var(--ls-wide);color:var(--text);display:block}.pick-mn{font-size:var(--fs-mini);line-height:var(--lh-tight);color:var(--text-3);margin-top:2px;display:block}.pick[aria-pressed=true] .pick-mn{color:var(--accent)}.pick-on{top:50%;right:var(--s3);background:var(--accent);width:18px;height:18px;color:var(--on-accent);border-radius:50%;place-items:center;display:none;position:absolute;transform:translateY(-50%)}.pick-on .ico{stroke-width:2px;width:11px;height:11px}.pick[aria-pressed=true] .pick-on{display:grid}.riddle{font-family:var(--serif);font-size:var(--fs-lede);line-height:var(--lh-loose);letter-spacing:var(--ls-vast);text-indent:var(--ls-vast);color:var(--text);margin-bottom:var(--s7)}.opts{gap:var(--s2);grid-template-columns:repeat(2,1fr);max-width:460px;margin:0 auto;display:grid}.opt{padding:var(--s4) var(--s2);border-radius:var(--r-sm);font-family:var(--serif);font-size:var(--fs-mid);letter-spacing:var(--ls-wide);text-indent:var(--ls-wide);color:var(--text);background:var(--surface);box-shadow:var(--hair);transition:background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), transform var(--t-fast) var(--ease), opacity var(--t-base) var(--ease)}.opt:hover:not(:disabled){box-shadow:var(--hair-gold), var(--lift-1);transform:translateY(-2px)}.opt.yes{color:var(--accent);background:var(--accent-faint);box-shadow:inset 0 0 0 1px var(--accent)}.opt.no{opacity:.32}.answer{margin-top:var(--s6);min-height:66px}.answer-k{font-family:var(--serif);font-size:var(--fs-mid);letter-spacing:var(--ls-wide);color:var(--accent)}.answer-v{max-width:26em;margin:var(--s2) auto 0;font-size:var(--fs-tiny);line-height:var(--lh-body);color:var(--text-2)}.wishes{gap:var(--s2);grid-template-columns:repeat(3,1fr);max-width:480px;margin:0 auto;display:grid}.wish{padding:var(--s5) var(--s2);border-radius:var(--r-xs);font-family:var(--serif);font-size:var(--fs-mid);letter-spacing:var(--ls-wide);text-indent:var(--ls-wide);color:var(--text);background:var(--surface);box-shadow:var(--hair);transition:background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), color var(--t-base) var(--ease), transform var(--t-fast) var(--ease)}.wish:hover{box-shadow:var(--hair-gold), var(--lift-1);transform:translateY(-2px)}.wish[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.combo-grp+.combo-grp{margin-top:var(--s5)}.combo-k{font-size:var(--fs-mark);letter-spacing:var(--ls-vast);color:var(--text-3);margin-bottom:var(--s2)}.combo-row{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.combo-row .wish{padding:10px var(--s4);font-size:var(--fs-base)}.combo-out{margin-top:var(--s6);font-family:var(--serif);font-size:var(--fs-lede);letter-spacing:var(--ls-wide);color:var(--accent)}.spec{text-align:left;max-width:380px;margin:0 auto}.spec .sp{align-items:baseline;gap:var(--s3);font-size:var(--fs-tiny);letter-spacing:var(--ls-base);color:var(--text-2);padding:10px 0;display:flex}.spec .sp i{border-bottom:1px dotted var(--line);flex:1;height:0;transform:translateY(-4px)}.spec .sp b{font-family:var(--mono);font-weight:400;font-size:var(--fs-base);color:var(--text);white-space:nowrap}.spec .sp.sum{margin-top:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line)}.spec .sp.sum b{color:var(--accent);font-size:var(--fs-mid)}.verdict{align-items:center;gap:var(--s2);margin-top:var(--s5);font-size:var(--fs-mini);letter-spacing:var(--ls-wide);color:var(--text-3);display:inline-flex}.verdict .ico{width:14px;height:14px;color:var(--accent)}.layers{align-items:center;gap:var(--s1) var(--s5);flex-wrap:wrap;justify-content:center;display:flex}.layer{align-items:baseline;gap:var(--s2);padding:8px var(--s4);border-radius:var(--r-full);font-size:var(--fs-mini);letter-spacing:var(--ls-base);color:var(--text-3);background:var(--surface);box-shadow:var(--hair);transition:color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);display:inline-flex}.layer b{font-family:var(--mono);font-weight:400;font-size:var(--fs-mark);color:var(--text-4)}.layer:hover,.layer[aria-pressed=true]{color:var(--accent);box-shadow:var(--hair-gold)}.layer[aria-pressed=true] b{color:var(--accent-soft)}.ink-pad{border-radius:var(--r-sm);background:var(--slip);background-image:var(--grain);background-blend-mode:multiply;width:100%;max-width:680px;box-shadow:var(--hair), var(--lift-1);margin:0 auto}.poster{border-radius:var(--r-xs);max-width:100%;max-height:60vh;box-shadow:var(--lift-3)}.finale{font-family:var(--serif);font-size:var(--fs-hero);letter-spacing:var(--ls-vast);text-indent:var(--ls-vast);color:var(--text);line-height:2.4}.finale .seal-ln{color:var(--accent)}@media (hover:none){.door:hover,.pick:hover,.wish:hover,.layer:hover,.opt:hover:not(:disabled){transform:none}.door:hover,.pick:hover:not([aria-pressed=true]){box-shadow:var(--hair), var(--lift-1)}.wish:hover:not([aria-pressed=true]),.opt:hover:not(:disabled){box-shadow:var(--hair)}.door:active,.pick:active,.wish:active,.opt:active:not(:disabled){opacity:.72}}@media (max-height:540px) and (orientation:landscape){.sheet{max-height:92vh}.sheet-body,.sheet-act{margin-top:var(--s5)}.riddle{margin-bottom:var(--s5);font-size:var(--fs-mid)}.opts{max-width:560px}.opt{padding:var(--s3) var(--s2)}.wishes{max-width:560px}.wish{padding:var(--s3) var(--s2)}.doors{grid-template-columns:repeat(4,minmax(0,148px))}.door{padding:var(--s3) var(--s2)}.door-ic{margin-bottom:var(--s2);width:24px;height:24px}.door-ic .ico{width:22px;height:22px}.door-ds{min-height:0}.finale{font-size:var(--fs-head);line-height:1.9}.poster{max-height:74vh}}@media (max-width:680px){.dock{bottom:calc(var(--pad-bottom) + 52px);padding-left:calc(var(--s4) + var(--sa-left));padding-right:calc(var(--s4) + var(--sa-right))}.doors{gap:var(--s2);grid-template-columns:repeat(2,1fr)}.door{padding:var(--s4) var(--s2) var(--s3)}.door-ic{margin-bottom:var(--s2);width:26px;height:26px}.door-ic .ico{width:24px;height:24px}.pick{width:100%;max-width:300px}.wish{padding:var(--s4) var(--s2)}.sheet-body{margin-top:var(--s6)}.riddle{margin-bottom:var(--s6)}}