@font-face{font-family:NotoSerifJP;src:local(Noto Serif JP)}:root{--c-navy-950:#060b14;--c-navy-900:#0a1220;--c-navy-800:#0f1b2e;--c-navy-700:#16283f;--c-navy-600:#1f3550;--c-sea:#2f6ea0;--c-sea-light:#6fb3d8;--c-moon:#eef3f8;--c-moon-dim:#c7d3e0;--c-gold:#e8c37a;--c-gold-dim:#b99a5e;--c-text:#eef2f7;--c-text-dim:#aab8c8;--c-danger:#d98a7a;--radius-s:4px;--radius-m:8px;--font-jp:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Georgia", serif;--font-ui:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--c-navy-950);width:100%;height:100%;color:var(--c-text);font-family:var(--font-ui);-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0;overflow:hidden}#app{background:var(--c-navy-950);width:100dvw;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}button{font-family:var(--font-ui);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.stage-wrap{background:#000;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.stage{background:var(--c-navy-950);isolation:isolate;width:100%;max-width:177.78dvh;height:100%;max-height:56.25dvw;position:relative;overflow:hidden}@media (orientation:portrait){.stage{width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh}}.stage.shake{animation:linear stage-shake}@keyframes stage-shake{0%,to{transform:translate(0)}20%{transform:translate(var(--shx), 0)}40%{transform:translate(calc(var(--shx) * -1), 0)}60%{transform:translate(calc(var(--shx) * .6), 0)}80%{transform:translate(calc(var(--shx) * -.6), 0)}}.bg-layer{position:absolute;top:0;bottom:0;left:0;right:0}.bg-img{object-fit:cover;object-position:center;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;bottom:0;left:0;right:0}.bg-img.show{opacity:1}.bg-img.solid-black{background:#000}.bg-img.solid-white{background:#fff}.sprite-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sprite{transform-origin:bottom;opacity:0;filter:brightness();width:auto;height:96%;transition:opacity .4s,left .4s,transform .4s,filter .4s;position:absolute;bottom:0;transform:translate(-50%)scale(1)}.sprite.show{opacity:1}.sprite.no-anim{transition:none}.sprite.reactbob{animation:.26s sprite-react}@keyframes sprite-react{0%{transform:translate(-50%)scale(1)translateY(0)}40%{transform:translate(-50%)scale(1)translateY(-6px)}to{transform:translate(-50%)scale(1)translateY(0)}}@media (orientation:portrait){.sprite{height:min(68%,122dvw)}}.cutin-layer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cutin-band{opacity:0;justify-content:center;align-items:center;height:30%;transition:opacity .4s;display:flex;position:absolute;top:62%;left:0;right:0;overflow:hidden}.cutin-band img{object-fit:cover;width:100%;height:100%}.cutin-band.show{opacity:1}.cutin-float{opacity:0;filter:drop-shadow(0 6px 18px #00000073);width:26%;transition:opacity .4s,transform .4s;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)scale(.92)}.cutin-float img{width:100%;display:block}.cutin-float.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.cutin-full{opacity:0;background:#04080eb8;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cutin-full.show{opacity:1}.cutin-full img{object-fit:contain;background:#0b1526;border-radius:2px;max-width:92%;max-height:88%;box-shadow:0 20px 60px #00000080}.cutin-tap-hint{color:var(--c-moon-dim);opacity:.85;letter-spacing:.08em;font-size:max(11px,min(1.6vw,15px));position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.flash-veil{opacity:0;pointer-events:none;background:#000;transition:opacity .2s linear;position:absolute;top:0;bottom:0;left:0;right:0}.flash-veil.show{opacity:1}.textbox-wrap{left:0;right:0;bottom:calc(54px + var(--safe-bottom));z-index:20;pointer-events:none;flex-direction:column;align-items:center;padding:0 3.2% 1.2%;transition:opacity .2s,transform .2s;display:flex;position:absolute}.textbox-wrap.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.nameplate{font-family:var(--font-jp);letter-spacing:.06em;color:var(--c-gold);z-index:2;background:linear-gradient(#0f1b2eeb,#0a1220eb);border:1px solid #ffffff24;border-bottom:none;border-radius:6px 12px 0 0;align-self:flex-start;margin-bottom:-.6%;margin-left:1.4%;padding:.35em 1.4em .45em 1.2em;font-size:max(13px,min(2vw,18px))}.nameplate.narration{display:none}.textbox{overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px)saturate(1.1);background:linear-gradient(#0a1220db,#070d18e6);border:1px solid #ffffff1a;border-radius:10px;width:100%;max-width:1180px;min-height:6.6em;max-height:min(46dvh,100dvh - 190px);padding:1.6% 3.4%;position:relative;overflow-y:auto;box-shadow:0 12px 40px #00000059}.textbox::-webkit-scrollbar{width:5px}.textbox::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.textbox.narration-mode{text-align:left}.textbox-body{font-family:var(--font-jp);color:var(--c-text);white-space:pre-wrap;word-break:break-word;font-size:max(15px,min(2.35vw,21px));line-height:1.9}.textbox-body.small{opacity:.74;font-size:max(12px,min(1.8vw,16px))}.textbox-body .mob-voice{color:var(--c-text-dim)}.advance-caret{border-right:2px solid var(--c-gold);border-bottom:2px solid var(--c-gold);opacity:0;width:9px;height:9px;animation:1.3s ease-in-out infinite caret-bob;position:absolute;bottom:2.6%;right:3.2%;transform:rotate(45deg)}.advance-caret.show{opacity:.9}@keyframes caret-bob{0%,to{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(3px,3px)}}.coldopen-text{text-align:center;font-family:var(--font-jp);color:#f4f6f9;letter-spacing:.03em;z-index:21;opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:0 8%;font-size:max(17px,min(2.6vw,26px));line-height:2.1;transition:opacity .9s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.coldopen-text.show{opacity:1}.chapter-title-screen{z-index:40;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chapter-title-screen.show{opacity:1;pointer-events:auto}.chapter-title-inner{text-align:center;font-family:var(--font-jp);color:var(--c-moon)}.chapter-title-num{letter-spacing:.3em;color:var(--c-moon-dim);margin-bottom:.8em;font-size:max(13px,min(1.6vw,17px))}.chapter-title-main{letter-spacing:.5em;margin-bottom:1em;padding-left:.5em;font-size:max(26px,min(4.6vw,46px))}.chapter-title-end{letter-spacing:.3em;color:var(--c-moon-dim);font-size:max(12px,min(1.5vw,16px))}.ui-bar{padding:0 2% calc(0.4% + var(--safe-bottom));z-index:30;opacity:0;pointer-events:none;justify-content:center;gap:2px;transition:opacity .22s;display:flex;position:absolute;bottom:0;left:0;right:0}.ui-bar.show{opacity:1;pointer-events:auto}.ui-btn{min-width:44px;min-height:44px;color:var(--c-moon-dim);background:#0a12208c;border:1px solid #ffffff14;border-radius:6px 6px 0 0;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-size:max(10px,min(1.35vw,13px));display:flex}.ui-btn.active{color:var(--c-gold);background:#e8c37a24}.ui-btn:active{transform:translateY(1px)}.top-bar{padding:calc(0.6% + var(--safe-top)) 2.4% 0;z-index:30;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;transition:opacity .22s;display:flex;position:absolute;top:0;left:0;right:0}.top-bar.show{opacity:1}.top-bar .chip{pointer-events:auto;color:var(--c-moon-dim);letter-spacing:.04em;background:#0a122080;border:1px solid #ffffff14;border-radius:4px;padding:4px 10px;font-size:max(10px,min(1.3vw,12px))}.top-bar .menu-btn{pointer-events:auto;min-width:44px;min-height:38px}.ui-hide-toggle{z-index:5;position:absolute;top:0;bottom:0;left:0;right:0}.overlay{z-index:50;opacity:0;pointer-events:none;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:radial-gradient(120% 120% at 50% 0,#0d1a2c 0%,#060b14 70%);flex-direction:column;transition:opacity .24s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.overlay.show{opacity:1;pointer-events:auto}.overlay-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:2.2% 4% 1.2%;display:flex}.overlay-title{font-family:var(--font-jp);letter-spacing:.18em;color:var(--c-moon);font-size:max(17px,min(2.4vw,22px))}.overlay-close{min-width:44px;min-height:44px;color:var(--c-moon-dim);border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.overlay-body{flex:1;padding:2% 4% 6%}.backlog-line{border-bottom:1px solid #ffffff0f;padding:1.1em 0}.backlog-name{font-family:var(--font-jp);color:var(--c-gold);letter-spacing:.05em;margin-bottom:.3em;font-size:13px}.backlog-body{font-family:var(--font-jp);white-space:pre-wrap;color:var(--c-text);font-size:max(14px,min(1.9vw,17px));line-height:1.85}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.slot-card{border-radius:var(--radius-m);text-align:left;background:#ffffff08;border:1px solid #ffffff1a;min-height:44px;overflow:hidden}.slot-thumb{aspect-ratio:16/9;width:100%;color:var(--c-text-dim);background:#0a1425 50%/cover no-repeat;justify-content:center;align-items:center;font-size:12px;display:flex}.slot-meta{padding:8px 10px 10px}.slot-title{color:var(--c-moon-dim);margin-bottom:3px;font-size:12px}.slot-text{font-family:var(--font-jp);color:var(--c-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.slot-time{color:var(--c-text-dim);margin-top:6px;font-size:10.5px}.slot-empty{color:var(--c-text-dim);text-align:center;padding:1.4em 0;font-size:12.5px}.slot-card.clickable{cursor:pointer}.slot-card.clickable:active{transform:scale(.98)}.setting-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting-label{color:var(--c-text);font-size:14px}.seg{border:1px solid #ffffff24;border-radius:6px;display:flex;overflow:hidden}.seg button{color:var(--c-text-dim);min-height:40px;padding:8px 14px;font-size:12.5px}.seg button.active{color:var(--c-gold);background:#e8c37a29}.slider{width:45%;min-width:140px;accent-color:var(--c-gold);height:32px}.title-screen{z-index:60;opacity:0;pointer-events:none;background:#000;transition:opacity .32s;position:absolute;top:0;bottom:0;left:0;right:0}.title-screen.show{opacity:1;pointer-events:auto}.title-bg{object-fit:cover;object-position:50% 38%;opacity:.92;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.title-veil{background:linear-gradient(#04081059 0%,#0408108c 55%,#040810eb 100%);position:absolute;top:0;bottom:0;left:0;right:0}.title-content{padding-bottom:calc(6% + var(--safe-bottom));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.title-logo-jp{font-family:var(--font-jp);letter-spacing:.22em;color:var(--c-moon);text-shadow:0 4px 30px #0009;font-size:max(28px,min(5.4vw,54px))}.title-logo-en{letter-spacing:.38em;color:var(--c-moon-dim);margin-top:.6em;font-size:max(10px,min(1.4vw,14px))}.title-demo-chip{letter-spacing:.1em;color:var(--c-gold-dim);border:1px solid #e8c37a66;border-radius:20px;margin-top:1.4em;padding:5px 16px;font-size:max(10px,min(1.3vw,12px))}.title-menu{flex-direction:column;gap:10px;width:min(88%,340px);margin-top:2.4em;display:flex}.title-menu button{min-height:48px;font-family:var(--font-jp);letter-spacing:.12em;color:var(--c-moon);background:#0a12206b;border:1px solid #ffffff29;border-radius:4px;font-size:15px}.title-menu button:disabled{color:var(--c-text-dim);opacity:.45}.title-menu button:active{background:#e8c37a24}.title-version{bottom:calc(1.2% + var(--safe-bottom));right:calc(1.6% + var(--safe-right));color:var(--c-text-dim);letter-spacing:.06em;font-size:10.5px;position:absolute}.chapter-end-screen{z-index:55;opacity:0;pointer-events:none;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chapter-end-screen.show{opacity:1;pointer-events:auto}.chapter-end-menu{flex-direction:column;gap:10px;width:min(88%,320px);margin-top:3em;display:flex}.chapter-end-menu button{min-height:46px;font-family:var(--font-jp);letter-spacing:.1em;color:var(--c-moon);background:#0a122066;border:1px solid #ffffff24;border-radius:4px;font-size:14px}.loading-screen{z-index:70;background:var(--c-navy-950);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading-mark{font-family:var(--font-jp);color:var(--c-moon-dim);letter-spacing:.3em;font-size:13px}.loading-bar{background:#ffffff24;width:160px;height:2px;margin-top:16px;position:relative;overflow:hidden}.loading-bar:after{content:"";background:var(--c-gold-dim);width:40%;animation:1.1s ease-in-out infinite loading-sweep;position:absolute;top:0;bottom:0;left:-40%}@keyframes loading-sweep{0%{left:-40%}to{left:100%}}.click-catcher{z-index:10;position:absolute;top:0;bottom:0;left:0;right:0}.overlay-body::-webkit-scrollbar{width:6px}.overlay-body::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}