:root{--bg: #0b1220;--panel: rgba(13, 22, 38, .92);--line: rgba(255, 255, 255, .1);--text: #e8eef7;--muted: #93a3b8;--good: #34d399;--good-deep: #16a34a;--bad: #f87171;--warn: #fbbf24;--radius: 16px;--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.hidden{display:none!important}#scene{position:fixed;inset:0}#scene canvas{display:block;touch-action:none}.overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,rgba(22,163,74,.16),transparent 60%),#070c16c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.intro-card,.victory-card{max-width:560px;width:100%;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:40px 32px;box-shadow:0 30px 80px #0000008c;animation:card-in .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.intro-logo{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin-bottom:16px;background:#fff;border-radius:16px;padding:8px}.intro-kicker{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--good);margin-bottom:12px}.intro-card h1,.victory-card h2{font-size:clamp(26px,5vw,38px);line-height:1.15;font-weight:800;margin-bottom:14px}.accent-bad{color:var(--bad)}.accent-good{color:var(--good)}.intro-sub,.victory-sub{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:26px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#16a34a,#059669);color:#fff;font-weight:700;font-size:16px;font-family:var(--font);border:none;border-radius:14px;padding:14px 28px;cursor:pointer;text-decoration:none;box-shadow:0 10px 30px #16a34a59;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 36px #16a34a80}.btn-big{width:100%;max-width:340px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--text);font-weight:600;font-size:15px;font-family:var(--font);border:1px solid var(--line);border-radius:14px;padding:13px 24px;cursor:pointer;text-decoration:none;transition:background .15s ease}.btn-ghost:hover{background:#ffffff14}.link-back{display:inline-block;margin-top:18px;color:var(--muted);font-size:13px;text-decoration:none}.link-back:hover{color:var(--text)}#hud{position:fixed;top:0;left:0;right:0;z-index:20;padding:10px 12px 0;pointer-events:none}.hud-top{max-width:980px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;pointer-events:auto;box-shadow:0 12px 32px #0006}.hud-brand img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;display:block;background:#fff;border-radius:9px;padding:3px}.kpis{display:flex;gap:8px;flex:1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.kpis::-webkit-scrollbar{display:none}.kpi{min-width:104px;background:#ffffff0d;border:1px solid var(--line);border-radius:12px;padding:6px 10px;display:flex;flex-direction:column;gap:1px;transition:border-color .4s ease,background .4s ease}.kpi-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.kpi-value{font-size:16px;font-weight:800;color:var(--bad);white-space:nowrap}.kpi-value b{font-weight:800}.kpi:not(.kpi-bad) .kpi-value,.kpi-control-value{color:var(--good)}.kpi.kpi-fixed{background:#34d3991a;border-color:#34d39966}.kpi.kpi-fixed .kpi-value{color:var(--good)}.progress-wrap{flex-basis:100%;height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.progress-bar{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#16a34a,#34d399);box-shadow:0 0 12px #34d399cc;transition:width .9s cubic-bezier(.2,.8,.2,1)}#powerups{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:10px;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow-x:auto;justify-content:safe center;scrollbar-width:none}#powerups::-webkit-scrollbar{display:none}.powerup{flex:0 0 auto;width:148px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:left;cursor:pointer;color:var(--text);font-family:var(--font);box-shadow:0 10px 28px #0006;transition:transform .15s ease,border-color .2s ease}.powerup:hover:not(:disabled){transform:translateY(-4px);border-color:#34d39999}.powerup:disabled{cursor:default}.powerup .pu-icon{font-size:24px;display:block;margin-bottom:6px}.powerup .pu-name{font-size:13px;font-weight:700;display:block;line-height:1.25}.powerup .pu-state{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b1220;background:var(--warn);border-radius:99px;padding:3px 9px;animation:pu-pulse 1.6s ease-in-out infinite}@keyframes pu-pulse{0%,to{box-shadow:0 0 #fbbf248c}50%{box-shadow:0 0 0 7px #fbbf2400}}.powerup.active{border-color:#34d3998c;background:linear-gradient(180deg,rgba(22,163,74,.18),var(--panel))}.powerup.active .pu-state{background:var(--good);animation:none}#viewbar{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:22;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0006;transition:border-color .3s ease,box-shadow .3s ease}#viewbar.highlight{border-color:#34d399b3;box-shadow:0 0 0 4px #34d3992e,0 12px 32px #0006}#viewbar button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);font-size:18px;line-height:1;cursor:pointer;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:background .15s ease,transform .1s ease}#viewbar button:hover{background:#34d3992e}#viewbar button:active{transform:scale(.92)}#viewbar button[data-view=help]{font-weight:800;color:var(--good)}#onboarding{position:fixed;left:50%;bottom:118px;transform:translate(-50%);z-index:35;width:min(440px,calc(100vw - 24px))}.ob-card{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid rgba(52,211,153,.45);border-radius:18px;padding:16px 18px;box-shadow:0 18px 48px #0000008c;animation:card-in .4s cubic-bezier(.2,.9,.3,1.2) both}.ob-icon{font-size:28px;line-height:1;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#34d3991f;border:1px solid rgba(52,211,153,.35);border-radius:13px;flex-shrink:0}.ob-body{flex:1;min-width:200px}.ob-title{font-size:15px;font-weight:800;margin-bottom:3px}.ob-desc{font-size:12.5px;color:var(--muted);line-height:1.5}.ob-footer{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ob-dots{display:flex;gap:5px}.ob-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:background .2s ease,transform .2s ease}.ob-dots i.active{background:var(--good);transform:scale(1.25)}.ob-actions{display:flex;gap:8px;align-items:center}.ob-skip{background:none;border:none;color:var(--muted);font-size:12.5px;font-family:var(--font);cursor:pointer;padding:8px 10px}.ob-skip:hover{color:var(--text)}.ob-next{padding:9px 18px;font-size:13.5px;border-radius:11px}#markers{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden}.marker{position:absolute;transform:translate(-50%,-100%);width:34px;height:34px;border-radius:50%;border:2px solid rgba(248,113,113,.9);background:#7f1d1deb;color:#fecaca;font-size:15px;font-weight:800;cursor:pointer;pointer-events:auto;box-shadow:0 6px 18px #00000073;animation:marker-bounce 1.4s ease-in-out infinite;transition:transform .15s ease}.marker:hover{animation-play-state:paused}@keyframes marker-bounce{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-135%)}}.marker.fixed{border-color:#34d399e6;background:#064e3beb;color:#a7f3d0;animation:none}.hint-marker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(248,113,113,.9);background:#7f1d1deb;color:#fecaca;font-size:11px;vertical-align:-4px}#alerts{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.alert3d{position:absolute;transform:translate(-50%,-110%);background:#7f1d1deb;border:1px solid rgba(248,113,113,.6);color:#fecaca;font-size:11.5px;font-weight:600;border-radius:10px;padding:6px 10px;white-space:nowrap;box-shadow:0 8px 22px #00000073;animation:alert-in .3s ease both}.alert3d.fade{opacity:0;transition:opacity .6s ease}.alert3d.alert-good{background:#064e3beb;border-color:#34d39999;color:#a7f3d0}@keyframes alert-in{0%{opacity:0;transform:translate(-50%,-90%) scale(.85)}to{opacity:1;transform:translate(-50%,-110%) scale(1)}}#module-panel{position:fixed;z-index:30;right:16px;top:50%;transform:translateY(-50%);width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid rgba(52,211,153,.4);border-radius:20px;padding:24px;box-shadow:0 24px 60px #0000008c;animation:panel-in .4s cubic-bezier(.2,.9,.3,1.15) both}@keyframes panel-in{0%{opacity:0;transform:translateY(-50%) translate(30px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.panel-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:99px;border:1px solid var(--line);background:#ffffff0f;color:var(--muted);font-size:13px;cursor:pointer}.panel-close:hover{color:var(--text)}.panel-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--good);margin-bottom:8px}#module-panel h2{font-size:21px;font-weight:800;margin-bottom:10px}#module-panel p{font-size:13.5px;color:var(--muted);line-height:1.55}#panel-items{list-style:none;margin:14px 0;display:grid;gap:7px}#panel-items li{font-size:12.5px;color:var(--text);display:flex;gap:8px;align-items:flex-start;line-height:1.4}#panel-items li:before{content:"✓";color:var(--good);font-weight:800}#panel-items.problems li:before{content:"✗";color:var(--bad)}.panel-action{width:100%;margin-bottom:12px;padding:12px 16px;font-size:14px}.panel-effect{border-top:1px solid var(--line);padding-top:12px;font-size:12.5px;font-weight:700;color:var(--good)!important}.result-table{width:100%;border-collapse:collapse;margin-bottom:22px;font-size:13.5px}.result-table th,.result-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:center}.result-table td:first-child{text-align:left;color:var(--muted)}.result-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.result-table .bad{color:var(--bad);font-weight:700}.result-table .good{color:var(--good);font-weight:800}.victory-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-3vh;width:9px;height:14px;border-radius:2px;animation:confetti-fall linear both}@keyframes confetti-fall{to{transform:translateY(108vh) rotate(720deg)}}@media(max-width:640px){.intro-card,.victory-card{padding:28px 20px}.kpi{min-width:92px;padding:5px 8px}.kpi-value{font-size:14px}.powerup{width:128px;padding:10px}#viewbar{left:8px;padding:6px;gap:6px}#viewbar button{width:36px;height:36px;font-size:16px}#onboarding{bottom:132px}#module-panel{right:50%;top:auto;bottom:86px;transform:translate(50%);animation:panel-in-mobile .35s ease both}@keyframes panel-in-mobile{0%{opacity:0;transform:translate(50%) translateY(20px)}to{opacity:1;transform:translate(50%) translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}