:root{--ink:#5a3627;--ink-soft:#7b5647;--sky:#4ec0ea;--sky-deep:#2391c8;--sky-line:#2c7da8;--paper:#ffffffe0;--paper-shadow:#45281847;--paper-line:#78564261;--command-bg:#ffffffeb;--command-line:#2491c880}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#d6eef7;margin:0;font-family:Zen Kaku Gothic New,sans-serif}button,input,textarea,select{font:inherit}body{min-height:100vh}.novel-app{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.novel-app:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff05,#5c311624),linear-gradient(90deg,#ffffff14,#0000 20% 80%,#ffffff0a);position:absolute;inset:0}.background-layer{filter:saturate(1.05)contrast(1.03)brightness(.96);background-position:50%;background-size:cover;transition:background-image .32s,opacity .32s;position:absolute;inset:0;transform:scale(1.02)}.background-layer:after{content:"";background:radial-gradient(circle at 10% 16%,#ffffff57,#0000 24%),linear-gradient(#fff6e30a 0%,#4424103d 100%);position:absolute;inset:0}.scene-transition{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff38,#121824d1 48%,#06080ef5 100%);place-items:center;padding:24px;transition:opacity .22s;display:grid;position:absolute;inset:0}.scene-transition.is-visible,.scene-transition.is-leaving{display:grid}.scene-transition.is-visible{opacity:1}.scene-transition.is-leaving{opacity:0}.scene-transition__card{background:linear-gradient(#ffffff1f,#ffffff0a),#0f14205c;border:2px solid #fff3;border-radius:28px;justify-items:center;gap:18px;width:min(74vw,540px);padding:26px 24px 22px;display:grid;box-shadow:0 24px 48px #00000047,inset 0 1px #ffffff29}.scene-transition__logo{object-fit:contain;filter:drop-shadow(0 10px 24px #ffffff29);width:min(62vw,340px);max-height:38vh;animation:1.9s ease-in-out infinite transition-logo-float}.scene-transition__trail{align-items:end;gap:10px;min-height:20px;display:inline-flex}.scene-transition__step{background:linear-gradient(#fff,#dff3ff);border-radius:999px;width:14px;height:14px;animation:.9s ease-in-out infinite transition-step-hop;box-shadow:0 0 16px #ffffff5c}.scene-transition__step:nth-child(2){animation-delay:.15s}.scene-transition__step:nth-child(3){animation-delay:.3s}.scene-transition__copy{color:#fffffff2;letter-spacing:.12em;text-shadow:0 2px 12px #0000003d;margin:0;font-family:"M PLUS Rounded 1c",Zen Kaku Gothic New,sans-serif;font-size:clamp(1rem,2vw,1.15rem);font-weight:700}@keyframes transition-logo-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.015)}}@keyframes transition-step-hop{0%,to{opacity:.5;transform:translateY(0)scale(.9)}50%{opacity:1;transform:translateY(-8px)scale(1)}}.stage{z-index:1;grid-template-rows:auto 1fr auto;min-height:100vh;padding:20px 26px 14px;display:grid;position:relative}.top-bar{justify-content:space-between;align-items:start;gap:12px;display:flex}.date-ribbon{border:3px solid var(--sky-line);color:#fff;letter-spacing:.08em;text-align:center;text-shadow:0 2px #174e6d61;background:linear-gradient(#5bcbee 0%,#2698cf 100%);border-radius:18px 10px;min-width:min(32vw,330px);padding:10px 30px 12px 38px;font-family:Shippori Mincho,serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:700;position:relative;box-shadow:0 4px #155e848c,0 12px 24px #205f852e}.date-ribbon:before,.date-ribbon:after{content:"";border:3px solid var(--sky-line);background:linear-gradient(#fff3bf 0%,#ffd166 100%);border-radius:999px;width:18px;height:18px;position:absolute;top:50%;translate:0 -50%}.date-ribbon:before{left:12px}.date-ribbon:after{right:12px}.story-meta{flex-direction:column;align-items:end;gap:6px;padding-top:6px;display:flex}.scenario-tag,.node-indicator{color:#52352ae6;letter-spacing:.08em;background:#ffffff8a;border-radius:999px;padding:6px 12px;font-size:.75rem;box-shadow:0 8px 16px #382a2114}.sprite-layer{z-index:0;min-height:52vh;padding:0 3vw;position:relative}.sprite{z-index:0;opacity:0;pointer-events:none;width:min(34vw,430px);transform:translate3d(var(--enter-x,0), 32px, 0) scale(.965);margin:0;transition:opacity .38s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-46px}.sprite.is-visible{opacity:1;transform:translate(0,0)scale(1)}.sprite.is-leaving{opacity:0;transform:translate3d(var(--leave-x,0), 28px, 0) scale(.97)}.sprite-image{object-fit:contain;filter:drop-shadow(0 14px 14px #4d291629)drop-shadow(0 34px 28px #28170f3d);width:100%;max-height:min(72vh,840px);display:block}.sprite-reaction{color:#2e8dc2;opacity:0;background:#ffffffe0;border:3px solid #4a89b266;border-radius:999px;place-items:center;min-width:54px;min-height:54px;padding:4px 10px;font-family:Shippori Mincho,serif;font-size:1.5rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-24px;left:50%;transform:translate(-50%,14px)scale(.7);box-shadow:0 12px 24px #2c5c802e}.sprite[data-reaction]:not([data-reaction=""]) .sprite-reaction{animation:.76s cubic-bezier(.2,.8,.2,1) both reaction-pop}.sprite[data-enter=left]{--enter-x:-56px;--leave-x:-26px}.sprite[data-enter=right]{--enter-x:56px;--leave-x:26px}.sprite[data-enter=center],.sprite[data-enter=soft]{--enter-x:0;--leave-x:0}.sprite[data-enter=none]{--enter-x:0;--leave-x:0;transition-duration:1ms}.sprite[data-position=left]{left:5%}.sprite[data-position=center]{left:50%;translate:-50%}.sprite[data-position=right]{right:11%}.sprite.is-motion-shock .sprite-image{animation:.82s cubic-bezier(.22,1,.36,1) sprite-shock}.sprite.is-motion-question .sprite-image{animation:.96s cubic-bezier(.22,1,.36,1) sprite-question}.sprite.is-motion-joy .sprite-image{animation:.92s cubic-bezier(.22,1,.36,1) sprite-joy}.sprite.is-motion-blush .sprite-image{animation:.96s cubic-bezier(.22,1,.36,1) sprite-blush}.sprite.is-motion-nod .sprite-image{animation:.7s cubic-bezier(.2,.9,.2,1) sprite-nod}.hud{z-index:2;align-self:end;gap:10px;display:grid;position:relative}.choices{z-index:3;gap:10px;width:min(560px,100vw - 48px);padding:0;display:grid;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.choices[hidden]{display:none}.choice-button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffe6;border:3px solid #358ebe6b;border-radius:18px;padding:14px 18px;transition:transform .16s,border-color .16s,background-color .16s;box-shadow:0 8px 18px #5436251f}.choice-button:hover{background:#fffffffa;border-color:#2391c8bd;transform:translateY(-1px)}.dialog-shell{width:100%;padding-right:clamp(104px,7vw,132px);position:relative}.speaker-badge{top:-16px;left:var(--speaker-left,110px);z-index:2;color:#fff;letter-spacing:.04em;text-align:center;text-shadow:0 2px #286e8e61;min-width:188px;transform:translateX(var(--speaker-shift,0));background:linear-gradient(#8fdfff 0%,#57b6e2 100%);border:3px solid #6aafcb;border-radius:16px;padding:9px 22px 10px;font-family:"M PLUS Rounded 1c",Zen Kaku Gothic New,sans-serif;font-size:1.1rem;font-weight:800;transition:left .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),background .22s,border-color .22s,box-shadow .22s;position:absolute;box-shadow:0 6px #4195ba38}.speaker-badge[hidden]{display:none!important}.speaker-badge[data-position=narration]{--speaker-left:clamp(54px, 10vw, 126px);--speaker-shift:0}.speaker-badge[data-position=left]{--speaker-left:20%;--speaker-shift:-50%}.speaker-badge[data-position=center]{--speaker-left:50%;--speaker-shift:-50%}.speaker-badge[data-position=right]{--speaker-left:80%;--speaker-shift:-50%}.speaker-badge[data-character=狼獣人]{background:linear-gradient(#70889a 0%,#425a70 100%);border-color:#637b8f}.speaker-badge[data-character=虎獣人]{background:linear-gradient(#dc9a3e 0%,#a8621f 100%);border-color:#c17c2d}.speaker-badge[data-character=兎獣人]{background:linear-gradient(#e7a9c6 0%,#bc719b 100%);border-color:#d58caf}.speaker-badge[data-character=竜獣人]{background:linear-gradient(#6eaaa2 0%,#39766f 100%);border-color:#528f87}.speaker-badge[data-character=熊獣人]{background:linear-gradient(#97745b 0%,#634735 100%);border-color:#7d5d47}.speaker-badge[data-character=狐獣人]{background:linear-gradient(#d87b45 0%,#a34a2d 100%);border-color:#c26139}.text-box{min-height:170px;box-shadow:inset 0 0 0 4px #fffc, 0 16px 28px var(--paper-shadow);background:linear-gradient(#fffffffa,#f7f2eceb);border:4px solid #866e6094;border-radius:42px;padding:42px clamp(72px,6vw,118px) 30px 136px;position:relative;overflow:hidden}.text-box:before,.text-box:after{content:"";opacity:.42;border-radius:999px;width:48px;position:absolute;top:18px;bottom:18px}.text-box:before{background:repeating-linear-gradient(-44deg,#88786d8f 0 4px,#0000 4px 10px),#e7e1dab8;left:18px}.text-box:after{background:repeating-linear-gradient(44deg,#88786d8f 0 4px,#0000 4px 10px),#e7e1dab8;right:18px}.message{color:#6b412f;letter-spacing:.02em;overflow-wrap:anywhere;text-shadow:0 1px #ffffff73;max-width:100%;min-height:4lh;margin:0;font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:700;line-height:1.85}.advance-button{width:76px;height:76px;color:var(--sky-deep);cursor:pointer;background:linear-gradient(#fffffffa,#f4f1eceb);border:4px solid #78645894;border-radius:999px;transition:transform .16s,box-shadow .16s,opacity .16s;position:absolute;bottom:10px;right:0;box-shadow:inset 0 0 0 4px #ffffffe0,0 14px 20px #55362429}.advance-button:before{content:"›";font-size:3rem;font-weight:700;line-height:1;display:block;transform:translate(3px)}.advance-button:hover{transform:translate(2px);box-shadow:inset 0 0 0 4px #ffffffe0,0 18px 22px #55362438}.advance-button[disabled]{opacity:.5;cursor:default;transform:none}.command-bar{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 30px;display:flex}.volume-panel{justify-content:center;gap:10px;padding:2px 30px 0;display:grid}.volume-panel[hidden]{display:none}.volume-control{background:#ffffffeb;border:3px solid #358ebe52;border-radius:20px;grid-template-columns:auto minmax(180px,280px) auto;align-items:center;gap:12px;width:min(100%,520px);padding:12px 18px;display:grid;box-shadow:0 8px 16px #3168881f}.volume-label,.volume-value{color:var(--ink-soft);white-space:nowrap;font-size:.9rem;font-weight:700}.volume-slider{width:100%;accent-color:var(--sky-deep);cursor:pointer}.command-button{border:3px solid var(--command-line);min-width:118px;color:var(--ink-soft);background:linear-gradient(#fff 0%,#eaf8ff 100%);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;display:inline-flex;box-shadow:0 8px 16px #31688824}.command-button[data-clickable=true]{cursor:pointer;transition:transform .16s,border-color .16s}.command-button:disabled{cursor:not-allowed;opacity:.48}.command-button[data-clickable=true]:hover{border-color:#2391c8db;transform:translateY(-1px)}.command-button[data-active=true]{cursor:pointer;color:var(--ink);background:linear-gradient(#d0f0ff 0%,#a8dcf0 100%);border-color:#2391c8e6}.command-button[data-active=true] .command-icon{background:linear-gradient(#3aa7da 0%,#1a7aaa 100%)}.command-icon{color:#fff;background:linear-gradient(#82d9ff 0%,#3aa7da 100%);border-radius:999px;place-items:center;width:24px;height:24px;font-size:.76rem;font-weight:700;line-height:1;display:inline-grid}.command-label{font-size:.92rem;font-weight:700}.error-box{z-index:3;color:#fff2e8;white-space:pre-wrap;background:#601d15f0;border-left:4px solid #cb4335;padding:14px 16px;position:absolute;inset:auto 22px 22px}.backlog-panel{z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0c121c2e,#0c121c94),#0d0d1294;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.backlog-panel[hidden]{display:none}.backlog-card{background:linear-gradient(180deg, #fffffffa, #f1f9fff0), var(--paper);border:3px solid #7bc6e27a;border-radius:28px;gap:16px;width:min(880px,100vw - 32px);max-height:min(78vh,860px);padding:24px 24px 20px;display:grid;box-shadow:0 0 0 8px #ffffff14,0 24px 60px #12344e47}.backlog-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.backlog-kicker{color:#2e85b6e0;letter-spacing:.2em;margin:0 0 6px;font-size:.74rem;font-weight:700}.backlog-title{color:#5e3a2c;letter-spacing:.08em;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(1.4rem,2.6vw,2rem)}.backlog-close{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:#ffffffe0;border:2px solid #4496bf57;border-radius:999px;font-size:1rem}.backlog-list{gap:12px;padding-right:8px;display:grid;overflow-y:auto}.backlog-entry{background:#ffffffd6;border:2px solid #61a6c933;border-radius:20px;gap:6px;padding:14px 16px;display:grid}.backlog-entry[data-kind=choice]{background:linear-gradient(#e6f8fff5,#ffffffe6);border-color:#3ea9d75c}.backlog-entry[data-kind=narration]{background:#faf6f1e6}.backlog-speaker{color:#3479a1f5;letter-spacing:.08em;font-size:.82rem;font-weight:700}.backlog-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.8}.backlog-empty{color:#546672e6;text-align:center;margin:0;padding:18px 4px 4px}.player-setup{z-index:11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 24%,#80d6ff38,#0000 34%),#110a08bd;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.player-setup[hidden]{display:none}.player-card{background:linear-gradient(180deg, #fffffffa, #f8f3eef2), var(--paper);border:3px solid #79c6e58f;border-radius:30px;width:min(580px,100vw - 36px);padding:34px 34px 30px;box-shadow:0 0 0 8px #ffffff14,0 24px 60px #1b405e52}.player-kicker{color:#2e85b6e0;letter-spacing:.22em;text-align:center;margin:0 0 10px;font-size:.76rem;font-weight:700}.player-title{color:#5e3a2c;letter-spacing:.08em;text-align:center;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(1.5rem,3vw,2.2rem)}.player-copy{max-width:28rem;color:var(--ink-soft);text-align:center;margin:14px auto 0;font-size:.98rem;line-height:1.8}.player-form{gap:16px;margin-top:26px;display:grid}.player-field{gap:8px;display:grid}.player-field-label{letter-spacing:.08em;font-size:.88rem;font-weight:700}.player-input{width:100%;color:var(--ink);background:#ffffffeb;border:3px solid #61a6c957;border-radius:18px;padding:14px 16px;font-size:1.05rem;font-weight:700;transition:border-color .16s,box-shadow .16s}.player-input:focus{border-color:#2391c8d1;outline:none;box-shadow:0 0 0 4px #4ec0ea2e}.player-presets{flex-wrap:wrap;gap:10px;display:flex}.player-preset{color:#4d6271;cursor:pointer;background:#ffffffeb;border:2px solid #60aacf61;border-radius:999px;padding:9px 16px;transition:transform .16s,border-color .16s,background-color .16s}.player-preset:hover{background:#ebfafff5;border-color:#2391c8b8;transform:translateY(-1px)}.player-submit{min-width:220px;color:var(--ink);letter-spacing:.05em;cursor:pointer;background:linear-gradient(#fff 0%,#dff6ff 100%);border:3px solid #4496bf6b;border-radius:999px;justify-self:center;padding:12px 24px;font-weight:700;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 22px #4284aa24}.player-submit:hover{transform:translateY(-1px);box-shadow:0 16px 26px #4284aa33}.title-screen{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#120a06b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-screen[hidden]{display:none}.title-panel{background:linear-gradient(#fffffff7 0%,#ebf8fff5 100%);border:3px solid #6ec3e670;border-radius:32px;flex-direction:column;gap:16px;width:min(560px,100vw - 40px);max-height:min(80vh,720px);padding:36px 32px 28px;display:flex;overflow:hidden;box-shadow:0 0 0 6px #4ec0ea1f,0 28px 56px #143c5a5c}.title-screen-heading{color:var(--ink);letter-spacing:.1em;text-align:center;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700}.title-actions{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.title-action{color:var(--ink);text-align:left;cursor:pointer;background:#ffffffe6;border:3px solid #358ebe52;border-radius:18px;flex-direction:column;gap:5px;padding:16px 20px;transition:transform .15s,border-color .15s,background-color .15s;display:flex}.title-action:hover{background:#ebfafffa;border-color:#2391c8b8;transform:translateY(-2px)}.title-action:disabled{color:#5a36278f;cursor:not-allowed;filter:saturate(.45);background:#ebeff1bd;border-color:#60748033;transform:none}.title-action:disabled:hover{background:#ebeff1bd;border-color:#60748033;transform:none}.title-action-label{letter-spacing:.04em;font-family:Shippori Mincho,serif;font-size:1.05rem;font-weight:700}.title-action-description{color:var(--ink-soft);font-size:.84rem;line-height:1.5}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,14px)scale(.72)}25%{opacity:1;transform:translate(-50%,-8px)scale(1.05)}70%{opacity:1;transform:translate(-50%,-4px)scale(1)}to{opacity:0;transform:translate(-50%,-14px)scale(.92)}}@keyframes sprite-shock{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(-16px)scale(1.03)}38%,58%,78%{transform:translate(-8px)}48%,68%{transform:translate(8px)}}@keyframes sprite-question{0%{transform:translateY(0)rotate(0)}22%{transform:translateY(-10px)rotate(-5deg)}44%{transform:translateY(-4px)rotate(5deg)}66%{transform:translateY(-10px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes sprite-joy{0%,to{transform:translateY(0)scale(1)}24%{transform:translateY(-18px)scale(1.03)}52%{transform:translateY(0)scale(.995)}76%{transform:translateY(-10px)scale(1.015)}}@keyframes sprite-blush{0%,to{transform:translate(0)translateY(0)}20%{transform:translate(-10px)translateY(-2px)}40%{transform:translate(8px)translateY(-4px)}65%{transform:translate(-4px)translateY(0)}}@keyframes sprite-nod{0%,to{transform:translateY(0)}35%{transform:translateY(12px)}70%{transform:translateY(-3px)}}@media (width<=960px){.stage{padding:16px 14px 12px}.date-ribbon{min-width:240px;font-size:1.2rem}.sprite{width:min(48vw,360px);max-height:62vh;bottom:-34px}.sprite[data-position=left]{left:-4%}.sprite[data-position=right]{right:2%}.dialog-shell{padding-right:96px}.speaker-badge[data-position=left]{--speaker-left:24%}.speaker-badge[data-position=right]{--speaker-left:76%}.text-box{padding:42px 30px 28px 102px}}@media (width<=720px){.top-bar{flex-direction:column;align-items:start}.story-meta{align-items:start;width:100%}.sprite-layer{min-height:42vh}.sprite{width:min(58vw,320px);max-height:50vh;bottom:-30px}.choices{width:min(520px,100vw - 32px);bottom:calc(100% + 14px)}.speaker-badge{min-width:148px}.speaker-badge[data-position=left]{--speaker-left:27%}.speaker-badge[data-position=right]{--speaker-left:73%}.text-box{border-radius:30px;min-height:156px;padding:40px 24px 26px 82px}.text-box:before,.text-box:after{width:34px}.dialog-shell{padding-right:0}.advance-button{width:68px;height:68px;bottom:-84px;right:8px}.command-bar{gap:8px;padding:82px 0 0}.volume-panel{padding-inline:0}.volume-control{grid-template-columns:1fr;justify-items:stretch}.volume-value{text-align:right}.command-button{justify-content:center;min-width:calc(50% - 8px)}.player-card{padding:30px 22px 24px}.backlog-card{width:calc(100vw - 24px);max-height:82vh;padding:20px 18px 16px}}@media (width<=520px){.date-ribbon{width:100%;min-width:0}.scenario-tag,.node-indicator{font-size:.68rem}.sprite{width:min(66vw,280px)}.speaker-badge{padding-inline:16px;font-size:.98rem;top:-14px}.speaker-badge[data-position=narration]{--speaker-left:48px}.speaker-badge[data-position=left]{--speaker-left:29%}.speaker-badge[data-position=right]{--speaker-left:71%}.text-box{padding:40px 18px 24px 72px}.message{min-height:5lh;font-size:1rem}.choice-button{font-size:.94rem}.choices{width:calc(100vw - 24px);bottom:calc(100% + 10px)}.player-title{font-size:1.4rem}.player-copy{font-size:.92rem}.player-submit{width:100%;min-width:0}.backlog-panel{padding:12px}.backlog-card{border-radius:22px;width:calc(100vw - 12px);max-height:84vh}.backlog-entry{border-radius:18px;padding:12px 14px}.backlog-text{font-size:.96rem}}