:root{color:#fff;font-synthesis:none;background:#15202c;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;touch-action:manipulation;background:#243647;border:1px solid #c1cbd4;border-radius:6px;min-height:48px;padding:12px 22px}button:hover{background:#3e556a}button:focus-visible{outline-offset:3px;outline:3px solid #ffd59a}button:disabled{opacity:.45;cursor:default}#app{width:100%;height:100svh;min-height:330px;position:relative;overflow:hidden}.stage,.view{position:absolute;top:0;bottom:0;left:0;right:0}.stage{background-color:#505d70;background-position:50%;background-size:cover;transition:background-image .2s}.view{pointer-events:none}.view>*{pointer-events:auto}.sprite{object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 8px #0003);max-width:46%;height:92%;position:absolute;bottom:-7%}.sprite.left{left:3%}.sprite.right{right:3%}.sprite.center{left:50%;transform:translate(-50%)}.title-card{color:#293c4d;background:#fffdf4ec;border-left:5px solid #b57855;max-width:680px;padding:36px;position:absolute;top:14%;left:8%;box-shadow:0 18px 60px #0003}h1{white-space:pre-line;letter-spacing:.05em;margin:18px 0;font-family:Georgia,serif;font-size:clamp(32px,5vw,62px);line-height:1.08}.eyebrow{letter-spacing:.12em;font-size:13px}.subtitle{font-size:13px}.title-menu{gap:12px;margin-top:32px;display:flex}.title-menu button{letter-spacing:.08em;font-size:13px}.dev-banner,.save-notice{color:#8a452a;font-size:12px}.controls{right:max(20px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));gap:8px;display:flex;position:absolute}.controls button{background:#223448d9;min-height:44px;padding:8px 12px;font-size:11px}.dialogue{bottom:max(22px,env(safe-area-inset-bottom));color:#25394b;text-align:left;background:#fcfaf5f2;border:1px solid #c6b9a7;flex-direction:column;justify-content:flex-start;align-items:stretch;width:90%;min-height:172px;padding:24px 32px;display:flex;position:absolute;left:5%;box-shadow:0 5px 24px #0003}.dialogue:hover{background:#fffaf2}.speaker:empty{display:none}.speaker{color:#986348;flex-shrink:0;min-height:22px;margin-bottom:12px;font-size:16px;font-weight:700;display:block}.dialogue-text{white-space:pre-line;flex-shrink:0;font-size:clamp(16px,1.7vw,20px);line-height:1.85;display:block}.next-marker{font-size:12px;position:absolute;bottom:10px;right:16px}.choices{gap:10px;width:min(540px,90%);display:grid;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.choices button{color:#25394b;text-align:left;background:#fcfaf5f2;padding:16px 24px;box-shadow:0 4px 24px #0004}.overlay{color:#263848;background:#fdfaf3;border:1px solid #b9cbd8;border-radius:8px;width:520px;max-width:min(640px,90vw);max-height:85svh;padding:28px}.overlay::backdrop{background:#14203099}.setting{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.setting input{width:60%}.setting select{padding:10px}.log-scroll{max-height:55svh;font-size:15px;line-height:1.8;overflow:auto}.errors{color:#803316;z-index:20;background:#fff1e7;max-width:75%;padding:10px;font-size:12px;position:absolute;bottom:8px;left:8px}.errors[hidden]{display:none}.battle{font-variant-numeric:tabular-nums;background:radial-gradient(#14243c30,#080f22d9);position:absolute;top:0;bottom:0;left:0;right:0}.enemy-status{top:max(22px,env(safe-area-inset-top));text-align:center;background:#101c32da;border:1px solid #6988a9;padding:10px 20px;position:absolute;left:10%;right:10%}.enemy-status h2{margin:0 0 8px;font-size:clamp(15px,2vw,25px)}.hp-bar{background:#03080c;border:1px solid #61768b;max-width:440px;height:9px;margin:auto}.hp-fill{background:#6fd4a8;width:100%;height:100%;transition:width .25s;display:block}.hp-value{margin:8px;font-size:13px}.enemy{object-fit:contain;filter:drop-shadow(0 0 30px #a8d1ff55);max-width:80%;height:50%;position:absolute;top:23%;left:50%;transform:translate(-50%)}.battle-actor{color:#f9d89f;font-size:13px;position:absolute;bottom:21%;left:6%}.battle-log{background:#101d35ed;border:1px solid #718dae;width:60%;min-height:84px;margin:0;padding:20px;line-height:1.6;position:absolute;bottom:6%;left:6%}.fight{background:#294563;border:1px solid #b4ccdf;width:24%;min-height:84px;font-size:20px;position:absolute;bottom:6%;right:6%}.damage{color:#ffe2aa;text-shadow:2px 3px #152539;white-space:nowrap;font-size:clamp(20px,4vw,52px);position:absolute;top:47%;left:50%;transform:translate(-50%)}.attacking{animation:.35s .3s shake}.attacking:after{content:"";pointer-events:none;background:#fff;animation:.4s .15s both flash;position:absolute;top:0;bottom:0;left:0;right:0}.attacking.cymbal:after{background:linear-gradient(#0000 46%,#fff4b7 50%,#efdf76 51%,#0000 55%);animation:.5s disc}.attacking.scream:after{background:radial-gradient(circle,#0000 35%,#9cf9 40%,#0000 48%);animation:.6s wave}.defeated{opacity:0;transition:all .3s;transform:translate(140%)rotate(35deg)}.cymbal .defeated,.scream .defeated{opacity:0;transform:translate(-50%)}.credits{text-align:center;background:#152438ed;border:1px solid #8da4b8;padding:26px;position:absolute;top:10%;bottom:10%;left:10%;right:10%;overflow:auto}.credits h1{font-size:clamp(24px,4vw,44px)}.credits p{white-space:pre-line;font-size:14px;line-height:1.85}@keyframes shake{20%,60%{transform:translate(8px)}40%,80%{transform:translate(-8px)}}@keyframes flash{0%,to{opacity:0}40%{opacity:.9}}@keyframes disc{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes wave{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(3)}}@media (max-width:650px){.title-card{width:90%;padding:22px;top:18%;left:5%}.title-menu{gap:9px;margin-top:22px;display:grid}.title-menu button{min-height:48px}.sprite{max-width:60%;height:75%;bottom:18%}.sprite.left{left:-8%}.sprite.right{right:-8%}.dialogue{width:94%;left:3%;bottom:max(12px,env(safe-area-inset-bottom));min-height:200px;max-height:45svh;padding:18px 18px 26px;overflow:auto}.dialogue-text{font-size:16px;line-height:1.75}.speaker{margin-bottom:8px;font-size:14px}.controls{gap:5px;right:8px}.enemy-status{left:5%;right:5%}.enemy{height:40%;top:25%}.battle-log{width:88%;padding:14px;font-size:15px;bottom:20%;left:6%}.fight{left:6%;right:6%;bottom:max(3%,env(safe-area-inset-bottom));width:88%;min-height:64px}.battle-actor{bottom:34%}.damage{font-size:clamp(18px,5vw,35px)}.credits{padding:20px;top:5%;bottom:5%;left:5%;right:5%}}@media (max-height:480px){.title-card{padding:18px;top:6%}.title-card h1{font-size:30px}.title-menu{margin-top:15px;display:flex}.dialogue{min-height:112px;max-height:50svh;padding:10px 20px 18px}.dialogue-text{font-size:15px;line-height:1.5}.speaker{min-height:16px;margin-bottom:4px}.enemy-status{padding:6px;top:7px}.enemy-status h2{font-size:14px}.enemy{height:37%;top:28%}.battle-log{width:60%;min-height:65px;bottom:4%}.fight{width:25%;min-height:65px;bottom:4%;left:auto;right:5%}.battle-actor{bottom:22%}.choices{gap:6px;bottom:8%}.choices button{padding:10px 18px}.credits{top:4%;bottom:4%;left:4%;right:4%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.attacking:after{display:none}}.errors{pointer-events:none;max-height:28svh;top:64px;bottom:auto;overflow:auto}.errors button{pointer-events:auto}.battle-portrait{object-fit:contain;pointer-events:none;max-width:25%;height:34%;position:absolute;bottom:28%;left:4%}.attacking.cymbal:before{content:"";z-index:3;pointer-events:none;background:#000;animation:.28s .32s both cymbal-cut;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes cymbal-cut{0%,to{opacity:0}25%,75%{opacity:1}}@media (max-width:650px){.battle-portrait{max-width:27%;height:23%;bottom:36%;left:2%}}.title-card{max-width:480px;padding:28px;left:5%}.title-card h1{font-size:clamp(32px,4vw,52px)}@media (max-width:650px) and (min-height:481px){.title-card{max-width:none;padding:22px;top:auto;bottom:5%}.title-card h1{margin:12px 0;font-size:32px}.title-menu{margin-top:18px}}.battle-portrait{z-index:1}