*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#1a1a1f;color:#f5f5f5;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;display:flex;align-items:center;justify-content:center}#root{width:100%;display:flex;align-items:center;justify-content:center}.title-screen,.game-screen{position:relative;aspect-ratio:16 / 9;width:min(100vw,calc(100vh * 16 / 9));overflow:hidden;-webkit-user-select:none;user-select:none}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;background:linear-gradient(160deg,#263238,#37474f 55%,#4e342e)}.title-school{letter-spacing:.3em;color:#b0bec5}.title-logo{font-size:clamp(28px,5vw,56px);letter-spacing:.1em;text-shadow:0 4px 12px rgba(0,0,0,.6)}.title-sub{color:#cfd8dc;margin-bottom:1.5em}.title-menu{display:flex;flex-direction:column;gap:12px;width:min(320px,70%)}.title-menu button{padding:.8em;font-size:1rem;border:1px solid #90a4ae;border-radius:8px;background:#00000059;color:#fff;cursor:pointer;transition:background .15s}.title-menu button:hover:not(:disabled){background:#ffffff26}.title-menu button:disabled{opacity:.35;cursor:default}.title-menu button.danger{border-color:#ef9a9a;color:#ef9a9a}.game-screen{cursor:pointer;background:#000}.background-layer{position:absolute;inset:0;background-size:cover;background-position:center}.character-layer{position:absolute;inset:0}.character{position:absolute;bottom:0;height:78%;transform:translate(-50%)}.character-left{left:24%}.character-center{left:50%}.character-right{left:76%}.textbox{position:absolute;left:3%;right:3%;bottom:3%;min-height:26%;padding:1em 1.4em 1.6em;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:#0a0a14c7}.textbox-speaker{display:inline-block;margin-bottom:.4em;padding:.15em .9em;border-radius:6px;background:#5c6bc0;font-size:.9rem;font-weight:700}.textbox-text{font-size:clamp(14px,1.9vw,22px);line-height:1.7}.textbox-marker{position:absolute;right:1.2em;bottom:.6em;font-size:.8rem;animation:blink 1s infinite}@keyframes blink{50%{opacity:.15}}.choice-list{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;width:min(560px,86%);z-index:2}.choice-button{padding:.75em 1.2em;font-size:clamp(13px,1.7vw,19px);border:1px solid rgba(255,255,255,.5);border-radius:10px;background:#141428d9;color:#fff;cursor:pointer;transition:background .15s,transform .1s}.choice-button:hover{background:#5c6bc0d9;transform:scale(1.02)}.system-menu{position:absolute;top:2%;right:1.5%;display:flex;gap:8px;z-index:3}.system-menu button{padding:.35em .9em;font-size:.8rem;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#00000073;color:#ddd;cursor:pointer}.system-menu button:hover{background:#fff3}.audio-controls{display:inline-flex;gap:8px}.audio-controls button{padding:.35em .7em;font-size:.8rem;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#00000073;color:#ddd;cursor:pointer}.audio-controls button:hover{background:#fff3}.title-audio{position:absolute;top:3%;right:3%}.control-bar{position:absolute;right:3%;bottom:30%;display:flex;gap:8px;z-index:2}.control-bar button{padding:.35em .85em;font-size:.8rem;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#0a0a14b3;color:#ddd;cursor:pointer}.control-bar button:hover{background:#ffffff2e}.control-bar button.active{background:#5c6bc0;border-color:#9fa8da;color:#fff}.backlog-overlay{position:absolute;inset:0;z-index:10;background:#000000b8;display:flex;align-items:center;justify-content:center}.backlog-panel{width:88%;height:84%;display:flex;flex-direction:column;background:#12121afa;border:1px solid rgba(255,255,255,.25);border-radius:12px;overflow:hidden}.backlog-head{display:flex;align-items:center;justify-content:space-between;padding:.7em 1.2em;border-bottom:1px solid rgba(255,255,255,.15);font-weight:700;letter-spacing:.1em}.backlog-head button{padding:.3em .9em;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#0006;color:#ddd;cursor:pointer;font-size:.85rem}.backlog-body{flex:1;overflow-y:auto;padding:1em 1.4em}.backlog-empty{color:#9aa0ab}.backlog-line{padding:.5em 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:clamp(13px,1.6vw,17px);line-height:1.6}.backlog-speaker{display:inline-block;margin-right:.6em;padding:.05em .6em;border-radius:4px;background:#5c6bc0;font-size:.82em;font-weight:700;vertical-align:.05em}.backlog-text{color:#ece7dd}