:root{color-scheme:dark;--bg: #050403;--text: #fff4e5;--muted: #c7ad98;--dim: rgba(255, 244, 229, .68);--stroke: rgba(220, 95, 73, .62);--stroke-hot: #ffbaa5;--panel: rgba(16, 10, 8, .72);--panel-strong: rgba(10, 7, 6, .9);--gold: #ddb98a;--red: #a63d32;--ui-copper: #b87966;--ui-copper-dim: rgba(151, 72, 58, .76);--ui-copper-hot: #ffd2bf;--ui-ivory: #fff2e2;--choice-cut: 30px;font-family:Songti SC,"Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow:hidden;background:var(--bg)}button{font:inherit}.home-shell,.cinema-shell,.shell{width:100vw;min-height:100vh;background:radial-gradient(circle at 50% 30%,rgba(176,78,54,.2),transparent 28%),linear-gradient(180deg,#14100e,var(--bg))}.shell--center{display:grid;place-items:center}.home-scene{position:relative;display:grid;place-items:center;width:100vw;min-height:100vh;overflow:hidden;padding:clamp(28px,6vw,88px);background:linear-gradient(90deg,#000000db,#0006,#000000bd),linear-gradient(180deg,#0000002e,#000000a8),var(--home-poster, none) center / cover no-repeat,radial-gradient(circle at 50% 35%,#33231f,#050403 72%)}.home-scene:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at 58% 34%,transparent 0 20%,rgba(0,0,0,.28) 52%,rgba(0,0,0,.62) 100%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%)}.home-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:clamp(34px,5vw,64px);width:min(680px,88vw);text-align:center}.home-copy h1{margin:0;font-size:clamp(56px,8vw,116px);line-height:1.05;letter-spacing:0;text-shadow:0 12px 34px rgba(0,0,0,.76)}.start-button{position:relative;min-width:min(420px,86vw);min-height:72px;padding:0 58px;border:1px solid rgba(255,186,165,.82);background:linear-gradient(90deg,#200c0ad6,#682d22ad,#200c0ad6);color:var(--text);clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,24px 100%,0 50%);cursor:pointer;font-size:clamp(26px,2.6vw,38px);letter-spacing:0;text-shadow:0 3px 12px rgba(0,0,0,.8);box-shadow:0 0 0 1px #ffdbc62e,0 0 42px #d24b3447,inset 0 0 30px #dc5f4924;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.start-button:hover,.start-button:focus-visible{transform:scale(1.025);border-color:#ffe2d3;box-shadow:0 0 0 1px #ffdbc64d,0 0 54px #d24b347a,inset 0 0 38px #dc5f4938;outline:none}.stage{position:relative;width:100vw;height:100vh;min-height:560px;overflow:hidden;background:#050403}.video-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#050403}.video-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;content:"";background:radial-gradient(circle at 50% 46%,transparent 0 24%,rgba(0,0,0,.06) 46%,rgba(0,0,0,.56) 100%),linear-gradient(90deg,rgba(0,0,0,.46),transparent 24%,transparent 74%,rgba(0,0,0,.42)),linear-gradient(180deg,rgba(0,0,0,.25),transparent 42%,rgba(0,0,0,.48))}.story-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;background:#050403}.orientation-hint{display:none}.orientation-hint__mark{position:relative;width:78px;height:48px;border:2px solid rgba(255,226,204,.82);border-radius:10px;box-shadow:0 0 0 1px #b8796657,0 0 28px #dc5f493d,inset 0 0 18px #ffe2cc14}.orientation-hint__mark:before{position:absolute;top:50%;right:-26px;width:15px;height:15px;border-top:2px solid rgba(255,226,204,.82);border-right:2px solid rgba(255,226,204,.82);content:"";transform:translateY(-50%) rotate(45deg)}.orientation-hint__mark:after{position:absolute;top:50%;right:-34px;width:36px;height:36px;border:2px solid rgba(184,121,102,.62);border-left-color:transparent;border-radius:50%;content:"";transform:translateY(-50%)}.fallback-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000024,#00000073),var(--poster, none) center 28% / cover no-repeat,radial-gradient(circle at 50% 30%,#3b2b24,#090706 68%);transform:scale(1.02)}.fallback-scene:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(0,0,0,.62),transparent 24%,transparent 76%,rgba(0,0,0,.58)),linear-gradient(180deg,rgba(0,0,0,.22),transparent 52%,rgba(0,0,0,.58))}.fallback-copy{position:absolute;left:clamp(18px,3vw,46px);bottom:clamp(120px,18vh,220px);z-index:2}.top-controls{position:absolute;top:clamp(22px,4.4vw,52px);right:clamp(20px,3.7vw,52px);z-index:20;display:flex;gap:clamp(14px,1.7vw,22px);align-items:center}.icon-button{position:relative;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid rgba(184,135,115,.58);border-radius:50%;background:#0a07061f;color:#d3a590e0;cursor:pointer;box-shadow:0 0 0 1px #ffe2cc0d,0 0 18px #00000047;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.icon-button:hover,.icon-button:focus-visible{transform:translateY(-1px);border-color:#ffd6c3eb;background:#4c231d47;box-shadow:0 0 0 1px #ffe2cc2e,0 0 28px #db604847;outline:none}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;content:""}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{position:absolute;left:0}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}.skip-icon{position:relative;width:20px;height:22px}.skip-icon:before{position:absolute;top:1px;left:1px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid currentColor;content:""}.skip-icon:after{position:absolute;top:1px;right:0;width:2px;height:20px;border-radius:2px;background:currentColor;content:""}.eyebrow{margin:0 0 10px;color:var(--gold);font-family:Hiragino Sans GB,PingFang SC,sans-serif;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.drawer-card h2,.notice h1{margin:0;line-height:1.12;letter-spacing:0}.drawer-card p,.notice li{color:var(--dim);font-size:clamp(15px,1.15vw,20px);line-height:1.85;text-shadow:0 3px 14px rgba(0,0,0,.85)}.choice-panel{position:absolute;left:50%;bottom:clamp(54px,8vh,92px);z-index:15;width:clamp(360px,42vw,640px);opacity:0;transform:translate(-50%,22px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.choice-panel.is-ready{opacity:1;transform:translate(-50%);pointer-events:auto}.choice-list{display:grid;gap:clamp(16px,2vh,26px)}.choice-list--single{max-width:620px;margin:0 auto}.choice-button{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;min-height:clamp(72px,7.2vh,86px);width:100%;padding:0 clamp(54px,4.6vw,74px);border:1px solid var(--ui-copper-dim);background:linear-gradient(180deg,rgba(255,226,204,.08),transparent 34%,rgba(72,26,20,.14)),linear-gradient(90deg,#0c070647,#542c2257 48%,#0c070647);color:var(--text);clip-path:polygon(var(--choice-cut) 0,calc(100% - var(--choice-cut)) 0,100% 50%,calc(100% - var(--choice-cut)) 100%,var(--choice-cut) 100%,0 50%);cursor:pointer;text-align:center;text-shadow:0 3px 10px rgba(0,0,0,.92);box-shadow:0 0 0 1px #ffdcc40d,0 0 18px #9f3d2f24,inset 0 1px #ffeedc17,inset 0 -1px #7d2d245c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.choice-button:before,.choice-button:after{position:absolute;pointer-events:none;content:""}.choice-button:before{top:5px;right:10px;bottom:5px;left:10px;clip-path:polygon(calc(var(--choice-cut) - 10px) 0,calc(100% - var(--choice-cut) + 10px) 0,100% 50%,calc(100% - var(--choice-cut) + 10px) 100%,calc(var(--choice-cut) - 10px) 100%,0 50%);border-top:1px solid rgba(255,211,192,.18);border-bottom:1px solid rgba(255,211,192,.12);opacity:.78}.choice-button:after{inset:auto 34px 5px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,205,185,.54),transparent);opacity:.52}.choice-button:hover,.choice-button:focus-visible{transform:scale(1.012);border-color:var(--ui-copper-hot);background:linear-gradient(180deg,#ffe5d429,#50221a2e 54%,#1608062e),linear-gradient(90deg,#180a0885,#8143307a 50%,#180a0885);box-shadow:0 0 0 1px #ffe5d36b,0 0 30px #f3694e57,0 0 60px #ff79562e,inset 0 0 28px #ff906924;outline:none}.choice-button__label{position:relative;z-index:1;display:block;width:100%;overflow:hidden;color:var(--ui-ivory);font-size:clamp(30px,2.2vw,42px);font-weight:500;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 18px rgba(255,244,229,.22),0 4px 12px rgba(0,0,0,.94)}.choice-button__endcap{position:absolute;top:50%;z-index:1;width:11px;height:11px;border:1px solid rgba(255,205,184,.7);transform:translateY(-50%) rotate(45deg);transition:border-color .16s ease,box-shadow .16s ease}.choice-button__endcap--left{left:16px}.choice-button__endcap--right{right:16px}.choice-button:hover .choice-button__endcap,.choice-button:focus-visible .choice-button__endcap{border-color:#fff0e2fa;box-shadow:0 0 14px #ff94709e}.info-drawer{position:absolute;inset:0 0 0 auto;z-index:18;width:min(390px,88vw);padding:112px 24px 24px;opacity:0;pointer-events:none;transform:translate(24px);transition:opacity .18s ease,transform .18s ease}.info-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.drawer-card,.notice{border:1px solid rgba(221,185,138,.28);border-radius:8px;background:#0f0a08c2;box-shadow:0 24px 70px #0000007a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.drawer-card{display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 136px);padding:24px;overflow:auto}.drawer-card h2{font-size:34px}.node-meta{display:grid;gap:14px;margin:0;padding:16px;border:1px solid rgba(221,185,138,.24);border-radius:8px;background:#00000042}.node-meta div{display:grid;gap:5px}.node-meta dt,.character-row span{color:var(--muted);font-family:Hiragino Sans GB,PingFang SC,sans-serif;font-size:12px}.node-meta dd{margin:0;color:var(--text);font-weight:700}.character-list{display:grid;gap:12px}.character-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px}.character-row img{width:52px;height:52px;border:1px solid rgba(221,185,138,.34);border-radius:8px;object-fit:cover}.character-row div{display:grid;gap:3px;min-width:0}.character-row strong{color:var(--text)}.reset-button{min-height:46px;border:1px solid rgba(221,185,138,.34);border-radius:8px;background:#0000002e;color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease}.reset-button:hover,.reset-button:focus-visible{border-color:var(--stroke-hot);background:#5c281f42;outline:none}.notice{max-width:620px;padding:28px}.notice--error{border-color:#dc5f49cc}.notice ul{margin:16px 0 0;padding-left:20px}@media(max-width:980px){body{overflow:auto}.stage{min-height:100svh}.top-controls{top:18px;right:18px;gap:10px}.icon-button{width:42px;height:42px}.home-scene{align-items:center;padding:24px}.home-copy h1{font-size:48px}.home-copy p:not(.eyebrow){font-size:16px}.choice-panel{right:14px;bottom:22px;left:14px;width:auto;transform:translateY(14px)}.choice-panel.is-ready{transform:translateY(0)}.choice-button{grid-template-columns:minmax(0,1fr);min-height:58px;padding:0 34px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%)}.choice-button__label{font-size:22px}.choice-button__endcap{width:8px;height:8px}.choice-button__endcap--left{left:10px}.choice-button__endcap--right{right:10px}.info-drawer{width:100vw;padding:76px 14px 14px}.drawer-card{max-height:calc(100svh - 90px)}}@media(max-width:640px){.choice-button__label{white-space:normal}}@media(pointer:coarse)and (orientation:portrait)and (max-width:980px){.cinema-shell{min-height:100svh;overflow:hidden}.cinema-shell .orientation-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;align-content:center;gap:18px;padding:28px;background:linear-gradient(180deg,#050403eb,#0d0706f5),radial-gradient(circle at 50% 42%,rgba(166,61,50,.24),transparent 42%);color:var(--ui-ivory);text-align:center}.orientation-hint p{margin:0;font-size:24px;font-weight:600;letter-spacing:0;text-shadow:0 4px 16px rgba(0,0,0,.88)}}