.reveal-on-scroll.is-ready{transition:opacity .4s,transform .4s}.reveal-on-scroll.is-ready:not(.is-visible){opacity:0;transform:translateY(24px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-on-scroll.is-ready{transition:none}.reveal-on-scroll.is-ready:not(.is-visible){opacity:1;transform:none}}
.infinite-loop-copy{display:flow-root}body.is-looping .site-footer{display:none}
.loop-glass{z-index:150;pointer-events:none;position:fixed;inset:0}.loop-cracks{width:100%;height:100%;display:block}@media (min-width:701px) and (pointer:fine){.loop-cracks{filter:drop-shadow(0 0 2px #ffffff59)}}.glass-crack{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.glass-crack.is-drawn{stroke-dashoffset:0}.glass-crack.is-new{animation:glass-draw var(--dur) cubic-bezier(.22, .7, .3, 1) var(--delay) both}@keyframes glass-draw{0%{opacity:0;stroke-dashoffset:1px}1%{opacity:1;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}.loop-glass.shake-a{animation:.45s ease-out loop-shake-a}.loop-glass.shake-b{animation:.45s ease-out loop-shake-b}@keyframes loop-shake-a{0%{transform:translate(0)}18%{transform:translate(calc(var(--amp) * -1), calc(var(--amp) * .6))}36%{transform:translate(calc(var(--amp) * .9), calc(var(--amp) * -.7))}54%{transform:translate(calc(var(--amp) * -.6), calc(var(--amp) * -.4))}75%{transform:translate(calc(var(--amp) * .3), calc(var(--amp) * .3))}to{transform:translate(0)}}@keyframes loop-shake-b{0%{transform:translate(0)}18%{transform:translate(calc(var(--amp) * -1), calc(var(--amp) * .6))}36%{transform:translate(calc(var(--amp) * .9), calc(var(--amp) * -.7))}54%{transform:translate(calc(var(--amp) * -.6), calc(var(--amp) * -.4))}75%{transform:translate(calc(var(--amp) * .3), calc(var(--amp) * .3))}to{transform:translate(0)}}.loop-flash{z-index:151;opacity:0;pointer-events:none;background:#fff;animation:.4s ease-out loop-flash;position:fixed;inset:0}@keyframes loop-flash{0%{opacity:0}15%{opacity:var(--peak)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.glass-crack,.glass-crack.is-new{stroke-dashoffset:0;animation:none}.loop-glass.shake-a,.loop-glass.shake-b{animation:none}.loop-flash,.fin-flash{display:none}}.fin-root{z-index:300;color:#c9d1d9;font-family:var(--font-mono), monospace;overscroll-behavior:contain;touch-action:none;position:fixed;inset:0;overflow:hidden}.fin-root.is-out{pointer-events:none;animation:.9s .1s forwards fin-out}@keyframes fin-out{to{opacity:0}}@keyframes fin-blink{50%{opacity:0}}.fin-glass{animation:.55s ease-out .7s fin-shake;position:absolute;inset:0}@keyframes fin-shake{0%{transform:translate(0)}15%{transform:translate(-14px,8px)}30%{transform:translate(12px,-10px)}45%{transform:translate(-9px,-6px)}60%{transform:translate(7px,7px)}80%{transform:translate(-3px,2px)}to{transform:translate(0)}}.fin-shards{opacity:0;animation:.45s .3s forwards fin-fade-in;position:absolute;inset:0}@keyframes fin-fade-in{to{opacity:1}}.fin-shard{position:absolute}.fin-root.is-shatter .fin-shard,.fin-root.is-terminal .fin-shard,.fin-root.is-out .fin-shard{animation:fin-fall 1.1s cubic-bezier(.55, .05, .9, .6) var(--delay) forwards}.fin-root.is-shatter .fin-shard{will-change:transform, opacity}@keyframes fin-fall{to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:0}}.fin-cracks{width:100%;height:100%;position:absolute;inset:0}.fin-root.is-shatter .fin-cracks,.fin-root.is-terminal .fin-cracks,.fin-root.is-out .fin-cracks{opacity:0;transition:opacity .45s}.fin-flash{opacity:0;background:#fff;animation:.7s ease-out .75s fin-flash;position:absolute;inset:0}@keyframes fin-flash{0%{opacity:0}8%{opacity:.85}to{opacity:0}}.fin-flash-2{background:#c9d1d9;animation:none}.fin-root.is-shatter .fin-flash-2{animation:.6s ease-out fin-flash2}@keyframes fin-flash2{0%{opacity:.25}to{opacity:0}}.fin-stage{opacity:0;background:radial-gradient(70% 50% at 50% 15%,#58a6ff1f,#0000 70%),#010409e0;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;min-height:0;padding:1.5rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.fin-root.is-shatter .fin-stage,.fin-root.is-terminal .fin-stage,.fin-root.is-out .fin-stage{opacity:1}.fin-root .fin-term{pointer-events:none;grid-template-rows:min-content minmax(0,1fr) min-content;width:min(1040px,100%);min-width:0;height:min(760px,100dvh - 3rem);min-height:0;max-height:100%;transition:opacity .5s,transform .5s,filter .5s;animation:none;display:grid}.fin-stage.is-opening .fin-term{opacity:.12;filter:blur(3px);transform:scale(.96)}.fin-term .terminal-titlebar,.fin-term .terminal-output,.fin-term .terminal-input-area{min-width:0}.fin-term .terminal-output{overscroll-behavior:contain;min-height:0;overflow:auto}.fin-term .terminal-send{place-items:center;padding:0;line-height:1;display:grid}.fin-term-body{color:#c9d1d9;min-height:0;font-family:var(--font-mono), monospace;padding:1.1rem 1.2rem;font-size:clamp(.7rem,1.7vw,.92rem);line-height:1.65;display:block}.fin-placeholder{color:#4a5362;white-space:nowrap;font-size:.92rem}.fin-line{overflow-wrap:anywhere}.fin-prompt{color:#3fb950;font-weight:700}.fin-out{color:#8b949e}.fin-ok{color:#7ee787}.fin-del{color:#ff7b72;background:#f8514926}.fin-add{color:#7ee787;background:#3fb9502e}.fin-type{color:#e6edf3;vertical-align:bottom;white-space:nowrap;max-width:100%;animation:fin-typing calc(var(--n) * 22ms) steps(var(--n)) both;display:inline-block;overflow:hidden}@keyframes fin-typing{0%{width:0}to{width:calc(var(--n) * 1ch)}}.fin-line.is-last:after{vertical-align:text-bottom;content:"";background:#3fb950;width:.6em;height:1.05em;margin-left:3px;animation:1s step-end infinite fin-blink;display:inline-block}.fin-bar{vertical-align:baseline;border:1px solid #3fb950;width:8ch;height:.7em;display:inline-block}.fin-bar b{background:#3fb950;width:0;height:100%;animation:.9s ease-out forwards fin-bar;display:block}@keyframes fin-bar{to{width:100%}}.fin-open{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;padding:1.5rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.fin-stage.is-opening .fin-open{opacity:1}.fin-open p{color:#fff;overflow-wrap:anywhere;letter-spacing:-.02em;text-align:center;text-shadow:0 0 24px #3fb950bf;max-width:100%;margin:0;font-size:clamp(1.25rem,5.2vw,3.4rem);font-weight:800}.fin-dots:after{content:"";animation:1.2s step-end infinite fin-dots}@keyframes fin-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.fin-pr{background:#0d1117;border:1px solid #30363d;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem .9rem;padding:.7rem 1rem;font-size:clamp(.7rem,1.7vw,.9rem);display:flex}.fin-pr-badge{color:#fff;background:#8957e5;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-weight:700;display:inline-flex}.fin-pr-title{color:#e6edf3;font-weight:700}.fin-pr-title em{color:#8b949e;font-style:normal;font-weight:400}.fin-pr-branch{color:#58a6ff;background:#58a6ff26;border-radius:6px;align-items:center;gap:.35rem;padding:.15rem .55rem;display:inline-flex}.fin-skip{right:1rem;bottom:calc(.8rem + env(safe-area-inset-bottom,0px));color:#484f58;font-size:.7rem;position:absolute}@media (max-width:768px){.fin-root{inset:var(--fin-vvt,0px) 0 auto;height:var(--fin-vvh,100dvh)}.fin-stage{padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.fin-root .fin-term{border-radius:0;width:100%;height:100%;max-height:100%}.fin-term .terminal-titlebar{min-height:calc(50px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.fin-term .terminal-input-area{padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px))}}@media (max-height:480px) and (min-width:769px){.fin-stage{padding-block:.5rem}.fin-root .fin-term{height:calc(100dvh - 1rem)}}
.hero,.landing-section,.landing-join-section{--card-bg:linear-gradient(145deg, #161b22f5, #0d1117f5);--card-radius:14px;--card-pad:clamp(1rem, 2.2vw, 1.5rem);--bento-gap:clamp(.75rem, 1.6vw, 1rem)}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;width:min(1200px,100% - 3rem);min-height:clamp(560px,100svh - 104px,820px);margin-inline:auto;padding:3rem 0 6rem;display:grid;position:relative}.hero-copy{z-index:2;max-width:760px;position:relative}.hero-github-mark{background:#f6f8fa;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:1.5rem;display:grid;box-shadow:0 0 28px #58a6ff38}.hero-github-mark svg{fill:#0d1117;width:74%;height:74%}.hero h1{letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 28px #010409;max-width:none;margin:0;font-size:clamp(3rem,5vw,4.75rem);line-height:1.02}.hero-cta{border-radius:10px;min-height:50px;margin-top:0;padding-inline:1.2rem;box-shadow:0 8px 24px #3fb95026}.hero-cta svg{transition:transform var(--control-transition)}.hero-cta:hover svg{transform:translate(3px)}.hero-description{max-width:520px;color:var(--text-dim);margin:1.25rem 0 0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.hero-secondary{min-height:44px;color:var(--text-body);align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-secondary:hover{color:var(--text-heading)}.hero-cta:focus-visible,.hero-secondary:focus-visible{outline:var(--control-focus);outline-offset:var(--control-focus-offset)}.hero .eyebrow{text-shadow:0 2px 18px #010409;margin:1rem 0 0;font-size:clamp(1rem,1.25vw,1.3rem)}.scroll-hint{z-index:2;min-width:44px;min-height:44px;color:var(--text-dim);font-family:var(--font-mono);justify-items:center;gap:.4rem;font-size:.75rem;text-decoration:none;display:grid;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-hint-mouse{border:2px solid;border-radius:12px;width:22px;height:34px;position:relative}.scroll-hint-mouse:after{background:var(--accent-blue);content:"";border-radius:2px;width:3px;height:6px;animation:1.8s ease-in-out infinite scroll-hint;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll-hint{0%,to{opacity:1;transform:translate(-50%)}60%{opacity:0;transform:translate(-50%,10px)}}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);min-height:clamp(600px,100svh - 104px,780px);padding-top:2.5rem}.hero h1{max-width:620px;font-size:clamp(2.75rem,8vw,4rem)}}@media (max-width:700px){.hero{width:calc(100% - 2rem)}.hero-github-mark{width:64px;height:64px;margin-bottom:1.25rem}.hero-actions{gap:.65rem 1rem}}@media (max-height:620px){.scroll-hint{display:none}}.landing-section{width:min(1200px,100% - 3rem);margin:0 auto;padding:clamp(4rem,9vw,8rem) 0;position:relative}.landing-section-heading{text-align:center;margin:0 auto clamp(2rem,4vw,3.25rem)}.landing-section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.3rem)}.section-command{color:var(--accent-blue);font-family:var(--font-mono);overflow-wrap:anywhere;margin:.6rem 0 0;font-size:clamp(.8rem,1.6vw,.9rem)}.section-description{max-width:62ch;color:var(--text-body);text-wrap:pretty;margin:1.2rem auto 0;font-size:1rem;line-height:1.6}.functions-grid{gap:var(--bento-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.function-card{min-width:0;min-height:0;padding:var(--card-pad);border:1px solid var(--border-default);border-radius:var(--card-radius);background:var(--card-bg);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.function-card:focus-within{border-color:#58a6ffbf;box-shadow:0 0 25px #58a6ff1f}@media (hover:hover){.function-card:hover{border-color:#58a6ffbf;transform:translateY(-4px);box-shadow:0 0 25px #58a6ff1f}}.function-card-top{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.function-file{min-width:0;color:var(--text-dim);font-family:var(--font-mono);overflow-wrap:anywhere;flex:auto;font-size:.7rem;line-height:1.4;overflow:hidden}.function-icon{background:#0d1117bf;border:1px solid;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.function-icon.gold{color:var(--icon-yellow)}.function-icon.blue{color:var(--accent-blue)}.function-icon.purple{color:var(--icon-purple)}.function-icon.orange{color:var(--icon-orange)}.function-signature{color:var(--text-body);font-family:var(--font-mono);overflow-wrap:anywhere;margin:1.5rem 0 .9rem;font-size:clamp(.85rem,1.2vw,.95rem)}.function-signature span{color:var(--text-dim)}.function-signature strong{color:var(--text-heading)}.function-description{border-left:1px solid var(--border-default);color:#b4bdc7;text-wrap:pretty;margin:0;padding-left:.85rem;font-size:.9rem;line-height:1.55}.function-closing{color:var(--text-dim);font-family:var(--font-mono);margin-top:auto;padding-top:.8rem;display:block}@media (max-width:1000px){.functions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.functions-grid{grid-template-columns:minmax(0,1fr)}.function-card{min-height:0}}.highlights-grid{gap:var(--bento-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.highlights-carousel{grid-column:1/-1;min-width:0}.highlights-carousel-track{gap:var(--bento-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.highlights-carousel-controls{display:none}.workshop-highlight-card{border:1px solid var(--border-default);border-radius:var(--card-radius);background:var(--card-bg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.workshop-poster-frame{background:radial-gradient(#202a38 0%,#0b1018 78%);place-items:center;height:330px;padding:.8rem;display:grid;position:relative;overflow:hidden}.workshop-poster{object-fit:contain}.workshop-highlight-copy{flex-direction:column;flex:1;align-items:flex-start;padding:1rem 1.1rem 1.15rem;display:flex}.workshop-highlight-type{color:var(--accent-blue);font:.68rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase;line-height:1.4}.workshop-highlight-copy h3{color:var(--text-heading);letter-spacing:-.02em;margin:.45rem 0 .35rem;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.3}.workshop-highlight-copy p{color:var(--text-dim);text-wrap:pretty;margin:0;font-size:.88rem;line-height:1.6}.community-link-card{border:1px solid var(--border-default);border-radius:var(--card-radius);background:var(--card-bg);min-width:0;min-height:92px;color:var(--text-body);transition:border-color var(--control-transition), background-color var(--control-transition), transform var(--control-transition);align-items:center;gap:.85rem;padding:1rem 1.15rem;text-decoration:none;display:flex}.community-highlight-links{gap:var(--bento-gap);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}a.community-link-card:hover{border-color:var(--accent-blue);background:var(--card-bg-hover,#171d26);transform:translateY(-2px)}.community-link-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.community-link-copy{flex:1;gap:.3rem;display:grid}.community-link-copy strong{color:var(--text-heading);font-size:.95rem}.community-link-copy>span{color:var(--text-dim);font-size:.79rem;line-height:1.45}.community-link-card>svg{color:var(--accent-blue);flex:none}.community-link-card.linkedin .community-card-icon{color:var(--accent-blue);background:#58a6ff24}.community-link-card.whatsapp .community-card-icon{color:var(--accent-green);background:#3fb9501f}.community-card-icon svg{fill:currentColor;width:21px;height:21px}.community-coming-soon{color:var(--text-dim);font:.68rem var(--font-mono);flex:none}.community-link-card.unavailable{opacity:.82;border-style:dashed}.community-card-icon{width:42px;height:42px;color:var(--accent-green);background:#3fb9501f;border-radius:12px;place-items:center;display:grid}.linkedin-mark{color:var(--accent-blue);letter-spacing:-.06em;background:#58a6ff24;border-radius:9px;font-size:1.05rem;font-weight:800}.highlight-community-card strong{color:var(--text-heading);font-size:1.03rem}.highlight-community-card>span:nth-last-child(2){color:var(--text-dim);font-size:.82rem;line-height:1.5}.community-card-link{min-height:40px;color:var(--accent-blue);align-items:center;gap:.4rem;margin-top:auto;font-size:.82rem;display:flex}.highlight-card-meta{color:var(--text-dim);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.content-badge{color:#8ec5ff;background:#58a6ff14;border:1px solid #58a6ff4d;border-radius:5px;padding:.2rem .4rem}.post-author{align-items:center;gap:.6rem;margin:1rem 0 .6rem;font-size:.8rem;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#3fb950,#58a6ff);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.post-author strong,.post-author small{display:block}.post-author small{color:var(--text-dim);margin-top:.15rem;font-size:.75rem}.highlight-copy{color:var(--text-body);text-wrap:pretty;margin:.5rem 0;font-size:.875rem;line-height:1.55}.post-banner{color:#d8e1e9;min-height:72px;font-family:var(--font-mono);letter-spacing:.04em;background:linear-gradient(115deg,#111c2a,#1b483b 55%,#123b35);border:1px solid #8b949e24;border-radius:9px;flex:1;align-items:flex-end;margin-top:.9rem;padding:.8rem;font-size:.75rem;display:flex}.code-window{border:1px solid var(--border-default);background:#05070a;border-radius:8px;margin-top:1rem;overflow:hidden}.window-dots{border-bottom:1px solid var(--border-default);height:30px;color:var(--text-dim);font-family:var(--font-mono);align-items:center;gap:5px;padding:0 .65rem;font-size:.75rem;display:flex}.window-dots i,.arcade-dots i{background:var(--icon-orange);border-radius:50%;width:8px;height:8px}.window-dots i:nth-child(2),.arcade-dots i:nth-child(2){background:var(--icon-yellow)}.window-dots i:nth-child(3),.arcade-dots i:nth-child(3){background:var(--accent-green)}.window-dots span{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:.3rem;overflow:hidden}.code-lines{color:#aab4bf;font-family:var(--font-mono);padding:.7rem;font-size:.75rem}.code-lines p{text-overflow:ellipsis;white-space:nowrap;margin:.38rem 0;overflow:hidden}.code-lines p:first-child{color:#c9d1d9}.code-lines p span{width:1.7rem;color:var(--text-dim);display:inline-block}.code-lines code{color:#7ee787}.read-more,.view-all-link{min-height:44px;color:var(--accent-blue);text-underline-offset:4px;transition:color var(--control-transition);align-items:center;gap:.35rem;font-size:.875rem;text-decoration:none;display:inline-flex}.read-more:hover,.view-all-link:hover{color:var(--text-heading);text-decoration:underline}.read-more{margin-top:auto}.recap-art{border:1px solid var(--border-default);background:radial-gradient(at 55%,#58a6ff66,#18365b3b 38%,#070b12 75%);border-radius:9px;flex:1;place-items:center;min-height:200px;margin:1rem 0;display:grid;position:relative;overflow:hidden}.recap-orbit{border:1px solid #58a6ff3d;border-radius:50%;width:62%;height:29%;position:absolute;transform:rotate(-25deg)}.recap-orbit.orbit-two{border-color:#bc8cff38;width:82%;height:43%}.recap-art i,.recap-art b,.recap-art em{background:#05070b;border-radius:50%;width:36px;height:36px;position:absolute;bottom:25%}.recap-art i{left:24%}.recap-art b{width:44px;height:44px;left:calc(50% - 22px)}.recap-art em{right:24%}.highlight-card h3{color:var(--text-heading);margin:.5rem 0;font-size:1.05rem}.recap-stats{color:var(--accent-green);font-family:var(--font-mono);margin:.5rem 0 0;font-size:.75rem}.view-all-link{justify-content:center;width:max-content;max-width:100%;margin:1.5rem auto 0;display:flex}@media (max-width:1000px){.highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.highlights-carousel{margin-inline:-1rem}.highlights-grid{grid-template-columns:minmax(0,1fr)}.highlights-carousel-track{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.8rem;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.highlights-carousel-track::-webkit-scrollbar{display:none}.highlights-carousel-track>*{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 min(88vw,390px)}.workshop-poster-frame{height:min(92vw,360px)}.community-link-card{min-height:82px;padding:1rem}.community-highlight-links{grid-column:auto;grid-template-columns:minmax(0,1fr)}.highlights-carousel-controls{width:max-content;color:var(--text-dim);font:.75rem var(--font-mono);align-items:center;gap:.8rem;margin:.75rem auto 0;display:flex}.highlights-carousel-controls button{border:1px solid var(--border-default);background:var(--card-bg);width:42px;height:42px;color:var(--text-heading);cursor:pointer;transition:border-color var(--control-transition), color var(--control-transition), opacity var(--control-transition);border-radius:50%;place-items:center;display:grid}.highlights-carousel-controls button:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.highlights-carousel-controls button:disabled{cursor:default;opacity:.4}.highlights-carousel-controls button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.highlights-slide-current{color:var(--accent-blue)}}.arcade-window{background:radial-gradient(75% 55% at 50% 0%, #58a6ff12, transparent 72%), radial-gradient(65% 65% at 50% 100%, #3fb9500d, transparent 70%), var(--bg-base);border:1px solid #39434d;border-radius:18px;max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 22px 60px #00000057,0 0 50px #58a6ff0d}.arcade-titlebar{border-bottom:1px solid var(--border-default);background:linear-gradient(#151b22,#0e1319);align-items:center;gap:.8rem;min-height:48px;padding:.65rem 1rem;display:flex}.arcade-dots{flex:none;gap:6px;display:inline-flex}.arcade-dots i{background:#3a424d;border-radius:50%;width:9px;height:9px}.arcade-dots i:first-child{background:#ff7b72}.arcade-dots i:nth-child(2){background:#d29922}.arcade-dots i:nth-child(3){background:#3fb950}.arcade-title{color:var(--text-dim);font:700 .7rem var(--font-mono);letter-spacing:.09em;align-items:center;gap:.45rem;display:inline-flex}.arcade-status{color:var(--accent-green);font:.68rem var(--font-mono);margin-left:auto}.arcade-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:.5rem;display:inline-block;box-shadow:0 0 10px #3fb9508c}.arcade-library{padding:clamp(1rem,3vw,2rem)}.arcade-library-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto 1.4rem;display:flex}.arcade-library-heading>div>span{color:var(--accent-green);font:700 .65rem var(--font-mono);letter-spacing:.12em}.arcade-library-heading h3{color:var(--text-heading);letter-spacing:-.04em;text-transform:uppercase;margin:.35rem 0 .2rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.arcade-library-heading p{color:var(--text-dim);margin:0;font-size:.85rem}.arcade-library-link{border:1px solid var(--border-default);min-height:42px;color:var(--text-body);font:700 .65rem var(--font-mono);letter-spacing:.08em;transition:border-color var(--control-transition), color var(--control-transition), background-color var(--control-transition);border-radius:6px;flex:none;align-items:center;gap:.45rem;padding:0 .8rem;text-decoration:none;display:inline-flex}.arcade-library-link:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#58a6ff14}.arcade-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.arcade-game-card{min-width:0;min-height:255px;transition:border-color var(--control-transition), transform var(--control-transition), box-shadow var(--control-transition);background:linear-gradient(155deg,#171d24f5,#0c1015fa 68%);border:1px solid #333d46;border-radius:13px;flex-direction:column;padding:1.15rem;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 10px 26px #0000002e}.arcade-game-card:hover{border-color:#3fb950a6;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff08,0 15px 34px #00000047,0 0 22px #3fb95017}.arcade-machine-top{color:#818b96;min-height:30px;font:700 .58rem var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 0 .45rem;display:flex}.arcade-ready{color:var(--accent-green);align-items:center;gap:.4rem;display:inline-flex}.arcade-ready i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite arcade-ready-pulse;box-shadow:0 0 8px}.arcade-game-copy{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.arcade-game-genre{color:var(--text-dim);font:700 .6rem var(--font-mono);letter-spacing:.12em}.arcade-game-copy h4{color:var(--text-heading);letter-spacing:-.035em;margin:.65rem 0 .4rem;font-size:clamp(1.3rem,2.3vw,1.7rem)}.arcade-game-copy p{color:#aab4bf;text-wrap:pretty;min-height:2.8em;margin:0;font-size:.83rem;line-height:1.55}.arcade-game-footer{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex;position:relative}.arcade-game-detail{color:var(--text-dim);font:700 .58rem var(--font-mono);letter-spacing:.07em}.arcade-game-card .arcade-play-link{letter-spacing:.08em;background:#3fb9501c;border-color:#3fb9506b;min-height:40px;margin:0;padding:0 .8rem;font-size:.66rem;font-weight:700}@keyframes arcade-ready-pulse{50%{opacity:.45;filter:brightness(1.5)}}.arcade-game-card:focus-within{outline:2px solid var(--accent-blue);outline-offset:3px}.arcade-content{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(1rem,2.4vw,1.5rem);padding:clamp(1rem,2.4vw,1.5rem);display:grid}.game-canvas{min-height:280px;color:var(--accent-green);text-align:center;background:linear-gradient(#58a6ff0a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#58a6ff0a 1px,#0000 1px) 0 0/28px 28px,radial-gradient(#3fb95017,#0000 68%),#080d12;border:1px solid #3fb9502e;border-radius:12px;align-content:center;justify-items:center;gap:.85rem;padding:1.5rem;display:grid}.game-canvas svg{filter:drop-shadow(0 0 18px #3fb95047)}.game-canvas strong{color:var(--text-heading);font-size:clamp(1.3rem,2.5vw,1.8rem)}.game-canvas span,.commentary-label,.secret-hint strong{color:var(--accent-green);font:.72rem var(--font-mono)}.arcade-side{align-content:start;gap:.9rem;display:grid}.arcade-commentary,.secret-hint{border:1px solid var(--border-default);background:#0d1117ad;border-radius:12px;padding:1rem}.arcade-commentary p,.secret-hint p{color:var(--text-dim);margin:.6rem 0 1rem;font-size:.9rem;line-height:1.6}.arcade-play-link,.secret-hint a{min-height:44px;color:var(--accent-blue);font:.78rem var(--font-mono);justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.arcade-play-link{border-radius:var(--control-radius);color:var(--accent-green);transition:background-color var(--control-transition), border-color var(--control-transition), transform var(--control-transition), box-shadow var(--control-transition);background:#3fb9501a;border:1px solid #3fb95061;padding:.65rem .9rem}.arcade-play-link:hover{border-color:var(--accent-green);background:#3fb9502b;transform:translateY(-2px);box-shadow:0 6px 18px #3fb9501f}.arcade-play-link:active{box-shadow:none;transform:translateY(1px)scale(.98)}.secret-hint a:hover{text-underline-offset:.2em;text-decoration:underline}.arcade-prompt{max-width:1000px;color:var(--text-dim);font:.7rem var(--font-mono);margin:.75rem auto 0}.arcade-prompt:first-letter{color:var(--accent-green)}.play-card{border:1px solid var(--border-default);background:radial-gradient(70% 90% at 0% 0%, #3fb95012, transparent 60%), var(--bg-base);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);width:min(1000px,100%);margin:0 auto;padding:clamp(1rem,2.5vw,1.5rem);transition:border-color .2s,box-shadow .2s;display:grid}.play-card:hover,.play-card:focus-within{border-color:#58a6ff73;box-shadow:0 0 40px #58a6ff1a}.play-preview{border:1px solid var(--border-default);background:#080d12;border-radius:12px;display:block;overflow:hidden}.play-preview-bar{border-bottom:1px solid var(--border-default);background:var(--bg-card);align-items:center;gap:6px;padding:.55rem .8rem;display:flex}.play-preview-bar i{background:#3a424d;border-radius:50%;width:9px;height:9px}.play-preview-bar span{color:var(--text-dim);font:.68rem var(--font-mono);margin-left:.5rem}.snake-preview-svg{width:100%;height:auto;display:block}.snake-preview-food{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite snake-pulse}@keyframes snake-pulse{50%{opacity:.45}}.play-copy{justify-items:start;gap:.7rem;min-width:0;display:grid}.play-status{color:var(--accent-green);font:.68rem var(--font-mono);letter-spacing:.04em;align-items:center;gap:.5rem;display:inline-flex}.play-status i{background:var(--accent-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #3fb950a6}.play-command{color:var(--text-dim);font:.8rem var(--font-mono);margin:0}.play-copy h3{color:var(--text-heading);margin:0;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:800;line-height:1.05}.play-description{max-width:46ch;color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.65}.play-meta{flex-wrap:wrap;gap:.6rem 1.4rem;margin:.3rem 0;padding:0;list-style:none;display:flex}.play-meta li{color:var(--text-dim);grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;font-size:.7rem;display:grid}.play-meta svg{color:var(--accent-green);grid-row:span 2}.play-meta span{font-family:var(--font-mono)}.play-meta strong{color:var(--text-heading);font-size:.85rem;font-weight:650}.play-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:.4rem;display:flex}.play-button{border-radius:var(--control-radius);background:var(--accent-green);color:#061208;min-height:44px;transition:transform var(--control-transition), box-shadow var(--control-transition), background-color var(--control-transition);align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.play-button:hover{background:#56d364;transform:translateY(-2px);box-shadow:0 6px 18px #3fb95033}.play-button:active{box-shadow:none;transform:translateY(1px)scale(.98)}.play-link{min-height:44px;color:var(--accent-blue);font:.85rem var(--font-mono);align-items:center;text-decoration:none;display:inline-flex}.play-link:hover{text-underline-offset:.2em;text-decoration:underline}@media (max-width:900px){.arcade-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.arcade-game-grid,.arcade-content{grid-template-columns:minmax(0,1fr)}.game-canvas{min-height:220px}.arcade-library-heading{align-items:flex-start}.arcade-library-link{white-space:nowrap}.play-card{grid-template-columns:minmax(0,1fr)}}@media (max-width:440px){.arcade-library-heading{flex-direction:column;align-items:flex-start;gap:.6rem}.arcade-game-card{min-height:220px}}@media (prefers-reduced-motion:reduce){.arcade-ready i{animation:none}.arcade-game-card,.arcade-play-link{transition:none}.arcade-game-card:hover,.arcade-play-link:hover{transform:none}.snake-preview-food{animation:none}.play-button:hover{transform:none}}.landing-join-section{border-radius:var(--card-radius);background:radial-gradient(80% 140% at 0 0,#3fb95017,#0000 60%),linear-gradient(110deg,#0d1117f5,#161b22e6);border:1px solid #58a6ff40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;width:min(1200px,100% - 3rem);margin:0 auto clamp(3rem,6vw,5rem);padding:clamp(1.5rem,4vw,2.5rem);display:flex}.landing-join-section>div{flex:320px;min-width:min(100%,280px)}.landing-join-section h2{color:var(--text-heading);text-wrap:balance;margin:.55rem 0;font-size:clamp(1.5rem,3.4vw,2.25rem)}.landing-join-section p:last-child{color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.55}.landing-join-section .join-button{border-radius:var(--control-radius);flex:none;justify-content:center;align-items:center;gap:.6rem;display:inline-flex}@media (max-width:700px){.landing-section,.landing-join-section{width:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){.scroll-hint-mouse:after,.cat-sleep-mark{animation:none}.function-card:hover,.event-card:hover{transform:none}}