@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Pirata+One&family=Special+Elite&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{color:#eedcc0;background-color:#0c0907;width:100%;height:100%;font-family:Cinzel,serif;overflow:hidden}#game-canvas{z-index:1;cursor:grab;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}#game-canvas:active{cursor:grabbing}#top-hud{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#261a11f0 0%,#140e09f5 100%);border:2px solid #a87e43;border-radius:8px;align-items:center;gap:20px;padding:8px 22px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000c,inset 0 0 16px #a87e4340}#brand-badge{border-right:1.5px solid #a87e4380;flex-direction:column;align-items:flex-start;padding-right:14px;display:flex}.brand-sub{letter-spacing:2px;color:#e76f51;font-size:8px;font-weight:700}.brand-main{letter-spacing:1.5px;color:#ffd166;text-shadow:0 2px 4px #000c,0 0 8px #ffd16666;font-family:Pirata One,cursive,serif;font-size:19px}.hud-panel{flex-direction:column;align-items:center;display:flex}.hud-label{letter-spacing:1.5px;color:#bda27e;text-transform:uppercase;font-size:10px}.hud-value{color:#ffd166;text-shadow:0 0 8px #ffd16680;font-size:20px;font-weight:900}#combo-value{color:#f72585;margin-top:-2px;font-size:13px;font-weight:700}#courage-bar-container{background:#140d08;border:1.5px solid #8c6239;border-radius:7px;width:140px;height:14px;margin-top:4px;overflow:hidden;box-shadow:inset 0 2px 4px #000c}#courage-fill{background:#2a9d8f;width:100%;height:100%;transition:width .2s,background-color .3s}#level-banner{text-align:center;z-index:10;pointer-events:none;position:absolute;top:88px;left:50%;transform:translate(-50%)}#level-title{letter-spacing:3px;color:#ffd166;text-shadow:0 2px 6px #000000e6;text-transform:uppercase;font-size:14px}#level-goal{color:#e5cdb2;text-shadow:0 2px 4px #000;background:#120c08bf;border-left:3px solid #e76f51;border-radius:4px;margin-top:4px;padding:4px 14px;font-family:Special Elite,cursive,serif;font-size:13px;display:inline-block}#mach-gauge-box{z-index:10;background:radial-gradient(circle,#2a1f17 0%,#130d09 100%);border:3px solid #b5894b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:160px;padding:10px;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 6px 20px #000000d9,inset 0 0 15px #000c}.gauge-title{letter-spacing:1.5px;color:#d4af37;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.dial-plate{background:radial-gradient(circle,#1a1410 40%,#0d0805 100%);border:2px solid #785a2d;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative;box-shadow:inset 0 0 8px #000000e6}.dial-scale{border:2px dashed #d4af3759;border-radius:50%;width:100%;height:100%;position:absolute}#mach-needle{transform-origin:bottom;background:linear-gradient(#f33 0%,#fb3 80%,#fff 100%);border-radius:2px;width:3px;height:40px;transition:transform 50ms linear;position:absolute;bottom:45px;left:43.5px;transform:rotate(-90deg);box-shadow:0 0 5px #ff3232cc}.needle-pivot{z-index:2;background:#d4af37;border:2px solid #573e16;border-radius:50%;width:12px;height:12px;position:absolute}#mach-value-text{color:#fff;margin-top:6px;font-family:Special Elite,monospace;font-size:14px;font-weight:700}#mach-label{letter-spacing:1px;color:#adb5bd;font-size:9px;font-weight:800}#oscilloscope-box{z-index:10;background:#110c08;border:2px solid #8a6534;border-radius:10px;width:180px;padding:8px 10px;position:absolute;top:20px;right:20px;box-shadow:0 6px 20px #000000d9}.scope-title{letter-spacing:1.2px;color:#c9a96e;text-transform:uppercase;text-align:center;margin-bottom:5px;font-size:9px}#oscilloscope-canvas{background:#080504;border:1px solid #4a341a;border-radius:4px;width:100%;height:65px;display:block}#bottom-hud{z-index:10;background:#160f0aeb;border:1.5px solid #825c2d;border-radius:25px;align-items:center;gap:12px;padding:6px 18px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #000c}.level-btn,.action-btn{color:#d6bc99;cursor:pointer;background:#2b1d13;border:1px solid #6b4720;border-radius:14px;padding:5px 12px;font-family:Cinzel,serif;font-size:11px;font-weight:700;transition:all .15s}.level-btn:hover,.action-btn:hover{color:#ffd166;background:#473020;border-color:#ffd166}.level-btn.active,.action-btn.active{color:#1a1005;background:#d4af37;border-color:#fff;font-weight:900;box-shadow:0 0 10px #d4af3799}.audio-slider-wrap{color:#c4a985;align-items:center;gap:6px;font-size:10px;display:flex}.audio-slider-wrap input[type=range]{accent-color:#d4af37;cursor:pointer;width:60px}#start-overlay{z-index:100;cursor:pointer;background:radial-gradient(circle,#23170ff0 0%,#090604fc 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:absolute;top:0;left:0}#start-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-box{text-align:center;background:linear-gradient(#2b1c12 0%,#170e08 100%);border:3px solid #d4af37;border-radius:14px;max-width:620px;padding:44px 38px;position:relative;overflow:hidden;box-shadow:0 16px 60px #000000f2,0 0 35px #d4af3759}.temple-crest{justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 14px;display:flex;position:relative}.crest-ring{border:2px dashed #ffd166;border-radius:50%;width:100%;height:100%;animation:16s linear infinite rotate-crest;position:absolute}.crest-icon{filter:drop-shadow(0 0 12px #ffd166cc);font-size:34px;animation:1.8s ease-in-out infinite pulse-boom}@keyframes rotate-crest{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-boom{0%,to{filter:drop-shadow(0 0 10px #ffd166b3);transform:scale(1)}50%{filter:drop-shadow(0 0 22px #f72585e6);transform:scale(1.15)}}.brand-tagline{letter-spacing:3px;color:#e76f51;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.start-title{letter-spacing:3px;color:#ffd166;text-shadow:0 4px 14px #000000e6,0 0 25px #ffd16680;margin-bottom:6px;font-family:Pirata One,cursive,serif;font-size:52px;line-height:1.05}.start-subtitle{letter-spacing:2.5px;color:#cfb18c;text-transform:uppercase;margin-bottom:22px;font-size:13px;font-weight:600}.start-instructions{color:#dfcdb8;text-align:left;background:#0e0906c7;border-left:4px solid #ffd166;border-radius:6px;margin-bottom:28px;padding:16px 20px;font-family:Special Elite,cursive,serif;font-size:14px;line-height:1.65;box-shadow:inset 0 2px 8px #000c}.start-btn{color:#1a0f05;letter-spacing:2px;cursor:pointer;background:linear-gradient(#ffd166 0%,#d4af37 100%);border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;padding:16px 36px;font-family:Cinzel,serif;font-size:16px;font-weight:900;animation:2s ease-in-out infinite pulse-gold;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 25px #d4af3799}@keyframes pulse-gold{0%,to{transform:scale(1);box-shadow:0 6px 20px #d4af3780}50%{transform:scale(1.03);box-shadow:0 10px 35px #d4af37d9}}#game-over-modal{z-index:100;background:#0a0503e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}#game-over-modal.hidden{display:none}.modal-box{text-align:center;background:#24160d;border:3px solid #e76f51;border-radius:12px;max-width:440px;padding:36px;box-shadow:0 10px 40px #000000f2}.game-over-title{color:#e63946;margin-bottom:14px;font-size:32px}.final-score-text{color:#ffd166;margin-bottom:24px;font-size:18px}