:root{--bg: #050505;--panel-bg: rgba(15, 23, 42, .85);--panel-border: rgba(56, 189, 248, .18);--text-main: #e5e7eb}[data-theme=light]{--bg: #f3f7fb;--panel-bg: rgba(255, 255, 255, .9);--panel-border: rgba(30, 64, 175, .18);--text-main: #0f172a}body{margin:0;overflow:hidden;background-color:var(--bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none;color:var(--text-main)}#canvas-container{width:100vw;height:100vh}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);box-shadow:0 8px 32px #00000080}[data-theme=light] .glass-panel{box-shadow:0 10px 24px #1e293b1f}.service-btn{transition:all .2s ease}.service-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #38bdf866;border-color:#38bdf880}.service-btn:active{transform:translateY(0)}.service-btn.active{background:#38bdf833;border:1px solid #38bdf8;box-shadow:inset 0 0 10px #38bdf833}.svc-icon{width:24px;height:24px;margin-bottom:4px}[data-theme=light] .service-btn{border-color:#47556959!important}[data-theme=light] .service-btn,[data-theme=light] .time-btn{color:#0f172a!important}.time-btn{transition:all .1s ease}.time-btn.active{background:#38bdf866;border-color:#38bdf8;color:#fff}.tooltip{position:absolute;pointer-events:none;background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;display:none;z-index:100;border:1px solid #333;box-shadow:0 4px 6px #0000004d}.onboarding-step{display:none}.onboarding-step.active{display:block;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.key-badge{display:inline-block;padding:2px 6px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-family:monospace;font-size:.8em;color:#fff}#lang-select option{background-color:#1f2937;color:#fff}.pulse-green{background-color:#39ff14!important;color:#000!important;border-color:#39ff14!important;box-shadow:0 0 10px #39ff14,0 0 20px #39ff14;animation:neonPulse 1.5s infinite}@keyframes neonPulse{0%{box-shadow:0 0 5px #39ff14,0 0 10px #39ff14;transform:scale(1)}50%{box-shadow:0 0 20px #39ff14,0 0 30px #39ff14;transform:scale(1.1)}to{box-shadow:0 0 5px #39ff14,0 0 10px #39ff14;transform:scale(1)}}.flow-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.flow-node{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;background:#1f2937;border:1px solid #374151}.flow-line{width:60px;height:2px;background:#4b5563;position:relative}.flow-packet{width:8px;height:8px;border-radius:50%;background:#fff;position:absolute;top:-3px;left:0;animation:flowMove 1.5s infinite linear}@keyframes flowMove{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}#tutorial-popup{transition:right .4s ease-out,bottom .4s ease-out,left .4s ease-out,top .4s ease-out,transform .4s ease-out}#tutorial-popup.tutorial-enter{animation:tutorialFadeIn .5s ease-out}@keyframes tutorialFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#tutorial-popup.tutorial-step-change{animation:tutorialStepChange .3s ease-out}@keyframes tutorialStepChange{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#tutorial-highlight{animation:tutorialHighlightPulse 1.5s infinite}@keyframes tutorialHighlightPulse{0%,to{box-shadow:0 0 15px #06b6d480,0 0 30px #06b6d44d}50%{box-shadow:0 0 30px #06b6d4cc,0 0 60px #06b6d480}}.tutorial-tool-highlight{animation:toolHighlightPulse 1.2s infinite!important;position:relative;z-index:100}@keyframes toolHighlightPulse{0%,to{box-shadow:0 0 10px #06b6d499,inset 0 0 8px #06b6d433;border-color:#06b6d4cc!important;transform:scale(1)}50%{box-shadow:0 0 25px #06b6d4,0 0 40px #06b6d480,inset 0 0 12px #06b6d44d;border-color:#06b6d4!important;transform:scale(1.05)}}.intervention-warning{animation:warningSlideIn .3s ease-out,warningPulse 1s ease-in-out infinite}@keyframes warningSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes warningPulse{0%,to{transform:scale(1);box-shadow:0 0 10px currentColor}50%{transform:scale(1.02);box-shadow:0 0 20px currentColor}}.warning-danger{background:#dc2626e6;border-color:#ef4444;color:#fecaca}.warning-warning{background:#d97706e6;border-color:#f59e0b;color:#fef3c7}.warning-info{background:#2563ebe6;border-color:#3b82f6;color:#dbeafe}.event-active-bar{animation:eventBarPulse .5s ease-in-out infinite alternate}@keyframes eventBarPulse{0%{opacity:.8}to{opacity:1}}.guide-float{animation:guideFloat 2.2s ease-in-out infinite}@keyframes guideFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.glass-panel,.service-btn,.time-btn{will-change:transform,opacity}.service-btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease}@media (max-width: 1280px){#statsPanel{width:18rem}#detailsPanel,#healthPanel,#financesPanel{width:16rem}#sandboxPanel{width:18rem}}@media (max-width: 980px){#statsPanel{top:.5rem!important;left:.5rem!important;width:calc(100vw - 1rem);max-width:none;padding:.75rem!important}#detailsPanel,#healthPanel,#financesPanel{width:calc(100vw - 1rem);max-width:none;margin-right:.5rem}#sandboxPanel,#objectivesPanel,#learning-objectives-panel,#connectionsPanel{width:calc(100vw - 1rem)!important;left:.5rem!important;right:.5rem!important;bottom:8.25rem!important;max-width:none!important}#guide-fab{bottom:8.8rem!important;right:.75rem!important}}@media (max-width: 760px){body{font-size:14px}#statsPanel h1{font-size:1.1rem!important}#statsPanel,#detailsPanel,#healthPanel,#financesPanel{font-size:12px}#statsPanel .text-2xl,#statsPanel .text-xl,#statsPanel .text-lg{font-size:1rem!important}#main-menu-modal>div,#learning-modal>div,#glossary-modal>div,#cloudmap-modal>div,#guide-modal>div{width:calc(100vw - 1rem)!important;max-width:none!important;padding:1rem!important}#main-menu-modal h1{font-size:2.2rem!important;line-height:2.2rem!important}.service-btn{width:3.2rem!important;height:3.2rem!important;padding:.3rem!important}.service-btn span{font-size:9px!important;line-height:10px!important}}:root{--c-bg: #0a0612;--c-bg-2: #11081f;--c-violet: #a855f7;--c-violet-2: #c084fc;--c-pink: #ec4899;--c-cyan: #06b6d4;--c-blue: #3b82f6;--c-lime: #a3e635;--c-amber: #fbbf24;--c-red: #ef4444;--grad-1: linear-gradient(135deg, #a855f7 0%, #ec4899 50%, #f97316 100%);--grad-2: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #a855f7 100%);--grad-3: linear-gradient(135deg, #a3e635 0%, #14b8a6 50%, #06b6d4 100%);--grad-mesh: radial-gradient(circle at 20% 20%, rgba(168, 85, 247, .25), transparent 40%), radial-gradient(circle at 80% 0%, rgba(236, 72, 153, .2), transparent 40%), radial-gradient(circle at 0% 80%, rgba(6, 182, 212, .2), transparent 40%), radial-gradient(circle at 100% 100%, rgba(163, 230, 53, .15), transparent 50%)}body{font-family:Space Grotesk,Segoe UI,Tahoma,sans-serif!important;letter-spacing:-.01em}.font-display{font-family:Bricolage Grotesque,Space Grotesk,sans-serif!important;letter-spacing:-.04em}.font-mono{font-family:JetBrains Mono,monospace!important}.cw-hero{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-bg);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cw-hero:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:var(--grad-mesh);filter:blur(80px);animation:meshDrift 20s ease-in-out infinite alternate}.cw-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);animation:gridDrift 30s linear infinite}@keyframes meshDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(2%,-3%) scale(1.06)}to{transform:translate(-2%,3%) scale(1)}}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(48px,48px)}}.cw-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;animation:float 12s ease-in-out infinite}.cw-blob.b1{width:320px;height:320px;background:var(--c-violet);top:8%;left:6%;animation-delay:0s}.cw-blob.b2{width:260px;height:260px;background:var(--c-pink);top:60%;right:8%;animation-delay:-4s}.cw-blob.b3{width:220px;height:220px;background:var(--c-cyan);bottom:6%;left:18%;animation-delay:-8s}.cw-blob.b4{width:180px;height:180px;background:var(--c-lime);top:20%;right:22%;animation-delay:-2s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(28px,-22px) scale(1.07)}66%{transform:translate(-20px,18px) scale(.95)}}.cw-title{font-family:Bricolage Grotesque,sans-serif;font-weight:800;letter-spacing:-.06em;line-height:.9;background:linear-gradient(135deg,#fff 10%,#c084fc,#ec4899 60%,#06b6d4 90%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleShift 8s ease-in-out infinite;text-shadow:0 0 40px rgba(168,85,247,.3)}@keyframes titleShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cw-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9d5ff}.cw-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--c-lime);box-shadow:0 0 8px var(--c-lime);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cw-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.6rem;border-radius:14px;font-weight:700;font-size:.92rem;letter-spacing:.02em;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;border:none;color:#fff;text-transform:none}.cw-btn:hover{transform:translateY(-2px)}.cw-btn:active{transform:translateY(0)}.cw-btn-primary{background:var(--grad-1);box-shadow:0 6px 24px -6px #ec48998c,inset 0 1px #ffffff2e}.cw-btn-primary:hover{box-shadow:0 12px 40px -10px #ec4899b3,inset 0 1px #ffffff40}.cw-btn-secondary{background:var(--grad-2);box-shadow:0 6px 24px -6px #3b82f68c,inset 0 1px #ffffff2e}.cw-btn-secondary:hover{box-shadow:0 12px 40px -10px #3b82f6b3}.cw-btn-accent{background:var(--grad-3);color:#052e16;box-shadow:0 6px 24px -6px #14b8a68c,inset 0 1px #fff6}.cw-btn-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#e9d5ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cw-btn-ghost:hover{background:#ffffff1a;border-color:#a855f780}.cw-card{position:relative;border-radius:20px;padding:1.4rem;background:linear-gradient(180deg,#140e28eb,#0f0a1ef2);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}.cw-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:var(--grad-1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease}.cw-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 20px 50px -20px #a855f766}.cw-card:hover:before{opacity:1}.cw-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px;background:linear-gradient(135deg,#a855f733,#ec489933);border:1px solid rgba(255,255,255,.08)}.glass-panel{background:linear-gradient(180deg,#0f0a1ec7,#0a0614d9);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(168,85,247,.15);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0a;border-radius:18px!important}.stat-glow{text-shadow:0 0 16px currentColor}.medal-1{background:linear-gradient(135deg,#fde047,#f59e0b,#b45309)}.medal-2{background:linear-gradient(135deg,#f1f5f9,#cbd5e1,#64748b)}.medal-3{background:linear-gradient(135deg,#fcd34d,#b45309,#78350f)}.medal-other{background:linear-gradient(135deg,#475569,#334155)}.cw-stamp{display:inline-block;padding:.5rem 1rem;border-radius:8px;background:var(--grad-1);color:#fff;font-weight:800;font-family:Bricolage Grotesque,sans-serif;letter-spacing:.05em;transform:rotate(-3deg);text-transform:uppercase}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0f0a1e99;border-radius:4px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--c-violet),var(--c-pink));border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--c-violet-2),var(--c-pink))}.cw-marquee{white-space:nowrap;overflow:hidden}.cw-marquee-track{display:inline-block;animation:marquee 28s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cw-fade-up{animation:fadeUp .6s cubic-bezier(.21,1.02,.73,1) backwards}.cw-input{width:100%;padding:.75rem 1rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:JetBrains Mono,monospace;font-size:.875rem;transition:border-color .2s,background .2s}.cw-input:focus{outline:none;border-color:var(--c-violet);background:#a855f70d;box-shadow:0 0 0 3px #a855f726}.cw-tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cw-tag-violet{background:#a855f733;color:#e9d5ff;border:1px solid rgba(168,85,247,.3)}.cw-tag-pink{background:#ec489933;color:#fbcfe8;border:1px solid rgba(236,72,153,.3)}.cw-tag-cyan{background:#06b6d433;color:#a5f3fc;border:1px solid rgba(6,182,212,.3)}.cw-tag-lime{background:#a3e63533;color:#d9f99d;border:1px solid rgba(163,230,53,.3)}.cw-glow-ring{box-shadow:0 0 0 2px #a855f74d,0 0 30px #a855f766}.cw-sparkle:before{content:"✨";margin-right:.4em}@media (max-width: 640px){.cw-card{padding:1rem;border-radius:16px}.cw-card-icon{width:40px;height:40px;font-size:20px;margin-bottom:8px}.cw-btn{padding:.75rem 1.1rem;font-size:.85rem;border-radius:12px}.cw-title{letter-spacing:-.05em}.cw-chip{padding:.3rem .7rem}.cw-tag{padding:.18rem .5rem;font-size:.6rem}.cw-blob{filter:blur(40px)}.cw-blob.b1,.cw-blob.b2,.cw-blob.b3,.cw-blob.b4{width:180px;height:180px}}@media (max-width: 380px){.cw-title{font-size:2.75rem!important}.cw-card{padding:.85rem}.cw-btn{padding:.6rem .9rem;font-size:.8rem}}@media (prefers-reduced-motion: reduce){.cw-blob,.cw-hero:before,.cw-hero:after,.cw-title{animation:none!important}.cw-fade-up{animation:none!important}}.cw-tut-glow{position:relative;z-index:50;animation:cwTutPulse 1.4s ease-in-out infinite!important;box-shadow:0 0 0 3px #06b6d499,0 0 30px #06b6d480!important;border-color:#06b6d4!important}@keyframes cwTutPulse{0%,to{box-shadow:0 0 0 3px #06b6d499,0 0 30px #06b6d480}50%{box-shadow:0 0 0 5px #ec489980,0 0 40px #ec489999}}.cw-theme-orange{--c-bg: #fff8f0;--c-bg-2: #fff1de;--grad-mesh: radial-gradient(circle at 18% 22%, rgba(249, 115, 22, .28), transparent 42%), radial-gradient(circle at 82% 8%, rgba(251, 146, 60, .22), transparent 42%), radial-gradient(circle at 8% 82%, rgba(254, 215, 170, .45), transparent 50%), radial-gradient(circle at 92% 92%, rgba(253, 186, 116, .28), transparent 50%)}.cw-theme-orange.cw-hero{background:#fffaf3}.cw-theme-orange.cw-hero:after{background-image:linear-gradient(rgba(249,115,22,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.06) 1px,transparent 1px)}.cw-theme-orange .cw-blob.b1{background:#f97316;opacity:.45}.cw-theme-orange .cw-blob.b2{background:#fb923c;opacity:.4}.cw-theme-orange .cw-blob.b3{background:#fdba74;opacity:.45}.cw-theme-orange .cw-blob.b4{background:#fed7aa;opacity:.5}.cw-theme-orange .cw-title{background:linear-gradient(135deg,#7c2d12,#ea580c 35%,#f97316 65%,#fb923c);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(249,115,22,.25)}.cw-theme-orange .cw-chip{background:#ffffffb3;border:1px solid rgba(249,115,22,.25);color:#7c2d12;box-shadow:0 4px 14px -4px #f9731633}.cw-theme-orange .cw-chip .dot{background:#f97316;box-shadow:0 0 8px #f97316}.cw-theme-orange .cw-card{background:#ffffffc7;border:1px solid rgba(249,115,22,.18);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:0 8px 24px -10px #9a34122e}.cw-theme-orange .cw-card:hover{border-color:#f9731673;box-shadow:0 18px 40px -16px #f9731666;background:#ffffffeb}.cw-theme-orange .cw-card:before{background:linear-gradient(135deg,#f97316,#fb923c,#fed7aa)}.cw-theme-orange .cw-card-icon{background:linear-gradient(135deg,#f973162e,#fbbf242e)!important;border:1px solid rgba(249,115,22,.25);color:#9a3412}.cw-theme-orange .cw-tag{background:#ffffffb3;border:1px solid rgba(249,115,22,.3);color:#9a3412}.cw-theme-orange .cw-tag-violet{background:#fed7aa99;color:#9a3412;border-color:#f9731659}.cw-theme-orange .cw-tag-pink{background:#fed7aa99;color:#c2410c;border-color:#ea580c66}.cw-theme-orange .cw-tag-cyan{background:#ffedd5b3;color:#9a3412;border-color:#fb923c66}.cw-theme-orange .cw-tag-lime{background:#fff7edd9;color:#c2410c;border-color:#fbbf2473}.cw-theme-orange .cw-btn-primary{background:linear-gradient(135deg,#ea580c,#f97316,#fb923c);box-shadow:0 6px 24px -6px #ea580c8c,inset 0 1px #ffffff4d}.cw-theme-orange .cw-btn-secondary{background:linear-gradient(135deg,#c2410c,#ea580c,#f97316)}.cw-theme-orange .cw-btn-accent{background:linear-gradient(135deg,#fed7aa,#fdba74,#fb923c);color:#7c2d12}.cw-theme-orange .cw-btn-ghost{background:#ffffffb3;border:1px solid rgba(249,115,22,.3);color:#9a3412}.cw-theme-orange .cw-btn-ghost:hover{background:#fff;border-color:#f9731699}.cw-theme-orange .text-purple-100\/70,.cw-theme-orange .text-purple-200\/70,.cw-theme-orange .text-purple-200\/60,.cw-theme-orange .text-purple-200\/50,.cw-theme-orange .text-purple-200\/40{color:#78350fbf!important}.cw-theme-orange .text-pink-300{color:#c2410c!important}.cw-theme-orange .text-pink-400{color:#ea580c!important}.cw-theme-orange .text-violet-300{color:#b45309!important}.cw-theme-orange .text-cyan-300{color:#c2410c!important}.cw-theme-orange .text-lime-300{color:#a16207!important}.cw-theme-orange .text-amber-300{color:#b45309!important}.cw-theme-orange .text-purple-100{color:#7c2d12!important}.cw-theme-orange .text-white{color:#1c1917!important}.cw-theme-orange .cw-stamp{background:linear-gradient(135deg,#f97316,#fb923c,#fdba74);color:#7c2d12}[data-theme=light]{--c-bg: #f5f7fb;--c-bg-2: #e9eef6;--c-surface: rgba(255, 255, 255, .92);--c-surface-2: rgba(248, 250, 252, .95);--c-surface-elev: rgba(255, 255, 255, .98);--c-border: rgba(15, 23, 42, .12);--c-border-strong: rgba(15, 23, 42, .2);--c-text: #0f172a;--c-text-muted: #475569;--c-text-subtle: #64748b;--c-text-faint: #94a3b8;--c-violet: #4f46e5;--c-pink: #db2777;--c-cyan: #0891b2;--c-lime: #65a30d;--c-amber: #d97706;--grad-mesh: radial-gradient(circle at 18% 22%, rgba(79, 70, 229, .12), transparent 42%), radial-gradient(circle at 82% 8%, rgba(219, 39, 119, .1), transparent 42%), radial-gradient(circle at 8% 82%, rgba(8, 145, 178, .12), transparent 50%), radial-gradient(circle at 92% 92%, rgba(101, 163, 13, .1), transparent 50%)}[data-theme=light] body{background-color:var(--c-bg);color:var(--c-text)}[data-theme=light] .cw-hero:not(.cw-theme-orange){background:var(--c-bg)}[data-theme=light] .cw-hero:not(.cw-theme-orange):before{background:var(--grad-mesh);filter:blur(80px);opacity:.7}[data-theme=light] .cw-hero:not(.cw-theme-orange):after{background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px)}[data-theme=light] .cw-blob{opacity:.18}[data-theme=light] .cw-hero:not(.cw-theme-orange) .cw-title{background:linear-gradient(135deg,#1e293b 10%,#4f46e5,#db2777 60%,#0891b2 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(79,70,229,.18)}[data-theme=light] .cw-chip:not(.cw-theme-orange .cw-chip){background:#ffffffd9;border-color:#0f172a1f;color:#1e293b;box-shadow:0 4px 14px -6px #0f172a2e}[data-theme=light] .cw-chip .dot{background:var(--c-violet);box-shadow:0 0 8px var(--c-violet)}[data-theme=light] .cw-card:not(.cw-theme-orange .cw-card){background:#ffffffd1;border-color:#0f172a1a;color:#1e293b;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 28px -12px #0f172a2e}[data-theme=light] .cw-card:not(.cw-theme-orange .cw-card):hover{background:#fffffff5;border-color:#4f46e559;box-shadow:0 18px 44px -16px #4f46e559}[data-theme=light] .cw-card-icon:not(.cw-theme-orange .cw-card-icon){background:linear-gradient(135deg,#4f46e51f,#db27771f)!important;border:1px solid rgba(79,70,229,.2);color:#1e293b}[data-theme=light] .cw-btn-primary:not(.cw-theme-orange .cw-btn-primary){background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);color:#fff;box-shadow:0 6px 22px -6px #4f46e580,inset 0 1px #ffffff4d}[data-theme=light] .cw-btn-secondary:not(.cw-theme-orange .cw-btn-secondary){background:linear-gradient(135deg,#0891b2,#06b6d4,#22d3ee);color:#fff}[data-theme=light] .cw-btn-accent:not(.cw-theme-orange .cw-btn-accent){background:linear-gradient(135deg,#db2777,#ec4899,#f472b6);color:#fff}[data-theme=light] .cw-btn-ghost:not(.cw-theme-orange .cw-btn-ghost){background:#ffffffd9;border:1px solid rgba(15,23,42,.15);color:#1e293b}[data-theme=light] .cw-btn-ghost:not(.cw-theme-orange .cw-btn-ghost):hover{background:#fff;border-color:#4f46e573}[data-theme=light] .cw-tag:not(.cw-theme-orange .cw-tag){background:#ffffffd9;border:1px solid rgba(15,23,42,.12);color:#1e293b}[data-theme=light] .cw-tag-violet:not(.cw-theme-orange .cw-tag-violet){background:#4f46e51f;color:#312e81;border-color:#4f46e559}[data-theme=light] .cw-tag-pink:not(.cw-theme-orange .cw-tag-pink){background:#db27771f;color:#831843;border-color:#db277759}[data-theme=light] .cw-tag-cyan:not(.cw-theme-orange .cw-tag-cyan){background:#0891b21f;color:#164e63;border-color:#0891b259}[data-theme=light] .cw-tag-lime:not(.cw-theme-orange .cw-tag-lime){background:#65a30d1f;color:#365314;border-color:#65a30d59}[data-theme=light] .cw-stamp:not(.cw-theme-orange .cw-stamp){background:linear-gradient(135deg,#4f46e5,#db2777);color:#fff}[data-theme=light] .glass-panel{background:#ffffffeb;border:1px solid rgba(15,23,42,.12);color:#0f172a;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 10px 28px -12px #0f172a33}[data-theme=light] .glass-panel .text-gray-300,[data-theme=light] .glass-panel .text-gray-400{color:#334155!important}[data-theme=light] .glass-panel .text-gray-500{color:#64748b!important}[data-theme=light] .glass-panel .text-gray-600{color:#475569!important}[data-theme=light] .glass-panel .text-white{color:#0f172a!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-white,[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=text-purple-100]{color:#0f172a!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=text-purple-200],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=text-purple-300]{color:#475569!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-pink-300,[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-pink-400{color:#db2777!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-cyan-300,[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-cyan-400{color:#0891b2!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-violet-300{color:#4f46e5!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-lime-300{color:#65a30d!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-amber-300{color:#d97706!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-green-300,[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-green-400{color:#15803d!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-red-300,[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-red-400{color:#b91c1c!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-orange-300,[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-orange-400{color:#c2410c!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-yellow-300,[data-theme=light] .cw-hero:not(.cw-theme-orange) .text-yellow-400{color:#ca8a04!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=from-purple-950],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=to-purple-950],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=via-purple-950],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=from-black],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=to-black],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=via-black],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=from-red-950],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=from-emerald-950],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=from-cyan-950]{background:linear-gradient(180deg,#fffffff5,#f8fafceb)!important;color:#0f172a!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=border-purple-500],[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*=border-purple-700]{border-color:#4f46e540!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*="border-white/10"]{border-color:#0f172a1f!important}[data-theme=light] .cw-hero:not(.cw-theme-orange) [class*="bg-white/"]{background-color:#0f172a0a!important}[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] input[type=search],[data-theme=light] textarea,[data-theme=light] select{background:#fffffff2!important;border-color:#0f172a26!important;color:#0f172a!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8!important}[data-theme=light] #timeControlPanel,[data-theme=light] #bottomToolbar>div{background:linear-gradient(180deg,#fffffff2,#f8fafceb)!important;border:1px solid rgba(15,23,42,.12)!important;box-shadow:0 14px 32px -12px #0f172a38,0 0 0 1px #0f172a0a!important}[data-theme=light] .time-btn,[data-theme=light] .service-btn{background:#ffffffd9!important;color:#0f172a!important;border-color:#0f172a26!important}[data-theme=light] .time-btn:hover,[data-theme=light] .service-btn:hover{background:#fff!important;border-color:#4f46e573!important}[data-theme=light] .service-btn.active,[data-theme=light] .time-btn.active{background:linear-gradient(135deg,#4f46e52e,#db27772e)!important;border-color:#4f46e5!important;color:#312e81!important}[data-theme=light] .cw-drag-handle{background:linear-gradient(90deg,#4f46e51a,#db277714);border-color:#4f46e540;color:#4338ca}[data-theme=light] .cw-drag-handle:hover{background:linear-gradient(90deg,#4f46e533,#db277729);color:#1e1b4b}[data-theme=light] .cw-drag-grip{color:#db2777}[data-theme=light] #tooltip{background:#fffffffa!important;color:#0f172a!important;border-color:#0f172a26!important;box-shadow:0 14px 36px -10px #0f172a4d!important}[data-theme=light] input[type=range]{box-shadow:none!important}:root{--z-canvas: 1;--z-game-overlay: 10;--z-panel: 20;--z-controls: 35;--z-event-bar: 40;--z-modal: 50;--z-drawer: 55;--z-completion: 60;--z-toast: 65;--z-tutorial: 70;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px}#tooltip,#upgrade-indicator{z-index:var(--z-game-overlay)}#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel,#learning-objectives-panel{z-index:var(--z-panel)!important}#timeControlPanel{z-index:var(--z-controls)!important}#bottomToolbar{z-index:var(--z-controls)!important;pointer-events:none}#bottomToolbar>*{pointer-events:auto}#active-event-bar{z-index:var(--z-event-bar)}#intervention-warnings{z-index:var(--z-toast)}#statsPanel{max-height:38vh;overflow-y:auto}#detailsPanel,#healthPanel,#financesPanel{max-height:28vh;overflow-y:auto}#connectionsPanel{max-height:22vh;overflow-y:auto}#objectivesPanel,#sandboxPanel{max-height:26vh;overflow-y:auto}#connectionsPanel{top:calc(38vh + 24px)!important;bottom:auto!important;left:16px!important;max-width:320px}#objectivesPanel,#sandboxPanel{bottom:112px!important;left:16px!important}.absolute.top-4.right-4.flex.flex-col.gap-3{max-height:calc(100vh - 360px);overflow-y:auto;padding-bottom:8px}.fixed.bottom-28.right-4.z-40{bottom:120px!important;right:16px!important;top:auto!important;z-index:var(--z-controls)}.fixed.top-20.left-1\/2{top:80px!important;z-index:var(--z-panel)}#statsPanel{font-size:14px;line-height:1.5;padding:18px!important}#statsPanel h1{font-size:22px!important;line-height:1.15}#statsPanel .text-xs{font-size:12px}#statsPanel .text-sm{font-size:14px}#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel{font-size:13.5px;padding:14px 16px!important}#detailsPanel h3,#healthPanel h3,#financesPanel h3,#connectionsPanel h3,#objectivesPanel h3,#sandboxPanel h3{font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;font-weight:700!important}.service-btn{min-height:56px}.time-btn{min-height:40px;min-width:40px}.cw-btn{min-height:40px}.service-btn svg,.service-btn img{width:22px!important;height:22px!important}.service-btn .text-xl{font-size:22px!important;line-height:1}.service-btn span:last-child{font-size:10px!important;line-height:1.2;margin-top:4px}#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel{border-radius:14px!important;border:1px solid rgba(168,85,247,.18);background:linear-gradient(180deg,#0f0a1ed9,#0a0614eb);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 14px 40px #0000008c}@media (max-width: 1023px){#statsPanel{width:280px!important;left:12px!important}#detailsPanel,#healthPanel,#financesPanel{width:256px!important}#connectionsPanel{width:280px!important;left:12px!important}#objectivesPanel,#sandboxPanel{width:280px!important}.absolute.top-4.right-4.flex.flex-col.gap-3{gap:8px!important;right:12px!important}.fixed.bottom-28.right-4 .cw-btn{padding:8px 12px;font-size:12px}}@media (max-width: 899px){body[data-panels=hidden] #statsPanel,body[data-panels=hidden] #detailsPanel,body[data-panels=hidden] #healthPanel,body[data-panels=hidden] #financesPanel,body[data-panels=hidden] #connectionsPanel,body[data-panels=hidden] #objectivesPanel,body[data-panels=hidden] #sandboxPanel{display:none!important}}@media (max-width: 767px){#statsPanel{width:calc(100vw - 16px)!important;max-width:480px;left:8px!important;right:8px!important;top:70px!important;margin:0 auto;max-height:32vh}.absolute.top-4.right-4.flex.flex-col.gap-3{top:auto!important;bottom:200px!important;right:8px!important;left:8px!important;flex-direction:row!important;overflow-x:auto;flex-wrap:nowrap;max-height:none;padding:0 4px}.absolute.top-4.right-4.flex.flex-col.gap-3>div{min-width:240px;flex-shrink:0;max-height:22vh}#connectionsPanel,#objectivesPanel,#sandboxPanel{width:calc(100vw - 16px)!important;max-width:480px;left:8px!important;right:8px!important;bottom:280px!important;max-height:24vh}#bottomToolbar>div{flex-wrap:wrap!important;max-width:calc(100vw - 16px)!important;justify-content:center}.service-btn{min-width:52px;min-height:52px}#timeControlPanel{top:8px!important;left:8px!important;right:8px!important;transform:none!important;width:auto!important;justify-content:center}#timeControlPanel select{font-size:11px!important}.fixed.bottom-28.right-4.z-40{bottom:130px!important;right:8px!important}.fixed.bottom-28.right-4.z-40 .cw-btn{padding:6px 10px!important;font-size:11px!important}.fixed.top-20.left-1\/2{top:auto!important;bottom:380px!important;left:8px!important;right:8px!important;transform:none!important;width:auto!important}#statsPanel{font-size:13px!important;padding:14px!important}#statsPanel h1{font-size:18px!important}}@media (max-width: 479px){.service-btn{min-width:48px;min-height:48px;padding:4px!important}.service-btn span:last-child{font-size:9px!important}.time-btn{min-height:36px;min-width:36px}.cw-btn{min-height:36px;padding:8px 12px;font-size:12px}}.cw-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.cw-status-healthy{background:#10b981;box-shadow:0 0 8px #10b981}.cw-status-warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.cw-status-critical{background:#ef4444;box-shadow:0 0 10px #ef4444;animation:cwPulseDot 1.2s ease-in-out infinite}.cw-status-locked{background:#64748b}@keyframes cwPulseDot{0%,to{opacity:1}50%{opacity:.4}}#canvas-container{z-index:var(--z-canvas)}canvas{display:block}.cw-btn{white-space:nowrap}#canvas-container:after{content:"";position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(168,85,247,.08),transparent 30%),radial-gradient(ellipse at bottom right,rgba(6,182,212,.06),transparent 30%);z-index:var(--z-canvas)}#money-display{background:linear-gradient(135deg,#34d399,#10b981,#6ee7b7);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(16,185,129,.45));font-size:26px!important;font-weight:800!important;letter-spacing:-.02em;animation:cwGradShift 8s ease-in-out infinite}#total-score-display{background:linear-gradient(135deg,#c084fc,#ec4899,#fb923c 70%,#fde047);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(236,72,153,.45));font-size:32px!important;font-weight:900!important;letter-spacing:-.03em;animation:cwGradShift 6s ease-in-out infinite}#rep-display{font-weight:700!important;font-size:14px!important;letter-spacing:-.01em;filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}#rps-display{font-weight:700!important;font-size:14px!important;letter-spacing:-.01em;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(6,182,212,.4))}@keyframes cwGradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#statsPanel h1{background:linear-gradient(135deg,#ef4444,#f97316,#ec4899 80%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(239,68,68,.6));animation:cwGradShift 4s ease-in-out infinite;letter-spacing:.18em!important}#detailsPanel h3,#healthPanel h3,#financesPanel h3,#connectionsPanel h3,#objectivesPanel h3,#sandboxPanel h3{display:flex;align-items:center;gap:8px}#detailsPanel h3:before{content:"📊"}#healthPanel h3:before{content:"🩺"}#financesPanel h3:before{content:"💰"}#connectionsPanel h3:before{content:"🔗"}#objectivesPanel h3:before{content:"🎯"}#sandboxPanel h3:before{content:"🧪"}#rep-bar{background:linear-gradient(90deg,#ef4444,#f59e0b 35%,#fbbf24 60%,#84cc16)!important;box-shadow:0 0 12px #fbbf2480,inset 0 1px #ffffff4d;position:relative;overflow:hidden}#rep-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:cwSheen 3s ease-in-out infinite}@keyframes cwSheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px!important;border-radius:999px;background:linear-gradient(90deg,#a855f766,#ec489966)!important;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 0 0 3px #0f0a1ee6,0 0 14px #ec4899b3;cursor:pointer;border:2px solid white;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 0 0 3px #0f0a1ee6,0 0 14px #ec4899b3;cursor:pointer;border:2px solid white}#static-slider{background:linear-gradient(90deg,#4ade8080,#4ade80b3)!important}#static-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #4ade80b3}#read-slider{background:linear-gradient(90deg,#3b82f680,#3b82f6b3)!important}#read-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #3b82f6b3}#write-slider{background:linear-gradient(90deg,#f9731680,#f97316b3)!important}#write-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #f97316b3}#upload-slider{background:linear-gradient(90deg,#fbbf2480,#fbbf24b3)!important}#upload-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#eab308,#fbbf24);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #fbbf24b3}#search-slider{background:linear-gradient(90deg,#06b6d480,#06b6d4b3)!important}#search-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#06b6d4,#22d3ee);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #06b6d4b3}#malicious-slider{background:linear-gradient(90deg,#ef444480,#ef4444b3)!important}#malicious-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #ef4444b3}#budget-slider{background:linear-gradient(90deg,#10b98180,#10b981b3)!important}#budget-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #10b981b3}#rps-slider{background:linear-gradient(90deg,#3b82f680,#3b82f6b3)!important}#rps-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 0 0 3px #0f0a1ee6,0 0 12px #3b82f6b3}input[type=number]{background:#0f0a1e99!important;border:1px solid rgba(168,85,247,.25)!important;border-radius:8px!important;font-weight:700!important;transition:all .18s ease}input[type=number]:focus{border-color:#ec4899!important;box-shadow:0 0 0 3px #ec489933;outline:none}.service-btn{position:relative;background:linear-gradient(180deg,#140e28b3,#0a0614eb)!important;border:1px solid rgba(168,85,247,.2)!important;border-radius:14px!important;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s ease,box-shadow .18s ease;overflow:visible}.service-btn:hover{transform:translateY(-3px) scale(1.04);border-color:#ec48998c!important;box-shadow:0 12px 30px -10px #ec489973,0 0 0 1px #ec48994d}.service-btn:active{transform:translateY(0) scale(1)}.service-btn.active{background:linear-gradient(135deg,#a855f759,#ec489959)!important;border:1.5px solid #ec4899!important;box-shadow:0 0 22px #ec489999,inset 0 1px #ffffff2e}.service-btn .text-\[10px\].font-mono.text-green-400{position:absolute;top:4px;right:4px;padding:2px 6px;background:linear-gradient(135deg,#10b981,#34d399);color:#052e16!important;border-radius:6px;font-weight:800!important;font-size:9px!important;box-shadow:0 2px 6px #10b98166;z-index:2}#tool-waf .text-xl{color:#c084fc}#tool-apigw .text-xl{color:#f0abfc}#tool-sqs .text-xl{color:#fdba74}#tool-alb .text-xl{color:#93c5fd}#tool-lambda .text-xl,#tool-serverless .text-xl{color:#fbbf24}#tool-db .text-xl{color:#fca5a5}#tool-nosql .text-xl{color:#c4b5fd}#tool-cache .text-xl{color:#fda4af}#tool-cdn .text-xl,#tool-s3 .text-xl{color:#6ee7b7}#tool-search .text-xl{color:#67e8f9}#tool-replica .text-xl{color:#f9a8d4}.time-btn{border-radius:10px!important;transition:all .18s cubic-bezier(.34,1.56,.64,1)}.time-btn:hover{background:linear-gradient(135deg,#a855f726,#ec489926)!important;border-color:#ec4899!important;transform:translateY(-1px)}.time-btn.active{background:linear-gradient(135deg,#ec4899,#a855f7)!important;border-color:#ec4899!important;color:#fff!important;box-shadow:0 0 18px #ec48998c}#btn-play.active{background:linear-gradient(135deg,#10b981,#34d399)!important;border-color:#10b981!important;box-shadow:0 0 18px #10b98199}.pulse-green{animation:cwPulseGreen 1.5s ease-in-out infinite!important}@keyframes cwPulseGreen{0%,to{box-shadow:0 0 #10b981b3;transform:scale(1)}50%{box-shadow:0 0 0 12px #10b98100;transform:scale(1.05)}}#timeControlPanel{background:linear-gradient(180deg,#140e28d9,#0a0614eb)!important;border:1px solid rgba(168,85,247,.3)!important;box-shadow:0 14px 40px -10px #a855f766,0 0 0 1px #a855f71a}#bottomToolbar>div{background:linear-gradient(180deg,#140e28e6,#0a0614f2)!important;border:1px solid rgba(168,85,247,.25)!important;box-shadow:0 18px 50px -16px #a855f780,0 0 0 1px #a855f71f;border-radius:18px!important}#auto-repair-toggle{border:1px solid rgba(168,85,247,.25)!important;border-radius:8px!important;font-weight:700!important;letter-spacing:.02em;transition:all .18s ease}#auto-repair-toggle.text-green-400{background:linear-gradient(135deg,#10b981,#06b6d4)!important;color:#fff!important;border-color:#10b981!important;box-shadow:0 0 16px #10b98180}#upkeep-toggle{font-weight:700!important;letter-spacing:.02em;border-radius:8px!important}#sandboxPanel button[onclick*=resetBudget]{background:linear-gradient(135deg,#a855f733,#ec489933)!important;border:1px solid rgba(168,85,247,.3);font-weight:700!important}#failures-tbody tr{transition:background .15s ease}#failures-tbody tr:hover{background:#a855f70f}#failures-tbody td{padding:4px 0}#sandboxPanel button[onclick*=spawnBurst]{font-weight:700!important;border-radius:8px!important;transition:transform .15s ease}#sandboxPanel button[onclick*=spawnBurst]:hover{transform:translateY(-1px)}#tooltip{background:linear-gradient(180deg,#140e28f2,#0a0614fa)!important;border:1px solid rgba(236,72,153,.3)!important;border-radius:12px!important;padding:10px 14px!important;font-size:12px!important;box-shadow:0 16px 40px #0000008c,0 0 0 1px #ec48991a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.intervention-warning{border-radius:14px!important;font-weight:700!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.warning-danger{background:linear-gradient(135deg,#ef444440,#dc262659)!important;border-color:#ef444499!important;color:#fecaca;box-shadow:0 14px 40px #ef44444d}.warning-warning{background:linear-gradient(135deg,#fbbf2440,#f59e0b59)!important;border-color:#fbbf2499!important;color:#fde68a;box-shadow:0 14px 40px #fbbf2440}.warning-info{background:linear-gradient(135deg,#06b6d440,#3b82f659)!important;border-color:#06b6d499!important;color:#a5f3fc;box-shadow:0 14px 40px #06b6d440}.event-active-bar{font-size:14px!important;letter-spacing:.04em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}#connections-list>div{padding:6px 8px;border-radius:8px;background:#a855f70d;border-left:2px solid rgba(6,182,212,.4);margin-bottom:4px;font-size:12px!important;transition:all .15s ease}#connections-list>div:hover{background:#a855f71f;border-left-color:#06b6d4;transform:translate(2px)}#income-total,#expense-total{font-size:14px!important;font-weight:800!important;text-shadow:0 0 10px currentColor}#net-profit{font-size:16px!important;font-weight:900!important;text-shadow:0 0 12px currentColor}#repair-cost-rows>div{padding:4px 6px;border-radius:6px;transition:background .15s ease}#repair-cost-rows>div:hover{background:#fbbf2414}#tool-help,#tool-mute{background:linear-gradient(180deg,#140e28b3,#0a0614eb)!important;border:1px solid rgba(168,85,247,.2)!important}#tool-help:hover,#tool-mute:hover{border-color:#ec48998c!important;box-shadow:0 8px 20px -8px #ec489973}#statsPanel .text-xs.text-gray-500.font-mono{background:#a855f726;padding:2px 8px;border-radius:999px;border:1px solid rgba(168,85,247,.3);color:#c4b5fd!important;font-weight:700;font-size:10px!important;letter-spacing:.05em}#statsPanel .text-gray-400.text-sm,#statsPanel .text-gray-500{letter-spacing:.03em;font-weight:500}#tool-help span:last-child,#tool-mute span:last-child{background:linear-gradient(135deg,#c084fc,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800!important}#statsPanel::-webkit-scrollbar,#detailsPanel::-webkit-scrollbar,#healthPanel::-webkit-scrollbar,#financesPanel::-webkit-scrollbar,#connectionsPanel::-webkit-scrollbar,#objectivesPanel::-webkit-scrollbar,#sandboxPanel::-webkit-scrollbar{width:6px}#statsPanel::-webkit-scrollbar-thumb,#detailsPanel::-webkit-scrollbar-thumb,#healthPanel::-webkit-scrollbar-thumb,#financesPanel::-webkit-scrollbar-thumb,#connectionsPanel::-webkit-scrollbar-thumb,#objectivesPanel::-webkit-scrollbar-thumb,#sandboxPanel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:3px}#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel{animation:cwPanelIn .45s cubic-bezier(.21,1.02,.73,1) backwards}#statsPanel{animation-delay:.05s}#detailsPanel{animation-delay:.1s}#healthPanel{animation-delay:.15s}#financesPanel{animation-delay:.2s}@keyframes cwPanelIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#rep-display.low{color:#ef4444!important}#rep-display.mid{color:#fbbf24!important}#rep-display.high{color:#84cc16!important}.cw-draggable{-webkit-user-select:none;user-select:none;will-change:left,top}.cw-draggable.cw-dragging{box-shadow:0 22px 60px -10px #a855f7b3,0 0 0 2px #ec4899a6!important;opacity:.96}.cw-drag-handle{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:4px 10px;margin-bottom:10px;border-radius:8px;background:linear-gradient(90deg,#a855f738,#ec489926);border:1px solid rgba(168,85,247,.3);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#c4b5fdd9;transition:background .18s ease,color .18s ease;position:relative;z-index:2}.cw-drag-handle:hover{background:linear-gradient(90deg,#ec48994d,#a855f740);color:#fce7f3}.cw-drag-handle:active,.cw-dragging .cw-drag-handle{cursor:grabbing}.cw-drag-grip{font-size:14px;letter-spacing:-3px;color:#ec4899e6;font-weight:900}.cw-drag-label{opacity:.7}.cw-drag-handle--floating{position:absolute;top:-10px;left:50%;transform:translate(-50%);margin:0;padding:2px 10px;border-radius:999px;background:linear-gradient(135deg,#a855f7,#ec4899);border:1px solid rgba(15,10,30,.6);color:#fff;font-size:9px;letter-spacing:.18em;box-shadow:0 6px 18px #a855f773;z-index:5}.cw-drag-handle--floating:hover{background:linear-gradient(135deg,#c084fc,#f472b6);color:#fff}.cw-drag-handle--floating .cw-drag-grip{color:#fff;font-size:12px}#timeControlPanel,#cw-help-cluster{overflow:visible!important}@media (max-width: 767px){.cw-drag-handle{display:none!important}}.cw-hero{min-height:100vh;min-height:100dvh}@supports (padding: max(0px)){#timeControlPanel{padding-top:max(8px,env(safe-area-inset-top))!important}#bottomToolbar{padding-bottom:max(0px,env(safe-area-inset-bottom))!important}}.cw-hero .cw-fade-up{width:100%}.cw-hero:not(.cw-theme-orange) .cw-fade-up>.flex.items-start.justify-between{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,rgba(15,10,30,.92) 0%,rgba(15,10,30,.75) 70%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:8px;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}@media (max-width: 1023px){.cw-hero:not(.cw-theme-orange) .relative.z-10.min-h-full{padding:24px 16px 16px!important}.cw-hero:not(.cw-theme-orange) .cw-title{font-size:2.5rem!important;line-height:1.1}.cw-hero:not(.cw-theme-orange) .text-5xl{font-size:2.25rem!important}}@media (max-width: 767px){.cw-hero:not(.cw-theme-orange) .relative.z-10.min-h-full{padding:16px 12px 12px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;align-items:flex-start!important}.cw-hero:not(.cw-theme-orange) .cw-title{font-size:1.85rem!important;line-height:1.1}.cw-hero:not(.cw-theme-orange) .text-5xl{font-size:1.75rem!important}.cw-hero:not(.cw-theme-orange) .text-4xl{font-size:1.5rem!important}.cw-hero:not(.cw-theme-orange) .text-3xl{font-size:1.35rem!important}.cw-hero:not(.cw-theme-orange) .text-2xl{font-size:1.15rem!important}.cw-hero:not(.cw-theme-orange) h2.cw-title{font-size:1.85rem!important}.cw-hero:not(.cw-theme-orange) .cw-card{padding:.9rem!important}.cw-hero:not(.cw-theme-orange) .rounded-3xl.p-6,.cw-hero:not(.cw-theme-orange) .rounded-3xl.p-8{padding:1rem!important;border-radius:1.25rem!important}.cw-hero:not(.cw-theme-orange) .cw-stamp{font-size:14px!important;padding:8px 16px!important}.cw-hero:not(.cw-theme-orange) .cw-fade-up>.flex.items-start.justify-between{gap:8px;padding-bottom:12px;margin-bottom:12px}.cw-hero:not(.cw-theme-orange) .cw-fade-up>.flex.items-start.justify-between>div:first-child{flex:1;min-width:0}.cw-hero:not(.cw-theme-orange) .cw-fade-up>.flex.items-start.justify-between p{font-size:12px!important;line-height:1.35}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2.sm\:grid-cols-4 button,.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2.sm\:grid-cols-4>*{min-height:40px;font-size:12px!important}.cw-hero:not(.cw-theme-orange) .flex.flex-wrap.justify-center.gap-3 .cw-btn,.cw-hero:not(.cw-theme-orange) .flex.justify-between .cw-btn{flex:1 1 auto;min-height:44px;font-size:13px!important}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2.md\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2.sm\:grid-cols-3{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2.sm\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}}@media (max-width: 479px){.cw-hero:not(.cw-theme-orange) .relative.z-10.min-h-full{padding:12px 8px 8px!important}.cw-hero:not(.cw-theme-orange) .cw-title{font-size:1.5rem!important}.cw-hero:not(.cw-theme-orange) h2.cw-title{font-size:1.5rem!important}.cw-hero:not(.cw-theme-orange) .text-5xl{font-size:1.5rem!important}.cw-hero:not(.cw-theme-orange) .text-6xl{font-size:1.75rem!important}.cw-hero:not(.cw-theme-orange) p{font-size:12px!important;line-height:1.4}.cw-hero:not(.cw-theme-orange) .cw-card{padding:.75rem!important}.cw-hero:not(.cw-theme-orange) .cw-chip{font-size:9px!important;padding:4px 8px!important}.cw-hero:not(.cw-theme-orange) .text-lg{font-size:14px!important}.cw-hero:not(.cw-theme-orange) .text-xl{font-size:15px!important}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-1.md\:grid-cols-2,.cw-hero:not(.cw-theme-orange) .grid.grid-cols-1.md\:grid-cols-3,.cw-hero:not(.cw-theme-orange) .grid.grid-cols-1.lg\:grid-cols-3,.cw-hero:not(.cw-theme-orange) .grid.grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:1fr!important}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2{gap:6px!important}.cw-hero:not(.cw-theme-orange) .grid.grid-cols-2 .text-6xl{font-size:2.5rem!important}}@media (max-width: 767px){#statsPanel{top:60px!important;max-height:38vh!important}#statsPanel h1{font-size:16px!important;letter-spacing:.1em!important}#money-display{font-size:20px!important}#total-score-display{font-size:22px!important}.absolute.top-4.right-4.flex.flex-col.gap-3{bottom:180px!important;max-height:22vh!important}#connectionsPanel{top:auto!important;bottom:auto!important;position:fixed!important;display:none!important}body[data-show-connections=true] #connectionsPanel{display:block!important;bottom:350px!important;max-height:18vh!important}#objectivesPanel,#sandboxPanel{bottom:230px!important;max-height:20vh!important}#timeControlPanel{padding:6px!important;gap:6px!important}#timeControlPanel button{padding:6px 8px!important;font-size:11px!important}#timeControlPanel select{padding:6px 8px!important}#bottomToolbar{bottom:10px!important}#bottomToolbar>div{gap:4px!important;padding:8px!important;border-radius:14px!important}.service-btn{min-width:50px!important;min-height:50px!important;padding:4px!important}.service-btn .text-xl{font-size:18px!important}.service-btn span:last-child{font-size:8.5px!important;margin-top:2px}.fixed.bottom-28.right-4.z-40{bottom:105px!important;right:6px!important;gap:4px!important}.fixed.bottom-28.right-4.z-40 .cw-btn{padding:5px 8px!important;font-size:10px!important;min-height:32px!important}}@media (max-height: 500px) and (orientation: landscape){#statsPanel,.absolute.top-4.right-4.flex.flex-col.gap-3,#connectionsPanel,#objectivesPanel,#sandboxPanel{max-height:60vh!important}#statsPanel{width:240px!important;font-size:11px!important;padding:10px!important}#statsPanel h1{font-size:14px!important}.absolute.top-4.right-4.flex.flex-col.gap-3>div{font-size:11px!important}#bottomToolbar>div{padding:6px!important;gap:4px!important}.service-btn{min-width:44px!important;min-height:44px!important}.service-btn .text-xl{font-size:16px!important}.service-btn span:last-child{font-size:8px!important}}@media (max-width: 479px){#main-menu-modal .cw-title{font-size:2.5rem!important}#main-menu-modal .text-5xl{font-size:2rem!important}#main-menu-modal .cw-card{padding:.9rem!important}#main-menu-modal .cw-chip{font-size:9px!important}#main-menu-modal .relative.z-10{padding-top:64px!important}}@media (max-width: 767px){.fixed.inset-0.z-\[60\].pointer-events-none>.absolute.right-0.top-0.bottom-0{width:100%!important}}@media (max-width: 767px){.fixed.bottom-44.right-4.z-\[55\]{bottom:175px!important;right:6px!important;left:6px!important;width:auto!important}}[data-theme=light] #statsPanel,[data-theme=light] #detailsPanel,[data-theme=light] #healthPanel,[data-theme=light] #financesPanel,[data-theme=light] #connectionsPanel,[data-theme=light] #objectivesPanel,[data-theme=light] #sandboxPanel{border:1px solid rgba(15,23,42,.12)!important;background:linear-gradient(180deg,#fffffff2,#f8fafceb)!important;color:#0f172a;box-shadow:0 14px 38px -14px #0f172a38,0 0 0 1px #0f172a0a!important}[data-theme=light] #statsPanel h1{background:linear-gradient(135deg,#dc2626,#ea580c,#db2777 80%)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] #detailsPanel h3,[data-theme=light] #healthPanel h3,[data-theme=light] #financesPanel h3,[data-theme=light] #connectionsPanel h3,[data-theme=light] #objectivesPanel h3,[data-theme=light] #sandboxPanel h3{color:#312e81!important}[data-theme=light] :is(#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel) :is(.text-gray-300,.text-gray-400){color:#475569!important}[data-theme=light] :is(#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel) .text-gray-500{color:#64748b!important}[data-theme=light] :is(#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel) .text-white{color:#0f172a!important}[data-theme=light] #money-display{background:linear-gradient(135deg,#059669,#10b981,#34d399)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(16,185,129,.35))}[data-theme=light] #total-score-display{background:linear-gradient(135deg,#4f46e5,#db2777,#f97316)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(79,70,229,.35))}[data-theme=light] #rps-display{background:linear-gradient(135deg,#0891b2,#2563eb)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] :is(#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel)::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f46e5,#db2777)!important}[data-theme=light] #failures-panel{border-top-color:#0f172a1a!important}[data-theme=light] .service-btn span:last-child{color:#475569!important}[data-theme=light] .service-btn.active span:last-child{color:#1e293b!important}.cw-drag-handle{display:flex;align-items:center;justify-content:space-between;gap:8px}.cw-drag-grip-area{display:inline-flex;align-items:center;gap:6px;flex:1;cursor:grab;min-width:0}.cw-dragging .cw-drag-grip-area{cursor:grabbing}.cw-panel-actions{display:inline-flex;align-items:center;gap:4px}.cw-panel-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;padding:0}.cw-panel-btn:hover{background:#ec489940;color:#fff;transform:scale(1.06)}.cw-panel-btn:focus-visible{outline:2px solid #ec4899;outline-offset:1px}.cw-panel-btn svg{display:block}.cw-collapse-btn svg{transition:transform .2s ease}.cw-panel-collapsed .cw-collapse-btn svg{transform:rotate(-90deg)}.cw-panel-body{position:relative;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.5) transparent;-webkit-overflow-scrolling:touch;padding-bottom:4px}.cw-panel-body::-webkit-scrollbar{width:6px}.cw-panel-body::-webkit-scrollbar-track{background:transparent}.cw-panel-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:3px}.cw-panel-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c084fc,#f472b6)}[data-theme=light] .cw-panel-body{scrollbar-color:rgba(79,70,229,.5) transparent}[data-theme=light] .cw-panel-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f46e5,#db2777)}.cw-panel-collapsed .cw-panel-body,.cw-panel-collapsed .cw-resize-handle{display:none!important}.cw-panel-collapsed{height:auto!important;max-height:none!important}#statsPanel.cw-draggable,#detailsPanel.cw-draggable,#healthPanel.cw-draggable,#financesPanel.cw-draggable,#connectionsPanel.cw-draggable,#objectivesPanel.cw-draggable,#sandboxPanel.cw-draggable{display:flex!important;flex-direction:column}.cw-resize-handle{position:absolute;bottom:4px;right:4px;width:16px;height:16px;cursor:nwse-resize;color:#ec48998c;display:flex;align-items:center;justify-content:center;z-index:3;opacity:.5;transition:opacity .15s ease,color .15s ease,transform .15s ease;touch-action:none}.cw-resize-handle:hover{opacity:1;color:#ec4899;transform:scale(1.15)}.cw-resizing .cw-resize-handle{opacity:1;color:#ec4899}.cw-resizing{box-shadow:0 22px 60px -10px #a855f7b3,0 0 0 2px #ec489999!important}[data-theme=light] .cw-resize-handle{color:#4f46e58c}[data-theme=light] .cw-resize-handle:hover{color:#4f46e5}#statsPanel,#detailsPanel,#healthPanel,#financesPanel,#connectionsPanel,#objectivesPanel,#sandboxPanel{position:fixed}#statsPanel{max-height:min(85vh,720px)}#detailsPanel,#healthPanel,#financesPanel{max-height:min(60vh,460px)}#connectionsPanel{max-height:min(40vh,340px)}#objectivesPanel,#sandboxPanel{max-height:min(50vh,420px)}#bottomToolbar{overflow:visible!important}#bottomToolbar>div{max-width:min(1100px,calc(100vw - 32px));overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.5) transparent;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,transparent 0,black 24px,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 24px,black calc(100% - 24px),transparent 100%)}#bottomToolbar>div::-webkit-scrollbar{height:4px}#bottomToolbar>div::-webkit-scrollbar-track{background:transparent}#bottomToolbar>div::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:2px}#bottomToolbar .service-btn{scroll-snap-align:start;flex-shrink:0}.absolute.top-4.right-4.flex.flex-col.gap-3{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.4) transparent}.absolute.top-4.right-4.flex.flex-col.gap-3::-webkit-scrollbar{width:5px}.absolute.top-4.right-4.flex.flex-col.gap-3::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:2px}.cw-dragging,.cw-resizing{z-index:999!important}[data-theme=light] .cw-panel-btn{background:#0f172a0d;border-color:#0f172a1a;color:#0f172aa6}[data-theme=light] .cw-panel-btn:hover{background:#4f46e52e;color:#312e81}@media (max-width: 767px){.cw-resize-handle{display:none!important}.cw-panel-body{max-height:none}#bottomToolbar>div{max-width:calc(100vw - 16px);mask-image:none;-webkit-mask-image:none}}@media (prefers-reduced-motion: reduce){.cw-collapse-btn svg,.cw-panel-btn{transition:none}}