:root{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f4f7ff;background-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;display:flex;justify-content:center;align-items:stretch;padding:0}#root{width:100%;position:relative;z-index:0}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding:3rem 1.5rem 4rem;max-width:960px;margin:0 auto;color:#f5f7ff;position:relative;z-index:0}.hud{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;padding:1.75rem;border-radius:20px;background:#141b42d9;box-shadow:0 20px 60px #080a1866}.hud__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hud__select-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#cdd8ff}.hud__select{flex:1;min-width:220px;padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(122,143,255,.4);background:#090c20e6;color:#f5f6ff;font-size:.95rem}.hud__select:focus{outline:2px solid rgba(145,173,255,.8);outline-offset:2px}.hud__select-note{flex-basis:100%;font-size:.85rem;color:#aebeff}.hud h1{margin:0;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:.08em;text-transform:uppercase}.hud__subtitle{margin:0;font-size:1rem;color:#c6d4ff}.hud__stats{display:flex;gap:1rem;flex-wrap:wrap}.hud__actions{display:flex;justify-content:flex-end}.hud__mode-toggle{padding:.7rem 1.4rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#121636e6;color:#f6f7ff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.hud__mode-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 20px #6882ff4d}.hud__mode-toggle--active{background:linear-gradient(135deg,#5d7bff,#8f6fff);border-color:transparent;color:#101224;box-shadow:0 12px 22px #6e8aff52}.hud__stat{flex:1;min-width:120px;padding:.85rem 1rem;border-radius:14px;background:linear-gradient(135deg,#546ceb73,#7656e573);border:1px solid rgba(129,153,255,.4);display:flex;flex-direction:column;gap:.2rem}.hud__label{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#cdd8ff}.hud__value{font-size:1.5rem;font-weight:700}.cockpit{display:flex;flex-direction:column}.parent-dashboard{display:flex;flex-direction:column;gap:2.5rem}.parent-dashboard__summary h2,.parent-dashboard__detail h2{margin:0 0 1rem;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}.parent-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.parent-dashboard__card{background:#12183ae6;border-radius:18px;padding:1.5rem;border:1px solid rgba(122,144,255,.35);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 18px 40px #07091459}.parent-dashboard__card--active{border-color:#ffc86ebf;box-shadow:0 20px 46px #ffb04959}.parent-dashboard__card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.parent-dashboard__card-header h3{margin:0;font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.parent-dashboard__badge{padding:.25rem .6rem;border-radius:999px;background:#ffc76333;color:#ffc45b;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.parent-dashboard__title{margin:0;font-size:1.1rem;font-weight:600}.parent-dashboard__focus{margin:0;font-size:.9rem;color:#b7c6ff}.parent-dashboard__metrics{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.parent-dashboard__metrics div{background:#1a1e48e6;border-radius:14px;padding:.8rem;border:1px solid rgba(118,140,255,.3);text-align:center}.parent-dashboard__metrics dt{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#c4d1ff}.parent-dashboard__metrics dd{margin:.25rem 0 0;font-size:1.2rem;font-weight:700}.parent-dashboard__card-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.parent-dashboard__analytics{padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(120,144,255,.5);background:#5d7bff26;color:#a8c0ff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.parent-dashboard__analytics:hover{transform:translateY(-1px);background:#5d7bff4d}.parent-dashboard__edit{padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(120,144,255,.5);background:#11183780;color:#8fa8ff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.parent-dashboard__edit:hover{transform:translateY(-1px);background:#7890ff40}.parent-dashboard__delete{padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(255,80,80,.5);background:#36171780;color:#ff8080;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.parent-dashboard__delete:hover{transform:translateY(-1px);background:#ff505059}.parent-dashboard__reset{padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(255,158,127,.5);background:#36172080;color:#ffb59c;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.parent-dashboard__reset:hover{transform:translateY(-1px);background:#ff7c6e59}.parent-dashboard__detail{background:#111837e0;border-radius:18px;border:1px solid rgba(120,144,255,.35);padding:1.75rem;box-shadow:0 18px 40px #06081466;overflow-x:auto}.parent-dashboard__table{width:100%;border-collapse:collapse;color:#f5f7ff}.parent-dashboard__table th,.parent-dashboard__table td{padding:.65rem .75rem;text-align:left;font-size:.95rem;border-bottom:1px solid rgba(113,131,214,.3)}.parent-dashboard__table thead th{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#c7d5ff}.parent-dashboard__table tbody tr:last-of-type td{border-bottom:none}.mission-select{display:flex;align-items:center;justify-content:center;min-height:70vh}.mission-select__content{width:100%;max-width:500px;background:#111837e6;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 28px 60px #0608168c;border:1px solid rgba(149,164,255,.4);display:flex;flex-direction:column;gap:2rem}.mission-select__title{margin:0;font-size:2rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#f5f7ff}.mission-select__pack-selector{display:flex;flex-direction:column;gap:1rem}.mission-select__label{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#cdd8ff}.mission-select__select{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#0a0c1cd9;color:#f9fbff;font-size:1rem}.mission-select__select:focus{outline:2px solid rgba(145,173,255,.8);outline-offset:2px}.mission-select__info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:12px;background:#1a1e4899;border:1px solid rgba(118,140,255,.3)}.mission-select__focus{margin:0;font-size:.95rem;color:#b7c6ff}.mission-select__count{margin:0;font-size:.9rem;color:#9fb2ff}.mission-select__start-button{width:100%;padding:1.2rem 1.6rem;border-radius:16px;border:none;background:linear-gradient(135deg,#ff6b6b,#ff902b);color:#f8fbff;font-size:1.2rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 18px 32px #ff853a59;transition:transform .2s ease,box-shadow .2s ease}.mission-select__start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 24px 40px #ff853a73}.mission-select__start-button:disabled{opacity:.5;cursor:not-allowed}.mission-select__parent-button{width:100%;padding:.85rem 1.4rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#14193ae6;color:#f1f4ff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mission-select__parent-button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #768cff47}.mission-card,.briefing{background:#111837d9;border-radius:20px;padding:2rem;box-shadow:0 20px 45px #06071273;display:flex;flex-direction:column;gap:1.25rem}.mission-card h2,.briefing h2{margin:0;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}.mission-card__prompt{margin:0;color:#b5c4ff}.mission-card__mask{font-size:1.75rem;letter-spacing:.5em;text-align:center;font-weight:600;padding:1rem;border-radius:16px;border:1px dashed rgba(135,156,255,.45);background:#1d255699}.mission-card__syllables{margin:0;color:#9fb2ff}.mission-card__syllables span{font-weight:600;color:#ffe48f}.mission-card__audio{display:flex;gap:.6rem;flex-wrap:wrap}.mission-card__audio-button{flex:1;min-width:140px;padding:.6rem .9rem;border-radius:12px;border:1px solid rgba(126,149,255,.4);background:#14193ae6;color:#f1f4ff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mission-card__audio-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #768cff47}.mission-card__audio-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.mission-card__audio-note{margin:0;font-size:.8rem;color:#c8d2ffb3}.mission-card__form{display:flex;gap:.75rem;flex-wrap:wrap}.mission-card__keyboard{display:flex;flex-direction:column;gap:.6rem}.mission-card__keyboard-grid{display:flex;flex-direction:column;gap:.45rem}.mission-card__keyboard-row{display:flex;justify-content:center;gap:.45rem}.mission-card__key{padding:.85rem .75rem;min-width:44px;min-height:44px;border-radius:12px;border:1px solid rgba(126,146,255,.35);background:#0c1026e6;color:#f4f6ff;font-weight:700;font-size:1.1rem;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.mission-card__key:hover{transform:translateY(-1px);box-shadow:0 8px 18px #768cff40}.mission-card__key:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mission-card__keyboard-actions{display:flex;gap:.5rem;justify-content:flex-end}.mission-card__key--accent{background:linear-gradient(135deg,#7d93fff2,#a273fff2);color:#13152f;border:none}.mission-card__input{flex:1;min-width:200px;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#0a0c1cd9;color:#f9fbff;font-size:1rem;text-transform:uppercase;letter-spacing:.12em}.mission-card__input:focus{outline:2px solid rgba(255,184,92,.7);outline-offset:2px}.mission-card__action{background:linear-gradient(135deg,#ff6b6b,#ff902b);border:none;padding:.9rem 1.4rem;border-radius:14px;font-size:1rem;font-weight:600;color:#191328;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mission-card__action:hover{transform:translateY(-2px);box-shadow:0 12px 22px #ff853a47}.mission-card__feedback{padding:.85rem 1rem;border-radius:14px;font-weight:600}.mission-card__feedback--correct{background:#41e2be40;border:1px solid rgba(65,226,190,.5);color:#9ef5dd}.mission-card__feedback--incorrect{background:#ff748533;border:1px solid rgba(255,116,133,.45);color:#ffc1c9}.mission-card__controls{display:flex;gap:.75rem;flex-wrap:wrap}.mission-card__control{flex:1;min-width:150px;padding:.75rem 1rem;border-radius:14px;border:none;background:linear-gradient(135deg,#5d7bff,#8f6fff);color:#f8f9ff;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.mission-card__control:disabled{opacity:.5;cursor:not-allowed}.mission-card__control:not(:disabled):hover{transform:translateY(-2px)}.mission-card__control--ghost{background:#172048e6;border:1px solid rgba(115,141,255,.35)}.result-dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:#070918a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:resultDialogFade .25s ease forwards;--result-ring-color: rgba(240, 245, 255, .75);--result-mark-color: #0d1330;--result-badge-shadow: rgba(149, 164, 255, .3)}.result-dialog__panel{width:min(420px,100%);background:linear-gradient(145deg,#181e48f2,#22103cf2);border-radius:24px;padding:2rem;text-align:center;border:1px solid rgba(149,164,255,.4);box-shadow:0 28px 60px #0608168c;animation:resultDialogPop .35s cubic-bezier(.25,.8,.25,1) forwards}.result-dialog__badge{width:84px;height:84px;margin:0 auto 1.25rem;border-radius:999px;display:grid;place-items:center;background:#24306ee6;box-shadow:0 0 0 0 var(--result-badge-shadow);animation:resultBadgePulse 1.8s ease-in-out infinite}.result-dialog__icon{width:60px;height:60px}.result-dialog__icon-ring{fill:none;stroke:var(--result-ring-color);stroke-width:3.5px;stroke-dasharray:140;stroke-dashoffset:140;animation:resultRingDraw .65s ease forwards}.result-dialog__icon-mark{fill:none;stroke:var(--result-mark-color);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:resultMarkDraw .6s ease forwards .2s}.result-dialog__title{margin:0 0 .5rem;font-size:1.6rem;letter-spacing:.06em;text-transform:uppercase}.result-dialog__message{margin:0 0 1.5rem;color:#d8e0ff;line-height:1.4}.result-dialog__button{border:none;border-radius:14px;padding:.85rem 1.6rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#5d7bff,#8f6fff);color:#f8fbff;cursor:pointer;box-shadow:0 14px 26px #5d7bff4d;transition:transform .2s ease,box-shadow .2s ease}.result-dialog__button:hover{transform:translateY(-2px);box-shadow:0 20px 32px #5d7bff59}.result-dialog--correct .result-dialog__panel{border-color:#58f0c58c;box-shadow:0 28px 60px #28b19573}.result-dialog--correct .result-dialog__badge{background:linear-gradient(135deg,#58f0c5d9,#4ec4ffd9);--result-ring-color: rgba(20, 52, 64, .55);--result-mark-color: #093131;--result-badge-shadow: rgba(88, 240, 197, .28)}.result-dialog--incorrect .result-dialog__panel{border-color:#ff90a88c;box-shadow:0 28px 60px #a2203e59}.result-dialog--incorrect .result-dialog__badge{background:linear-gradient(135deg,#ff8ca0d9,#ff6685d9);--result-ring-color: rgba(60, 12, 24, .55);--result-mark-color: #2e0614;--result-badge-shadow: rgba(255, 140, 160, .28)}@keyframes resultDialogFade{0%{opacity:0}to{opacity:1}}@keyframes resultDialogPop{0%{transform:translateY(12px) scale(.92);opacity:0}60%{transform:translateY(-6px) scale(1.03);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes resultBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--result-badge-shadow)}50%{transform:scale(1.06);box-shadow:0 0 0 18px #fff0}}@keyframes resultRingDraw{to{stroke-dashoffset:0}}@keyframes resultMarkDraw{to{stroke-dashoffset:0}}.briefing__hint{margin:0;font-size:1.05rem;color:#f6e39d}.briefing__context{margin:0;color:#ccd6ff;font-size:.95rem}.briefing__meter{position:relative;height:14px;border-radius:999px;background:#252c5ccc;overflow:hidden;border:1px solid rgba(138,153,238,.45)}.briefing__meter-bar{height:100%;background:linear-gradient(135deg,#4ef1ff,#9dffb4);transition:width .4s ease}.briefing__meter-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#0f122a;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.add-pack-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#070918bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;overflow-y:auto}.add-pack-form{width:min(700px,100%);max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#181e48fa,#22103cfa);border-radius:24px;padding:2.5rem;border:1px solid rgba(149,164,255,.4);box-shadow:0 28px 60px #060816a6}.add-pack-form h2{margin:0 0 1.5rem;font-size:1.75rem;letter-spacing:.06em;text-transform:uppercase;color:#f5f7ff}.add-pack-form h3{margin:1.5rem 0 1rem;font-size:1.15rem;letter-spacing:.05em;text-transform:uppercase;color:#d8e0ff}.add-pack-form label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:#cdd8ff}.add-pack-form input{padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(140,163,255,.4);background:#0a0c1cd9;color:#f9fbff;font-size:.95rem}.add-pack-form input:focus{outline:2px solid rgba(145,173,255,.8);outline-offset:2px}.add-pack-form input::placeholder{color:#c8d2ff80}.add-pack-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.add-pack-form__words{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.add-pack-form__word{background:#111837bf;border-radius:16px;padding:1.5rem;border:1px solid rgba(122,144,255,.3)}.add-pack-form__word-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-pack-form__word-header h4{margin:0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#b5c4ff}.add-pack-form__remove{padding:.4rem .8rem;border-radius:10px;border:1px solid rgba(255,158,127,.5);background:#361720b3;color:#ffb59c;font-weight:600;font-size:.8rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.add-pack-form__remove:hover{transform:translateY(-1px);background:#ff7c6e59}.add-pack-form__add-word{width:100%;padding:.8rem 1.2rem;border-radius:12px;border:1px dashed rgba(140,163,255,.45);background:#14193a99;color:#b5c4ff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.add-pack-form__add-word:hover{transform:translateY(-1px);background:#1e2344cc;border-color:#a0b7ff99}.add-pack-form__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.add-pack-form__cancel{padding:.85rem 1.4rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#14193ae6;color:#f1f4ff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.add-pack-form__cancel:hover{transform:translateY(-2px);box-shadow:0 12px 20px #768cff47}.add-pack-form__submit{padding:.85rem 1.4rem;border-radius:14px;border:none;background:linear-gradient(135deg,#5d7bff,#8f6fff);color:#f8fbff;font-weight:600;cursor:pointer;box-shadow:0 14px 26px #5d7bff4d;transition:transform .2s ease,box-shadow .2s ease}.add-pack-form__submit:hover{transform:translateY(-2px);box-shadow:0 20px 32px #5d7bff59}.parent-dashboard__add-button{width:100%;padding:1rem 1.2rem;border-radius:14px;border:1px dashed rgba(140,163,255,.45);background:#14193a99;color:#d8e0ff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.parent-dashboard__add-button:hover{transform:translateY(-2px);background:#1e2344cc;border-color:#a0b7ff99;box-shadow:0 12px 20px #768cff47}.parent-login-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:#070918cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000}.parent-login{width:min(420px,100%);background:linear-gradient(145deg,#181e48fa,#22103cfa);border-radius:24px;padding:2.5rem;border:1px solid rgba(149,164,255,.4);box-shadow:0 28px 60px #060816a6}.parent-login__title{margin:0 0 .75rem;font-size:1.75rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#f5f7ff}.parent-login__message{margin:0 0 2rem;text-align:center;color:#c6d4ff;font-size:.95rem}.parent-login__form{display:flex;flex-direction:column;gap:1.5rem}.parent-login__label{display:flex;flex-direction:column;gap:.75rem;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:#cdd8ff}.parent-login__input{padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#0a0c1cd9;color:#f9fbff;font-size:1rem}.parent-login__input:focus{outline:2px solid rgba(145,173,255,.8);outline-offset:2px}.parent-login__input::placeholder{color:#c8d2ff80}.parent-login__error{margin:-.5rem 0 0;padding:.75rem;border-radius:12px;background:#ff748533;border:1px solid rgba(255,116,133,.45);color:#ffc1c9;font-size:.9rem;text-align:center}.parent-login__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.parent-login__cancel{padding:.85rem 1.4rem;border-radius:14px;border:1px solid rgba(140,163,255,.45);background:#14193ae6;color:#f1f4ff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.parent-login__cancel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #768cff47}.parent-login__cancel:disabled{opacity:.5;cursor:not-allowed}.parent-login__submit{padding:.85rem 1.4rem;border-radius:14px;border:none;background:linear-gradient(135deg,#5d7bff,#8f6fff);color:#f8fbff;font-weight:600;cursor:pointer;box-shadow:0 14px 26px #5d7bff4d;transition:transform .2s ease,box-shadow .2s ease}.parent-login__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 32px #5d7bff59}.parent-login__submit:disabled{opacity:.5;cursor:not-allowed}.launch-sequence{background:#111837d9;border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 45px #06071273;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;min-height:600px;justify-content:center}.launch-sequence__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px}.launch-sequence__stage--launching{overflow:hidden}.launch-sequence__rocket{position:relative;width:200px;height:400px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.launch-sequence__rocket--flying{animation:rocketLaunch 3s ease-in forwards}.launch-sequence__rocket-svg{width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(93,123,255,.4))}.launch-sequence__exhaust{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.launch-sequence__fire{position:relative;width:60px;height:80px;display:flex;justify-content:center;align-items:flex-start}.launch-sequence__flame{position:absolute;width:30px;height:60px;background:linear-gradient(to bottom,rgba(255,200,50,.9) 0%,rgba(255,140,40,.8) 30%,rgba(255,80,40,.6) 60%,rgba(255,60,30,.3) 80%,transparent 100%);border-radius:50%/60% 60% 40% 40%;animation:flameFlicker .15s ease-in-out infinite alternate}.launch-sequence__flame--1{left:50%;transform:translate(-50%);animation-delay:0s;z-index:3}.launch-sequence__flame--2{left:30%;transform:translate(-50%) scale(.8);animation-delay:.05s;z-index:2}.launch-sequence__flame--3{left:70%;transform:translate(-50%) scale(.8);animation-delay:.1s;z-index:2}.launch-sequence__smoke{position:absolute;top:60px;width:100px;height:200px;display:flex;flex-direction:column;align-items:center}.launch-sequence__smoke-puff{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(200,210,230,.6) 0%,rgba(180,190,210,.4) 40%,transparent 70%);border-radius:50%;animation:smokePuff 2s ease-out infinite}.launch-sequence__smoke-puff--1{animation-delay:0s;left:50%}.launch-sequence__smoke-puff--2{animation-delay:.5s;left:40%}.launch-sequence__smoke-puff--3{animation-delay:1s;left:60%}.launch-sequence__smoke-puff--4{animation-delay:1.5s;left:50%}.launch-sequence__button{width:180px;height:180px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff3838,#ff6b6b);box-shadow:0 0 0 8px #ff6b6b4d,0 0 0 16px #ff6b6b26,0 20px 40px #ff383866,inset 0 -8px 20px #0003;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.launch-sequence__button:before{content:"";position:absolute;top:20%;left:20%;width:40%;height:30%;background:radial-gradient(ellipse,rgba(255,255,255,.4),transparent);border-radius:50%;transform:rotate(-45deg)}.launch-sequence__button:hover{transform:scale(1.05);box-shadow:0 0 0 8px #ff6b6b66,0 0 0 16px #ff6b6b33,0 25px 50px #ff383880,inset 0 -8px 20px #0003}.launch-sequence__button:active{transform:scale(.98);box-shadow:0 0 0 8px #ff6b6b4d,0 0 0 16px #ff6b6b26,0 15px 30px #ff383866,inset 0 -4px 15px #0000004d}.launch-sequence__button-text{font-size:2rem;font-weight:900;letter-spacing:.15em;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);position:relative;z-index:1}.launch-sequence__countdown{font-size:6rem;font-weight:900;color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.8),0 0 40px rgba(255,107,107,.6),0 4px 8px rgba(0,0,0,.4);animation:countdownPulse 1s ease-in-out;line-height:1}.launch-sequence__countdown--liftoff{font-size:3.5rem;color:#4ef1ff;text-shadow:0 0 20px rgba(78,241,255,.8),0 0 40px rgba(78,241,255,.6),0 4px 8px rgba(0,0,0,.4);animation:liftOffPulse 1s ease-out}.launch-sequence__title{margin:0;font-size:2.5rem;letter-spacing:.08em;text-transform:uppercase;color:#f5f7ff}.launch-sequence__message{margin:0;font-size:1.2rem;color:#c6d4ff;max-width:500px}@keyframes rocketLaunch{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(-50px) scale(1)}to{transform:translateY(-800px) scale(.5);opacity:0}}@keyframes flameFlicker{0%{transform:translate(-50%) scaleY(1) scaleX(1);opacity:.9}to{transform:translate(-50%) scaleY(1.15) scaleX(.95);opacity:1}}@keyframes smokePuff{0%{transform:translateY(0) scale(.5);opacity:.6}50%{opacity:.4}to{transform:translateY(150px) scale(2);opacity:0}}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes liftOffPulse{0%{transform:scale(.8);opacity:0}30%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 720px){.app-shell{padding:2rem 1rem 3rem}.hud{padding:1.5rem}.mission-card__keyboard-row{gap:.2rem}.mission-card__key{padding:.7rem .4rem;min-width:38px;min-height:44px;font-size:1rem}.mission-card__audio-button{min-width:110px}.mission-card,.briefing,.add-pack-form{padding:1.5rem}.add-pack-form__row{grid-template-columns:1fr}.add-pack-form__word{padding:1rem}.launch-sequence{padding:2rem 1.5rem;min-height:500px}.launch-sequence__rocket{width:150px;height:300px}.launch-sequence__button{width:140px;height:140px}.launch-sequence__button-text{font-size:1.5rem}.launch-sequence__countdown{font-size:4rem}.launch-sequence__countdown--liftoff{font-size:2.5rem}.launch-sequence__title{font-size:2rem}.launch-sequence__message{font-size:1rem}}.player-name-overlay{position:fixed;inset:0;background:#080a18f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.player-name-card{background:linear-gradient(135deg,#141b42f2,#202a59f2);border-radius:24px;padding:3rem 2.5rem;max-width:500px;width:100%;box-shadow:0 30px 80px #080a1899;border:1px solid rgba(122,143,255,.3);text-align:center}.player-name-card h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:.05em;color:#f5f7ff}.player-name-description{margin:0 0 2rem;font-size:1.1rem;color:#c6d4ff;line-height:1.5}.player-name-form{display:flex;flex-direction:column;gap:1.25rem}.player-name-input{padding:1rem 1.25rem;border-radius:14px;border:2px solid rgba(122,143,255,.4);background:#090c20e6;color:#f5f6ff;font-size:1.1rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.player-name-input:focus{outline:none;border-color:#91adffcc;box-shadow:0 0 0 4px #91adff33}.player-name-input::placeholder{color:#7a8fb3}.player-name-submit{padding:1rem 2rem;border-radius:14px;border:none;background:linear-gradient(135deg,#5d7bff,#8f6fff);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.05em;text-transform:uppercase}.player-name-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #6882ff66}.player-name-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.player-name-card{padding:2rem 1.5rem}.player-name-card h2{font-size:1.75rem}.player-name-description{font-size:1rem}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(145deg,#1a2055,#0f1640);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #0009;border:1px solid rgba(122,143,255,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(122,143,255,.2)}.modal-header h2{margin:0;font-size:1.5rem;color:#f5f7ff}.modal-close{background:none;border:none;font-size:2rem;color:#cdd8ff;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-close:hover{background:#7a8fff33;color:#fff}.modal-body{padding:1.5rem}.modal-description{margin:0 0 1.5rem;color:#cdd8ff;line-height:1.6}.image-upload-dropzone{border:2px dashed rgba(122,143,255,.4);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:#090c2080}.image-upload-dropzone:hover{border-color:#91adff99;background:#090c20b3}.image-upload-dropzone--dragging{border-color:#5d7bff;background:#5d7bff1a}.image-upload-dropzone__icon{font-size:4rem;margin-bottom:1rem}.image-upload-dropzone__text{margin:0 0 .5rem;font-size:1.1rem;color:#f5f7ff}.image-upload-dropzone__hint{margin:0;font-size:.9rem;color:#8a9bcc}.image-upload-preview{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#090c2080;border-radius:12px}.image-upload-preview__image{width:100%;max-height:300px;object-fit:contain;border-radius:8px}.image-upload-preview__info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.image-upload-preview__filename{margin:0;color:#f5f7ff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-preview__size{margin:0;color:#8a9bcc;font-size:.9rem}.image-upload-preview__remove{padding:.5rem 1rem;background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);border-radius:8px;color:#ffb3b3;cursor:pointer;transition:all .2s;font-size:.9rem}.image-upload-preview__remove:hover{background:#ff6b6b4d;border-color:#ff6b6b99}.image-upload-preview__remove:disabled{opacity:.5;cursor:not-allowed}.modal-error{margin-top:1rem;padding:1rem;background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);border-radius:8px;color:#ffb3b3}.modal-loading{margin-top:1.5rem;text-align:center;padding:2rem}.modal-loading__spinner{width:50px;height:50px;border:4px solid rgba(122,143,255,.3);border-top-color:#5d7bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.modal-loading__text{margin:0;color:#cdd8ff;font-size:.95rem}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(122,143,255,.2);justify-content:flex-end}.modal-button{padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.modal-button--primary{background:linear-gradient(135deg,#5d7bff,#4a63e0);color:#fff}.modal-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#6d8bff,#5a73f0);transform:translateY(-2px);box-shadow:0 8px 20px #5d7bff66}.modal-button--primary:disabled{opacity:.5;cursor:not-allowed}.modal-button--secondary{background:#7a8fff26;border:1px solid rgba(122,143,255,.3);color:#cdd8ff}.modal-button--secondary:hover:not(:disabled){background:#7a8fff40;border-color:#7a8fff80}.modal-button--secondary:disabled{opacity:.5;cursor:not-allowed}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}