:root{--bg:#fbf7e6;--bg-2:#f4eed3;--panel:#fffcf1;--panel-2:#f8f2dc;--ink:#1a0a2e;--ink-2:#3a2552;--muted:#7a6a86;--line:#e6ddb8;--line-2:#d2c592;--accent:#3d1869;--accent-2:#2c0f50;--accent-soft:#ebe2f2;--dark:#1a0a2e;--dark-2:#251240;--on-accent:#fbf7e6;--on-dark:#fbf7e6;--inv-ink:#fbf5d8;--inv-ink-2:#d9cce6;--inv-muted:#a898b8;--inv-label:#f2d45c;--inv-line:#4f3a6e;--inv-rule:#33204f;--inv-dots:#3f2a5c;--lead-muted:#8a7a95;--shadow:#280f4642;--cat-1:#6b3fa0;--cat-2:#c2650a;--warn:#8a5a12;--bad:#9b2c22;--sans:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--radius:10px;--wrap:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#170a28;--bg-2:#1e0f33;--panel:#231238;--panel-2:#1c0d30;--ink:#fbf5d8;--ink-2:#e6dcb6;--muted:#a898b8;--line:#3a2654;--line-2:#57407a;--accent:#f2d45c;--accent-2:#e6c43d;--accent-soft:#33234a;--dark:#fbf5d8;--dark-2:#f2ead0;--on-accent:#1a0a2e;--on-dark:#1a0a2e;--inv-ink:#1a0a2e;--inv-ink-2:#3a2552;--inv-muted:#6f5f7c;--inv-label:#3d1869;--inv-line:#c9bb88;--inv-rule:#e2d7ae;--inv-dots:#ddd09e;--lead-muted:#9d8db0;--shadow:#00000080;--cat-1:#bb8d18;--cat-2:#9a72f2;--warn:#e3a24a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;position:relative}.wrap.wide{max-width:1260px}.center{text-align:center}.dim{color:var(--muted)}.loader{z-index:100;background:var(--bg);place-content:center;justify-items:center;gap:18px;transition:transform .75s cubic-bezier(.7,0,.2,1),opacity .75s;display:grid;position:fixed;inset:0}.loader:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 70%);mask-image:radial-gradient(circle,#000 0,#0000 70%)}.loader.leaving{transform:translateY(-100%)}.loader-corner{font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--muted);position:absolute}.loader-corner.tl{top:24px;left:24px}.loader-corner.tr{top:24px;right:24px}.loader-corner.bl{bottom:24px;left:24px}.loader-corner.br{color:var(--ink);bottom:24px;right:24px}.loader-drawing{width:220px;height:auto;position:relative}.loader-drawing path{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.6,0,.3,1) forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.loader-title{font:500 15px/1 var(--mono);letter-spacing:.32em;min-height:15px;position:relative}.loader-bar{background:var(--line);width:220px;height:2px;position:relative;overflow:hidden}.loader-bar span{background:var(--accent);transform-origin:0;position:absolute;inset:0}.loader-stage{font:11px/1 var(--mono);letter-spacing:.14em;color:var(--muted);position:relative}.nav{z-index:20;background:color-mix(in srgb, var(--bg) 95%, transparent);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;display:inline-flex}.brand b{font-weight:600}.brand span{color:var(--muted);font-weight:500}.brand.light{color:var(--inv-ink)}.logo{width:22px;height:22px}.nav-links{gap:28px;font-size:14px;display:flex}.nav-links a{color:var(--ink-2);transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{gap:10px;display:flex}.btn{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:13px 20px;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff26,0 1px 2px #00000026}.btn-accent:hover{background:var(--accent-2)}.btn-light{background:var(--panel);border-color:var(--line);box-shadow:0 1px 2px #0000000f}.btn-outline{border-color:var(--inv-line);color:var(--inv-ink)}.btn-outline:hover{border-color:var(--inv-muted)}.label{font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--accent);white-space:pre;align-items:center;gap:10px;margin-bottom:26px;display:inline-flex}.label-mark{color:var(--ink-2);font-size:13px}.label-dark{color:var(--inv-label)}.label-dark .label-mark{color:var(--inv-muted)}.lead{letter-spacing:-.045em;text-wrap:balance;max-width:17ch;margin:0 auto;font-size:clamp(38px,6.2vw,78px);font-weight:500;line-height:1.02}h2.lead{letter-spacing:-.035em;max-width:22ch;font-size:clamp(32px,4.6vw,56px);line-height:1.08}.lead .word{white-space:pre;opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1);display:inline-block;transform:translateY(.45em)}.lead.in .word{opacity:1;transform:none}.lead .word.muted{color:var(--lead-muted)}.reveal{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}.intro{padding:70px 0 90px;position:relative}.blueprint{pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.45;background-size:56px 56px;position:absolute;inset:0 0 35%;-webkit-mask-image:radial-gradient(70% 80% at 50% 0,#000 10%,#0000 75%);mask-image:radial-gradient(70% 80% at 50% 0,#000 10%,#0000 75%)}.intro-sub{max-width:620px;color:var(--ink-2);text-wrap:pretty;margin:24px auto 44px;font-size:18px}.closing{background:var(--dark);color:var(--inv-ink);margin-top:130px;padding:120px 0 40px;position:relative;overflow:hidden}.dots{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(60% 70% at 50% 35%,#000 0,#0000 80%);mask-image:radial-gradient(60% 70% at 50% 35%,#000 0,#0000 80%)}.dots:before{content:"";background-image:radial-gradient(var(--inv-dots) 1.1px, transparent 1.3px);will-change:transform;background-size:14px 14px;animation:30s linear infinite drift;position:absolute;inset:-70px 0 0 -140px}@keyframes drift{to{transform:translate(140px,70px)}}.closing-title{letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,62px);font-weight:500;line-height:1.04}.closing-sub{color:var(--inv-ink-2);max-width:520px;margin:22px auto 34px;font-size:17px}.closing-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.footer{border-top:1px solid var(--inv-rule);grid-template-columns:1.6fr repeat(3,1fr);gap:30px;margin-top:140px;padding-top:36px;font-size:14px;display:grid}.footer>div{flex-direction:column;gap:9px;display:flex}.footer a,.footer span{color:var(--inv-ink-2)}.footer a:hover{color:var(--inv-ink)}.footer-head{font:500 12px var(--mono);letter-spacing:.12em;color:var(--inv-muted);margin-bottom:4px}.footer-note{color:var(--inv-muted);margin:6px 0 0}.loader-drawing circle{fill:var(--ink);opacity:0;transform-box:fill-box;transform-origin:50%;animation:.35s ease-out forwards pop}.loader-drawing circle:last-child{fill:var(--accent)}.loader-drawing .hidden-edge{stroke:var(--muted);stroke-width:1px}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}.nav .btn{padding:11px 16px}.thread{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;display:flex}.thread span{border:1px dashed var(--line-2);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:999px;padding:8px 12px}.thread-arrow{color:var(--muted)}.index{border:1px dashed var(--line-2);background:color-mix(in srgb, var(--bg-2) 50%, transparent);margin:80px 0 0;padding:0;list-style:none}.index li+li{border-top:1px dashed var(--line-2)}.index a{grid-template-columns:56px 1fr auto 24px;align-items:center;gap:16px;padding:18px 24px;transition:background .2s;display:grid}.index a:hover{background:var(--panel)}.index-n{font:500 12px var(--mono);color:var(--accent);letter-spacing:.12em}.index-t{letter-spacing:-.02em;font-size:20px;font-weight:500}.index-k{font:500 11px var(--mono);letter-spacing:.12em;color:var(--muted)}.index-go{color:var(--muted);transition:transform .2s,color .2s}.index a:hover .index-go{color:var(--ink);transform:translate(4px)}.section{padding:120px 0 20px}.project .label{margin-bottom:18px}.proj-head{max-width:820px;margin-bottom:44px}.proj-title{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(34px,4.6vw,58px);font-weight:500;line-height:1.02}.proj-what{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:clamp(18px,1.8vw,21px)}.project.is-draft .proj-head:before{content:"DRAFT · HIDDEN IN THE PUBLISHED BUILD";font:500 11px var(--mono);letter-spacing:.12em;color:var(--warn);margin-bottom:10px;display:block}.proj-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:28px;display:grid}.proj-grid.no-demo{grid-template-columns:minmax(0,820px)}.facts{border:1px dashed var(--line-2);background:color-mix(in srgb, var(--bg-2) 45%, transparent)}.fact{border-bottom:1px dashed var(--line-2);padding:20px 24px}.fact-label{font:500 11px var(--mono);letter-spacing:.14em;color:var(--accent);margin-bottom:10px}.fact p{color:var(--ink-2);margin:0}.fact ul{color:var(--ink-2);gap:6px;margin:0;padding-left:18px;display:grid}.fact li::marker{color:var(--muted)}.tags{flex-wrap:wrap;gap:6px;padding:18px 24px 0;display:flex}.tags span{font:11.5px var(--mono);color:var(--ink-2);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:4px 8px}.links{flex-wrap:wrap;align-items:center;gap:8px;padding:18px 24px 22px;font-size:14px;display:flex}.links .btn{padding:10px 14px}mark.todo{background:var(--accent-soft);color:var(--accent-2);outline:1px dashed var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:0 3px}.window{background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 8px color-mix(in srgb, var(--panel) 45%, transparent), 0 40px 80px -30px var(--shadow);border-radius:14px;overflow:hidden}.win-top{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:12px;padding:12px 16px;display:flex}.win-dots{gap:6px;display:flex}.win-dots i{background:var(--line-2);border-radius:50%;width:9px;height:9px}.win-file{font:12px var(--mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.win-live{font:500 10.5px var(--mono);letter-spacing:.12em;color:var(--accent);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:flex}.win-live:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent)}}.demo-body{gap:16px;padding:20px;display:grid}.demo-foot{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.demo-foot code{font:12px var(--mono)}.field{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:6px;display:grid}.field input{font:16px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;outline:0;padding:11px 13px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:12px var(--mono);border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:999px;padding:6px 10px;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--line-2)}.chip.on{background:var(--dark);color:var(--on-dark);border-color:var(--dark)}.readout{border:1px dashed var(--line-2);border-radius:8px;align-content:start;gap:6px;min-height:64px;padding:12px 14px;display:grid}.readout p{margin:0}.readout-row{color:var(--ink-2);justify-content:space-between;gap:12px;font-size:14px;display:flex}.readout-row span{font:12px var(--mono);color:var(--muted)}.readout-row b{font:600 13.5px var(--mono);color:var(--ink);text-align:right}.rule{font:12px var(--mono);color:var(--accent-2);background:var(--accent-soft);white-space:nowrap;border-radius:5px;padding:6px 8px;overflow-x:auto}.warn-text{color:var(--warn)}.bar{background:var(--line);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .25s;display:block}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;flex-wrap:wrap;justify-self:start;padding:2px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:6px 12px;font-size:13px}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #00000014}.lattice-grid{grid-template-columns:280px 1fr;align-items:start;gap:20px;display:grid}.lattice-canvas{border:1px solid var(--line);aspect-ratio:1;border-radius:8px;max-width:100%;display:block;height:auto!important}.lattice-controls{gap:14px;min-width:0;display:grid}.slider{gap:4px;display:grid}.slider span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;display:flex}.slider b{color:var(--ink);font-weight:600}.slider input{width:100%;accent-color:var(--accent)}.json{background:var(--dark);max-height:420px;color:var(--inv-ink-2);font:12px/1.6 var(--mono);border-radius:8px;margin:0;padding:14px 16px;overflow:auto}.nb-page{--ink:#1a0a2e;--ink-2:#3a2552;--muted:#7a6a86;--line:#e6ddb8;--accent-2:#2c0f50;--warn:#8a5a12;border:1px solid var(--line);color:var(--ink);background:#fffdf2;border-radius:8px;gap:12px;padding:18px 20px;font-size:14.5px;display:grid}.nb-page p{margin:0}.nb-head{font:500 11px var(--mono);letter-spacing:.1em;color:var(--muted);border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.nb-head span:first-child{color:var(--ink)}.nb-stats{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid}.nb-stats div{padding:10px 12px;display:grid}.nb-stats div+div{border-left:1px solid var(--line)}.nb-stats span{font:11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.nb-stats b{letter-spacing:-.02em;font-size:20px;font-weight:600}.nb-stats i{font:normal 12px var(--mono);color:var(--muted)}.nb-stats i.good{color:var(--accent)}.nb-table{border-collapse:collapse;width:100%;font-size:13px}.nb-table th{text-align:left;font:500 11px var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:6px 4px}.nb-table td{border-bottom:1px dashed var(--line);padding:6px 4px}.nb-table td:first-child{font:12px var(--mono);color:var(--accent-2)}.nb-ask{font-style:italic;color:var(--warn)!important}@media (width<=1000px){.nav-links{display:none}.proj-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}@media (width<=640px){.wrap{padding:0 16px}.nav{padding:12px 16px}.brand{font-size:16px}.index a{grid-template-columns:36px 1fr 20px;gap:10px;padding:16px}.index-k{display:none}.index-t{font-size:17px}.section{padding-top:90px}.fact,.tags,.links{padding-left:16px;padding-right:16px}.demo-body{padding:14px}.lattice-grid{grid-template-columns:1fr}.lattice-canvas{width:100%!important}.nb-stats b{font-size:16px}.window{box-shadow:0 30px 60px -30px var(--shadow)}.footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lead .word,.reveal{opacity:1;transition:none;transform:none}.dots:before,.win-live:before{animation:none}.loader-drawing path{stroke-dashoffset:0;animation:none}.loader-drawing circle{opacity:1;animation:none}}.proj-grid.wide-demo{grid-template-columns:1fr}.proj-grid.wide-demo .facts{grid-template-columns:1fr 1.4fr 1fr;display:grid}.proj-grid.wide-demo .facts .fact{border-right:1px dashed var(--line-2)}.proj-grid.wide-demo .facts .tags,.proj-grid.wide-demo .facts .links{grid-column:1/-1}.funnel{border:1px dashed var(--line-2);border-radius:8px;grid-template-columns:repeat(5,1fr);display:grid}.funnel div{gap:2px;padding:12px 14px;display:grid}.funnel div+div{border-left:1px dashed var(--line-2)}.funnel b{letter-spacing:-.03em;font-size:26px;font-weight:500;line-height:1.1}.funnel span{color:var(--muted);font-size:12.5px;line-height:1.3}.picker{flex-wrap:wrap;gap:6px;display:flex}.swatch{vertical-align:0;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.chip.on .swatch{box-shadow:0 0 0 2px var(--dark), 0 0 0 3px var(--on-dark)}.loop-grid{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:16px;display:grid}.loop-mesh{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%, var(--panel) 0, var(--panel-2) 80%);border-radius:10px;grid-template-rows:1fr auto;display:grid;overflow:hidden}.mesh-view{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:0;min-height:360px;position:relative}.mesh-view:active{cursor:grabbing}.mesh-view:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.turntable{aspect-ratio:auto;background-repeat:no-repeat;background-size:contain;position:absolute;inset:12px}.mesh-view .turntable{aspect-ratio:1;max-width:100%;height:100%;margin:auto;inset:0}.mesh-view img,.mesh-view .turntable{-webkit-user-drag:none;pointer-events:none}.mesh-wait{font:12px var(--mono);letter-spacing:.1em;color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.mesh-tip{font:11px var(--mono);color:var(--muted);pointer-events:none;position:absolute;bottom:8px;right:10px}.mesh-cap{border-top:1px solid var(--line);color:var(--ink-2);background:var(--panel);padding:10px 14px;font-size:13px;line-height:1.5}.mesh-cap b{font-family:var(--mono)}.loop-side{align-content:start;gap:12px;display:grid}.legend{color:var(--ink-2);gap:6px;font-size:13px;display:grid}.chart-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .axes text{font:11px var(--mono);fill:var(--muted)}.chart .axes .ax-label{font:11px var(--sans);fill:var(--ink-2)}.chart .grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.chart .base{stroke:var(--line-2)}.chart .ghost-line{fill:none;stroke:var(--line-2);stroke-width:1px;opacity:.8}.chart .cross{stroke:var(--muted);stroke-dasharray:3 3}.chart .note-text{font:11px var(--mono);fill:var(--ink-2)}.chart-tip{pointer-events:none;background:var(--dark);color:var(--on-dark);font:12px/1.45 var(--mono);white-space:nowrap;z-index:2;border-radius:6px;padding:7px 10px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-tip i{color:var(--inv-label);font-style:normal}.caveat{border-top:1px dashed var(--line-2);padding-top:12px}.nav-links a.on{color:var(--accent)}.hack-list .label{margin-bottom:24px}.hack{border:1px dashed var(--line-2);background:color-mix(in srgb, var(--bg-2) 45%, transparent);grid-template-columns:220px 1fr;display:grid}.hack+.hack{margin-top:16px}.hack-meta{border-right:1px dashed var(--line-2);align-content:start;gap:8px;padding:24px;display:grid}.hack-date{font:500 12px var(--mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.hack-event{font-weight:600}.hack-award{color:var(--ink-2);font-size:14px}.hack-body{padding:24px 0 0}.hack-body>.proj-title,.hack-body>.proj-what{padding:0 24px}.hack-body .proj-what{margin-bottom:18px}.hack-body .fact{border-top:1px dashed var(--line-2);border-bottom:0}.hack-next .hack-body{padding:24px}@media (width<=1000px){.proj-grid.wide-demo .facts,.loop-grid{grid-template-columns:1fr}.funnel{grid-template-columns:repeat(3,1fr)}.funnel div:nth-child(4){border-left:0}.funnel div:nth-child(n+4){border-top:1px dashed var(--line-2)}}@media (width<=640px){.funnel{grid-template-columns:1fr 1fr}.funnel div{border-top:1px dashed var(--line-2);border-left:0!important}.funnel div:nth-child(-n+2){border-top:0}.funnel div:nth-child(2n){border-left:1px dashed var(--line-2)!important}.mesh-view{min-height:280px}.hack{grid-template-columns:1fr}.hack-meta{border-right:0;border-bottom:1px dashed var(--line-2)}}.site-body{display:grid}.urlbar{background:var(--panel-2);border:1px solid var(--line);font:12px var(--mono);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;margin:10px 12px;padding:6px 12px;display:flex}.urlbar .lock{color:var(--accent);font-size:8px}.urlbar .url{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.url-open{color:var(--accent);white-space:nowrap}.site-frame{border-top:1px solid var(--line);background:var(--dark);position:relative;overflow:hidden}.site-frame iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.site-poster{background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.site-poster img{object-fit:cover;object-position:top;width:100%;height:100%;transition:filter .25s;display:block}.site-poster:hover img{filter:brightness(.8)}.site-play{background:var(--accent);color:var(--on-accent);font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:13px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px -10px #00000080}.elo-players{grid-template-columns:1fr 1fr;gap:10px;display:grid}.elo-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.elo-card.won{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.elo-name{font:500 11px var(--mono);letter-spacing:.12em;color:var(--muted);justify-content:space-between;display:flex}.elo-badge{color:var(--accent)}.elo-rating{align-items:baseline;gap:8px;display:flex}.elo-rating b{letter-spacing:-.04em;font-size:34px;font-weight:500;line-height:1}.elo-rating .up{font:600 13px var(--mono);color:var(--accent)}.elo-rating .down{font:600 13px var(--mono);color:var(--warn)}.elo-card .chip{justify-self:start}.elo-card .chip:disabled{opacity:.6;cursor:default}.elo-sets{flex-wrap:wrap;gap:8px;display:flex}.elo-sets span{font:600 15px var(--mono);background:var(--dark);color:var(--on-dark);border-radius:6px;padding:6px 12px}.elo-sets span.deuce{background:var(--accent);color:var(--on-accent)}.readout-row.total{border-top:1px dashed var(--line-2);margin-top:2px;padding-top:8px}.readout-row.total b{color:var(--accent)}@media (width<=640px){.elo-players{grid-template-columns:1fr}}.closing .btn{cursor:pointer}.btn-outline{background:0 0}.link-btn{all:unset;cursor:pointer;color:var(--inv-ink-2);font-size:14px}.link-btn:hover{color:var(--inv-ink)}.link-btn:focus-visible{outline:2px solid var(--inv-label);outline-offset:2px}.footer{grid-template-columns:1.4fr 1fr 1fr 1fr}@media (width<=1000px){.footer{grid-template-columns:1fr 1fr}}@media (width<=640px){.footer{grid-template-columns:1fr}}.btn .handle{text-transform:none;letter-spacing:.02em}.nav-right{align-items:center;gap:10px;display:flex}.theme-btn{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--ink);border-radius:8px;place-items:center;transition:border-color .2s,transform .2s;display:grid}.theme-btn:hover{border-color:var(--line-2);transform:translateY(-1px)}body{transition:background-color .25s,color .25s}.closing .btn-accent{background:var(--inv-label);color:var(--dark)}.closing .btn-accent:hover{background:var(--inv-label);filter:brightness(1.08)}