.home-splash .site-footer{margin-top:0}.splash{min-height:max(calc(100svh - var(--header-h)), 640px);background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.splash-canvas{touch-action:manipulation;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.splash-copy{z-index:1;pointer-events:none;width:min(40vw,540px);margin-left:max(1.5rem,50vw - 620px);padding-top:clamp(2rem,9vh,6rem);position:relative}.splash-copy a,.splash-copy button{pointer-events:auto}.splash h1{margin:.4rem 0 1rem;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1}.splash h1 .x{color:var(--accent);font-weight:400}.splash .lead{max-width:34rem}.splash-hud{z-index:1;gap:.6rem;padding:.8rem max(1.5rem,50vw - 620px) 1rem;display:grid;position:absolute;bottom:0;left:0;right:0}.splash-acts{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.splash-acts button{border:1px solid var(--line-2);background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(6px);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.32rem .8rem .32rem .4rem;font-size:.84rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.splash-acts button:hover{color:var(--fg)}.splash-acts .n{background:var(--surface);width:1.4rem;height:1.4rem;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.75rem;display:inline-grid}.splash-acts button[aria-pressed=true]{border-color:var(--accent);color:var(--fg)}.splash-acts button[aria-pressed=true] .n{background:var(--accent);color:var(--accent-ink)}.splash-acts button[aria-pressed=true]:after{content:"";height:2px;width:calc(var(--p,0) * 100%);background:var(--accent);position:absolute;bottom:0;left:0}.splash-line{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.splash-caption{border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(6px);flex:280px;min-height:2.2rem;margin:0;padding:.45rem .75rem;font-size:.88rem}.splash-caption[hidden]{display:none}.splash-caption .topic{font-weight:700}.splash-caption .uses{color:var(--muted)}.splash-caption .uses a{color:var(--comp)}.splash-ctrls{gap:.5rem;display:flex}@media (width<=899px){.splash{min-height:0}.splash-copy{order:1;width:auto;margin:0;padding:2rem 1.25rem .5rem}.splash-canvas{order:2;height:clamp(340px,56svh,480px);position:relative}.splash-hud{order:3;padding:.6rem 1.25rem 1rem;position:relative}}