:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f6fa;background:#0b1722;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{user-select:none;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #94d2ff;outline-offset:3px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}button:active{transform:scale(.97)}
#game{position:fixed;inset:0;height:100dvh;touch-action:none}canvas{display:block;width:100%;height:100%}
#hud{position:fixed;inset:0;pointer-events:none;padding: max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.hud-top{display:flex;justify-content:space-between;gap:20px}.hud-card{background:#122431e3;border:1px solid #ffffff24;border-radius:10px;padding:14px 16px;box-shadow:0 6px 24px #0002;backdrop-filter:blur(12px)}.stats-card{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px 22px}.stats-card>div{display:flex;flex-direction:column;gap:3px;font-weight:700}.stats-card>div>span:not(.label){font-size:18px}.label{font-size:12px;color:#b7c7d2;font-weight:500}.stats-card>div:nth-child(5){grid-column:span 2}.mission-card{width:260px;align-self:start}.mission-title{color:#81bce9;font-size:12px;letter-spacing:.11em;text-transform:uppercase}#missionText{font-weight:650;margin:7px 0 10px}.progress,.energy-bar,.boss-bar{height:5px;background:#ffffff24;overflow:hidden;border-radius:9px}#missionProgress,#energyBar,#bossBar{height:100%;width:0;background:#79beee;transition:width .18s}.mission-meta,.energy-label{display:flex;justify-content:space-between;font-size:12px;color:#c2d1dc;margin-top:7px}.energy-wrap{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);width:min(320px,48vw);padding:8px 12px;background:#102330c9;border-radius:9px}.energy-label{margin:0 0 6px}#energyBar{width:100%;background:#87c2a0}
#message{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);max-width:45vw;background:#122431e8;padding:10px 16px;border-radius:8px;text-align:center;font-size:14px;line-height:1.35;color:#f4f7fa}.boss-hud{position:absolute;top:170px;left:50%;transform:translateX(-50%);width:min(500px,90vw);padding:12px 18px;background:#381f2aed;border:1px solid #e7888b;border-radius:9px;text-align:center}.hidden{display:none}#bossName{font-weight:750;font-size:14px;letter-spacing:.1em;margin-bottom:8px}#bossBar{background:#f19a8c}#bossHint{font-size:12px;margin-top:8px}
.audio-controls{position:fixed;z-index:35;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:7px}.audio-controls button,#pauseButton{background:#122431ef;color:#eaf2f8;border:1px solid #ffffff38;border-radius:8px;min-height:46px;padding:10px 13px;font-size:14px;font-weight:600}.audio-controls button.off{color:#a3b3bf}#pauseButton{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:48px;z-index:8;font-size:20px}.touch-controls{display:none}
.screen{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:20;background:#06131db8;padding: max(24px,env(safe-area-inset-top)) 24px max(90px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.screen.visible{display:flex}#startScreen{justify-content:flex-start;background:linear-gradient(90deg,#07141eec,#07141e91 45%,#07141e08);padding-left:6vw}.panel{width:min(620px,100%);padding:30px;border:1px solid #c1d6e329;background:#0e202deb;border-radius:14px;box-shadow:0 24px 90px #0004}.large-panel{width:min(560px,100%);background:transparent;box-shadow:none;border:0;padding:12px}.small-panel{width:min(440px,100%)}.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.15em;font-weight:700;color:#8bc8f3;margin-bottom:20px}.panel h1{font-weight:730;font-size:clamp(50px,6vw,84px);letter-spacing:-.065em;line-height:.94;margin:0}.title-dot{color:#75b8e9}.panel h2{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 16px;letter-spacing:-.035em}.panel p{font-size:16px;line-height:1.55;color:#c8d6e0;max-width:460px}.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.career-option{display:flex;flex-direction:column;text-align:left;gap:8px;padding:14px 11px;background:#172f40e3;color:#eaf3fa;border:1px solid #ffffff2b;border-radius:8px;min-height:90px}.career-option strong{font-size:14px;line-height:1.35}.career-option span{font-size:12px;color:#b4c6d3}.career-option.selected{border-color:#86c4f0;background:#225373}.primary{border:0;background:#a6d7f7;color:#0c2c43;border-radius:8px;padding:15px 24px;min-height:48px;font-weight:750;font-size:16px}.controls{font-size:12px;line-height:1.5;color:#b2c5d2;margin-top:12px}.status-line{font-size:12px;color:#b5d6c5;margin-top:16px;line-height:1.4}.install-button{margin-top:10px;background:transparent;border:1px solid #7dabc9;color:#cae6fa;padding:10px 14px;border-radius:6px;font-size:14px}.best-score{line-height:1.5;margin:20px 0;color:#9fcced}.track-status{font-size:12px!important;color:#a6c8df!important;margin-top:24px}
.quiz-screen{z-index:40;background:#081620e8}.quiz-panel{width:min(680px,100%)}.quiz-badge{color:#8bc8f3;font-size:12px;font-weight:700;letter-spacing:.09em;margin-bottom:14px}#quizQuestion{font-size:18px;line-height:1.45;max-width:none;color:#edf4fa}.quiz-answers{display:grid;gap:9px}.quiz-answer{font-size:16px;line-height:1.4;text-align:left;color:#e8f1f7;background:#1b3445;border:1px solid #ffffff27;padding:12px 16px;border-radius:7px;min-height:48px}.quiz-answer:hover{background:#244860}.quiz-answer.correct{background:#20583f;border-color:#7cdbab}.quiz-answer.wrong{background:#69323a;border-color:#ee9393}.quiz-result{font-size:16px;font-weight:650;line-height:1.4;margin:14px 0}.good{color:#9be2b9}.bad{color:#ffb1b3}.quiz-rule{font-size:12px;color:#a6bbcb;margin-top:12px}#quizContinue{margin:4px 0}
.toast{position:fixed;z-index:45;left:50%;top:24%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:14px;padding:16px 20px;background:#122431f5;border:1px solid #e8c47866;border-radius:9px;transition:opacity .25s,transform .25s;width:min(360px,90vw)}.toast.show{opacity:1;transform:translate(-50%,0)}.toast-icon{font-size:30px;color:#e8c478}.toast small{display:block;font-size:12px;color:#bdcbd5;margin-bottom:4px}.toast strong{font-size:16px}
@media(pointer:coarse){.touch-controls{position:fixed;bottom:80px;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));z-index:8;display:flex;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;width:64px;height:58px;border-radius:12px;background:#17354adc;border:1px solid #b9d9ee60;color:white;font-size:30px}}
@media(max-width:760px){#hud{padding: max(10px,env(safe-area-inset-top)) 10px}.hud-top{gap:8px;flex-direction:column}.stats-card{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;padding:10px 12px}.stats-card>div>span:not(.label){font-size:15px}.label{font-size:12px}.stats-card>div:nth-child(5){grid-column:span 2}.mission-card{width:100%;padding:8px 12px;display:grid;grid-template-columns:1fr 90px;gap:3px 12px}.mission-title{display:none}#missionText{font-size:14px;margin:0}.mission-meta{grid-column:2;grid-row:1;margin:0;font-size:12px}.progress{grid-column:1/-1;height:3px}.mission-meta #missionReward{display:none}.audio-controls{left:10px;bottom:max(12px,env(safe-area-inset-bottom));gap:5px}.audio-controls button{font-size:12px;padding:8px 10px;min-height:44px}#pauseButton{bottom:max(12px,env(safe-area-inset-bottom));right:10px;min-height:44px;width:44px;padding:8px}.energy-wrap{bottom:86px;width:48vw}#message{bottom:150px;max-width:90vw;width:max-content;font-size:12px;padding:8px 12px}.boss-hud{top:185px}.screen{padding: max(18px,env(safe-area-inset-top)) 16px 78px;align-items:safe center}#startScreen{padding-left:16px;background:#081723cf}.panel{padding:22px 18px}.large-panel{padding:8px;border:0}.panel h1{font-size:56px}.panel p{font-size:16px;margin:14px 0}.eyebrow{font-size:12px;margin-bottom:14px}.career-grid{gap:6px;margin:18px 0}.career-option{padding:11px 8px;min-height:87px}.career-option strong{font-size:14px}.career-option span{font-size:12px}.quiz-screen{padding-bottom:20px}.quiz-panel{padding:20px 16px}.quiz-answer{padding:11px 12px;font-size:16px}#quizQuestion{font-size:17px}.quiz-panel h2{font-size:26px}.quiz-badge{margin-bottom:10px}.quiz-rule{font-size:12px}}
@media(max-height:580px){.screen{align-items:flex-start}.panel h1{font-size:42px}.eyebrow{margin-bottom:10px}.large-panel p{margin:10px 0}.career-grid{margin:12px 0}.career-option{min-height:65px}.stats-card{grid-template-columns:repeat(4,1fr);gap:5px 12px;padding:8px 12px}.hud-top{flex-direction:row}.stats-card{max-width:460px}.mission-card{width:220px}.energy-wrap{bottom:70px}#message{bottom:16px;max-width:35vw;font-size:12px}.boss-hud{top:110px;width:45vw}.touch-controls{bottom:65px}.audio-controls button{font-size:12px}.quiz-panel{margin:0 auto}.quiz-screen{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){button,.toast,#energyBar,#missionProgress{transition:none}}