@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Josefin+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary: #0f766e;--color-secondary: #14b8a6;--color-accent: #0369a1;--color-bg: #f0fdfa;--color-bg-deep: #dff5f2;--color-text: #134e4a;--color-ink: #0f172a;--color-surface: #ffffff;--color-surface-soft: rgba(255, 255, 255, .74);--color-border: rgba(19, 78, 74, .16);--color-border-strong: rgba(19, 78, 74, .28);--shadow-soft: 0 14px 36px rgba(10, 46, 44, .1);--shadow-strong: 0 30px 68px rgba(10, 46, 44, .22);--radius-xl: 1.1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--font-display: "Cinzel", Georgia, serif;--font-body: "Josefin Sans", "Segoe UI", sans-serif;--focus-ring: 0 0 0 3px rgba(3, 105, 161, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--color-text);font-family:var(--font-body);background-color:var(--color-bg);background-image:radial-gradient(circle at 15% -10%,rgba(20,184,166,.2),transparent 36%),radial-gradient(circle at 86% 0%,rgba(3,105,161,.12),transparent 34%),linear-gradient(180deg,#f7fffd 0%,var(--color-bg) 28%,var(--color-bg-deep) 100%)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:.012em;color:var(--color-ink)}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.studio-shell{position:relative;isolation:isolate}.studio-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#ffffff24,#ffffff24),repeating-linear-gradient(45deg,rgba(15,118,110,.02) 0px,rgba(15,118,110,.02) 2px,transparent 2px,transparent 8px);z-index:-1}.premium-surface{background:linear-gradient(145deg,#fffffff5,#ffffffc7);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.premium-surface-strong{background:linear-gradient(145deg,#fffffffa,#f7fffdeb);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-strong)}.subtle-card{background:#ffffffbd;border:1px solid rgba(19,78,74,.12);box-shadow:0 8px 24px #0f172a12}.glass-overlay{background:linear-gradient(120deg,#ffffff9e,#ffffff40);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.56)}.editor-canvas-bg{background-image:radial-gradient(circle at center,rgba(15,118,110,.08) .6px,transparent .7px),linear-gradient(125deg,#ffffffbd,#dff5f2eb);background-size:16px 16px,auto}.grain-overlay{position:relative}.grain-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;border-radius:inherit;background-image:radial-gradient(rgba(19,78,74,.4) .45px,transparent .55px);background-size:3px 3px}.pill-chip{border:1px solid rgba(19,78,74,.24);background:#ffffffc7;color:var(--color-text);border-radius:999px}.cta-primary{background:linear-gradient(110deg,var(--color-primary),var(--color-accent));color:#fff;border:1px solid rgba(255,255,255,.22)}.cta-primary:hover{filter:brightness(1.04)}.cta-secondary{background:#ffffffd1;border:1px solid rgba(19,78,74,.22);color:var(--color-text)}.panel-divider{border-color:#134e4a24}.mission-meter{height:9px;border-radius:999px;background:#134e4a24;overflow:hidden}.mission-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.mobile-control-sheet{background:linear-gradient(145deg,#fffffffa,#f7fffdf5)}.mobile-sheet-toggle{width:100%;display:flex;flex-direction:column;align-items:center;gap:.4rem;border-bottom:1px solid rgba(19,78,74,.12);padding:.55rem .75rem .4rem;background:#ffffffe6}.mobile-sheet-handle{display:inline-flex;width:54px;height:5px;border-radius:999px;background:#134e4a52}.mobile-sheet-scroll{max-height:calc(100% - 38px);overflow-y:auto}@media(max-width:1023px){.mobile-control-sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:56vh;border-top:1px solid rgba(19,78,74,.2);box-shadow:0 -20px 36px #0a2e2c38;border-radius:1.55rem 1.55rem 0 0;transform:translateY(calc(100% - 42px));transition:transform .22s ease}.mobile-control-sheet.open{transform:translateY(0)}}@media(min-width:1024px){.mobile-sheet-toggle{display:none}.mobile-sheet-scroll{max-height:100%}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}