:root{--ct-color-abyss:#05070d;--ct-color-deep:#0b1730;--ct-color-deep-raised:#0f1c3a;--ct-color-deep-sunken:#030509;--ct-color-structure:#1b3e86;--ct-color-structure-soft:#1b3e866b;--ct-color-structure-faint:#1b3e862e;--ct-color-glow:#3673f5;--ct-color-glow-bright:#6f9bff;--ct-color-glow-soft:#3673f552;--ct-color-glow-faint:#3673f51f;--ct-color-text-bright:#e7eefe;--ct-color-text-muted:#8eb1f9;--ct-color-text-dim:#4d6291;--ct-color-text-faint:#2c3c60;--ct-color-ember:#ff5a36;--ct-color-ember-bright:#ff8a5c;--ct-color-ember-soft:#ff5a3659;--ct-color-ember-faint:#ff5a3624;--ct-bg-base:var(--ct-color-abyss);--ct-bg-panel:var(--ct-color-deep);--ct-bg-panel-raised:var(--ct-color-deep-raised);--ct-bg-well:var(--ct-color-deep-sunken);--ct-border:var(--ct-color-structure-soft);--ct-border-faint:var(--ct-color-structure-faint);--ct-border-strong:var(--ct-color-structure);--ct-border-live:var(--ct-color-glow);--ct-accent:var(--ct-color-glow);--ct-accent-bright:var(--ct-color-glow-bright);--ct-accent-soft:var(--ct-color-glow-soft);--ct-accent-faint:var(--ct-color-glow-faint);--ct-hit:var(--ct-color-ember);--ct-hit-bright:var(--ct-color-ember-bright);--ct-hit-soft:var(--ct-color-ember-soft);--ct-hit-faint:var(--ct-color-ember-faint);--ct-text-primary:var(--ct-color-text-bright);--ct-text-secondary:var(--ct-color-text-muted);--ct-text-tertiary:var(--ct-color-text-dim);--ct-text-ghost:var(--ct-color-text-faint);--ct-text-on-accent:#030509;--ct-text-on-ember:#1a0500;--ct-font-display:"Chakra Petch", "Eurostile", "Segoe UI", sans-serif;--ct-font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ct-font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--ct-text-2xs:.6875rem;--ct-text-xs:.75rem;--ct-text-sm:.8125rem;--ct-text-base:.9375rem;--ct-text-md:1.0625rem;--ct-text-lg:1.25rem;--ct-text-xl:1.75rem;--ct-text-2xl:2.5rem;--ct-tracking-tight:-.01em;--ct-tracking-normal:0em;--ct-tracking-wide:.06em;--ct-tracking-wider:.14em;--ct-tracking-widest:.32em;--ct-leading-tight:1.1;--ct-leading-normal:1.5;--ct-leading-loose:1.7;--ct-space-1:.25rem;--ct-space-2:.5rem;--ct-space-3:.75rem;--ct-space-4:1rem;--ct-space-5:1.5rem;--ct-space-6:2rem;--ct-space-7:3rem;--ct-space-8:4rem;--ct-radius-sm:2px;--ct-radius-md:3px;--ct-radius-lg:6px;--ct-ease-sonar:cubic-bezier(.45, 0, .2, 1);--ct-ease-decrypt:cubic-bezier(.16, 1, .3, 1);--ct-ease-standard:cubic-bezier(.4, 0, .2, 1);--ct-duration-scramble-tick:.13s;--ct-duration-decrypt:.64s;--ct-duration-resolve-flash:.42s;--ct-duration-sonar-sweep:4.8s;--ct-duration-fast:.16s;--ct-duration-standard:.24s;--ct-glow-accent:0 0 0 1px var(--ct-color-glow-soft), 0 0 18px var(--ct-color-glow-soft);--ct-glow-ember:0 0 0 1px var(--ct-color-ember-soft), 0 0 22px var(--ct-color-ember-soft);--ct-shadow-well:inset 0 1px 6px #0009;--ct-shadow-panel:0 1px 0 #ffffff05, 0 12px 32px #0000008c}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ct-bg-base);color:var(--ct-text-secondary);font-family:var(--ct-font-body);font-size:var(--ct-text-base);line-height:var(--ct-leading-normal);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 50% 8%,#3673f514,#0000 60%),radial-gradient(120% 90% at 50% 100%,#030509e6,#0000 60%),linear-gradient(#05070d 0%,#060a16 45%,#04060b 100%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--ct-color-structure-faint) 1px, transparent 1px), linear-gradient(90deg, var(--ct-color-structure-faint) 1px, transparent 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 30%,#000,#0000 75%)}#root{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--ct-font-display);color:var(--ct-text-primary);letter-spacing:var(--ct-tracking-wide);margin:0;font-weight:600}p{margin:0}button{color:inherit;font-family:inherit}.ct-scanlines{z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:repeating-linear-gradient(#e7eefe99 0 1px,#0000 1px 3px);position:fixed;inset:0}.ct-mono{font-family:var(--ct-font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--ct-tracking-normal)}.ct-label{font-family:var(--ct-font-mono);font-size:var(--ct-text-xs);letter-spacing:var(--ct-tracking-wider);text-transform:uppercase;color:var(--ct-text-tertiary);font-weight:500}.sonar-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sonar-backdrop-canvas{width:100%;height:100%;position:absolute;inset:0}.sonar-backdrop-parallax{will-change:transform;position:absolute;inset:0}.sonar-backdrop-rings{opacity:.16;width:min(150vh,1100px);height:min(150vh,1100px);position:absolute;top:46%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.sonar-backdrop-rings circle,.sonar-backdrop-rings line{fill:none;stroke:var(--ct-color-glow);stroke-width:1px}.sonar-backdrop-sweep{background:conic-gradient(from 0deg, var(--ct-color-glow-soft) 0deg, transparent 26deg, transparent 360deg);opacity:.55;border-radius:50%;width:min(150vh,1100px);height:min(150vh,1100px);animation:11s linear infinite hero-sweep-rotate;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 72%);mask-image:radial-gradient(circle,#000 38%,#0000 72%)}@keyframes hero-sweep-rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}.sonar-backdrop-ping{border:1px solid var(--ct-color-glow);opacity:0;width:60px;height:60px;animation:hero-ping 7s var(--ct-ease-sonar) infinite;border-radius:50%;margin:-30px 0 0 -30px;position:absolute;top:46%;left:50%}.sonar-backdrop-ping--b{animation-delay:3.5s}@keyframes hero-ping{0%{opacity:.45;transform:scale(.3)}70%{opacity:0}to{opacity:0;transform:scale(10)}}@media (prefers-reduced-motion:reduce){.sonar-backdrop-sweep,.sonar-backdrop-ping{opacity:0;animation:none}.sonar-backdrop-parallax{transform:none!important}}.reveal{opacity:0;transition:opacity .76s var(--ct-ease-decrypt), transform .76s var(--ct-ease-decrypt);transform:translateY(28px)}.reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.cc{aspect-ratio:1;border:1px solid var(--ct-border-faint);background:var(--ct-bg-well);width:100%;color:var(--ct-text-faint);font-family:var(--ct-font-mono);cursor:default;transition:background-color var(--ct-duration-standard) var(--ct-ease-standard), border-color var(--ct-duration-standard) var(--ct-ease-standard);justify-content:center;align-items:center;padding:0;font-size:clamp(.5rem,1.6vw,.8125rem);line-height:1;display:flex;position:relative;overflow:hidden}.cc:disabled{cursor:default}.cc--interactive{cursor:crosshair}.cc--interactive:hover{border-color:var(--ct-border-live);background:var(--ct-accent-faint)}.cc--hidden{color:var(--ct-color-text-faint);animation:3.6s ease-in-out infinite cc-idle-breathe}.cc--hidden .cc-glyph{opacity:.7}.cc--decrypting{color:var(--ct-color-glow-bright);background:var(--ct-accent-faint);border-color:var(--ct-border-live);box-shadow:inset 0 0 12px var(--ct-color-glow-faint)}.cc--decrypting .cc-glyph{text-shadow:0 0 8px var(--ct-color-glow-soft);animation:.22s steps(2,end) infinite cc-decrypt-jitter}.cc-sweep{background:linear-gradient(90deg, transparent, var(--ct-color-glow-soft) 45%, var(--ct-color-glow-bright) 50%, var(--ct-color-glow-soft) 55%, transparent);filter:blur(1px);width:42%;animation:cc-decrypt-sweep 1.1s var(--ct-ease-sonar) infinite;pointer-events:none;position:absolute;inset:-20% 0}.cc--hit,.cc--miss,.cc--mine,.cc--shield{animation:cc-resolve-punch var(--ct-duration-resolve-flash) var(--ct-ease-decrypt) both}.cc--hit{color:var(--ct-hit-bright);background:var(--ct-hit-faint);border-color:var(--ct-hit);box-shadow:var(--ct-glow-ember)}.cc--hit .cc-glyph{text-shadow:0 0 12px var(--ct-hit-soft);font-weight:700}.cc--hit:before{content:"";background:var(--ct-hit);animation:cc-resolve-flash var(--ct-duration-resolve-flash) var(--ct-ease-decrypt) both;pointer-events:none;position:absolute;inset:0}.cc--miss{color:var(--ct-text-secondary);background:var(--ct-bg-panel);border-color:var(--ct-border)}.cc--mine{color:var(--ct-hit-bright);background:var(--ct-hit-faint);border-color:var(--ct-hit)}.cc--shield{color:var(--ct-accent-bright);background:var(--ct-accent-faint);border-color:var(--ct-border-live)}@keyframes cc-idle-breathe{0%,to{opacity:.5}50%{opacity:.85}}@keyframes cc-decrypt-jitter{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}@keyframes cc-decrypt-sweep{0%{opacity:0;transform:translate(-160%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(220%)}}@keyframes cc-resolve-punch{0%{transform:scale(.8)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes cc-resolve-flash{0%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cc--hidden,.cc--decrypting .cc-glyph,.cc--hit,.cc--miss,.cc--mine,.cc--shield{animation:none}.cc-sweep,.cc--hit:before{opacity:0;animation:none}}.decrypt-readout{align-items:flex-start;gap:var(--ct-space-3);box-sizing:border-box;width:100%;padding:var(--ct-space-3) var(--ct-space-4);background:var(--ct-bg-well);border:1px solid var(--ct-border-live);border-radius:var(--ct-radius-md);box-shadow:var(--ct-glow-accent);display:flex}.decrypt-readout-dot{background:var(--ct-accent-bright);width:8px;height:8px;box-shadow:0 0 10px 2px var(--ct-accent-soft);animation:readout-pulse 1.1s var(--ct-ease-sonar) infinite;border-radius:50%;flex:none;margin-top:.4em}.decrypt-readout-text{letter-spacing:var(--ct-tracking-wide);color:var(--ct-color-glow-bright);white-space:pre-wrap;overflow-wrap:break-word;min-width:0;font-size:clamp(.6875rem,1.6vw,.8125rem)}@keyframes readout-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.decrypt-readout-dot{opacity:.85;animation:none}}.landing{min-height:100vh;position:relative;overflow-x:hidden}.landing-skip{z-index:50;padding:var(--ct-space-2) var(--ct-space-4);background:var(--ct-bg-panel);color:var(--ct-text-primary);border:1px solid var(--ct-border-live);position:absolute;top:0;left:-999px}.landing-skip:focus{left:var(--ct-space-4);top:var(--ct-space-4)}.landing-nav-glyph{color:var(--ct-accent);text-shadow:0 0 14px var(--ct-accent-soft)}.landing-hero{min-height:100vh;padding:var(--ct-space-8) var(--ct-space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero-content{z-index:2;text-align:center;align-items:center;gap:var(--ct-space-5);flex-direction:column;width:100%;max-width:46rem;display:flex;position:relative}.landing-hero-kicker{color:var(--ct-text-tertiary)}.landing-hero-title{font-family:var(--ct-font-display);letter-spacing:var(--ct-tracking-widest);color:var(--ct-text-primary);text-shadow:0 0 46px var(--ct-accent-soft);margin:0;font-size:clamp(2.25rem,9vw,5.5rem);font-weight:600;line-height:1}@media (width<=480px){.landing-hero-title{letter-spacing:var(--ct-tracking-wide);font-size:clamp(1.9rem,12vw,2.75rem)}}.landing-hero-title-accent{color:var(--ct-accent-bright)}.landing-hero-tagline{font-family:var(--ct-font-display);letter-spacing:var(--ct-tracking-wide);color:var(--ct-text-primary);max-width:34rem;margin:0;font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:500}.landing-hero-sub{font-family:var(--ct-font-body);font-size:var(--ct-text-md);line-height:var(--ct-leading-loose);color:var(--ct-text-secondary);max-width:34rem;margin:0}.landing-hero-actions{align-items:center;gap:var(--ct-space-4);margin-top:var(--ct-space-2);flex-wrap:wrap;justify-content:center;display:flex}.landing-hero-readout{margin-top:var(--ct-space-4)}.landing-hero-fade{background:linear-gradient(180deg, transparent, var(--ct-bg-base));pointer-events:none;z-index:1;height:22vh;position:absolute;bottom:0;left:0;right:0}.landing-cta{justify-content:center;align-items:center;gap:var(--ct-space-2);padding:var(--ct-space-3) var(--ct-space-6);font-family:var(--ct-font-display);font-weight:600;font-size:var(--ct-text-base);letter-spacing:var(--ct-tracking-wide);border-radius:var(--ct-radius-md);transition:transform var(--ct-duration-standard) var(--ct-ease-standard), box-shadow var(--ct-duration-standard) var(--ct-ease-standard), background var(--ct-duration-standard) var(--ct-ease-standard), border-color var(--ct-duration-standard) var(--ct-ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.landing-cta--primary{background:var(--ct-accent);color:var(--ct-text-on-accent);box-shadow:var(--ct-glow-accent)}.landing-cta--primary:hover{background:var(--ct-accent-bright);transform:translateY(-1px)}.landing-cta--large{padding:var(--ct-space-4) var(--ct-space-8);font-size:var(--ct-text-md);margin-top:var(--ct-space-5)}.landing-cta--ghost{color:var(--ct-text-primary);border-color:var(--ct-border-strong);background:0 0}.landing-cta--ghost:hover{border-color:var(--ct-border-live);color:var(--ct-accent-bright)}main{z-index:1;position:relative}.landing-section{padding:var(--ct-space-8) var(--ct-space-6)}.landing-section-frame{text-align:center;align-items:center;gap:var(--ct-space-4);flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.landing-section-frame--wide{max-width:48rem}.landing-section-title{font-size:clamp(1.5rem, 3.4vw, var(--ct-text-xl));line-height:var(--ct-leading-tight)}.landing-section-lede{font-size:var(--ct-text-md);line-height:var(--ct-leading-loose);color:var(--ct-text-secondary)}.landing-section-lede--muted{color:var(--ct-text-tertiary);font-size:var(--ct-text-base)}.landing-hook{border-top:1px solid var(--ct-border-faint);background:linear-gradient(180deg, transparent, var(--ct-color-glow-faint) 50%, transparent)}.landing-how{max-width:82rem;margin:0 auto}.landing-process{margin-top:var(--ct-space-7);gap:var(--ct-space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.landing-process{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing-process{grid-template-columns:1fr}}.landing-process-step{gap:var(--ct-space-3);padding:var(--ct-space-5);background:var(--ct-bg-panel);border:1px solid var(--ct-border);border-radius:var(--ct-radius-lg);flex-direction:column;display:flex}.landing-process-glyph{width:2.75rem;height:2.75rem}.landing-process-code{color:var(--ct-text-tertiary);font-size:var(--ct-text-xs);letter-spacing:var(--ct-tracking-wider)}.landing-process-title{font-size:var(--ct-text-lg)}.landing-process-body{font-size:var(--ct-text-sm);line-height:var(--ct-leading-loose);color:var(--ct-text-secondary)}.landing-captains{max-width:82rem;margin:0 auto}.landing-captain-grid{margin-top:var(--ct-space-7);gap:var(--ct-space-4);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=980px){.landing-captain-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.landing-captain-grid{grid-template-columns:repeat(2,1fr)}}.captain-slot{background:var(--ct-bg-panel);border:1px solid var(--ct-border);border-radius:var(--ct-radius-lg);flex-direction:column;display:flex;overflow:hidden}.captain-slot-art{aspect-ratio:1;background:repeating-linear-gradient(135deg, var(--ct-color-structure-faint) 0px, var(--ct-color-structure-faint) 1px, transparent 1px, transparent 10px), var(--ct-bg-well);border-bottom:1px solid var(--ct-border-faint);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.captain-slot-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.captain-mark{fill:none;width:42%;height:42%;stroke:var(--ct-accent);stroke-width:2px;opacity:.85}.captain-mark--rake{stroke-width:3px}.captain-mark--bombardment circle:first-child{fill:var(--ct-accent);stroke:none}.captain-slot-meta{padding:var(--ct-space-4);gap:var(--ct-space-1);text-align:left;flex-direction:column;display:flex}.captain-slot-code{font-size:var(--ct-text-2xs);color:var(--ct-text-tertiary);letter-spacing:var(--ct-tracking-wider)}.captain-slot-name{font-size:var(--ct-text-md)}.captain-slot-skill-name{font-size:var(--ct-text-2xs);color:var(--ct-accent-bright);letter-spacing:var(--ct-tracking-wider);text-transform:uppercase}.captain-slot-skill{font-size:var(--ct-text-xs);line-height:var(--ct-leading-normal);color:var(--ct-text-secondary)}.landing-closing{border-top:1px solid var(--ct-border-faint);background:radial-gradient(ellipse 60% 100% at 50% 100%, var(--ct-color-glow-faint), transparent 70%)}.landing-closing-frame{text-align:center;align-items:center;gap:var(--ct-space-3);flex-direction:column;max-width:34rem;margin:0 auto;display:flex}.landing-footer{border-top:1px solid var(--ct-border);padding:var(--ct-space-6)}.landing-footer-top{justify-content:space-between;align-items:center;gap:var(--ct-space-4);max-width:82rem;padding-bottom:var(--ct-space-4);flex-wrap:wrap;margin:0 auto;display:flex}.landing-footer-mark{align-items:baseline;gap:var(--ct-space-2);font-family:var(--ct-font-display);letter-spacing:var(--ct-tracking-widest);color:var(--ct-text-secondary);font-weight:600;font-size:var(--ct-text-sm);display:flex}.landing-footer-links{gap:var(--ct-space-5);font-size:var(--ct-text-xs);letter-spacing:var(--ct-tracking-wider);text-transform:uppercase;display:flex}.landing-footer-links a{color:var(--ct-text-secondary);text-decoration:none}.landing-footer-links a:hover{color:var(--ct-accent-bright)}.landing-footer-bottom{justify-content:space-between;align-items:center;gap:var(--ct-space-2);max-width:82rem;padding-top:var(--ct-space-4);border-top:1px solid var(--ct-border-faint);font-size:var(--ct-text-2xs);color:var(--ct-text-ghost);letter-spacing:var(--ct-tracking-wide);flex-wrap:wrap;margin:0 auto;display:flex}.top-nav{z-index:5;position:relative}.top-nav-row{justify-content:space-between;align-items:center;gap:var(--ct-space-3);max-width:82rem;padding:var(--ct-space-5) var(--ct-space-6);flex-wrap:wrap;margin:0 auto;display:flex}.top-nav-mark{align-items:baseline;gap:var(--ct-space-2);font-family:var(--ct-font-display);font-weight:600;font-size:var(--ct-text-md);letter-spacing:var(--ct-tracking-widest);color:var(--ct-text-primary);text-decoration:none;display:flex}.top-nav-glyph{color:var(--ct-accent);text-shadow:0 0 14px var(--ct-accent-soft)}.top-nav-links{gap:var(--ct-space-6);font-size:var(--ct-text-xs);letter-spacing:var(--ct-tracking-wider);text-transform:uppercase;flex-wrap:wrap;display:flex}.top-nav-link{color:var(--ct-text-secondary);transition:color var(--ct-duration-standard) var(--ct-ease-standard);text-decoration:none}.top-nav-link:hover{color:var(--ct-accent-bright)}.top-nav-link--active{color:var(--ct-accent-bright);text-shadow:0 0 12px var(--ct-accent-soft)}.top-nav-secondary{gap:var(--ct-space-5);max-width:82rem;padding:0 var(--ct-space-6) var(--ct-space-4);font-size:var(--ct-text-2xs);letter-spacing:var(--ct-tracking-wider);text-transform:uppercase;flex-wrap:wrap;margin:0 auto;display:flex}.top-nav-secondary a{color:var(--ct-text-tertiary);transition:color var(--ct-duration-standard) var(--ct-ease-standard);text-decoration:none}.top-nav-secondary a:hover{color:var(--ct-text-secondary)}@media (width<=640px){.top-nav-row{padding:var(--ct-space-4);gap:var(--ct-space-2)}.top-nav-links{gap:var(--ct-space-4)}.top-nav-secondary{padding:0 var(--ct-space-4) var(--ct-space-3);gap:var(--ct-space-4)}}