@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html,#root{background-color:#020617;width:100vw;height:100vh;overflow:hidden}body{color:#fff;background:#020617;margin:0;font-family:Space Grotesk,sans-serif;overflow:hidden}*{box-sizing:border-box}.app-container{width:100vw;height:100vh;position:relative}.top-nav{z-index:10;background:linear-gradient(#020617e6,#0000);justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex;position:absolute;top:0;left:0}.logo{color:#e2e8f0;letter-spacing:1px;text-transform:uppercase;font-size:20px;font-weight:700}.element-selector{gap:12px;display:flex}.element-selector button{-webkit-backdrop-filter:blur(8px);color:#94a3b8;cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.element-selector button:hover{color:#fff;background:#1e293bcc}.element-selector button.active{color:#fff;background:#38bdf81a;border-color:#38bdf8;box-shadow:0 0 20px #38bdf833}.symbol{color:#38bdf8;font-weight:700}.info-panel{-webkit-backdrop-filter:blur(16px);z-index:10;text-align:center;opacity:0;pointer-events:none;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:16px;min-width:400px;padding:2rem 3rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:3rem;left:50%;transform:translate(-50%)translateY(20px)}.info-panel.visible{opacity:1;transform:translate(-50%)translateY(0)}.info-panel h2{text-transform:uppercase;letter-spacing:2px;margin:0 0 8px;font-size:24px;font-weight:700}.info-panel p{color:#cbd5e1;margin:0;font-size:16px;line-height:1.5}.hint-text{opacity:.5;font-style:italic}.configurator{-webkit-backdrop-filter:blur(16px);z-index:10;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;width:280px;padding:1.5rem;transition:border-color .3s;position:absolute;top:6rem;right:2rem}.configurator.active-border{border-color:#a855f7;box-shadow:0 0 20px #a855f733}.configurator h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;font-size:16px}.input-group{text-align:left;margin-bottom:1rem}.input-group label{color:#94a3b8;margin-bottom:4px;font-size:12px;display:block}.input-group input{color:#fff;background:#02061780;border:1px solid #fff3;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.input-group input:focus{border-color:#38bdf8;outline:none}.configurator button{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-weight:700;transition:background .2s}.configurator button:hover{background:#9333ea}.feedback-panel{text-align:left;border-left:4px solid #0000;border-radius:8px;margin-top:1.5rem;padding:1rem;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.feedback-symbol{font-size:24px;font-weight:800}.feedback-panel h4{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px}.feedback-panel p{opacity:.9;margin:0;font-size:13px;line-height:1.4}.feedback-panel.success{background:#16a34a1a;border-left-color:#22c55e}.feedback-panel.success .feedback-symbol,.feedback-panel.success h4{color:#4ade80}.feedback-panel.warning{background:#ea580c1a;border-left-color:#f97316}.feedback-panel.warning .feedback-symbol,.feedback-panel.warning h4{color:#fdba74}.feedback-panel.info{background:#2563eb1a;border-left-color:#3b82f6}.feedback-panel.info .feedback-symbol,.feedback-panel.info h4{color:#93c5fd}.feedback-panel.error{background:#dc26261a;border-left-color:#ef4444}.feedback-panel.error .feedback-symbol,.feedback-panel.error h4{color:#fca5a5}.element-facts{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.fact-item{color:#e2e8f0;font-size:12px;line-height:1.5}.fact-item strong{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:10px}.mission-board{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;width:300px;padding:1.5rem;position:absolute;top:6rem;left:2rem}.mission-board h3{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;font-size:14px}.mission-board.selection button{text-align:left;color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-bottom:8px;padding:12px;transition:all .2s;display:block}.mission-board.selection button:hover{background:#38bdf833;border-color:#38bdf8}.active-mission p{color:#fff;margin-bottom:0;font-size:15px;line-height:1.4}.mission-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.close-btn{color:#ef4444;cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-size:12px;font-weight:700}.mission-win{text-align:center;background:#22c55e33;border:1px solid #22c55e;border-radius:8px;margin-top:1rem;padding:1rem;animation:2s infinite pulseWin}.mission-win h4{color:#4ade80;margin:0 0 4px}.mission-win p{color:#bbf7d0;font-size:12px}@keyframes pulseWin{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (width<=850px){.logo{font-size:16px}.top-nav{background:#020617d9;flex-direction:column;gap:8px;padding:10px}.element-selector{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.element-selector::-webkit-scrollbar{display:none}.element-selector button{flex-shrink:0;gap:4px;padding:6px 10px;font-size:12px}.mission-board{z-index:5;max-width:400px;width:95%!important;padding:12px!important;top:85px!important;left:50%!important;transform:translate(-50%)!important}.mission-board h3{margin-bottom:8px;font-size:12px}.mission-board p{margin-bottom:0;font-size:12px}.mission-board.selection button{margin-bottom:6px;padding:8px;font-size:13px}.configurator{z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;max-width:400px;display:flex;width:95%!important;padding:12px!important;inset:auto auto 10px 50%!important;transform:translate(-50%)!important}.configurator h3{width:100%;margin-bottom:6px;font-size:13px}.configurator .input-group{width:31%;margin-bottom:8px}.configurator .input-group label{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:9px;overflow:hidden}.configurator .input-group input{text-align:center;padding:6px;font-size:13px}.configurator button{width:100%;padding:8px;font-size:13px}.feedback-panel{width:100%;margin-top:8px;padding:8px}.feedback-symbol{font-size:20px}.feedback-panel h4{font-size:12px}.feedback-panel p{font-size:11px;line-height:1.2}.element-facts{gap:4px;margin-top:8px;padding-top:8px}.fact-item{font-size:10px}.info-panel{z-index:20;max-width:350px;min-width:unset!important;width:90%!important;padding:1rem!important;top:50%!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important}.info-panel.visible{transform:translate(-50%,-50%)scale(1)!important}}@media (height<=650px) and (width<=850px){.configurator{border-radius:12px 12px 0 0;max-height:45vh;overflow-y:auto;bottom:0!important}.mission-board{max-height:35vh;overflow-y:auto;top:80px!important}}