:root{--bg-void:#07090c;--ink:#d8d2c8;--ink-dim:#8a857c;--san:#7fb0a8;--san-low:#d39a4f;--san-critical:#c45b5b;--frame:#1b1f26;--frame-line:#2c323c;--madness-ink:#d9736f;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif}*{box-sizing:border-box}html,body{background:var(--bg-void);height:100%;color:var(--ink);margin:0}#app{grid-template-rows:auto 1fr;max-width:960px;height:100vh;margin:0 auto;display:grid}#stage-wrap{grid-template-rows:1fr auto;min-height:0;display:grid}#status{z-index:60;letter-spacing:.05em;background:var(--bg-void);border-bottom:1px solid var(--frame-line);color:var(--ink-dim);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;font-family:ui-monospace,monospace;display:flex;position:relative}.gauges{gap:1.4rem;display:flex}.gauge{align-items:center;gap:.5rem;display:flex}.g-label{white-space:nowrap;min-width:2.4em;font-size:.78rem}.gauge .bar{border:1px solid var(--frame-line);background:#ffffff12;border-radius:4px;width:120px;height:8px;overflow:hidden}.gauge .bar i{width:100%;height:100%;transition:width .5s,background .4s;display:block}#hp-fill{background:linear-gradient(90deg,#6e3b3b,#a85a5a)}#san-fill{background:linear-gradient(90deg, #3d6b63, var(--san))}#san-fill.low{background:linear-gradient(90deg, #6b522a, var(--san-low))}#san-fill.critical{background:linear-gradient(90deg, #5e2a2a, var(--san-critical))}#status b{color:var(--ink);text-align:right;min-width:2.2em;font-weight:600}#stat-san.low{color:var(--san-low)}#stat-san.critical{color:var(--san-critical)}.hud-btns{align-items:center;gap:.45rem;margin-left:auto;display:flex}.hud-btn{letter-spacing:.08em;color:var(--ink);border:1px solid var(--frame-line);cursor:pointer;background:#1c212ad9;border-radius:2px;padding:.4rem .7rem;font-family:inherit;font-size:.82rem;line-height:1.2;transition:border-color .2s,background .2s}.hud-btn:hover,.hud-btn:focus-visible{border-color:var(--san)}#settings-btn{padding:.32rem .6rem;font-size:.95rem}#clue-count{text-align:center;min-width:1.4em;color:var(--san);background:#7fb0a82e;border-radius:8px;margin-left:.45rem;padding:0 .25em;display:inline-block}#notebook-btn.pulse{animation:.7s nb-pulse}@keyframes nb-pulse{0%{border-color:var(--san);box-shadow:0 0 #7fb0a899}to{box-shadow:0 0 0 12px #7fb0a800}}#stage{cursor:pointer;min-height:0;position:relative;overflow:hidden}#bg{transition:background .6s;position:absolute;inset:0}#bg.has-image{will-change:transform;animation:30s ease-in-out infinite bg-drift}@keyframes bg-drift{0%,to{transform:scale(1.03)translate(0)}50%{transform:scale(1.09)translate(-1.2%,-.8%)}}#bg.has-image~#bg-anim,#bg.has-image~.bg-key{display:none}.bg-key{color:#d8d2c840;letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:.7rem;position:absolute;bottom:.5rem;left:.6rem}.bg-key:empty{display:none}#portrait{--char:#8a857c;pointer-events:none;visibility:hidden;width:230px;height:82%;position:absolute;bottom:0;right:6%}#portrait .sil{background:linear-gradient(180deg, color-mix(in srgb, var(--char) 46%, transparent) 0%, color-mix(in srgb, var(--char) 24%, transparent) 55%, color-mix(in srgb, var(--char) 6%, transparent) 100%);filter:blur(9px);opacity:.8;border-radius:42% 42% 0 0/16% 16% 0 0;position:absolute;inset:24% 18% -2%}#portrait .sil:before{content:"";background:color-mix(in srgb, var(--char) 50%, transparent);border-radius:50% 50% 46% 46%;height:25%;position:absolute;top:-27%;left:32%;right:32%}#portrait .pname{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.32em;color:var(--char);text-shadow:0 0 10px #000000e6,0 0 2px #000000e6;font-size:1.05rem;position:absolute;top:22%;left:2%}#portrait.wrong .sil{animation:3.2s ease-in-out infinite sil-bleed}@keyframes sil-bleed{0%,to{filter:blur(9px);transform:none}42%{filter:blur(14px);transform:scale(1.025,.99)translate(1px)}58%{filter:blur(11px);transform:scale(.99,1.02)translate(-1px)}}#textbox{border-top:1px solid var(--frame-line);cursor:pointer;background:linear-gradient(#0c0e12f5,#07090cfa);min-height:30vh;padding:1.1rem 1.4rem 1.4rem;position:relative}#nameplate{visibility:hidden;border-left:3px solid;margin-bottom:.5rem;padding:.1rem .6rem;font-size:1.05rem;font-weight:700;display:inline-block}#dialogue{white-space:pre-line;min-height:4em;font-size:1.15rem;line-height:2}#dialogue.unreliable{color:#b9a9b6;text-shadow:0 0 6px #b48ead59;font-style:italic;animation:5s ease-in-out infinite unreliable-drift}@keyframes unreliable-drift{0%,to{text-shadow:0 0 6px #b48ead59}46%{text-shadow:.5px 0 6px #c45b5b66,-.5px 0 6px #7fb0a84d}54%{text-shadow:-.7px 0 5px #c45b5b73,.7px 0 5px #7fb0a84d}}#advance{color:var(--ink-dim);visibility:hidden;animation:1.4s ease-in-out infinite blink;position:absolute;bottom:.8rem;right:1.4rem}@keyframes blink{50%{opacity:.25}}#choices{flex-direction:column;gap:.6rem;margin-top:.8rem;display:flex}.choice{text-align:left;color:var(--ink);border:1px solid var(--frame-line);cursor:pointer;background:#1c212ad9;border-radius:2px;padding:.7rem 1rem;font-family:inherit;font-size:1.02rem;transition:border-color .2s,background .2s,transform .1s}.choice:hover{border-color:var(--san);background:#28303cf2}.choice:active{transform:translateY(1px)}.choice.madness{color:var(--madness-ink);border-color:#c45b5b80;font-style:italic;animation:.9s ease-out madness-in}@keyframes madness-in{0%{opacity:0;filter:blur(3px);transform:translate(3px)}60%{opacity:.7;filter:blur(1px)}to{opacity:1;filter:blur()}}.choice.madness:hover{border-color:var(--san-critical);background:#3c1e22e6;animation:.16s linear infinite madness-shiver}@keyframes madness-shiver{25%{transform:translate(.6px,-.4px)}75%{transform:translate(-.6px,.4px)}}.check-badge{color:var(--san);letter-spacing:.04em;margin-right:.45em;font-style:normal;font-weight:600}.choice:hover .check-badge{text-shadow:0 0 8px #7fb0a880}.choices-hint{color:var(--ink-dim);padding:.2rem .4rem;font-size:.8rem;line-height:1.7}.choice.locked{opacity:.4;cursor:not-allowed;color:var(--ink-dim);border-style:dashed}.choice.locked:hover{border-color:var(--frame-line);background:#1c212ad9}#fx-flash{pointer-events:none;z-index:95;opacity:0;background:radial-gradient(120% 120%,#96142047 0%,#5a08128c 100%);position:fixed;inset:0}#fx-flash.flash-light{animation:.35s ease-out fx-flash}#fx-flash.flash-heavy{animation:.6s ease-out fx-flash}@keyframes fx-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}#stage-wrap.shock-light,#battle.shock-light{animation:.28s linear fx-shake-light}#stage-wrap.shock-heavy,#battle.shock-heavy{animation:.5s linear fx-shake-heavy}@keyframes fx-shake-light{20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,1px)}80%{transform:translate(-1px,-1px)}}@keyframes fx-shake-heavy{10%{transform:translate(6px,-3px)rotate(.25deg)}25%{transform:translate(-7px,3px)rotate(-.3deg)}40%{transform:translate(5px,2px)}55%{transform:translate(-4px,-3px)rotate(.2deg)}70%{transform:translate(3px,1px)}85%{transform:translate(-2px,-1px)}}body.sanlow #stage{filter:saturate(.82)contrast(1.04)}body.sanlow #dialogue{text-shadow:0 0 2px #d8d2c82e}body.lowsan #stage{filter:saturate(1.25)contrast(1.08)hue-rotate(-10deg)}body.lowsan #enemy-name{animation:3.2s ease-in-out infinite name-drift}@keyframes name-drift{0%,to{letter-spacing:.16em;filter:blur()}48%{letter-spacing:.22em;filter:blur(.4px)}52%{letter-spacing:.13em;transform:translate(1px)}}body.lowsan #stage:after{content:"";pointer-events:none;animation:4s ease-in-out infinite lowsan-pulse;position:absolute;inset:0;box-shadow:inset 0 0 150px 36px #5a122899}@keyframes lowsan-pulse{50%{box-shadow:inset 0 0 175px 30px #6e1630b8}}body.lowsan #dialogue{text-shadow:0 0 9px #b9789673;letter-spacing:.02em}#notebook[hidden]{display:none}#notebook{z-index:80;background:#040507b8;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.nb-panel{border-left:1px solid var(--frame-line);background:linear-gradient(#11131a,#0a0c10);flex-direction:column;width:min(420px,88vw);animation:.25s nb-slide;display:flex}@keyframes nb-slide{0%{opacity:0;transform:translate(20px)}}.nb-head{border-bottom:1px solid var(--frame-line);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.nb-head h2{letter-spacing:.12em;margin:0;font-size:1.15rem}#notebook-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}#notebook-close:hover{color:var(--ink)}#nb-body{padding:.6rem 1.1rem 1.4rem;overflow-y:auto}.nb-empty{color:var(--ink-dim);font-style:italic}.nb-thread{margin-top:1rem}.nb-thread h3{letter-spacing:.16em;color:var(--san);border-bottom:1px solid var(--frame-line);margin:0 0 .5rem;padding-bottom:.3rem;font-size:.85rem}.nb-thread-desc{letter-spacing:.06em;color:var(--ink-dim);margin:-.25rem 0 .5rem;font-size:.78rem}.nb-new{vertical-align:.1em;color:#0a0c10;background:var(--san-low);border-radius:2px;margin-right:.45em;padding:0 .3em;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-block}.nb-clue{border-left:2px solid var(--frame-line);background:#ffffff08;margin:.55rem 0;padding:.5rem .7rem}.nb-clue-title{margin-bottom:.25rem;font-weight:600}.nb-clue-note{color:var(--ink-dim);font-size:.9rem;line-height:1.7}#toast{border:1px solid var(--san);color:var(--ink);letter-spacing:.05em;text-align:center;opacity:0;pointer-events:none;z-index:55;background:#14181ef2;border-radius:3px;max-width:90vw;padding:.55rem 1.1rem;font-size:.9rem;transition:opacity .3s,transform .3s;position:fixed;bottom:7%;left:50%;transform:translate(-50%,12px)}#toast.show{opacity:1;transform:translate(-50%)}#cinema[hidden]{display:none}#cinema{z-index:100;cursor:pointer;background:#010203;position:fixed;inset:0;overflow:hidden}.cine-stage{transition:background 1.2s;position:absolute;inset:0}.cine-stage.cine-black{background:#010203}.cine-stage.cine-letter{background:linear-gradient(165deg,#17140e 0%,#0a0906 70%)}.cine-stage.cine-sea{background:linear-gradient(#04070c 0%,#071019 55%,#030608 100%)}.cine-sea-far,.cine-sea-near{opacity:0;height:34%;transition:opacity 1.5s;position:absolute;bottom:0;left:-20%;right:-20%}.cine-stage.cine-sea .cine-sea-far,.sea-bg .cine-sea-far{opacity:1;background:radial-gradient(60% 100% at 50% 100%,#1e34428c,#0000 70%);animation:9s ease-in-out infinite sea-swell;bottom:12%}.cine-stage.cine-sea .cine-sea-near,.sea-bg .cine-sea-near{opacity:1;background:radial-gradient(70% 100% at 50% 100%,#101e28e6,#0000 75%);animation:6.5s ease-in-out infinite reverse sea-swell}.sea-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}@keyframes sea-swell{0%,to{transform:translate(-2%)scaleY(1)}50%{transform:translate(2%)scaleY(1.12)}}.cine-fog{background:radial-gradient(40% 30% at 30% 40%,#78828c0f,#0000 70%),radial-gradient(50% 35% at 70% 60%,#78828c0d,#0000 70%);animation:26s ease-in-out infinite alternate fog-drift;position:absolute;inset:-30%}@keyframes fog-drift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(4%,2%)scale(1.08)}}.cine-vignette{position:absolute;inset:0;box-shadow:inset 0 0 180px 60px #000000d9}#cine-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:2rem;display:flex;position:absolute;inset:0}.cine-line{letter-spacing:.14em;color:var(--ink);opacity:0;margin:0;font-size:1.15rem;line-height:2.2;animation:1.6s forwards cine-fadein}.cine-stage.cine-letter~#cine-text .cine-line{color:#cfc4a8;font-size:1.08rem}.cine-title{letter-spacing:.5em;text-indent:.5em;color:var(--ink);text-shadow:0 0 36px #7fb0a847;opacity:0;font-size:4.2rem;animation:2.4s forwards cine-title-in}.cine-sub{letter-spacing:.24em;color:var(--ink-dim);opacity:0;font-size:.95rem;animation:1.8s forwards cine-fadein}@keyframes cine-fadein{to{opacity:1}}@keyframes cine-title-in{0%{opacity:0;letter-spacing:.9em;filter:blur(6px)}to{opacity:1;letter-spacing:.5em;filter:blur()}}#cine-text.credits{justify-content:flex-end;overflow:hidden}.cine-roll{animation:linear forwards cine-roll;transform:translateY(100%)}.cine-roll p{letter-spacing:.12em;color:var(--ink);margin:.55rem 0;font-size:1rem}.cine-roll .cine-credit-head{letter-spacing:.3em;color:var(--san);margin-top:2rem;font-size:.8rem}@keyframes cine-roll{0%{transform:translateY(100%)}to{transform:translateY(-130%)}}#cine-skip{z-index:5;letter-spacing:.12em;color:var(--ink-dim);border:1px solid var(--frame-line);cursor:pointer;background:#0a0c1099;border-radius:2px;padding:.35rem .8rem;font-family:inherit;font-size:.8rem;position:absolute;top:1rem;right:1.2rem}#cine-skip:hover{color:var(--ink);border-color:var(--san)}@media (prefers-reduced-motion:reduce){#stage-wrap.shock-light,#stage-wrap.shock-heavy,#battle.shock-light,#battle.shock-heavy,.choice.madness:hover,#dialogue.unreliable,body.lowsan #enemy-name,.ending-card h2.glitch,#bg.has-image,.sea-bg .cine-sea-far,.sea-bg .cine-sea-near,.sea-bg .cine-fog,#portrait.wrong .sil{animation:none}}body.reduce-fx #advance,body.reduce-fx #roll.ready .roll-cont,body.reduce-fx.lowsan #stage:after{animation:none}body.text-large #dialogue{font-size:1.38rem}body.text-large #nameplate{font-size:1.2rem}body.text-large .choice{font-size:1.18rem}body.text-large #battle-log{font-size:1.28rem}body.text-large .battle-act{font-size:1.15rem}body.text-large #ending-body p:not(.ending-meta){font-size:1.25rem}body.text-large .nb-clue-note{font-size:1.02rem}body.text-large .bl-text{font-size:1.15rem}#battle[hidden]{display:none}#battle{z-index:50;cursor:pointer;background:radial-gradient(120% 90% at 50% 0,#14171d 0%,#05060a 70%);flex-direction:column;padding:3.2rem 1.4rem 1.4rem;display:flex;position:fixed;inset:0}#enemy,#battle-log,#battle-menu{width:100%;max-width:960px;margin-left:auto;margin-right:auto}#enemy{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;display:flex}#enemy-name{letter-spacing:.16em;color:var(--ink);text-shadow:0 0 18px #000c;font-size:1.4rem}.enemy-bar{border:1px solid var(--frame-line);background:#ffffff0f;border-radius:4px;width:min(320px,70vw);height:7px;overflow:hidden}#enemy-hp-fill{background:linear-gradient(90deg,#4a2e3a,#8a4a5a);width:100%;height:100%;transition:width .4s;display:block}#battle-log{border:1px solid var(--frame-line);background:linear-gradient(#0c0e12f5,#07090cfa);border-radius:3px;min-height:4.5em;margin-bottom:.9rem;padding:.9rem 1rem;font-size:1.08rem;line-height:1.9}#battle-menu{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.battle-act{color:var(--ink);border:1px solid var(--frame-line);cursor:pointer;background:#1c212ae6;border-radius:2px;padding:.75rem 1rem;font-family:inherit;font-size:1.02rem;transition:border-color .2s,background .2s,transform .1s}.battle-act:hover{border-color:var(--san);background:#28303cf2}.battle-act:active{transform:translateY(1px)}.act-sub{letter-spacing:.02em;color:var(--ink-dim);margin-left:.3em;font-size:.82em}.battle-act.item{text-align:left}.act-desc{color:var(--ink-dim);margin-top:.3rem;font-size:.78rem;line-height:1.6;display:block}.battle-act.seal{border-color:var(--san);color:var(--san);letter-spacing:.1em;text-shadow:0 0 10px #7fb0a859;grid-column:1/-1}.battle-act.seal:hover{background:#1e302ef2}#title[hidden]{display:none}#title{z-index:70;background:radial-gradient(120% 100% at 50% 30%,#10141b 0%,#04060a 75%);padding:1.5rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.title-sea{position:fixed}.title-card{z-index:1;text-align:center;margin:auto;position:relative}.title-card h1{letter-spacing:.5em;text-indent:.5em;color:var(--ink);text-shadow:0 0 30px #7fb0a840;margin:0;font-size:4rem}.title-sub{color:var(--ink-dim);letter-spacing:.2em;margin:.4rem 0 2.4rem}#title button{letter-spacing:.16em;width:220px;color:var(--ink);border:1px solid var(--frame-line);cursor:pointer;background:#1c212ad9;border-radius:2px;margin:.6rem auto;padding:.75rem 1rem;font-family:inherit;font-size:1.05rem;transition:border-color .2s,background .2s;display:block}#title button:hover{border-color:var(--san);background:#28303cf2}#title-continue{color:var(--san)}#title button[hidden],#title p[hidden]{display:none}.title-continue-info{letter-spacing:.08em;color:var(--ink-dim);margin:-.3rem 0 .8rem;font-size:.8rem}#title .title-minor{letter-spacing:.12em;color:var(--ink-dim);background:#101319b3;margin-top:.45rem;padding:.5rem 1rem;font-size:.88rem}#title .title-minor:hover{color:var(--ink)}#title #title-records{margin-top:1.4rem}.title-notice{max-width:22rem;color:var(--san-low);margin:1rem auto 0;font-size:.85rem;line-height:1.7}.title-sound-note{letter-spacing:.1em;color:var(--ink-dim);margin:1.6rem 0 0;font-size:.78rem}#ending[hidden]{display:none}#ending{z-index:65;background:radial-gradient(120% 100% at 50% 40%,#0c0f15 0%,#030407 80%);padding:2rem;animation:1.2s ending-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes ending-fade{0%{opacity:0}}.ending-card{text-align:center;max-width:640px;margin:auto}.ending-count{letter-spacing:.2em;color:var(--ink-dim);margin:1.8rem 0 0;font-size:.85rem}.ending-btns{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.4rem;display:flex}.ending-btns button[hidden]{display:none}.ending-card h2{letter-spacing:.18em;color:var(--ink);text-shadow:0 0 24px #7fb0a833;margin:0 0 1.6rem;font-size:1.7rem}.ending-card h2.glitch{animation:2.6s step-end infinite title-glitch}@keyframes title-glitch{0%,to{text-shadow:0 0 24px #c45b5b40;transform:none}8%{text-shadow:2px 0 #c45b5b99,-2px 0 #7fb0a880;transform:translate(1px)skew(-1.5deg)}11%{text-shadow:-2px 0 #c45b5b99,2px 0 #7fb0a880;transform:translate(-1px)}14%{text-shadow:0 0 24px #c45b5b40;transform:none}62%{text-shadow:1.5px 0 #c45b5b8c,-1.5px 0 #7fb0a873;transform:skew(1deg)}65%{text-shadow:0 0 24px #c45b5b40;transform:none}}#ending-body p{color:var(--ink);margin:.9rem 0;font-size:1.1rem;line-height:2.1}#ending-body .ending-meta{letter-spacing:.08em;color:var(--ink-dim);margin-top:2rem;font-family:ui-monospace,monospace;font-size:.85rem}.ending-btns button,.confirm-btns button{letter-spacing:.16em;color:var(--ink-dim);border:1px solid var(--frame-line);cursor:pointer;background:0 0;border-radius:2px;padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,color .2s}.ending-btns button:hover,.ending-btns button:focus-visible,.confirm-btns button:hover,.confirm-btns button:focus-visible{border-color:var(--san);color:var(--ink)}#ending-retry{color:var(--san)}.modal[hidden]{display:none}.modal{z-index:90;background:#040507b8;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--frame-line);background:linear-gradient(#11131a,#0a0c10);border-radius:4px;width:min(520px,100%);margin:auto;padding:1rem 1.2rem 1.2rem;animation:.22s ease-out roll-in;box-shadow:0 12px 40px #0009}.modal-head{border-bottom:1px solid var(--frame-line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;padding-bottom:.6rem;display:flex}.modal-head h2{letter-spacing:.12em;margin:0;font-size:1.1rem}.modal-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}.modal-close:hover,.modal-close:focus-visible{color:var(--ink)}.set-row{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:.95rem 0;display:flex}.set-label{min-width:5.5em;color:var(--ink-dim);font-size:.92rem}#vol-slider{min-width:120px;accent-color:var(--san);cursor:pointer;flex:1}#vol-slider:disabled{opacity:.35;cursor:default}#vol-value{text-align:right;min-width:2.6em;font-family:ui-monospace,monospace;font-size:.9rem}.set-check,.set-radio{cursor:pointer}.set-check input,.set-radio input{accent-color:var(--san);width:1.05rem;height:1.05rem;margin:0}.set-radio{align-items:center;gap:.35rem;display:inline-flex}.set-keys{color:var(--ink-dim);margin:1.3rem 0 0;font-size:.78rem;line-height:1.8}.confirm-panel{text-align:center;width:min(400px,100%)}#confirm-msg{margin:.8rem 0 1.4rem;line-height:1.8}.confirm-btns{justify-content:center;gap:.8rem;display:flex}#rec-list{margin:0;padding:0;list-style:none}.rec-card{border-left:2px solid var(--frame-line);background:#ffffff08;margin:.5rem 0;padding:.65rem .8rem}.rec-card.reached{border-left-color:var(--san)}.rec-name{letter-spacing:.08em;font-weight:600}.rec-card:not(.reached) .rec-name{letter-spacing:.3em;color:var(--ink-dim)}.rec-hint{color:var(--ink-dim);margin-top:.2rem;font-size:.85rem;line-height:1.6}#backlog{z-index:80;background:#04050773}.bl-panel{background:#0a0c10db;flex-direction:column;width:min(760px,100%);height:min(80vh,640px);display:flex}#bl-list{flex:1;min-height:0;padding-right:.3rem;overflow-y:auto}.bl-empty{color:var(--ink-dim);font-style:italic}.bl-entry{border-bottom:1px solid #2c323c80;padding:.45rem 0}.bl-who{margin-bottom:.1rem;font-size:.88rem;font-weight:700}.bl-text{white-space:pre-line;font-size:1rem;line-height:1.8}.bl-roll .bl-text,.bl-battle .bl-text{color:var(--ink-dim);font-size:.92rem}.bl-roll .bl-text{font-family:ui-monospace,monospace}#roll[hidden]{display:none}#roll{z-index:40;cursor:pointer;background:#030406d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.roll-card{text-align:center;border:1px solid var(--frame-line);background:linear-gradient(#14171f,#0b0d12);border-radius:4px;width:min(340px,86vw);padding:1.6rem 1.4rem 1.2rem;animation:.28s cubic-bezier(.2,.8,.3,1.2) roll-in;box-shadow:0 12px 40px #0009}@keyframes roll-in{0%{opacity:0;transform:scale(.9)}}.roll-skill{letter-spacing:.14em;color:var(--ink);font-size:1.05rem}.roll-target{color:var(--ink-dim);margin-top:.2rem;font-family:ui-monospace,monospace;font-size:.82rem}.roll-target b{color:var(--ink)}.roll-die{margin:.6rem 0 .2rem;font-family:ui-monospace,monospace;font-size:3.4rem;font-weight:700;line-height:1;animation:.4s die-pop}@keyframes die-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}}.roll-die.ok{color:var(--san)}.roll-die.ng{color:var(--san-critical)}.roll-verdict{letter-spacing:.3em;font-size:1.2rem;font-weight:700}.roll-verdict.ok{color:var(--san)}.roll-verdict.ng{color:var(--san-critical)}.roll-cost{height:1.2em;color:var(--san-critical);margin-top:.4rem;font-family:ui-monospace,monospace;font-size:.95rem}.roll-cont{letter-spacing:.1em;color:var(--ink-dim);opacity:0;margin-top:1rem;font-size:.75rem;transition:opacity .2s}#roll{cursor:default}#roll.ready{cursor:pointer}#roll.ready .roll-cont{opacity:1;animation:1.4s ease-in-out infinite blink}@media (width<=640px){#app{height:100dvh}#status{flex-wrap:wrap;gap:.45rem .6rem;padding:.45rem .7rem}.gauges{flex:100%;gap:.9rem}.gauge{flex:1;gap:.35rem;min-width:0}.gauge .bar{flex:1;width:auto;min-width:60px}.hud-btn{padding:.35rem .6rem}#portrait{width:40%;max-width:160px;right:3%}#portrait .pname{font-size:.92rem}#textbox{min-height:34vh;padding:.8rem .9rem 1.1rem}#dialogue{font-size:1.05rem;line-height:1.85}.choice{padding:.6rem .8rem;font-size:.98rem}#battle{padding:5.4rem .8rem .8rem}#battle-log{padding:.7rem .8rem;font-size:1rem}.battle-act{padding:.6rem;font-size:.95rem}.act-sub{margin-left:0;display:block}#ending{padding:1.2rem 1rem}.ending-card{width:100%;max-width:none}#ending-body p{font-size:1rem;line-height:1.95}.nb-panel{width:100%}.modal{padding:.6rem}.modal-panel{width:100%}.title-card h1{font-size:3.2rem}}