@font-face{font-family:InterLocal;src:local("Inter");font-weight:100 900;font-style:normal}
*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:clip;background:#f5f5f2;color:#111}
html{font-family:InterLocal,"Helvetica Neue",Arial,sans-serif}
body{min-height:100svh}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#111;color:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}
.intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#f7f7f4;animation:intro-out .7s cubic-bezier(.7,0,.2,1) 1s forwards;pointer-events:none}
.intro-word{font-size:clamp(3rem,10vw,9rem);font-weight:200;letter-spacing:-.065em;animation:intro-word 1s ease both}
.shell{width:min(100% - clamp(24px,5vw,84px),1600px);margin-inline:auto;padding:clamp(18px,3vw,42px) 0 22px;opacity:0;transform:translateY(12px);animation:site-in .65s ease 1.05s forwards}
.grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:minmax(320px,52vh) minmax(240px,auto) minmax(190px,auto);gap:10px}
.tile{min-width:0;overflow:hidden;border:1px solid #d8d8d3;background:#fff;padding:clamp(20px,2.6vw,42px);display:flex;flex-direction:column}
.hero{grid-column:span 2;justify-content:space-between}.hero h1{font-size:clamp(4.4rem,10vw,10rem);line-height:.78;margin:.2em 0 0;font-weight:200;letter-spacing:-.075em}
.eyebrow,.label,.micro{font-size:.68rem;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#111}
.lede{font-size:clamp(1rem,1.6vw,1.45rem);font-weight:300;max-width:30rem;margin:2rem 0}.join{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.server-address{appearance:none;border:0;background:#111;color:#fff;padding:14px 16px;display:flex;gap:40px;font:inherit;cursor:pointer;max-width:100%}.copy-state{font-size:.62rem;letter-spacing:.15em;align-self:center}
.countdown{justify-content:space-between}.clock{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.clock span{display:flex;flex-direction:column}.clock b{font-size:clamp(2.4rem,5vw,5rem);font-weight:200;letter-spacing:-.06em}.clock small{font-size:.58rem;letter-spacing:.13em}
.rule{grid-column:span 2;display:grid;grid-template-columns:minmax(70px,.3fr) 1fr;gap:24px}.index{font-size:clamp(4rem,8vw,8rem);font-weight:200;line-height:.8;margin:0}.rule h2{font-size:clamp(2rem,4vw,4.8rem);font-weight:300;letter-spacing:-.045em;margin:.25em 0}.rule p:last-child{max-width:42rem;line-height:1.6;color:#555}
.live{grid-row:span 2}.big-stat{font-size:clamp(3.6rem,7vw,7rem);font-weight:200;letter-spacing:-.06em;margin:auto 0 .6em}.big-stat small{font-size:.65rem;letter-spacing:.16em}.live dl{margin:0}.live dl div{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:12px 0}.live dt,.live dd{margin:0;font-size:.82rem}.live dd{font-variant-numeric:tabular-nums}
.principles ul{list-style:none;padding:0;margin:auto 0 0;display:grid;grid-template-columns:1fr 1fr}.principles li{font-size:clamp(1.3rem,2.4vw,2.8rem);font-weight:300;padding:14px 0;border-top:1px solid #ddd}
.note{justify-content:space-between}.note>p:nth-child(2){font-size:clamp(1.3rem,2vw,2.2rem);font-weight:300;line-height:1.25;max-width:30rem}.bottom-links{display:flex;gap:18px}.bottom-links a,footer a{color:inherit;text-underline-offset:3px}
footer{display:flex;justify-content:space-between;gap:20px;padding:16px 2px 0;font-size:.62rem;letter-spacing:.08em;color:#666}
@keyframes intro-word{0%{opacity:0;letter-spacing:.04em}35%{opacity:1}100%{opacity:1;letter-spacing:-.065em}}@keyframes intro-out{to{opacity:0;transform:scale(1.015);visibility:hidden}}@keyframes site-in{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.intro{display:none}.shell{opacity:1;transform:none;animation:none}*{scroll-behavior:auto!important}}
@media(max-width:820px){.shell{width:calc(100% - 24px);padding-top:12px}.grid{display:flex;flex-direction:column;gap:8px}.tile{min-height:auto;padding:22px}.hero{min-height:68svh}.hero h1{font-size:clamp(4rem,22vw,7rem)}.countdown{min-height:300px}.clock{grid-template-columns:repeat(4,1fr);gap:8px}.clock b{font-size:clamp(2rem,10vw,3.2rem)}.rule{display:grid;grid-template-columns:70px 1fr}.live{min-height:390px}.principles ul{grid-template-columns:1fr}.note{min-height:260px}footer{flex-direction:column}}
@media(max-width:430px){.server-address{width:100%;justify-content:space-between;gap:12px}.rule{grid-template-columns:1fr}.index{font-size:4rem}.clock small{font-size:.5rem}.eyebrow{letter-spacing:.1em}}