#mission-guide{position:fixed;top:var(--mission-top,90px);left:max(14px,env(safe-area-inset-left));width:min(360px,32vw);z-index:5;pointer-events:none;padding:9px 12px;border:1px solid #d8b66c55;border-radius:8px;background:linear-gradient(110deg,#10232eed,#213d43de);box-sizing:border-box;color:#f7e6c3;box-shadow:0 4px 20px #0003}
#mission-guide[hidden],#checkpoint-toast[hidden],#pause-mission[hidden],#duomo-result[hidden]{display:none}
#mission-guide small{display:block;font-size:8px;letter-spacing:.12em;color:#dcbd80;margin-bottom:4px}#mission-guide strong{display:block;font-size:11px;line-height:1.4;font-weight:600}.mission-track{height:2px;margin-top:8px;background:#ffffff18;border-radius:2px;overflow:hidden}.mission-track i{display:block;height:100%;background:#e3bd74;transition:width .3s}
#checkpoint-toast{position:fixed;left:50%;top:var(--mission-top,90px);transform:translateX(-50%);z-index:7;background:#142e2ff0;border:1px solid #a4d8b6;border-radius:8px;padding:10px 18px;pointer-events:none;color:#e7f3dc;box-shadow:0 8px 25px #0005;text-align:center}#checkpoint-toast b{display:block;font-size:10px;letter-spacing:.16em;color:#b7e2bf}#checkpoint-toast span{font-size:11px;display:block;margin-top:5px}
#pause-mission{margin-bottom:20px;padding:14px;border:1px solid #d9bc744d;border-radius:10px;background:#24404780}#pause-mission small{display:block;color:#e6c689;font-size:9px;letter-spacing:.12em}#pause-mission strong{display:block;font-size:15px;margin-top:7px;line-height:1.4}#pause-mission p{font-size:12px;line-height:1.5;margin:8px 0 0;color:#c4d7d3}
#duomo-result{margin-top:18px;padding:18px;border:1px solid #e8c27850;border-radius:12px;background:linear-gradient(145deg,#28443b,#142d38);box-shadow:0 8px 25px #0003}#duomo-result>small{font-size:9px;letter-spacing:.13em;color:#f0ce8c}.result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.result-metrics span{display:block;color:#abc3c2;font-size:8px;letter-spacing:.1em}.result-metrics b{display:block;color:#fff0cc;font-size:24px;margin-top:6px;font-variant-numeric:tabular-nums}.result-badges{display:flex;flex-wrap:wrap;gap:6px}.result-badges span{padding:7px 9px;border-radius:6px;font-size:10px;background:#0c2228;color:#879ba0;border:1px solid #52666660}.result-badges span[data-earned=true]{background:#eac4781c;color:#ffdc93;border-color:#eac47880}#duomo-result p{font-size:11px;line-height:1.5;color:#c9dcce;margin:13px 0 0}
body[data-episode=paisi] #caption{top:auto;bottom:27%;max-width:520px;left:24%;right:24%;font-size:12px;line-height:1.5;padding:9px 12px;border:1px solid #d9bb7050;border-radius:8px;background:#122e3ae8}
body[data-episode=paisi][data-state=won] #run-summary,body[data-episode=paisi][data-state=dead] #run-summary{display:none}
@media(orientation:portrait){#mission-guide{left:12px;right:12px;width:auto;padding:7px 10px;display:grid;grid-template-columns:92px 1fr;gap:6px;align-items:center}#mission-guide[hidden]{display:none}#mission-guide small{margin:0;font-size:7px;line-height:1.6}#mission-guide strong{font-size:10px}.mission-track{grid-column:1/-1;margin-top:0}#checkpoint-toast{top:calc(var(--mission-top,150px) + 50px);min-width:170px}body[data-episode=paisi] #boss{top:calc(var(--mission-top,150px) + 50px);left:18%;right:18%}body[data-episode=paisi] #caption{left:7%;right:7%;bottom:calc(31.5% + 12px);font-size:12px}.result-metrics b{font-size:23px}}
@media(orientation:landscape) and (max-height:550px){#mission-guide{padding:6px 9px;max-width:250px}#mission-guide strong{font-size:10px}#mission-guide small{font-size:7px}.mission-track{margin-top:5px}#duomo-result{padding:12px;margin-top:12px}.result-metrics{margin:10px 0}.result-metrics b{font-size:20px}.result-badges span{font-size:9px;padding:5px 7px}#duomo-result p{font-size:10px;margin-top:8px}body[data-episode=paisi] #caption{bottom:12%;font-size:11px;left:28%;right:25%}}
@media(prefers-reduced-motion:reduce){.mission-track i{transition:none}}

.audio-mix{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px;text-align:left}.audio-mix label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#e4c993}.audio-mix output{color:#a9c5c6;font-variant-numeric:tabular-nums}.audio-mix input{width:100%;height:30px;accent-color:#e3bd74;touch-action:pan-x;margin:0 0 5px}