*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block;width:100%;height:100%}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Avenir Next,Helvetica Neue,Hiragino Sans,Yu Gothic,sans-serif;color:#e8f4ff;-webkit-user-select:none;user-select:none}.glass-panel{position:absolute;background:linear-gradient(135deg,#0e162cc7,#080c1c80);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:16px 24px;pointer-events:auto;font-size:17px;line-height:1.7;letter-spacing:.08em}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#5ce1ff,rgba(160,107,255,.7) 55%,transparent);pointer-events:none}#message-window,#command-window{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}#status-window{clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px)}#message-window{left:50%;transform:translate(-50%);bottom:26px;width:min(900px,92vw);min-height:62px;padding-left:30px}#message-window:after{content:"";position:absolute;left:10px;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,#5ce1ff,#a06bff);box-shadow:0 0 10px #5ce1ffb3}#command-window{left:26px;bottom:118px;min-width:270px}.command-title{font-size:11px;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:#5ce1ff;opacity:.85;margin-bottom:8px}.menu-item{display:flex;justify-content:space-between;align-items:baseline;gap:26px;padding:6px 12px 6px 14px;margin:2px 0;cursor:pointer;white-space:nowrap;border-left:3px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease}.menu-item.selected{border-left-color:#5ce1ff;background:linear-gradient(90deg,rgba(92,225,255,.18),transparent 80%);transform:translate(6px);text-shadow:0 0 12px rgba(92,225,255,.8)}.menu-item.disabled{color:#a0b4d259}.menu-detail{color:#8fb8e8;font-size:13px;letter-spacing:.12em}#status-window{right:26px;bottom:118px;min-width:270px}.status-name{font-size:12px;letter-spacing:.35em;color:#9adcff;opacity:.9;margin-bottom:8px}.gauge-row{display:flex;align-items:center;gap:10px;margin:7px 0}.gauge-label{font-size:11px;font-weight:600;letter-spacing:.2em;color:#8fb8e8;width:28px}.gauge-value{font-size:13px;min-width:72px;text-align:right;font-variant-numeric:tabular-nums;color:#cfe8ff}.bar{flex:1;height:6px;min-width:90px;background:#ffffff14;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);overflow:hidden}.bar-fill{height:100%;transition:width .3s cubic-bezier(.2,.8,.2,1)}.bar-fill.hp{background:linear-gradient(90deg,#38f2a0,#7dffcb);box-shadow:0 0 10px #38f2a0cc}.bar-fill.mp{background:linear-gradient(90deg,#5c8bff,#a06bff);box-shadow:0 0 10px #7a78ffcc}.enemy-hud{position:absolute;top:24px;left:50%;transform:translate(-50%);width:340px;pointer-events:none}.enemy-hud .bar{height:5px}.enemy-hud .bar-fill{background:linear-gradient(90deg,#ff4d7e,#ff8fb0);box-shadow:0 0 12px #ff4d7ee6}.enemy-label{font-size:11px;letter-spacing:.5em;text-align:center;color:#ff8fb0;margin-bottom:7px}#popup-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.damage-popup{position:absolute;transform:translate(-50%,-50%);font-size:40px;font-weight:800;font-style:italic;color:#fff;text-shadow:0 0 14px rgba(92,225,255,.95),0 0 34px rgba(92,225,255,.5),0 2px 6px rgba(0,0,0,.6);animation:damage-rise 1s ease-out forwards;pointer-events:none}@keyframes damage-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}15%{opacity:1;transform:translate(-50%,-62%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#040814a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;font-size:20px;letter-spacing:.25em;color:#9adcff}.result-title{font-size:60px;font-weight:800;font-style:italic;letter-spacing:.3em;padding-left:.3em;background:linear-gradient(180deg,#fff,#5ce1ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(92,225,255,.55))}.result-title.defeat{background:linear-gradient(180deg,#fff,#ff4d7e);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 26px rgba(255,77,126,.55))}.result-button{background:linear-gradient(135deg,#14203ce6,#0a1022b3);border:none;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);color:#e8f4ff;font-family:inherit;font-size:16px;letter-spacing:.22em;padding:15px 46px;cursor:pointer;transition:background .2s,filter .2s}.result-button:hover,.result-button:focus{background:linear-gradient(135deg,#5ce1ff40,#14203cd9);filter:drop-shadow(0 0 18px rgba(92,225,255,.45));outline:none}@media(max-width:640px){.glass-panel{font-size:14px;padding:10px 14px;line-height:1.6}#message-window{bottom:10px;width:96vw;min-height:50px;padding-left:22px}#message-window:after{left:7px;top:10px;bottom:10px}#command-window{left:8px;bottom:84px;min-width:148px}#status-window{right:8px;bottom:84px;min-width:158px}.command-title,.status-name{margin-bottom:5px}.menu-item{gap:12px;padding:5px 8px 5px 10px}.menu-detail{font-size:11px}.gauge-row{gap:6px;margin:5px 0}.gauge-label{width:22px}.gauge-value{font-size:11px;min-width:48px}.bar{min-width:52px}.enemy-hud{top:14px;width:min(340px,80vw)}.damage-popup{font-size:30px}.overlay{font-size:16px;gap:26px}.result-title{font-size:40px}.result-button{font-size:14px;padding:12px 32px}}.audio-toggle-button{position:absolute;top:20px;right:26px;width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#0e162cc7,#080c1c80);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#e8f4ff;font-size:20px;cursor:pointer;pointer-events:auto;transition:filter .2s,transform .15s ease}.audio-toggle-button:hover,.audio-toggle-button:focus{filter:drop-shadow(0 0 12px rgba(92,225,255,.55));outline:none;transform:scale(1.06)}.audio-modal{top:74px;right:26px;min-width:240px;display:none;flex-direction:column;gap:16px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.audio-modal-title{font-size:12px;font-weight:600;letter-spacing:.3em;color:#5ce1ff;opacity:.9}.audio-modal-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.audio-modal-label{font-size:13px;letter-spacing:.12em;color:#8fb8e8;white-space:nowrap}.audio-mute-button{background:#5ce1ff29;border:1px solid rgba(92,225,255,.5);border-radius:4px;color:#e8f4ff;font-family:inherit;font-size:12px;letter-spacing:.15em;padding:5px 16px;cursor:pointer}.audio-mute-button.is-off{background:#ff4d7e1f;border-color:#ff4d7e80;color:#ffb0c4}.audio-volume-slider{flex:1;accent-color:#5ce1ff}.audio-modal-close{align-self:flex-end;background:none;border:none;color:#8fb8e8;font-family:inherit;font-size:12px;letter-spacing:.15em;cursor:pointer;padding:4px 8px}.audio-modal-close:hover{color:#e8f4ff}@media(max-width:640px){.audio-toggle-button{top:12px;right:12px;width:38px;height:38px;font-size:16px}.audio-modal{top:58px;right:12px;min-width:200px}}.audio-choice-overlay{z-index:1}.audio-choice-title{font-size:22px}.audio-choice-row{display:flex;gap:20px}@media(max-width:640px){.audio-choice-title{font-size:16px}}#verify-panel{position:fixed;top:12px;left:12px;width:300px;max-height:calc(100vh - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#080814e6;border:2px solid #556;border-radius:8px;padding:14px;font-family:SF Mono,Menlo,monospace;font-size:12px;color:#dde;z-index:10}.vp-section h3{font-size:11px;font-weight:600;color:#89b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.vp-buttons{display:flex;flex-wrap:wrap;gap:6px}.vp-buttons button{background:#1e2233;color:#cde0f0;border:1px solid #4a5170;border-radius:4px;padding:5px 9px;cursor:pointer;font-family:inherit;font-size:12px}.vp-buttons button:hover{background:#2c3350}.vp-buttons button.active{background:#2f5a3f;border-color:#6faa80}.vp-slider{display:flex;align-items:center;gap:8px}.vp-slider input{flex:1}#vp-info{font-size:11px;line-height:1.8;color:#9aabc4;white-space:pre-wrap;border-top:1px solid #334;padding-top:8px}