.home .mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.home .wrap{max-width:1360px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));margin:0 auto}.home #stage{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.home section,.home footer,.home header{position:relative}.home .layer{z-index:2;position:relative}.home .on-dark:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#f2f1ec0e 1px,#0000 1.35px) 0 0/14px 14px;position:absolute;inset:0}.home .on-dark:after{content:"";z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.home h1,.home h2,.home h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:400}.home .bracket{cursor:pointer;min-height:44px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid;align-items:center;gap:10px;padding:0 20px;font-size:11px;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.home .on-dark .bracket:hover{background:var(--paper);color:var(--ink)}.home .on-light .bracket:hover{background:var(--ink);color:var(--paper)}.home .top{z-index:20;padding-top:env(safe-area-inset-top,0px);mix-blend-mode:difference;color:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.home .top .wrap{align-items:center;gap:28px;padding-block:20px;display:flex}.home .top img{width:auto;height:22px;display:block}.home .top nav{gap:28px;margin-inline-start:auto;display:flex}.home .top nav a{text-decoration:none}.home .top.hide{transform:translateY(-110%)}.home .hero{align-items:flex-end;min-height:100svh;display:flex}.home .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px;width:100%;padding-block:120px 48px;display:grid}.home .hero h1{font-size:clamp(34px,4.6vw,72px);font-weight:300;line-height:1.02}.home .hero h1 em{color:var(--ember);font-style:normal}.home .hero p.lead{color:#cfcec8;max-width:470px;margin:22px 0 0;font-size:17px}.home .console{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;max-width:560px;margin-top:34px;display:grid}.home .field{flex-direction:column;gap:8px;display:flex}.home .field label{color:var(--mute-d)}.home .field select,.home .field input{font:300 22px var(--body);color:var(--paper);appearance:none;background:0 0;border:0;border-bottom:1px solid #3a3a37;border-radius:0;width:100%;padding:8px 0}.home .field select option{background:var(--ink)}.home .field.a select,.home .field.a input{border-bottom-color:var(--ember)}.home .field.b select,.home .field.b input{border-bottom-color:var(--tide)}.home .readout{color:var(--mute-d);flex-wrap:wrap;grid-column:1/-1;gap:6px 22px;padding-top:6px;display:flex}.home .readout b{color:var(--paper);font-weight:500}.home .hero-side{text-align:end;color:var(--mute-d);flex-direction:column;justify-content:flex-end;align-self:stretch;align-items:flex-end;gap:10px;display:flex}.home .legend{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.home .legend i{vertical-align:middle;width:22px;height:2px;margin-inline-end:8px;display:inline-block}.home #loader{z-index:15;pointer-events:none;flex-direction:column;justify-content:flex-end;display:none;position:fixed;inset:0}.home #loader .wrap{justify-content:space-between;align-items:end;gap:20px;width:100%;padding-block:40px;display:flex}.home #loader .count{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(48px,8vw,120px);font-weight:300;line-height:.8}.home #loader img{opacity:0;width:min(420px,60vw)}.home .tag{z-index:3;pointer-events:none;white-space:nowrap;transition:opacity .3s;position:fixed;top:0;left:0}.home .tag b{font:500 12px var(--mono);letter-spacing:.1em;display:block}.home .tag span{font:400 10px var(--mono);letter-spacing:.1em;color:var(--mute-d);display:block}.home .how{height:420vh}.home .how .sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0}.home .how .wrap{grid-template-columns:minmax(0,440px) 1fr;gap:40px;width:100%;display:grid}.home .steps{flex-direction:column;gap:6px;margin-top:28px;display:flex}.home .step{color:#8a8983;border-top:1px solid #2a2a28;padding:16px 0;transition:color .4s}.home .step h3{margin:6px 0;font-size:18px;font-weight:400}.home .step p{max-height:0;margin:0;font-size:14px;transition:max-height .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.home .step.on{color:var(--paper)}.home .step.on p{color:#bdbcb6;max-height:120px}.home .meter{background:#2a2a28;height:2px;margin-top:22px}.home .meter i{background:var(--ember);width:0;height:2px;display:block}.home .on-light{background:var(--stone);color:var(--ink)}.home .print .wrap{grid-template-columns:minmax(0,520px) 1fr;align-items:center;gap:40px;min-height:100svh;padding-block:140px;display:grid}.home .print h2,.home .feed h2,.home .rules h2{font-size:clamp(28px,3.4vw,52px);font-weight:300;line-height:1.04}.home .print p{color:#3c3b37;max-width:460px}.home .controls{gap:20px;max-width:460px;margin-top:30px;display:grid}.home .controls label{color:var(--mute-l);flex-direction:column;gap:10px;display:flex}.home .controls select{border:0;border-bottom:1px solid var(--ink);font:400 18px var(--body);color:var(--ink);background:0 0;border-radius:0;padding:8px 0}.home input[type=range]{appearance:none;background:0 0;width:100%;height:24px}.home input[type=range]::-webkit-slider-runnable-track{background:var(--ink);height:1px}.home input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ember);border:0;border-radius:0;width:18px;height:18px;margin-top:-9px}.home input[type=range]::-moz-range-track{background:var(--ink);height:1px}.home input[type=range]::-moz-range-thumb{background:var(--ember);border:0;border-radius:0;width:18px;height:18px}.home .sum{font:400 28px var(--display);letter-spacing:-.02em;color:var(--ink);text-transform:none}.home .state{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:8px;display:flex}.home .chip{border:1px solid;align-items:center;gap:8px;padding:7px 10px;transition:background .3s,color .3s;display:inline-flex}.home .chip.flash{background:var(--ember);color:var(--ink);border-color:var(--ember)}.home .feed{background:var(--stone-2);color:var(--ink)}.home .feed .wrap{padding-block:120px}.home .feed-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.home .seg{border:1px solid var(--ink);display:flex}.home .seg button{cursor:pointer;min-height:42px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:0 16px;font-size:11px}.home .seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.home .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.home .card{background:var(--paper);flex-direction:column;gap:18px;padding:22px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.home .card:hover{transform:translateY(-6px)}.home .card .who{font:400 20px var(--display);letter-spacing:-.01em;text-transform:none}.home .card .sub{color:var(--mute-l);font-size:13px}.home .card .row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.home .card .row span:first-child{color:var(--mute-l)}.home .card .row b{font-weight:500}.home .card .diff{color:#a8361a;font-size:13px}.home .badges{flex-wrap:wrap;gap:6px;display:flex}.home .badges span{color:#3c3b37;border:1px solid #b9b8b1;padding:5px 8px;font-size:9.5px}.home .tagline{justify-content:space-between;display:flex}.home .tagline .t{background:var(--ink);color:var(--paper);padding:5px 9px}.home .tagline .t.close{background:var(--ember);color:var(--ink)}.home .card .sent{color:var(--teal);font-size:13px}.home .cursor{z-index:30;background:var(--ember);width:116px;height:116px;color:var(--ink);text-align:center;pointer-events:none;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;line-height:1.3;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.home .rules .wrap{padding-block:130px}.home .rules-head{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:24px 40px;margin-bottom:40px;display:grid}.home .rules-head p{color:#bdbcb6;margin:0}.home .tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;display:grid}.home .tile{flex-direction:column;justify-content:space-between;gap:16px;min-height:440px;padding:26px;display:flex;position:relative;overflow:hidden}.home .tile h3{text-align:center;font-size:22px;font-weight:400;line-height:1.08}.home .tile canvas{width:100%;height:210px;display:block}.home .tile p{margin:0;font-size:14px}.home .t1{color:var(--paper);background:#151514}.home .t2{background:var(--teal);color:var(--paper)}.home .t3{background:var(--ember);color:var(--ink)}.home .t4{background:var(--paper);color:var(--ink)}.home .foot{flex-direction:column;justify-content:flex-end;min-height:100svh;display:flex}.home .foot .wrap{width:100%;color:var(--mute-d);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:48px;display:flex}.home .foot nav{flex-wrap:wrap;gap:20px;display:flex}.home .foot nav a{text-decoration:none}.home .example{color:var(--mute-d)}.home .on-light .example{color:var(--mute-l)}@media (max-width:860px){.home .top nav{display:none}.home .hero .wrap{grid-template-columns:1fr}.home .hero-side{display:none}.home .how .wrap,.home .print .wrap,.home .rules-head{grid-template-columns:1fr}.home .how .sticky{align-items:flex-end}.home .how .wrap{padding-bottom:28px}.home .step p{font-size:13px}.home .step:not(.on){display:none}.home .step.on p{max-height:none}.home .print .wrap{padding-top:58svh}.home .hero .wrap{padding-top:30svh;padding-bottom:24px}.home .hero p.lead{margin-top:14px;font-size:15px}.home .console{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:20px}.home .field select,.home .field input{font-size:18px}.home .readout{gap:4px 14px;padding-top:0}.home .hero-cta{grid-column:1/-1;margin-top:8px}.home .tag-net{display:none}}@media (prefers-reduced-motion:reduce){.home .card,.home .top,.home .step p,.home .chip{transition:none}}.home .tag-net b{letter-spacing:.12em;font-size:10px}.home .tag-net span{font-size:9px}.home .tag-net{transition:none}.home .legend i.dot{border-radius:50%;width:7px;height:7px}.home .hero-cta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.home .bracket.solid{background:var(--ember);border-color:var(--ember);color:var(--ink)}.home .bracket.solid:hover{background:var(--paper);border-color:var(--paper)}.home.no-gl #stage,.home.no-gl .tag{display:none}@media (min-width:860px) and (prefers-reduced-motion:no-preference){.home.intro #loader{animation:.3s .75s both hx-out;display:flex}.home.intro #loader img{animation:.4s .1s both hx-in}.home.intro #loader .count{opacity:0}.home.intro .hero .wrap>div>.mono{animation:.4s .6s both hx-in}.home.intro .split-hero{animation:.6s cubic-bezier(.16,1,.3,1) .55s both hx-rise}.home.intro .hero .lead{animation:.4s .7s both hx-in}.home.intro .console{animation:.4s .78s both hx-in}.home.intro .hero-side{animation:.4s .8s both hx-in}}@keyframes hx-in{0%{opacity:0}to{opacity:1}}@keyframes hx-rise{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes hx-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.home .rules-more{margin-top:40px}.home .hero h1 em{display:block}.home.lite #stage,.home.lite .tag,.home.lite #loader,.home.lite .cursor{display:none}.home.lite .how{height:auto}.home.lite .how .sticky{height:auto;display:block;position:static}.home.lite .step{color:var(--paper)}.home.lite .step p{color:#bdbcb6;max-height:none}.home.lite .meter{display:none}@media (max-width:860px){.home.lite .hero{min-height:0;display:block}.home.lite .hero .wrap{padding-top:96px;padding-bottom:28px}.home.lite .how .wrap{gap:0;padding-block:36px 24px}.home.lite .step:not(.on){display:block}.home.lite .how .wrap>div:last-child{display:none}.home.lite .print .wrap{min-height:0;padding-block:48px}.home.lite .print-art{width:min(100%,240px);color:var(--ink);margin-inline:auto;display:block}.home.lite .rules .wrap,.home.lite .feed .wrap{padding-block:48px}.home.lite .tile{gap:12px;min-height:0;padding:20px}.home.lite .tile canvas{height:150px}body:has(.home.lite) .site-footer{padding-top:40px}body:has(.home.lite) .footer-grid{gap:20px}body:has(.home.lite) .footer-grid ul{flex-wrap:wrap;gap:6px 18px;margin-top:8px;display:flex}.home.lite .foot{display:none}}
