.decorative-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}main,footer{z-index:1;position:relative}.decoration-control{min-height:40px;color:var(--color-fg-dim);background:0 0;border:0;align-items:center;gap:.6rem;margin-top:1rem;padding:.25rem 0;font-size:.7rem;display:inline-flex}.decoration-control:hover:not(:disabled){color:var(--color-accent)}.decoration-control:disabled{cursor:default}.transformer-hero-copy>.decoration-control{display:flex}.games-section{border-top:1px solid var(--color-line);grid-template-columns:.9fr 1.1fr;align-items:center;gap:2rem;padding-block:7rem;display:grid}.games-copy{min-width:0}.games-title{margin-block:1.5rem 2rem;font-size:clamp(2.4rem,4.8vw,4.5rem);font-weight:500;line-height:1.05}.games-soon{color:var(--color-fg);letter-spacing:-.045em;margin:0 0 1rem;font-size:clamp(1.7rem,2.8vw,2.65rem)}.games-soon>span{color:var(--color-accent)}.games-cursor{margin-left:.3rem}.games-description{color:var(--color-fg-dim);font-size:.85rem;line-height:1.8}.games-art{min-width:0;height:420px}.games-fallback{width:100%;height:100%}@media (width<=767px){.games-section{grid-template-columns:1fr;gap:0;padding-block:4rem 2rem}.games-art{height:320px}}.transformer-hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);padding-block:5rem;display:grid}.transformer-hero-copy{min-width:0;padding-bottom:1.75rem}.transformer-name{font-size:clamp(3rem,7vw,6rem);font-weight:800}.transformer-intro{color:var(--color-fg-dim);text-wrap:pretty;margin-top:1.8rem;font-size:.875rem;line-height:1.85}.transformer-intro>span{color:var(--color-fg)}.transformer-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.8rem;display:flex}.transformer-hero-actions .btn{padding-inline:1rem;font-size:.76rem}.transformer-github{color:var(--color-fg-dim);align-items:center;gap:.7rem;margin-top:1.75rem;font-size:.75rem;display:inline-flex}.transformer-github:hover{color:var(--color-fg)}.transformer-explorer{min-width:0;margin:0}.transformer-heading{color:var(--color-fg-dim);justify-content:space-between;align-items:baseline;gap:1rem;font-size:.75rem;display:flex}.transformer-heading h2{font:inherit;letter-spacing:.025em;margin:0;font-size:.75rem}.transformer-heading>span{text-align:right}.transformer-stage{background-image:radial-gradient(#a5a0bd20 .6px,#0000 .7px);background-size:21px 21px;height:clamp(400px,41vw,535px);margin-top:.75rem;position:relative}.transformer-viewport{position:absolute;inset:0 12% 1rem -8%}.transformer-viewport canvas{width:100%;height:100%;display:block}.transformer-fallback{position:absolute;inset:0}.transformer-static{width:100%;height:100%;display:block}.transformer-labels{width:22%;color:var(--color-fg-dim);flex-direction:column;justify-content:space-between;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex;position:absolute;inset:12% 0 13% auto}.transformer-labels li{align-items:center;gap:.5rem;display:flex}.transformer-labels li:before{content:"";background:var(--color-fg-mute);flex-shrink:0;width:1.1rem;height:1px}.transformer-labels li[data-active=true]{color:var(--color-fg);font-weight:700}.transformer-labels li[data-active=true]:before{background:var(--color-fg);height:3px}.transformer-formula{letter-spacing:.015em;color:var(--color-fg-dim);font-size:.75rem;position:absolute;bottom:.5rem;left:5%}.transformer-stages{border:0;border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1.15fr 1.5fr 1fr;min-width:0;margin:0;padding:0;display:grid}.transformer-stages button{color:var(--color-fg-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:48px;padding:.5rem .35rem;font-size:.75rem}.transformer-stages button>span{font-size:.6875rem}.transformer-stages button[aria-pressed=true]{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}.transformer-stages button:hover{color:var(--color-fg);background:#25ac7c08}.transformer-explanation{min-height:3.7em;color:var(--color-fg);margin:1rem 0 .3rem;font-size:.74rem;line-height:1.7;display:block}.transformer-controls{justify-content:flex-end;align-items:center;gap:1rem;min-height:40px;display:flex}.transformer-controls button{min-height:40px;color:var(--color-fg-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:.75rem}.transformer-controls button>span{vertical-align:-.05em;margin-right:.2rem;font-size:.95rem}.transformer-controls button:hover:not(:disabled){color:var(--color-fg)}.transformer-controls button:disabled{cursor:default}.transformer-load-status{color:var(--color-fg-dim);font-size:.75rem;line-height:1.6}.transformer-explorer button:focus-visible,.transformer-hero a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (width>=1400px){.transformer-stage{height:540px}}@media (width<=1023px){.transformer-hero{grid-template-columns:1fr;gap:2rem;padding-block:2.5rem 3.5rem}.transformer-hero-copy{max-width:650px;padding-bottom:0}.transformer-name{font-size:clamp(4rem,12vw,6.5rem);font-weight:800}.transformer-explorer{justify-self:center;width:100%;max-width:680px}.transformer-stage{height:clamp(400px,72vw,560px)}.transformer-intro{font-size:.875rem}}@media (width<=480px){.transformer-hero{gap:2.8rem}.transformer-heading{font-size:.7rem}.transformer-heading h2{font-size:.6875rem}.transformer-stage{height:390px}.transformer-viewport{left:-9%;right:9%}.transformer-labels{width:23%;font-size:.75rem;inset-block:15% 16%}.transformer-labels li{gap:.3rem}.transformer-labels li:before{width:.5rem}.transformer-stages button{font-size:.75rem;line-height:1.7}.transformer-stages button>span{display:block}.transformer-formula{font-size:.6875rem;left:0}.transformer-explanation{min-height:5.1em;font-size:.75rem;display:block}.transformer-github{font-size:.75rem}}.training-guide{grid-column:1/-1;min-width:0;scroll-margin-top:5rem}.training-guide h2{letter-spacing:-.045em;margin:0 0 1.6rem;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:800;line-height:1.25}.training-rail{border:0;grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;margin:0 0 1.7rem;padding:0;display:grid}.training-rail button{border:0;border-bottom:2px solid var(--color-line);min-height:58px;color:var(--color-fg-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;padding:0 .4rem 1.3rem 0;font-size:.72rem;position:relative}.training-rail button[aria-pressed=true]{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}.training-rail button:hover{color:var(--color-fg)}.training-rail-dot{background:var(--color-fg-mute);outline:3px solid var(--color-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-6px;left:0}.training-rail button[aria-pressed=true] .training-rail-dot{background:var(--color-accent);width:12px;height:12px}.training-details{border-block:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding-block:1.4rem;display:grid}.training-details>div+div{border-left:1px solid var(--color-line);padding-left:1.5rem}.training-details h3{margin:0 0 .65rem;font-size:.83rem;font-weight:700}.training-details p{color:var(--color-fg-dim);margin:0;font-size:.78rem;line-height:1.75}.training-journey-note{color:var(--color-fg-dim);margin:1rem 0 .5rem;font-size:.72rem;line-height:1.7}.training-sources{color:var(--color-fg-dim);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.69rem;display:flex}.training-sources a{text-underline-offset:3px;align-items:center;min-height:30px;text-decoration:underline;display:inline-flex}.training-illustration-note{color:var(--color-fg-dim);margin:.5rem 0 0;font-size:.7rem}.training-visual-caption{text-align:center;color:var(--color-fg-dim);font-size:.7rem;line-height:1.5;position:absolute;bottom:.2rem;left:0;right:0}.training-scene-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-top:.8rem;display:flex}.training-focus-button{background:var(--color-violet);color:#fff;border:1px solid var(--color-violet);min-height:42px;font:inherit;cursor:pointer;border-radius:999px;padding:.65rem .9rem;font-size:.72rem}.training-focus-button:hover{background:#926bff}.is-neuron .transformer-stage{height:320px}.is-neuron .transformer-viewport{inset:0}.neuron-annotations{pointer-events:none;color:var(--color-fg);font-size:.72rem;position:absolute;inset:0}.neuron-annotations span{line-height:1.5;position:absolute}.neuron-input-label{top:13%;left:9%}.neuron-center-label{top:29%;left:40%}.neuron-loss-label{top:13%;right:8%}.neuron-output-label{top:56%;right:1%}.neuron-phases{border:0;grid-template-columns:1fr 1.2fr 1fr;min-width:0;margin:1rem 0 .6rem;padding:0;display:grid}.neuron-phases button{font:inherit;color:var(--color-fg-dim);border:0;border-bottom:1px solid var(--color-line);cursor:pointer;background:0 0;min-height:44px;padding:.6rem .25rem;font-size:.73rem}.neuron-phases button[aria-pressed=true]{color:var(--color-accent);border-bottom:2px solid var(--color-accent);font-weight:700}.neuron-values{flex-wrap:wrap;gap:.6rem 1rem;font-size:.75rem;line-height:1.7;display:flex}.neuron-parameters,.neuron-gradients{color:var(--color-fg-dim);overflow-wrap:anywhere;margin:.65rem 0;font-size:.7rem;line-height:1.8}.neuron-gradients{color:var(--color-orange)}.neuron-phase-explanation{margin:.6rem 0;font-size:.73rem;line-height:1.75}.neuron-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.8rem;display:flex}.neuron-actions .btn{min-height:42px;padding:.65rem .85rem;font-size:.72rem}.neuron-actions>span{color:var(--color-fg-dim);font-size:.6875rem}.neuron-actions button:disabled{opacity:.55;cursor:default}.neuron-disclaimer{color:var(--color-fg-dim);margin:.8rem 0 0;font-size:.6875rem;line-height:1.75}.training-guide button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media (width<=1023px){.training-guide{margin-top:.5rem}.training-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 0}}@media (width<=600px){.training-details{grid-template-columns:1fr;gap:1.2rem}.training-details>div+div{border-left:0;padding-left:0}.training-rail button{font-size:.69rem}.training-rail button>span:first-child{margin-bottom:.2rem;display:block}.training-scene-actions{align-items:flex-start}.is-neuron .transformer-stage{height:260px}.neuron-annotations{font-size:.6875rem}.neuron-center-label{top:28%;left:35%}.neuron-input-label{top:14%;left:0}.neuron-loss-label{top:14%;right:2%}.neuron-output-label{top:57%;right:0}.neuron-phases button{font-size:.69rem}}