.board-root{--bg:#000;--surface-2:#12121a;--surface-3:#1a1726;--text:#f6f7fb;--muted:#f6f7fbb3;--faint:#f6f7fb6b;--line:#ffffff14;--line-strong:#ffffff2e;--acc:#a855f7;--pass:#22c55e;--r-ceo:#991b1b;--r-engineer:#06b6d4;--r-intelligence:#d946ef;--r-legal:#a855f7;--r-media:#6366f1;--r-admin:#3b82f6;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.board-root *,.board-root :before,.board-root :after{box-sizing:border-box}@media (min-width:881px){.board-root{flex-direction:column;height:100svh;display:flex;overflow:hidden}.board-root .hero{flex:none;padding:20px 24px 10px}.board-root .stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.board-root .stage-inner{width:min(100%,183.33svh - 256.662px,1480px)}}.mono{font-family:JetBrains Mono,SF Mono,monospace}.hero{text-align:center;background:#000;padding:28px 24px 14px;position:relative}.hero-inner{z-index:2;max-width:880px;margin:0 auto;position:relative}.brand-logo{filter:drop-shadow(0 0 18px #a855f773)drop-shadow(0 0 8px #a855f747);-webkit-user-select:none;user-select:none;transform-origin:50%;width:46px;height:46px;margin:0 auto 14px;animation:4.2s ease-in-out infinite brandglow;display:block}@keyframes brandglow{0%,to{filter:drop-shadow(0 0 16px #a855f761)drop-shadow(0 0 6px #a855f738)}50%{filter:drop-shadow(0 0 30px #a855f79e)drop-shadow(0 0 12px #a855f761)}}.brand-logo.flare{animation:1.3s cubic-bezier(.16,1,.3,1) forwards brandflare!important}@keyframes brandflare{0%{filter:drop-shadow(0 0 18px #a855f773)drop-shadow(0 0 8px #a855f747);transform:scale(1)}18%{filter:drop-shadow(0 0 56px #d946ef)drop-shadow(0 0 28px #a855f7f2)drop-shadow(0 0 14px #fff)brightness(1.55);transform:scale(1.12)}35%{filter:drop-shadow(0 0 38px #a855f7d9)drop-shadow(0 0 14px #a855f78c)brightness(1.2);transform:scale(1.04)}to{filter:drop-shadow(0 0 18px #a855f773)drop-shadow(0 0 8px #a855f747);transform:scale(1)}}.hero h1{letter-spacing:-.025em;color:#fff;margin-bottom:14px;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.9em,4.2vw,3em);font-weight:600;line-height:1.05}.hero-sub{color:#ffffffc7;letter-spacing:.5px;text-align:center;min-height:1.5em;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:clamp(15px,1.3vw,17px);font-weight:500;transition:color .4s,text-shadow .4s}.hero-sub #hero-sub-text{display:inline}.hero-sub .dud{color:#ffffff5c}.hero-sub .cursor{color:inherit;margin-left:2px;font-weight:400;animation:1.05s steps(2,end) infinite cursorblink;display:inline-block}@keyframes cursorblink{50%{opacity:0}}.hero-sub.active{color:#fff;text-shadow:0 0 24px var(--current-role,transparent)}.hero-sub.copy-success{text-shadow:0 0 22px #22c55e8c;color:#22c55e!important}.hero-sub.copy-success .dud{color:#22c55e73}.stage{background:#000;width:100%;position:relative;overflow:hidden}.stage-inner{width:100%;max-width:1480px;margin:0 auto;font-size:0;position:relative}.boardroom-img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.stage-inner:before{content:"";z-index:5;pointer-events:none;background:radial-gradient(80% 75% at 50% 65%,#0000 0% 40%,#000 96%),linear-gradient(#000 0%,#000000d9 8%,#00000052 22%,#0000 45%);position:absolute;inset:0}.hotspot{cursor:pointer;z-index:6;background:0 0;border:none;outline:none;padding:0;font-size:14px;position:absolute;transform:translate(-50%,-50%)}.hotspot:focus-visible{outline:none}.hotspot:before{content:"";background:radial-gradient(circle, var(--role-color) 0%, transparent 60%);opacity:0;mix-blend-mode:screen;filter:blur(28px);pointer-events:none;border-radius:50%;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:-12%;transform:scale(.7)}.hotspot:hover:before,.hotspot:focus-visible:before{opacity:.85;animation:2.6s ease-in-out infinite hotspot-breathe;transform:scale(1)}@keyframes hotspot-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.hotspot-label{letter-spacing:.28em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;pointer-events:none;text-shadow:0 0 8px #0009;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:500;transition:color .3s,opacity .3s,transform .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{color:var(--role-color);text-shadow:0 0 14px var(--role-color), 0 0 4px #000c}:is(.stage-inner:has(.hotspot:hover) .hotspot:not(:hover) .hotspot-label,.stage-inner:has(.hotspot:focus-visible) .hotspot:not(:focus-visible) .hotspot-label){opacity:.18}.hotspot:after{content:"";aspect-ratio:1;opacity:.6;pointer-events:none;border:1px solid #ffffff52;border-radius:50%;width:100%;transition:opacity .35s,border-color .25s,border-width .2s,box-shadow .3s,transform .4s cubic-bezier(.34,1.56,.64,1);animation:3.2s ease-in-out infinite hotspot-idle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 8px #ffffff0d}@keyframes hotspot-idle{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(1)}50%{opacity:.78;transform:translate(-50%,-50%)scale(1.07)}}.hotspot:hover:after,.hotspot:focus-visible:after,.hotspot.selected:after{border-color:var(--role-color);opacity:1;box-shadow:0 0 24px var(--role-color), inset 0 0 12px #ffffff0f;border-width:1.5px;animation:none;transform:translate(-50%,-50%)scale(1)}.hotspot.selected:before{opacity:.85;animation:2.6s ease-in-out infinite hotspot-breathe;transform:scale(1)}.stage-inner:has(.hotspot:hover) .hotspot:not(:hover):not(.selected):after{opacity:0;border-color:#0000;animation:none}.stage-inner:has(.hotspot:focus-visible) .hotspot:not(:focus-visible):not(.selected):after{opacity:0;border-color:#0000;animation:none}.stage-inner:has(.hotspot.selected) .hotspot:not(:hover):not(:focus-visible):not(.selected):after{opacity:0;border-color:#0000;animation:none}.hotspot.copied:after{box-shadow:0 0 32px var(--pass), inset 0 0 14px #22c55e2e;border-width:1.5px;transform:translate(-50%,-50%)scale(1.15);border-color:var(--pass)!important;opacity:1!important;animation:none!important}.hotspot.copied:before{background:radial-gradient(circle, var(--pass) 0%, transparent 60%);opacity:1;animation:none}.h-1{aspect-ratio:1;--role-color:var(--r-ceo);width:8%;top:30.4%;left:14.6%}.h-2{aspect-ratio:1;--role-color:var(--r-engineer);width:8%;top:31%;left:86.8%}.h-3{aspect-ratio:1;--role-color:var(--r-intelligence);width:5.5%;top:29.5%;left:26.3%}.h-4{aspect-ratio:1;--role-color:var(--r-legal);width:5.5%;top:29.4%;left:75.4%}.h-5{aspect-ratio:1;--role-color:var(--r-media);width:4%;top:28.4%;left:32.8%}.h-6{aspect-ratio:1;--role-color:var(--r-admin);width:4%;top:28.3%;left:67.8%}.above-fold{background:#000;flex-direction:column;min-height:100dvh;display:flex}.above-fold .stage{flex:1}.board-skill-card.desktop{z-index:6;width:clamp(280px,26%,400px);transition:opacity .25s;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.board-skill-card .su-inner{gap:11px;padding:16px 18px 15px}.board-skill-card .su-card-vis{aspect-ratio:21/8}.board-skill-card .su-card-body{padding:13px 16px 15px}.board-skill-card .su-card-title{margin:0 0 8px}.su-mode-head{justify-content:center;animation:.5s .3s both su-fadeIn;display:flex}.su-mode{-webkit-backdrop-filter:blur(12px)saturate(1.15);background:linear-gradient(165deg,#ffffff0e 0%,#ffffff05 60%,#ffffff09 100%);border:1px solid #ffffff17;border-radius:20px;padding:3px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000001f,0 2px 8px #0003}.su-mode-thumb{background:var(--su-accent-soft);border:1px solid var(--su-accent-line);width:calc(50% - 3px);box-shadow:0 0 14px var(--su-accent-soft), inset 0 1px 0 #ffffff0f;border-radius:16px;transition:transform .34s cubic-bezier(.34,1.56,.64,1),background .45s,border-color .45s,box-shadow .45s;position:absolute;top:3px;bottom:3px;left:3px}.su-mode.access .su-mode-thumb{transform:translate(100%)}.su-mode button{z-index:1;min-width:88px;font-family:var(--su-mono-font);letter-spacing:.14em;text-transform:uppercase;color:var(--su-faint);cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1 1 0;padding:6px 14px;font-size:9.5px;font-weight:600;transition:color .25s;position:relative}.su-mode button:hover{color:#f4f5f9}.su-mode button.on{color:var(--su-accent-tint)}.su-mode-stack{display:grid}.su-mode-pane{flex-direction:column;grid-area:1/1;gap:11px;transition:opacity .4s,transform .45s cubic-bezier(.16,1,.3,1);display:flex}.su-mode-pane:not(.on){opacity:0;pointer-events:none}.su-mode-pane.skill:not(.on){transform:translate(-14px)}.su-mode-pane.access:not(.on){transform:translate(14px)}.su-mode-pane .su-dl{margin-top:auto}.su-mode-pane.access .su-card-title{margin:0 0 8px;font-size:24px}.su-acc-rows{flex-direction:column;gap:8px;animation:.6s cubic-bezier(.16,1,.3,1) .45s both su-fadeUp;display:flex}.su-acc-row{font-family:var(--su-sans-font);color:#f4f5f9d1;align-items:baseline;gap:9px;font-size:12px;line-height:1.45;display:flex}.su-acc-row .k{font-family:var(--su-mono-font);letter-spacing:.12em;text-transform:uppercase;color:var(--su-faint);flex-shrink:0;width:52px;font-size:8.5px;font-weight:700}.su-acc-verified{color:var(--su-accent-tint);align-items:center;gap:5px;display:inline-flex}.su-acc-verified svg{flex-shrink:0;width:11px;height:11px}.su-acc-roster{flex-wrap:wrap;gap:4px;display:flex}.su-acc-roster .r{font-family:var(--su-mono-font);letter-spacing:.05em;color:#f4f5f9b3;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:8.5px}.su-go .fill{transition:transform 1.15s cubic-bezier(.16,1,.3,1)}.su-go:hover .fill{transform:translate(0)}.su-go:hover{color:#0a0612}.su-go:hover .su-dl-icon path{stroke:#0a0612}.su-morph-card,.su-morph-card .su-card,.su-morph-card .su-pip,.su-morph-card .su-card-title .slash,.su-morph-card .su-mono em,.su-morph-card .su-morph-role,.su-morph-card .su-card-vis:after,.su-morph-card .su-card-vis svg,.su-morph-card .su-card-vis svg ellipse,.su-morph-card .su-card-vis svg circle{transition:background .45s,box-shadow .45s,border-color .45s,color .45s,stroke .45s,fill .45s}.su-morph-card .su-dl{margin-top:auto}.su-morph-card .su-card-desc{min-height:6.2em}.su-morph-role{font-family:var(--su-mono-font);letter-spacing:.12em;text-transform:uppercase;color:var(--su-accent-tint);vertical-align:middle;font-size:.5em;font-weight:700}.su{--su-accent:#06b6d4;--su-accent-tint:#22d3ee;--su-accent-soft:#06b6d414;--su-accent-softer:#06b6d40d;--su-accent-line:#06b6d42e;--su-accent-border:#06b6d459;--su-tint-soft:#22d3ee0f;--su-ghost:#f4f5f938;--su-faint:#f4f5f97a;--su-mono-font:"JetBrains Mono", ui-monospace, monospace;--su-sans-font:-apple-system, BlinkMacSystemFont, "Geist", "Inter", sans-serif;z-index:1;background:linear-gradient(165deg, var(--su-accent-softer) 0%, var(--su-accent-soft) 35%, var(--su-tint-soft) 60%, var(--su-accent-softer) 100%);-webkit-backdrop-filter:blur(32px)saturate(1.4);width:100%;max-width:520px;box-shadow:inset 0 1px 0 #ffffff26, 0 30px 80px #00000073, 0 0 0 1px var(--su-accent-line), 0 0 80px var(--su-accent-soft);font-family:var(--su-sans-font);color:#f4f5f9;border:1px solid #ffffff1f;border-radius:18px;animation:.8s cubic-bezier(.16,1,.3,1) both su-unlock;position:relative;overflow:hidden}.su-corner{pointer-events:none;z-index:5;border:1px solid var(--su-accent-tint);opacity:0;width:18px;height:18px;filter:drop-shadow(0 0 6px var(--su-accent-line));animation:.55s cubic-bezier(.34,1.56,.64,1) .45s both su-bracket;position:absolute}.su-corner.tl{border-bottom:0;border-right:0;border-top-left-radius:4px;animation-delay:.45s;top:10px;left:10px}.su-corner.tr{border-bottom:0;border-left:0;border-top-right-radius:4px;animation-delay:.5s;top:10px;right:10px}.su-corner.bl{border-top:0;border-right:0;border-bottom-left-radius:4px;animation-delay:.55s;bottom:10px;left:10px}.su-corner.br{border-top:0;border-left:0;border-bottom-right-radius:4px;animation-delay:.6s;bottom:10px;right:10px}.su:before{content:"";z-index:4;background:linear-gradient(90deg, transparent 0%, var(--su-accent-tint) 28%, var(--su-accent) 50%, var(--su-accent-tint) 72%, transparent 100%);background-size:200% 100%;height:2px;animation:4s ease-in-out infinite alternate su-shimmer;position:absolute;top:0;left:0;right:0}.su:after{content:"";z-index:0;pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, var(--su-accent-soft) 60deg, transparent 120deg, var(--su-tint-soft) 180deg, transparent 240deg, var(--su-accent-soft) 300deg, transparent 360deg);width:200%;height:200%;animation:24s linear infinite su-holo;position:absolute;top:-50%;left:-50%}@keyframes su-shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes su-holo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes su-unlock{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.97)}60%{filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes su-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes su-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes su-bracket{0%{opacity:0;transform:scale(.4)}70%{opacity:.85;transform:scale(1.15)}to{opacity:.7;transform:scale(1)}}@keyframes su-ring{0%{opacity:0;transform:scale(.5)}to{opacity:.55;transform:scale(1)}}@keyframes su-icon{0%{opacity:0;filter:blur(8px);transform:scale(.78)}60%{filter:blur()}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes su-stamp{0%{opacity:0;filter:blur(4px);transform:translateY(-6px)scale(.9)}60%{opacity:1;filter:blur();transform:translateY(2px)scale(1.04)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes su-pip{0%{transform-origin:0;opacity:0;transform:scaleX(0)}60%{opacity:1}to{opacity:1;transform:scaleX(1)}}.su-pips{z-index:3;gap:1px;height:3px;animation:.7s cubic-bezier(.22,1,.36,1) .15s both su-pip;display:flex;position:relative;overflow:hidden}.su-pip{background:var(--su-accent);opacity:.55;flex:1}.su-pip:nth-child(2){background:var(--su-accent-tint);opacity:.7}.su-pip:nth-child(3){background:var(--su-accent);opacity:.85}.su-pip:nth-child(4){background:var(--su-accent-tint);opacity:.55}.su-inner{z-index:2;flex-direction:column;gap:16px;padding:22px 24px 20px;display:flex;position:relative}.su-card{animation:.65s cubic-bezier(.16,1,.3,1) .55s both su-fadeUp}.su-dl{animation:.95s cubic-bezier(.16,1,.3,1) 1.1s both su-fadeUp}.su-meta{animation:.55s 1.3s both su-fadeIn}.su-card{box-shadow:inset 0 1px 0 #ffffff12, 0 8px 28px #0006, 0 0 28px var(--su-accent-line);background:#141220e0;border:1px solid #ffffff1a;border-radius:14px;position:relative;overflow:hidden}.su-card-vis{aspect-ratio:16/9;background:radial-gradient(#ffffff0a 0%,#0000 60%),linear-gradient(#0e0e16f5,#0a0a13e0);border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.su-card-vis:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 75%);mask-image:radial-gradient(#000 25%,#0000 75%)}.su-card-vis:after{content:"";filter:blur(70px);background:var(--su-accent);opacity:.38;border-radius:50%;width:200px;height:200px;position:absolute}.su-card-vis-rings{aspect-ratio:1;border:1px solid var(--su-accent-line);opacity:0;pointer-events:none;border-radius:50%;width:75%;animation:.95s cubic-bezier(.22,1,.36,1) .75s both su-ring;position:absolute}.su-card-vis-rings:before,.su-card-vis-rings:after{content:"";border:1px solid var(--su-accent-line);opacity:.7;border-radius:50%;position:absolute;inset:14%}.su-card-vis-rings:after{opacity:.5;inset:28%}.su-card-vis-foil{pointer-events:none;mix-blend-mode:screen;opacity:.25;background:repeating-linear-gradient(115deg,#0000 0 3px,#ffffff0a 3px 4px);position:absolute;inset:0}.su-card-vis svg{z-index:2;width:auto;max-width:74%;height:74%;filter:drop-shadow(0 4px 18px var(--su-accent-line));animation:.75s cubic-bezier(.16,1,.3,1) .85s both su-icon;position:relative}.su-foil{z-index:3;font-family:var(--su-mono-font);letter-spacing:.18em;text-transform:uppercase;color:#f4f5f9;border:1px solid var(--su-accent-border);box-shadow:inset 0 1px 0 #ffffff1a, 0 4px 14px #0006, 0 0 18px var(--su-accent-line);-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff12,#ffffff03);border-radius:4px;align-items:center;gap:7px;padding:5px 11px 5px 9px;font-size:9px;font-weight:700;animation:.55s cubic-bezier(.34,1.56,.64,1) 1s both su-stamp;display:inline-flex;position:absolute;top:14px;left:14px}.su-foil:before{content:"";background:var(--su-accent-tint);width:5px;height:5px;box-shadow:0 0 8px var(--su-accent);border-radius:50%}.su-mono{z-index:3;font-family:var(--su-mono-font);letter-spacing:.18em;color:var(--su-ghost);text-shadow:0 0 12px var(--su-accent-line);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:11px;font-weight:800;animation:.6s 1.1s both su-fadeIn;position:absolute;bottom:10px;right:14px}.su-mono em{color:var(--su-accent-tint);opacity:.55;font-style:normal}.su-card-body{background:linear-gradient(#12101e8c,#0e0c18bf);padding:18px 20px 20px;position:relative}.su-card-cmd{font-family:var(--su-mono-font);letter-spacing:-.01em;color:#f4f5f9;align-items:center;gap:10px;margin-bottom:10px;font-size:13.5px;font-weight:600;animation:.55s cubic-bezier(.16,1,.3,1) .9s both su-fadeUp;display:flex}.su-card-cmd .slash,.su-card-title .slash{color:var(--su-accent);font-weight:700}.su-card-title{font-family:var(--su-sans-font);letter-spacing:-.025em;color:#f4f5f9;margin:0 0 10px;font-size:30px;font-weight:600;line-height:1.05;animation:.65s cubic-bezier(.16,1,.3,1) .95s both su-fadeUp}.su-card-desc{font-family:var(--su-sans-font);color:#f4f5f9c7;margin:0;font-size:13.5px;line-height:1.55;animation:.6s cubic-bezier(.16,1,.3,1) 1.05s both su-fadeUp}.su-dl{isolation:isolate;color:#fff;width:100%;height:54px;font-family:var(--su-mono-font);letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--su-accent-border);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--su-accent-soft), 0 18px 50px -16px var(--su-accent-border), 0 0 36px -10px var(--su-accent-line);background:#0a0810;border-radius:10px;place-items:center;padding:0 28px;font-size:12px;font-weight:700;transition:border-color .35s,box-shadow .35s,color .25s;display:inline-grid;position:relative;overflow:hidden}.su-dl:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 130% at 0% 50%, var(--su-accent-soft), transparent 65%), radial-gradient(ellipse 50% 100% at 100% 50%, var(--su-accent-softer), transparent 70%);opacity:.8;transition:opacity .35s;position:absolute;inset:0}.su-dl:hover:not(.downloaded):before{opacity:1}.su-dl:hover:not(.downloaded){border-color:var(--su-accent-tint);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px var(--su-accent-line), 0 22px 60px -14px var(--su-accent-border), 0 0 56px -6px var(--su-accent-line)}.su-dl .fill{z-index:1;pointer-events:none;background:linear-gradient(180deg, #ffffff1a, transparent 30%, transparent 70%, #00000029), linear-gradient(90deg, transparent 0%, var(--su-accent) 14%, var(--su-accent) 42%, var(--su-accent-tint) 58%, var(--su-accent) 86%, transparent 100%);will-change:transform;position:absolute;inset:0;transform:translate(-102%)}.su-dl .fill:before{content:"";background:radial-gradient(ellipse at right center, var(--su-accent), transparent 70%);filter:blur(8px);opacity:.55;width:64px;position:absolute;top:-20%;bottom:-20%;left:-32px}.su-dl .fill:after{content:"";mix-blend-mode:screen;filter:blur(2px);background:linear-gradient(90deg,#0000 0%,#fff6 45%,#ffffffd9 65%,#0000 100%);width:28px;position:absolute;top:-10%;bottom:-10%;right:-14px}.su-dl.downloaded .fill{animation:1.55s cubic-bezier(.45,.05,.35,1) forwards su-fill}@keyframes su-fill{0%{transform:translate(-102%)}34%{transform:translate(0)}62%{transform:translate(0)}to{transform:translate(102%)}}.su-dl.downloaded{color:#fff;border-color:var(--su-accent-tint);box-shadow:inset 0 0 0 1px #ffffff38, 0 0 0 1px var(--su-accent-border), 0 22px 70px -10px var(--su-accent-border), 0 0 100px -6px var(--su-accent-line);transition:border-color .35s .35s,box-shadow .45s .35s,color .25s}.su-dl .label{z-index:2;grid-template-areas:"stack";align-items:center;line-height:1;display:inline-grid;position:relative}.su-dl .label>span{white-space:nowrap;grid-area:stack;align-items:center;gap:12px;transition:opacity .32s,transform .42s cubic-bezier(.5,0,.2,1);display:inline-flex}.su-dl .label .idle{opacity:1;transform:translateY(0)}.su-dl .label .done{opacity:0;transform:translateY(10px)}.su-dl.downloaded .label .idle{opacity:0;transition-delay:.18s;transform:translateY(-10px)}.su-dl.downloaded .label .done{opacity:1;transition-delay:.34s;transform:translateY(0)}.su-dl-icon{flex-shrink:0;width:16px;height:16px}.su-dl-icon path{stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none}.su-dl-tick{flex-shrink:0;width:15px;height:15px}.su-dl-tick path{stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:22;stroke-dashoffset:22px}.su-dl.downloaded .su-dl-tick path{animation:.55s cubic-bezier(.65,0,.35,1) .42s forwards su-tick}@keyframes su-tick{to{stroke-dashoffset:0}}.su-dl .ring{border:1px solid var(--su-accent-tint);pointer-events:none;opacity:0;z-index:3;border-radius:10px;position:absolute;inset:0}.su-dl.downloaded .ring{animation:.9s cubic-bezier(.16,1,.3,1) forwards su-ringpulse}@keyframes su-ringpulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.su-meta{font-family:var(--su-mono-font);color:var(--su-faint);letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;font-size:10px;display:flex}.su-meta button,.su-meta a{cursor:pointer;color:var(--su-faint);font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s}.su-meta button:hover,.su-meta a:hover{color:var(--su-accent-tint)}.su-meta .sep{opacity:.3}.su-meta button[data-state=ok]{color:#22c55e}.mob-dl{z-index:20;text-align:center;overscroll-behavior:none;touch-action:manipulation;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;padding:32px 28px;display:none;position:fixed;inset:0;overflow:hidden}.mob-dl-logo{filter:drop-shadow(0 0 14px #a855f773);width:52px;height:52px;animation:4.2s ease-in-out infinite brandglow}.mob-dl-title{letter-spacing:-.02em;color:#fff;margin:0;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:600;line-height:1}.mob-dl-title .slash{color:var(--acc)}.mob-dl-desc{color:var(--muted);max-width:320px;margin:0;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}.mob-dl-btn{background:var(--acc);color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:340px;min-height:56px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.mob-dl-btn:active{background:#9333ea}.mob-dl-btn.done{color:var(--pass);border:1px solid var(--pass);background:#22c55e24}.mob-dl-icon{flex-shrink:0;width:18px;height:18px}.mob-dl-meta{letter-spacing:.04em;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.mob-dl-meta a{color:var(--faint);border-bottom:1px solid var(--line-strong);-webkit-tap-highlight-color:transparent;padding-bottom:2px;text-decoration:none}.mob-dl-meta .sep{color:var(--faint);opacity:.5}.desktop-only{display:block}@media (max-width:880px){.board-root{height:100dvh;overflow:hidden}.above-fold,.desktop-only{display:none!important}.mob-dl{display:flex}}.toast{color:#f3ecdc;letter-spacing:.26em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:50;background:#1a1410;border-radius:1px;padding:12px 22px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);box-shadow:0 12px 30px -10px #0009}.toast.show{opacity:1;transform:translate(-50%)}.on-page{text-align:center;max-width:640px;margin:0 auto;padding:48px 28px 80px}.on-page .brand-logo{width:42px;height:42px;margin:0 auto 28px}.on-title{letter-spacing:-.03em;color:#fff;margin:0 0 18px;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2em,5vw,3.2em);font-weight:600;line-height:1.05}.on-sub{color:var(--muted);max-width:520px;margin:0 auto 36px;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(15px,1.8vw,17px);line-height:1.6}.on-divider{color:var(--faint);justify-content:center;align-items:center;gap:14px;margin:0 0 40px;display:flex}.on-divider .line{background:linear-gradient(90deg,transparent,var(--line-strong),transparent);flex:0 80px;height:1px}.on-divider .diamond{color:var(--acc);filter:drop-shadow(0 0 6px #a855f766);font-size:14px}.on-cta{justify-content:center;margin-bottom:20px;display:flex}.on-cta a{letter-spacing:.24em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#a855f724 0%,#a855f70a 100%);border:1px solid #a855f773;border-radius:2px;justify-content:center;align-items:center;width:100%;max-width:400px;padding:16px 48px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .35s;display:inline-flex;box-shadow:0 0 24px #a855f726,inset 0 1px #ffffff0d}.on-cta a:hover{background:linear-gradient(135deg,#a855f738 0%,#a855f714 100%);border-color:#a855f7b3;box-shadow:0 0 40px #a855f74d,inset 0 1px #ffffff14}.on-back{text-align:center}.on-back a{color:var(--faint);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s}.on-back a:hover{color:var(--muted)}.on-features{flex-direction:column;gap:0;margin:0 0 28px;display:flex}.on-feature{border-bottom:1px solid var(--line);gap:16px;padding:18px 20px;display:flex}.on-feature:first-child{border-top:1px solid var(--line)}.on-feature-num{color:var(--acc);flex-shrink:0;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:12px}.on-feature-text{color:var(--muted);font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px;line-height:1.55}.on-feature-text strong{color:var(--text);font-weight:500}.on-signin{text-align:center;color:var(--faint);margin:0 0 24px;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.on-signin a{color:var(--acc);text-decoration:none;transition:color .2s}.on-signin a:hover{color:var(--text)}.on-loading{color:var(--faint);justify-content:center;align-items:center;padding:80px 0;display:flex}.on-loading svg{animation:1s linear infinite on-spin}@keyframes on-spin{to{transform:rotate(360deg)}}.on-spinner{animation:1s linear infinite on-spin}.on-error{color:#f87171e6;background:#ef44440f;border:1px solid #ef44444d;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:12px 16px;font-size:13px;display:flex}.on-error button{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.on-error button:hover{opacity:1}.on-tasks{text-align:left;flex-direction:column;gap:0;margin-bottom:40px;display:flex}.on-task{border-bottom:1px solid var(--line);padding:18px 20px;transition:opacity .2s}.on-task:first-child{border-top:1px solid var(--line)}.on-task-disabled{opacity:.3}.on-task-header{align-items:center;gap:14px;display:flex}.on-task-num{width:30px;height:30px;color:var(--faint);border:1.5px solid var(--line-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .25s;display:flex}.on-task-num-active{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 0 12px #a855f766}.on-task-num-done{background:var(--pass);border-color:var(--pass);color:#fff}.on-task-info{flex-direction:column;gap:2px;display:flex}.on-task-label{color:#fff;font-family:Geist Sans,sans-serif;font-size:14px;font-weight:500}.on-task-done .on-task-label{opacity:.55;text-decoration:line-through}.on-task-detail{color:var(--muted);opacity:.7;font-size:12px}.on-task-body{margin-top:14px;padding-left:44px}.on-input-wrap{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:4px;align-items:center;max-width:360px;transition:border-color .2s;display:flex}.on-input-wrap:focus-within{border-color:#a855f780;box-shadow:0 0 0 2px #a855f71a}.on-input-prefix{color:var(--faint);-webkit-user-select:none;user-select:none;padding:10px 0 10px 14px;font-family:JetBrains Mono,monospace;font-size:13px}.on-input-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 14px 10px 4px;font-family:JetBrains Mono,monospace;font-size:13px}.on-input-wrap input::placeholder{color:var(--faint)}.on-input-solo{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;max-width:360px;color:var(--text);border-radius:4px;outline:none;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .2s;display:block}.on-input-solo:focus{border-color:#a855f780;box-shadow:0 0 0 2px #a855f71a}.on-input-solo::placeholder{color:var(--faint)}.on-hint{color:var(--faint);margin-top:8px;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12.5px;line-height:1.5}.on-submit{letter-spacing:.2em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f71f 0%,#a855f70a 100%);border:1px solid #a855f766;border-radius:2px;justify-content:center;align-items:center;margin-top:14px;padding:10px 28px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .25s;display:inline-flex}.on-submit:hover:not(:disabled){background:linear-gradient(135deg,#a855f738 0%,#a855f714 100%);border-color:#a855f7b3;box-shadow:0 0 20px #a855f733}.on-submit:disabled{opacity:.4;cursor:not-allowed}.on-grant{background:#ef44440d;border:1px solid #ef444440;border-radius:4px;margin-top:4px;padding:14px 16px}.on-grant-title{color:#f87171f2;margin:0 0 8px;font-family:Geist Sans,sans-serif;font-size:13px;font-weight:600}.on-grant-body{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.5}.on-grant ol{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.7}.on-grant ol a{color:#a855f7d9;text-decoration:underline}.on-grant code{color:#fff;background:#ffffff0f;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.on-grant-diag{color:var(--faint);word-break:break-word;margin:10px 0 0;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5}.on-handoff{border:1px solid var(--line-strong);background:linear-gradient(#a855f70f,#a855f705);border-radius:6px;margin-top:8px;padding:18px 18px 8px;box-shadow:inset 0 1px #ffffff0a}.on-handoff-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:12px;font-family:Geist Sans,sans-serif;font-size:11px;font-weight:600}.on-key-row{border:1px solid var(--line-strong);background:#00000059;border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.on-key{min-width:0;color:var(--text);word-break:break-all;flex:auto;font-size:13px}.on-key-btn{cursor:pointer;border:1px solid var(--line-strong);color:var(--muted);background:#ffffff0a;border-radius:4px;flex:none;padding:5px 11px;font-family:Geist Sans,sans-serif;font-size:12px;transition:background .15s,color .15s}.on-key-btn:hover{color:var(--text);background:#ffffff14}.on-handoff-prompt{width:100%;margin-top:12px}.on-handoff-hint{color:var(--muted);margin:12px 0 4px;font-size:12.5px;line-height:1.6}.on-handoff-hint a{color:var(--acc);text-decoration:none}.on-handoff-hint a:hover{text-decoration:underline}.on-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:-9999px;left:-9999px}.on-claimed{background:#ef444414;border:1.5px solid #ef44448c;border-radius:4px;margin-top:4px;padding:16px 18px;box-shadow:0 0 24px #ef44441f,inset 0 1px #ffffff0a}.on-claimed-title{color:#f87171;letter-spacing:.01em;margin:0 0 10px;font-family:Geist Sans,sans-serif;font-size:14px;font-weight:700}.on-claimed-body{color:var(--text);margin:0;font-size:13px;line-height:1.55}.on-claimed-body code{color:#fff;background:#ef444426;border-radius:3px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:12px}.on-claimed-body a{color:#f87171f2;text-decoration:underline}.on-claimed-body a:hover{color:#fff}.on-claimed-actions{margin-top:14px}@media (max-width:640px){.on-page{padding:36px 18px 60px}.on-title{font-size:2em}.on-sub{font-size:16px}.on-step,.on-prereq,.on-feature{padding:14px 16px}.on-cta a{letter-spacing:.22em;padding:14px 32px;font-size:13px}.on-task-body{margin-top:12px;padding-left:0}.on-task{padding:16px}}.skill-tree-toggle{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfc8ff;cursor:pointer;background:#080a16b3;border:1px solid #a88cff38;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s,border-color .18s,color .18s,box-shadow .22s,transform .18s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 14px -4px #00000073}.skill-tree-toggle:hover{color:#f5f1ff;background:#281e50d9;border-color:#a88cff8c;transform:translateY(-1px);box-shadow:0 0 22px -2px #a88cff73,0 6px 18px -4px #00000080}.skill-tree-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #a88cff59,0 4px 14px -4px #00000073}.skill-tree-toggle:active{transform:translateY(0)}@keyframes sp-spin{to{transform:rotate(360deg)}}.ee-root{--ee-accent:#a88cff;flex-direction:column;flex:1;min-height:0;display:flex}.ee-head{background:linear-gradient(180deg, color-mix(in srgb, var(--ee-accent) 8%, transparent) 0%, transparent 100%);border-bottom:1px solid #7878c81f;flex-direction:column;gap:2px;padding:18px 22px 14px;display:flex;position:relative}.ee-head:before{content:"";background:linear-gradient(180deg, var(--ee-accent) 0%, transparent 100%);width:3px;height:100%;position:absolute;top:0;left:0}.ee-kind{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--ee-accent) 70%, #6b6996);font-family:JetBrains Mono,monospace;font-size:10px}.ee-title{letter-spacing:-.015em;color:#f5f4ff;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600}.ee-mod{letter-spacing:.1em;text-transform:uppercase;color:#fbbf24;font-family:JetBrains Mono,monospace;font-size:9.5px;position:absolute;top:18px;right:22px}.ee-root.ee-dirty .ee-head{background:linear-gradient(#fbbf240d 0%,#0000 100%)}.ee-body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:14px 22px 18px;display:flex;overflow:auto}.ee-label{letter-spacing:.1em;text-transform:uppercase;color:#7a78a8;justify-content:space-between;align-items:baseline;gap:10px;margin:14px 0 5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:flex}.ee-count{letter-spacing:.04em;text-transform:none;color:#5e5c8a;font-weight:500}.ee-input,.ee-textarea{color:#e9e8f2;letter-spacing:.01em;background:#080a16a6;border:1px solid #7878c82e;border-radius:6px;outline:none;width:100%;padding:9px 11px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.55;transition:border-color .15s,box-shadow .15s,background-color .15s}.ee-input{font-family:Geist Sans,Inter,-apple-system,sans-serif;font-size:13px}.ee-textarea{resize:vertical;min-height:120px}.ee-input:focus,.ee-textarea:focus{border-color:color-mix(in srgb, var(--ee-accent) 55%, #7878c866);box-shadow:0 0 0 3px color-mix(in srgb, var(--ee-accent) 18%, transparent);background:#141228b3}.ee-disclose{appearance:none;color:#a8a6c8;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:12px 0 6px;font-family:JetBrains Mono,monospace;font-size:10.5px;transition:color .12s;display:flex}.ee-disclose:hover{color:#f5f4ff}.ee-advanced{border-left:1px solid #7878c829;margin-top:2px;padding-left:14px}.ee-foot{background:linear-gradient(#0000 0%,#0a0c1c73 100%);border-top:1px solid #7878c81f;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 22px;display:flex}.ee-btn{appearance:none;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:6px;align-items:center;gap:7px;padding:9px 18px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:background-color .15s,box-shadow .15s,opacity .15s,transform .12s;display:inline-flex}.ee-btn:disabled{opacity:.4;cursor:not-allowed}.ee-btn-save{background:linear-gradient(180deg, color-mix(in srgb, var(--ee-accent) 90%, white 0%) 0%, color-mix(in srgb, var(--ee-accent) 75%, #000 0%) 100%);color:#0a0820;box-shadow:0 0 0 1px color-mix(in srgb, var(--ee-accent) 40%, transparent), 0 6px 14px -6px color-mix(in srgb, var(--ee-accent) 50%, transparent)}.ee-btn-save:hover:not(:disabled){box-shadow:0 0 0 1px color-mix(in srgb, var(--ee-accent) 60%, transparent), 0 8px 18px -4px color-mix(in srgb, var(--ee-accent) 60%, transparent);transform:translateY(-1px)}.ee-btn-cancel{color:#a8a6c8;background:#7878c814;border:1px solid #7878c82e}.ee-btn-cancel:hover:not(:disabled){color:#e9e8f2;background:#7878c824}.ee-hint{letter-spacing:.06em;color:#5e5c8a;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:9.5px}.ee-spin{animation:.9s linear infinite sp-spin}@media (prefers-reduced-motion:reduce){.skill-tree-toggle:hover{transform:none}.board-root *,.board-root :before,.board-root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.board-root .hero-sub .cursor,.board-root .brand-logo{animation:none!important}}
