*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0e14;--panel: rgba(13, 20, 30, .82);--panel-border: rgba(90, 140, 190, .25);--accent: #38bdf8;--ok: #3ddc84;--warn: #ffc233;--bad: #ff5533;--text: #dbe7f4;--text-dim: #7d93a8}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}kbd{background:#1c2735;border:1px solid #33465c;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:.85em;font-family:ui-monospace,Menlo,monospace;color:#bcd4ea}.landing{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,#12263f,#0a0e14 60%)}.landing-grid{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:56px 56px;transform:perspective(600px) rotateX(55deg) translateY(0);animation:gridmove 14s linear infinite;pointer-events:none}@keyframes gridmove{to{transform:perspective(600px) rotateX(55deg) translateY(56px)}}.landing-inner{position:relative;text-align:center;max-width:780px;padding:32px;animation:fadeUp .9s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}}.landing-badge{display:inline-block;font-size:12px;letter-spacing:3px;color:var(--accent);border:1px solid rgba(56,189,248,.4);border-radius:999px;padding:6px 16px;margin-bottom:22px;background:#38bdf812}.landing h1{font-size:clamp(56px,9vw,96px);font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:18px}.landing h1 span{background:linear-gradient(120deg,#38bdf8,#3ddc84);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:18px;line-height:1.65;color:var(--text-dim);margin-bottom:28px}.tagline em{color:var(--text);font-style:normal;font-weight:600}.feature-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}.chip{background:#1c2a3abf;border:1px solid var(--panel-border);padding:8px 14px;border-radius:999px;font-size:13.5px;color:#b8cde0;animation:chipIn .6s ease both}.chip:nth-child(2){animation-delay:.08s}.chip:nth-child(3){animation-delay:.16s}.chip:nth-child(4){animation-delay:.24s}.chip:nth-child(5){animation-delay:.32s}.chip:nth-child(6){animation-delay:.4s}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}}.enter-btn{font-size:19px;font-weight:700;padding:16px 44px;border-radius:14px;border:none;cursor:pointer;color:#04121e;background:linear-gradient(120deg,#38bdf8,#3ddc84);box-shadow:0 8px 40px #38bdf859;transition:transform .15s ease,box-shadow .15s ease}.enter-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 52px #38bdf880}.controls-hint{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:30px;font-size:13.5px;color:var(--text-dim)}.landing-note{margin-top:18px;font-size:12.5px;color:#55677a}.app-3d{position:relative;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud button,.hud .toast,.resume-overlay,.overlay-wrap{pointer-events:auto}.crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 6px #000c;transition:transform .12s ease,background .12s ease}.crosshair.hot{transform:scale(2);background:var(--accent)}.hover-label{position:absolute;left:50%;top:56%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:7px 14px;font-size:13.5px;color:#cfe4f6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:popIn .15s ease}@keyframes popIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--accent);margin-bottom:8px}.status-panel{position:absolute;top:14px;left:14px;min-width:190px;font-size:13px}.stat-row{display:flex;justify-content:space-between;gap:18px;padding:2.5px 0;color:var(--text-dim)}.stat-row span:last-child{font-family:ui-monospace,Menlo,monospace;color:var(--text)}.text-ok{color:var(--ok)!important}.text-warn{color:var(--warn)!important}.text-bad{color:var(--bad)!important;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.45}}.toggles{position:absolute;top:14px;right:14px;display:flex;gap:8px;padding:8px}.tgl{background:#1a2635;color:var(--text);border:1px solid #2d4054;border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.tgl:hover{background:#223349;border-color:#3f5b78}.tgl.thermal-on{background:#3a1414;border-color:#7a2e2e;color:#ffb0a0}.alert-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#501008e6;border:1px solid rgba(255,85,51,.6);color:#ffd6cc;padding:9px 20px;border-radius:10px;font-size:13.5px;font-weight:600;animation:alertPulse 1.4s ease infinite;max-width:46vw}@keyframes alertPulse{50%{box-shadow:0 0 24px #ff3c1e8c}}.mission-panel{position:absolute;right:14px;top:76px;width:300px;font-size:13px}.mission-panel.complete{border-color:#3ddc8480}.mission-step{display:flex;gap:8px;padding:4px 0;color:var(--text-dim);line-height:1.45}.mission-step.done{color:var(--ok);text-decoration:line-through;text-decoration-color:#3ddc8466}.mission-step .tick{flex-shrink:0}.request-bar{position:absolute;bottom:26px;left:50%;transform:translate(-50%);width:min(680px,90vw);background:var(--panel);border:1px solid rgba(56,189,248,.45);border-radius:14px;padding:16px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popUp .25s ease;pointer-events:auto}@keyframes popUp{0%{opacity:0;transform:translate(-50%) translateY(14px)}}.request-step-title{font-weight:800;color:var(--accent);margin-bottom:5px;font-size:15px}.request-step-text{color:var(--text);font-size:14px;line-height:1.5;min-height:42px}.request-controls{display:flex;gap:8px;margin-top:10px}.request-controls button{background:#16222f;border:1px solid #2d4054;color:var(--text);border-radius:7px;padding:5px 12px;font-size:12.5px;cursor:pointer}.request-controls button.active,.request-controls button:hover{background:#38bdf82e;border-color:var(--accent)}.toasts{position:absolute;bottom:24px;left:16px;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{background:var(--panel);border:1px solid var(--panel-border);border-left:4px solid var(--accent);border-radius:10px;padding:12px 16px;font-size:13.5px;line-height:1.5;cursor:pointer;animation:toastIn .3s cubic-bezier(.2,.9,.3,1.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes toastIn{0%{opacity:0;transform:translate(-24px)}}.toast-achievement{border-left-color:gold;background:linear-gradient(100deg,rgba(60,48,12,.92),var(--panel))}.toast-deny{border-left-color:var(--bad)}.resume-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080c8c;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.resume-box{text-align:center;animation:fadeUp .4s ease}.resume-title{font-size:34px;font-weight:800;margin-bottom:12px;text-shadow:0 4px 30px rgba(56,189,248,.4)}.resume-sub{color:var(--text-dim);font-size:14px}.resume-tip{margin-top:18px;color:var(--warn);font-size:14.5px;animation:blink 2s step-end infinite}.infocard-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:flex-end;padding:24px;background:linear-gradient(270deg,rgba(5,8,12,.5),transparent 55%)}.infocard{position:relative;width:min(420px,92vw);max-height:88vh;overflow-y:auto;background:#0c121bf0;border:1px solid var(--panel-border);border-radius:16px;padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cardIn .25s cubic-bezier(.2,.9,.3,1.1);pointer-events:auto}@keyframes cardIn{0%{opacity:0;transform:translate(40px)}}.card-close{position:absolute;top:12px;right:12px;background:#1a2635;border:1px solid #2d4054;color:var(--text-dim);width:30px;height:30px;border-radius:8px;cursor:pointer}.card-close:hover{color:var(--text);border-color:var(--accent)}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:2px}.card-head h2{font-size:22px;font-weight:800}.card-tech-name{font-size:12.5px;color:var(--accent);font-family:ui-monospace,Menlo,monospace;margin-bottom:12px}.card-simple{font-size:14.5px;line-height:1.6;color:#c3d5e6;margin-bottom:14px}.pill{font-size:11px;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:999px}.pill-ok{background:#3ddc8426;color:var(--ok);border:1px solid rgba(61,220,132,.4)}.pill-warn{background:#ffc2331f;color:var(--warn);border:1px solid rgba(255,194,51,.4)}.pill-bad{background:#ff553324;color:var(--bad);border:1px solid rgba(255,85,51,.45);animation:blink 1.2s step-end infinite}.pill-off{background:#788ca01f;color:#8fa3b8;border:1px solid rgba(120,140,160,.35)}.card-table{border:1px solid #223245;border-radius:10px;overflow:hidden;margin-bottom:14px;font-size:13px}.card-table .row{display:flex;justify-content:space-between;gap:14px;padding:7px 12px}.card-table .row:nth-child(odd){background:#1e2d3e59}.card-table .row span:first-child{color:var(--text-dim);flex-shrink:0}.card-table .row span:last-child{font-family:ui-monospace,Menlo,monospace;text-align:right}.card-fact{background:#38bdf812;border:1px solid rgba(56,189,248,.22);border-radius:10px;padding:11px 14px;font-size:13px;line-height:1.55;color:#a8d4ee;margin-bottom:16px}.card-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.act-btn{background:#1a2635;border:1px solid #2d4054;color:var(--text);border-radius:10px;padding:11px 14px;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:transform .1s,background .15s,border-color .15s}.act-btn:hover{transform:translateY(-1px);border-color:#3f5b78}.act-btn.primary{background:linear-gradient(120deg,#38bdf833,#3ddc8426);border-color:#38bdf880}.act-btn.danger{border-color:#f536}.act-btn.danger:hover{background:#50140a80;border-color:var(--bad)}.card-hint{font-size:11.5px;color:#55677a;line-height:1.5}.overlay-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background:#04070bb3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-box{position:relative;width:min(640px,92vw);max-height:85vh;overflow-y:auto;background:#0c121bf7;border:1px solid var(--panel-border);border-radius:18px;padding:28px;animation:cardIn .25s ease}.overlay-box h2{margin-bottom:18px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px}.badge{border:1px solid #223245;border-radius:12px;padding:14px;text-align:center;opacity:.45}.badge.got{opacity:1;border-color:#ffd70073;background:linear-gradient(160deg,rgba(60,48,12,.4),transparent);animation:chipIn .4s ease}.badge-icon{font-size:30px;margin-bottom:6px}.badge-title{font-weight:700;font-size:13.5px;margin-bottom:4px}.badge-desc{font-size:11.5px;color:var(--text-dim);line-height:1.45}.progress-line{font-size:13px;color:var(--text-dim)}.help-list{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55;color:#c3d5e6}.help-list b{color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#2d4054;border-radius:4px}::-webkit-scrollbar-track{background:transparent}