@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0908;--bg-2:#13100e;--card:#fff8eb0b;--card-hover:#fff8eb13;--card-solid:#1a1614;--line:#fff0dc17;--ink:#f5efe6;--muted:#b3a898;--gold:#e3b45c;--gold-hi:#f7d58f;--jade:#2f9a75;--seal:#e0492e;--seal-deep:#9e2a17;--speak:#5b83ff;--good:#59c27a;--on-gold:#1b1206;--display:"Fraunces Variable", Georgia, serif;--ui:"Geist Variable", system-ui, sans-serif;--r-sm:14px;--r-md:22px;--r-lg:32px;--pill:999px;--margin:clamp(16px, 4vw, 48px);--gap:clamp(88px, 12vw, 180px);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}body{background:var(--bg);min-height:100svh;color:var(--ink);font:400 1.0625rem/1.6 var(--ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-variation-settings:"SOFT" 100, "WONK" 1;margin:0;font-weight:600;line-height:1.02}p{text-wrap:pretty;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--gold);color:var(--on-gold)}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:8px}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient span{opacity:.6;width:70vmax;height:70vmax;animation:drift 26s var(--ease-in-out) infinite alternate;border-radius:50%;position:absolute}.ambient span:first-child{background:radial-gradient(closest-side,#e3b45c38,#0000);top:-30vmax;left:-25vmax}.ambient span:nth-child(2){background:radial-gradient(closest-side,#e0492e29,#0000);animation-duration:32s;animation-delay:-8s;top:20vh;right:-30vmax}.ambient span:nth-child(3){background:radial-gradient(closest-side,#5b83ff21,#0000);animation-duration:38s;animation-delay:-16s;bottom:-40vmax;left:10vw}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(6vw,4vh)scale(1.12)}to{transform:translate(-4vw,8vh)scale(.94)}}.pill-button{border-radius:var(--pill);background:linear-gradient(135deg, var(--gold-hi), var(--gold) 55%, #c98d2f);min-height:52px;color:var(--on-gold);font:600 1rem/1 var(--ui);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .24s ease, opacity .2s ease, background-color .2s ease;border:0;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -12px #e3b45cb3}.pill-button:after{content:"";border-radius:inherit;pointer-events:none;transition:transform .7s var(--ease-out);background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.pill-button svg{flex:none}.pill-button:active{transform:scale(.96)}.pill-button[disabled]{cursor:not-allowed;opacity:.5;box-shadow:none}.pill-button.ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.pill-button.danger{color:#ffb4a4;background:#e0492e24;box-shadow:inset 0 0 0 1px #e0492e59}.pill-button.small{min-height:40px;padding:0 18px;font-size:.9375rem}@media (hover:hover) and (pointer:fine){.pill-button:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 16px 40px -14px #e3b45cd9}.pill-button:not([disabled]):hover:after{transform:translate(120%)}.pill-button.ghost:not([disabled]):hover{background:var(--card-hover);box-shadow:inset 0 0 0 1px #fff0dc33}.pill-button.danger:not([disabled]):hover{background:#e0492e3d;box-shadow:inset 0 0 0 1px #e0492e80}}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(14px)}.art{object-fit:contain;border-radius:50%;flex:none;display:inline-block}.art-missing{background:var(--card-hover);width:18px;height:18px}.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar-blank{background:var(--card-hover);display:inline-block}.discord-card{color:#dbdee1;font:400 .9375rem/1.4 var(--ui);background:#2b2d31;border-radius:16px;padding:16px 18px;box-shadow:0 24px 60px -24px #000c}@media (prefers-reduced-motion:reduce){.ambient span,.loop,.loop *{animation:none!important}html{scroll-behavior:auto}}::view-transition-old(root){animation-duration:.32s}::view-transition-new(root){animation-duration:.32s}.landing h2{font-size:clamp(2.25rem,1.4rem + 3.4vw,4.25rem)}.section-lead{max-width:46ch;color:var(--muted);margin-top:18px;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem)}.landing>section{padding:0 var(--margin);margin-top:var(--gap)}.text-link{font:600 1rem/1 var(--ui);color:var(--gold-hi);align-items:center;gap:8px;margin-top:28px;text-decoration:none;display:inline-flex}.text-link svg{transition:transform .24s var(--ease-out)}@media (hover:hover){.text-link:hover svg{transform:translate(5px)}}.landing>.hero{isolation:isolate;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;min-height:calc(100svh - 88px);margin-top:0;padding-bottom:72px;display:grid;position:relative;overflow:hidden}.winds{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.wind{fill:none;stroke:var(--gold);stroke-width:1.4px;stroke-linecap:round;opacity:.35;stroke-dasharray:160 1400;stroke-dashoffset:1560px;animation:gust var(--dur) linear var(--delay) infinite}.wind:nth-child(2n){stroke:var(--ink);opacity:.18;stroke-dasharray:90 1200}@keyframes gust{to{stroke-dashoffset:0}}.petals{z-index:-1;pointer-events:none;position:absolute;inset:0}.petal{top:-40px;left:var(--x);width:var(--size);height:calc(var(--size) * .8);opacity:0;animation:fall var(--dur) linear var(--delay) infinite;background:linear-gradient(135deg,#ffd9d0,#f08e7c);border-radius:80% 0;position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)}10%{opacity:.85}50%{transform:translate(var(--sway), 50vh) rotate(220deg)}90%{opacity:.7}to{transform:translate(calc(var(--sway) * -.5), 105vh) rotate(420deg);opacity:0}}.hero-copy{z-index:2;max-width:640px;position:relative}.hero-title{font-size:clamp(3rem,1.6rem + 5.6vw,6.5rem);font-weight:600;line-height:.98}.word-mask{vertical-align:top;margin-bottom:-.1em;margin-right:.24em;padding-bottom:.1em;display:inline-block;overflow:hidden}.word-mask:last-child{margin-right:0}.word{display:inline-block}.hero-title .word-mask:nth-last-child(-n+2) .word{background:linear-gradient(100deg, var(--gold-hi), var(--gold) 40%, #f08e7c);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:40ch;color:var(--muted);margin:28px 0 36px;font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-art{place-items:center;display:grid;position:relative}.scroll-cue{width:48px;height:48px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;left:50%;translate:-50%}.bob{animation:bob 1.8s var(--ease-in-out) infinite}@keyframes bob{50%{transform:translateY(5px)}}.orbit-stage{--orbit:clamp(150px, 19vw, 290px);width:calc(var(--orbit) * 2 + 80px);aspect-ratio:1;place-items:center;display:grid;position:relative}.orbit{animation:70s linear infinite spin;position:absolute;inset:0}.orbit:before{content:"";border:1px dashed #e3b45c47;border-radius:50%;position:absolute;inset:40px}.orbit-slot{width:0;height:0;transform:rotate(var(--a)) translateX(var(--orbit)) rotate(calc(var(--a) * -1));position:absolute;top:50%;left:50%}.orbit-icon{background:#14100ed9;border-radius:50%;place-items:center;width:48px;height:48px;animation:70s linear infinite reverse spin;display:grid;position:absolute;top:-24px;left:-24px;box-shadow:inset 0 0 0 1px #e3b45c59,0 8px 20px -8px #000c}@keyframes spin{to{rotate:360deg}}.portrait-ring{width:calc(var(--orbit) * 1.45);aspect-ratio:1;border-radius:50%;place-items:center;display:grid;position:relative}.portrait-ring img{object-fit:contain;filter:drop-shadow(0 30px 60px #0009);width:100%;height:100%;position:relative}.ring-glow{filter:blur(18px);background:conic-gradient(#0000,#e3b45c8c,#0000 35%,#e0492e66,#0000 70%,#f7d58f80,#0000);border-radius:50%;animation:12s linear infinite spin;position:absolute;inset:-6%}.ring-glow.blue{background:conic-gradient(#0000,#5b83ff99,#0000 40%,#c8d7ff73,#0000 75%)}.landing>.ribbon{gap:12px;margin:32px 0 0;padding:18px 0;display:grid;overflow:hidden;rotate:-2deg;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.ribbon-track{gap:12px;width:max-content;animation:60s linear infinite marquee;display:flex}.ribbon-track.reverse{animation-duration:70s;animation-direction:reverse}.ribbon-item{border-radius:var(--pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;font:500 .9375rem/1 var(--ui);align-items:center;gap:10px;padding:8px 18px 8px 8px;display:inline-flex}@keyframes marquee{to{transform:translate(-50%)}}.landing>.demo{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.demo-copy{gap:0;display:grid}.segmented{border-radius:var(--pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);gap:4px;margin-top:32px;padding:5px;display:inline-flex}.segmented button{border-radius:var(--pill);cursor:pointer;min-height:44px;font:600 1rem/1 var(--ui);color:var(--muted);background:0 0;border:0;padding:0 22px;transition:color .2s;position:relative}.segmented button.on{color:var(--on-gold)}.segmented button span{position:relative}.segmented .seg-bg{border-radius:var(--pill);background:linear-gradient(135deg, var(--gold-hi), var(--gold));transition:background .3s;position:absolute;inset:0}.segmented .seg-bg.accepted{background:linear-gradient(135deg, #7fe0b0, var(--jade))}.segmented .seg-bg.declined{background:linear-gradient(135deg, #ff8f74, var(--seal))}.segmented button.on:has(.declined){color:#fff}.demo-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.demo-card-wrap{perspective:1200px}.demo-tilt{transform-style:preserve-3d}.demo-card{padding:22px}.dc-title{color:#f2f3f5;font-size:1.125rem;font-weight:700}.dc-meta{color:#b5bac1;margin-top:4px;font-size:.8125rem}.dc-count{transform-origin:0;margin-top:12px;font-weight:700;display:inline-block}.dc-columns{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px;display:grid}.dc-head{color:#f2f3f5;margin-bottom:6px;font-size:.875rem;font-weight:700}.dc-col ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dc-col li{align-items:center;gap:2px;min-height:22px;font-size:.875rem;display:flex;position:relative}.dc-col li span:not(.burst){white-space:nowrap;text-overflow:ellipsis;margin-left:5px;overflow:hidden}.dc-col li.you span:not(.burst):not(.dc-mark){border-radius:var(--pill);background:linear-gradient(135deg, var(--gold-hi), var(--gold));color:var(--on-gold);padding:1px 9px;font-weight:700}.dc-col li.you.accepted span:not(.burst):not(.dc-mark){background:linear-gradient(135deg, #7fe0b0, var(--jade));color:#03140d}.dc-col li.you.declined span:not(.burst):not(.dc-mark){background:linear-gradient(135deg, #ff8f74, var(--seal));color:#fff}.burst{pointer-events:none;position:absolute;top:50%;left:50%}.burst i{background:var(--gold-hi);border-radius:50%;width:6px;height:6px;position:absolute}.burst i:nth-child(3n){background:#f08e7c}.dc-buttons{gap:8px;margin-top:18px;display:flex}.dc-button{color:#fff;border-radius:8px;padding:7px 14px;font-size:.8125rem;font-weight:600}.dc-button.Accepted{background:#248046}.dc-button.Maybe{background:#4e5058}.dc-button.Declined{background:#da373c}.picker{margin-top:24px}.picker-slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{text-align:left;cursor:pointer;border-radius:var(--pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border:0;align-items:center;gap:12px;padding:10px 16px 10px 10px;transition:box-shadow .2s,background-color .2s;display:flex}.slot.active{background:var(--card-hover);box-shadow:inset 0 0 0 2px var(--gold)}.slot-art-icon{background:#00000059;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.slot-text{gap:2px;min-width:0;display:grid}.slot-label{font:500 .8125rem/1 var(--ui);color:var(--muted)}.slot-name{font:600 .9375rem/1.2 var(--ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.art-grid{grid-template-columns:repeat(10,1fr);gap:8px;margin-top:14px;display:grid}.art-grid button{aspect-ratio:1;cursor:pointer;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:transform .22s var(--ease-out), box-shadow .2s ease, background-color .2s ease;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.art-grid button.chosen{box-shadow:inset 0 0 0 2px var(--gold), 0 0 22px -4px #e3b45cb3;background:#e3b45c2e;transform:scale(1.08)}.art-grid button:disabled{opacity:.25;cursor:not-allowed}.art-grid button:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.art-grid button:not(:disabled):not(.chosen):hover{background:var(--card-hover);transform:translateY(-3px)scale(1.06)}}.track{margin-top:56px;position:relative}.track-wave{width:100%;height:200px;position:absolute;top:0;left:0;right:0;overflow:visible}.track-line{display:none}.track-base{fill:none;stroke:var(--line);stroke-width:3px}.track-draw{fill:none;stroke:var(--gold);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 8px #e3b45c99)}.stops{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.stop{transform-origin:top;justify-items:center;gap:20px;display:grid}.stop-dot{background:radial-gradient(circle at 35% 30%, var(--gold-hi), var(--gold) 55%, #b77d25);width:56px;height:56px;color:var(--on-gold);font:700 1.25rem/1 var(--display);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 8px #0b0908e6,0 0 30px #e3b45c80}.stop-0 .stop-dot,.stop-2 .stop-dot{margin-top:32px}.stop-1 .stop-dot,.stop-3 .stop-dot{margin-top:112px}.stop-card{text-align:center;width:100%;padding:22px}.stop-card h3{font-size:1.5rem}.stop-card p{color:var(--muted);margin-top:8px;font-size:.9375rem}.stop-card .stop-count{color:var(--gold-hi);font-size:1rem;font-weight:600}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.feature{transition:transform .3s var(--ease-out), box-shadow .3s ease;align-content:start;gap:12px;padding:28px;display:grid;position:relative;overflow:hidden}.feature:before{content:"";border-radius:inherit;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), #e3b45c29, transparent 70%);transition:opacity .3s;position:absolute;inset:0}.feature>*{position:relative}.feature-icon{width:52px;height:52px;color:var(--gold-hi);background:#e3b45c1f;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #e3b45c4d}.feature h3{margin-top:6px;font-size:1.375rem}.feature p{color:var(--muted);font-size:.9875rem}@media (hover:hover) and (pointer:fine){.feature:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px #e3b45c4d,0 30px 60px -30px #000c}.feature:hover:before{opacity:1}}.chips{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.chip{border-radius:var(--pill);cursor:pointer;background:var(--card);min-height:42px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font:500 .9375rem/1 var(--ui);border:0;padding:0 18px;transition:color .2s;position:relative}.chip span{position:relative}.chip.on{color:var(--on-gold)}.chip .chip-bg{border-radius:var(--pill);background:linear-gradient(135deg, var(--gold-hi), var(--gold));position:absolute;inset:0}@media (hover:hover){.chip:not(.on):hover{color:var(--ink)}}.guide-body{min-height:360px;margin-top:20px;padding:clamp(20px,3vw,36px)}.guide-intro{color:var(--muted);max-width:62ch}.command-list{grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.command-list li{border-radius:var(--r-md);background:#ffffff08;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 18px;display:grid}.cmd{font:600 1rem/1.3 var(--ui);color:var(--ink)}.who{font:500 .8125rem/1 var(--ui);border-radius:var(--pill);color:var(--muted);white-space:nowrap;background:#ffffff0f;align-self:start;padding:5px 10px}.who.officer{color:var(--gold-hi);background:#e3b45c24}.cmd-summary{color:var(--muted);grid-column:1/-1;font-size:.9375rem}.landing>.pair{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.pair-art{height:clamp(320px,38vw,520px);position:relative}.pair-portrait{aspect-ratio:1;border-radius:50%;place-items:center;width:62%;display:grid;position:absolute}.pair-portrait img{object-fit:contain;width:100%;height:100%;position:relative}.pair-portrait.gold{top:0;left:0}.pair-portrait.blue{bottom:0;right:0}.pair-copy{gap:28px;display:grid}.pair-block{border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);padding:24px 28px}.pair-block h3{align-items:center;gap:12px;margin-bottom:10px;font-size:1.5rem;display:flex}.pair-block p{color:var(--muted)}.dot{border-radius:50%;width:12px;height:12px}.dot.gold{background:var(--gold);box-shadow:0 0 14px var(--gold)}.dot.blue{background:var(--speak);box-shadow:0 0 14px var(--speak)}.landing>.faq{max-width:920px;margin-left:auto;margin-right:auto}.faq h2{text-align:center}.faq-list{gap:10px;margin-top:40px;display:grid}.faq-item{border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s,box-shadow .3s}.faq-item.open{background:#e3b45c14;box-shadow:inset 0 0 0 1px #e3b45c4d}.faq-item button{cursor:pointer;text-align:left;width:100%;min-height:68px;font:600 1.0625rem/1.35 var(--ui);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.faq-icon{background:#ffffff0f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.faq-answer{overflow:hidden}.faq-answer p{color:var(--muted);max-width:62ch;padding:0 24px 24px}.site-footer{margin-top:var(--gap);position:relative}.footer-wave{width:100%;height:80px;display:block}.footer-wave path{fill:var(--bg-2)}.footer-inner{background:var(--bg-2);padding:32px var(--margin) 40px}.footer-cta{text-align:center;justify-items:center;gap:18px;display:grid}.footer-word{letter-spacing:-.04em;background:linear-gradient(100deg, var(--gold) 0%, var(--gold-hi) 25%, #f08e7c 50%, var(--gold-hi) 75%, var(--gold) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,2rem + 12vw,13rem);line-height:.9;animation:8s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.footer-cta p{color:var(--muted);font-size:1.125rem}.footer-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:64px;font-size:.9375rem;display:flex}.footer-links nav{flex-wrap:wrap;gap:8px;display:flex}.footer-links nav a{border-radius:var(--pill);background:var(--card);padding:8px 16px;text-decoration:none;transition:background-color .2s}@media (hover:hover){.footer-links nav a:hover{background:var(--card-hover)}}@media (width<=1000px){.landing>.hero{text-align:left;grid-template-columns:1fr;min-height:auto;padding-top:24px}.hero-art{order:-1}.orbit-stage{--orbit:clamp(120px, 34vw, 230px)}.landing>.demo,.landing>.pair{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.command-list{grid-template-columns:1fr}}@media (width<=720px){.orbit-icon{width:36px;height:36px;top:-18px;left:-18px}.orbit-icon .art{width:24px;height:24px}.hero-actions .pill-button,.hero-actions .magnetic{width:100%}.scroll-cue{display:none}.demo-actions>*{flex:1}.demo-actions .pill-button{width:100%}.segmented{display:flex}.segmented button{flex:1;padding:0 8px}.art-grid{grid-template-columns:repeat(5,1fr);gap:10px}.picker-slots{grid-template-columns:1fr}.dc-columns{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.track-wave{display:none}.track-line{width:6px;height:100%;display:block;position:absolute;top:0;bottom:0;left:27px}.stops{grid-template-columns:1fr;gap:24px}.stop{transform-origin:0;grid-template-columns:56px 1fr;place-items:start stretch;gap:16px}.stop .stop-dot{margin-top:0!important}.stop-card{text-align:left}.pair-art{height:86vw}.faq-item button{padding:14px 18px;font-size:1rem}.faq-answer p{padding:0 18px 20px}}.skip{z-index:60;border-radius:var(--pill);background:var(--gold);color:var(--on-gold);padding:10px 16px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.notice{margin:8px var(--margin) 0;border-radius:var(--r-md);background:#e0492e29;padding:14px 20px}.topbar{z-index:40;padding:14px var(--margin) 0;position:sticky;top:0}.bar{border-radius:var(--pill);justify-content:space-between;align-items:center;gap:16px;max-width:1280px;min-height:60px;margin:0 auto;padding:0 10px 0 16px;transition:background-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex}.topbar.scrolled .bar{box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px -20px #000000e6;-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#13100eb8}.wordmark{font:600 1.375rem/1 var(--display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark img{border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 2px #e3b45c80}.bar-links{align-items:center;gap:4px;display:flex}.bar-links a{border-radius:var(--pill);font:500 .9875rem/1 var(--ui);color:var(--muted);padding:10px 18px;text-decoration:none;transition:color .2s;position:relative}.bar-links a span{position:relative}.bar-links a.on{color:var(--ink)}.bar-links .nav-pill{border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line);background:#fff8eb17;position:absolute;inset:0}@media (hover:hover){.bar-links a:not(.on):hover{color:var(--ink)}}.bar-end{align-items:center;gap:8px;display:flex}.icon-button{cursor:pointer;background:var(--card);width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:background-color .2s ease, transform .16s var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid}.icon-button:active{transform:scale(.92)}.icon-button.danger{color:#ffb4a4}@media (hover:hover){.icon-button:hover{background:var(--card-hover)}.icon-button.danger:hover{background:#e0492e33}}.menu-button{display:none}.sheet{z-index:-1;padding:110px var(--margin) 40px;background:radial-gradient(120% 60% at 90% 0%, #e3b45c24, transparent 60%), var(--bg);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.sheet nav{gap:6px;display:grid}.sheet nav a{font:600 clamp(2.25rem, 9vw, 3rem)/1.1 var(--display);color:var(--muted);padding:10px 0;text-decoration:none;display:block}.sheet nav a.on{color:var(--gold-hi)}.sheet-user{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sheet-user span{flex:1;font-weight:600}.sheet .pill-button:not(.small){width:100%}@media (width<=860px){.bar-links,.bar-signout,.bar-signin{display:none}.menu-button{display:grid}}.app{max-width:1280px;padding:24px var(--margin) 120px;margin:0 auto}.page-head{gap:14px;margin:32px 0 40px;display:grid}.page-title{font-size:clamp(2.75rem,1.8rem + 4vw,5rem)}.page-head>p{max-width:56ch;color:var(--muted);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem)}.loading,.empty,.error{color:var(--muted);padding:40px 0;font-size:1.125rem}.loading:before{content:"";border:2px solid var(--gold);vertical-align:-1px;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:12px;animation:.8s linear infinite spin;display:inline-block}.error{color:#ff9c86}.mention{color:#c9cdfb;font-weight:600}.gate{text-align:center;max-width:760px;position:relative}.gate h1{margin:14vh 0 24px;font-size:clamp(2.75rem,2rem + 4vw,4.5rem)}.gate-body{color:var(--muted);justify-items:center;gap:28px;font-size:1.1875rem;display:grid}.gate-orb{z-index:-1;filter:blur(50px);background:conic-gradient(#e3b45c80,#e0492e59,#5b83ff4d,#e3b45c80);border-radius:50%;width:260px;height:260px;animation:14s linear infinite spin;position:absolute;top:6vh;left:50%;translate:-50%}.panel{margin-bottom:20px;padding:clamp(20px,3vw,32px)}.panel h2{align-items:center;gap:12px;margin-bottom:18px;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem);display:flex}.panel h3.sub{margin:30px 0 16px;font-size:1.375rem}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:18px;display:flex}.panel-head h2{margin:0}.panel-note{margin:-6px 0 18px;font-size:.9375rem}.h-icon{color:var(--gold);flex:none}.two-col{grid-template-columns:1.15fr 1fr;align-items:start;gap:20px;display:grid}.two-col.wide-left{grid-template-columns:2fr 1fr}.two-col .panel{margin-bottom:0}.two-col+.two-col,.two-col+.panel,.panel+.two-col{margin-top:20px}.stack{gap:20px;display:grid}.count-pill{border-radius:var(--pill);font:600 .875rem/1.2 var(--ui);color:var(--ink);background:#ffffff12;align-items:center;padding:3px 11px;display:inline-flex}.tag-away{border-radius:var(--pill);color:#c3d1ff;font:600 .8125rem/1.3 var(--ui);background:#5b83ff2e;margin-left:8px;padding:3px 10px}.status-pill{border-radius:var(--pill);font:500 .875rem/1 var(--ui);white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.status-pill.open{color:#a8e8bb;background:#59c27a24}.status-pill.shut{color:var(--muted);background:#ffffff0f}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pill.open .status-dot{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #59c27a99}50%{box-shadow:0 0 0 6px #59c27a00}}.reply{border-radius:var(--r-md);margin:14px 0;padding:14px 20px;font-size:1rem}.reply.good{background:#59c27a1f;box-shadow:inset 0 0 0 1px #59c27a4d}.reply.bad{background:#e0492e1f;box-shadow:inset 0 0 0 1px #e0492e4d}.reply p+p{margin-top:6px}.reply code,.prose code{font-family:var(--ui);background:#ffffff14;border-radius:8px;padding:1px 7px;font-weight:600}.event-list{gap:22px;display:grid}.event{grid-template-columns:auto 1fr;gap:clamp(18px,3vw,36px);padding:clamp(20px,3vw,32px);display:grid}.event-badge{text-align:center;background:radial-gradient(circle at 30% 25%, #ffffff1f, transparent 60%), color-mix(in srgb, var(--event) 26%, #15110f);width:132px;height:132px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--event) 70%, transparent);border-radius:50%;place-content:center;display:grid;position:relative}.badge-ring{pointer-events:none;background:conic-gradient(from 0deg, transparent 0 70%, var(--event) 85%, transparent 100%);border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.event.closed .badge-ring{display:none}.event.closed .event-badge{filter:grayscale(.8);opacity:.7}.badge-day{font:700 1.875rem/1 var(--display);text-transform:uppercase;letter-spacing:.02em}.badge-date{font:500 .9375rem/1.4 var(--ui);color:var(--muted)}.badge-time{font:600 1.0625rem/1.2 var(--ui);white-space:nowrap}.event-body{align-content:start;gap:14px;min-width:0;display:grid}.event-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.event h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem)}.event-meta{color:var(--muted);font-size:.9375rem}.event-desc{gap:6px;max-width:64ch;display:grid}.event-desc ul{margin:0;padding-left:1.2em}.event-counts{flex-wrap:wrap;align-items:baseline;gap:4px 18px;display:flex}.event-counts strong{font:600 1.375rem/1 var(--display);transform-origin:0;display:inline-block}.event-counts span{color:var(--muted)}.answers{flex-wrap:wrap;gap:10px;display:flex}.answer{border-radius:var(--pill);cursor:pointer;background:var(--card);min-width:128px;min-height:52px;box-shadow:inset 0 0 0 1px var(--line);font:600 1rem/1 var(--ui);border:0;justify-content:center;align-items:center;gap:8px;padding:0 24px;transition:background .3s,box-shadow .3s,color .3s;display:inline-flex}.answer.chosen{background:linear-gradient(135deg, var(--gold-hi), var(--gold));color:var(--on-gold);box-shadow:0 12px 30px -14px #e3b45ce6}.answer.accepted.chosen{background:linear-gradient(135deg, #7fe0b0, var(--jade));color:#03140d;box-shadow:0 12px 30px -14px #2f9a75f2}.answer.declined.chosen{background:linear-gradient(135deg, #ff8f74, var(--seal));color:#fff;box-shadow:0 12px 30px -14px #e0492ee6}.answer.accepted.pending{box-shadow:inset 0 0 0 2px var(--jade)}.status-dot-static{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.answer.pending{box-shadow:inset 0 0 0 2px var(--gold)}.answer:disabled{cursor:not-allowed;opacity:.45}.answer.chosen:disabled{opacity:.75}.answer-check{background:#0000002e;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}@media (hover:hover){.answer:not(:disabled):not(.chosen):hover{background:var(--card-hover);box-shadow:inset 0 0 0 1px #fff0dc38}}.your-answer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pick-panel{gap:4px;display:grid;overflow:hidden}.pick-panel .picker{max-width:680px;margin-top:8px}.row-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.event-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.event-tag{border-radius:var(--pill);color:var(--muted);font:500 .8125rem/1.3 var(--ui);background:#ffffff0d;margin-left:auto;padding:5px 12px}.people{overflow:hidden}.people-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding-top:8px;display:grid}.people h4{align-items:center;gap:8px;margin-bottom:12px;font-size:1.125rem;display:flex}.people ul,.people-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.people li,.people-list li{align-items:center;gap:10px;min-width:0;font-size:.9375rem;display:flex}.people-list li{border-radius:var(--pill);background:#ffffff08;padding:8px 12px 8px 8px}.person-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.me-head{grid-template-columns:auto 1fr;align-items:center;gap:28px}.me-avatar{width:96px;height:96px;position:relative}.me-avatar .avatar{box-shadow:0 0 0 4px var(--bg);position:relative}.me-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.ring-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.ring-card{border-radius:var(--r-lg);text-align:center;background:#ffffff08;justify-items:center;gap:8px;padding:22px 18px;font-size:.9375rem;display:grid}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{position:absolute;inset:0;rotate:-90deg}.ring-track{fill:none;stroke:#ffffff14;stroke-width:9px}.ring-fill{fill:none;stroke-width:9px;stroke-linecap:round}.ring-text{justify-items:center;line-height:1.1;display:grid;position:relative}.ring-value{font:600 1.875rem/1 var(--display)}.ring-label{color:var(--muted);margin-top:4px;font-size:.8125rem}.leaderboard .ring .ring-value{font-size:.9375rem;font-family:var(--ui)}.leaderboard .ring-track,.leaderboard .ring-fill{stroke-width:6px}.soft-list,.builds,.bosses{gap:10px;margin:0;padding:0;list-style:none;display:grid}.soft-list li{border-radius:var(--r-md);background:#ffffff09;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 16px 14px 22px;display:flex}.soft-list li>div:first-child{flex:1;min-width:200px}.builds li{border-radius:var(--pill);background:#ffffff09;grid-template-columns:110px 1fr 1fr;align-items:center;gap:12px;padding:10px 14px;font-size:.9375rem;display:grid}.build-art{align-items:center;gap:8px;min-width:0;display:flex}.build-tag{font-weight:600}.bosses li{border-radius:var(--pill);background:#ffffff09;justify-content:space-between;gap:16px;padding:12px 18px;display:flex}.form{gap:16px;display:grid}.form label{font:500 .9375rem/1.3 var(--ui);gap:8px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form input:not([type=checkbox]),.form select,.form textarea,.filters input,.filters select,.inline-select select{border-radius:var(--pill);width:100%;min-height:50px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:400 1rem/1.3 var(--ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:0;padding:12px 18px;transition:box-shadow .2s,background-color .2s}.form textarea{border-radius:var(--r-md);resize:vertical}.form input:focus,.form select:focus,.form textarea:focus,.filters input:focus,.filters select:focus{box-shadow:inset 0 0 0 2px var(--gold);background:#ffffff12;outline:none}.form label.check{align-items:center;gap:12px;font-weight:400;display:flex}.form label.check input{width:22px;height:22px;accent-color:var(--gold)}.form .pill-button{justify-self:start}.guide-chips{margin:0 0 24px}.guide-text{padding:clamp(22px,4vw,44px)}.guide-text h2{margin-bottom:24px;font-size:clamp(2rem,1.5rem + 1.6vw,3rem)}.prose{gap:14px;max-width:70ch;display:grid}.prose h4{font:600 1.375rem/1.2 var(--display);margin-top:22px}.prose ul{gap:6px;margin:0;padding-left:1.2em;display:grid}.prose blockquote{border-radius:var(--r-md);background:#ffffff0a;margin:0;padding:14px 20px}.prose .small{color:var(--muted);font-size:.9375rem}.tabs{border-radius:var(--pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap;justify-self:start;gap:4px;padding:5px;display:flex}.tabs button{border-radius:var(--pill);cursor:pointer;min-height:42px;color:var(--muted);font:500 .9875rem/1 var(--ui);background:0 0;border:0;padding:0 20px;transition:color .2s;position:relative}.tabs button span{position:relative}.tabs button.on{color:var(--on-gold);font-weight:600}.tabs .tab-bg{border-radius:var(--pill);background:linear-gradient(135deg, var(--gold-hi), var(--gold));position:absolute;inset:0}@media (hover:hover){.tabs button:not(.on):hover{color:var(--ink)}}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat{align-content:start;gap:6px;height:100%;padding:22px;display:grid;position:relative;overflow:hidden}.stat:after{content:"";background:radial-gradient(closest-side,#e3b45c2e,#0000);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.stat-icon{width:40px;height:40px;color:var(--gold-hi);background:#e3b45c1f;border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.stat-label{color:var(--muted);font-size:.9375rem}.stat-value{font:600 2.75rem/1 var(--display);letter-spacing:-.02em}.stat-note{color:var(--muted);font-size:.875rem}.filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filters label,.inline-select{font:500 .875rem/1.3 var(--ui);color:var(--muted);gap:6px;min-width:180px;display:grid}.inline-select{align-items:center;gap:10px;min-width:0;display:flex}.inline-select select{width:auto;min-height:40px;padding:6px 16px}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.legend li{align-items:center;gap:7px;display:flex}.legend i,.tip i,.lb-counts i{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.chart{position:relative}.chart svg{display:block;overflow:visible}.chart .grid{stroke:#ffffff0f;stroke-width:1px;stroke-dasharray:2 6}.chart .axis{fill:var(--muted);font:400 11px var(--ui)}.tip{z-index:5;pointer-events:none;border-radius:var(--r-md);min-width:180px;box-shadow:inset 0 0 0 1px var(--line), 0 16px 40px -12px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1916f2;gap:5px;padding:12px 14px;font-size:.8125rem;display:grid;position:absolute}.tip span{align-items:center;gap:8px;display:flex}.tip b{margin-left:auto;padding-left:12px}.hbars{gap:8px;display:grid;position:relative}.hbar{grid-template-columns:minmax(130px,36%) 1fr 34px;align-items:center;gap:12px;font-size:.875rem;display:grid}.hbar-label{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.hbar-track{gap:3px;height:12px;display:flex}.hbar-seg{border-radius:var(--pill);height:100%;display:block}.hbar-value{text-align:right;color:var(--muted)}.donut{place-items:center;width:max-content;margin:8px auto 18px;display:grid;position:relative}.donut svg{display:block}.donut-arc{fill:none;stroke-width:18px;stroke-linecap:round}.donut .ring-track{stroke-width:18px}.donut-text{font:600 2rem/1 var(--display);justify-items:center;display:grid;position:absolute}.donut-text span{font:400 .8125rem/1.6 var(--ui);color:var(--muted)}.source-panel{justify-items:center;display:grid}.source-panel h2{justify-self:start}.heatmap-wrap{position:relative;overflow-x:auto}.heatmap{gap:5px;min-width:560px;display:grid}.hm-row{grid-template-columns:44px repeat(24,1fr);align-items:center;gap:5px;display:grid}.hm-day{font:500 .8125rem/1 var(--ui);color:var(--muted)}.hm-dot{aspect-ratio:1;background:#ffffff0d;border-radius:50%;justify-self:center;width:100%;max-width:22px}.hm-dot.l1{background:#e3b45c38}.hm-dot.l2{background:#e3b45c6b}.hm-dot.l3{background:#e3b45c9e}.hm-dot.l4{background:#e3b45cd1}.hm-dot.l5{background:var(--gold-hi);box-shadow:0 0 12px #f7d58f99}.hm-hours span{font:400 11px/1 var(--ui);color:var(--muted)}.leaderboard{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.leaderboard li{border-radius:var(--pill);background:#ffffff09;grid-template-columns:40px 56px minmax(150px,1.4fr) auto 1fr;align-items:center;gap:16px;padding:10px 18px 10px 12px;display:grid}.rank{width:34px;height:34px;font:600 .9375rem/1 var(--ui);background:#ffffff0f;border-radius:50%;place-items:center;display:grid}.rank.top{color:var(--on-gold)}.rank.top-0{background:linear-gradient(135deg, var(--gold-hi), var(--gold))}.rank.top-1{background:linear-gradient(135deg,#f1f1f1,#a9a9a9)}.rank.top-2{background:linear-gradient(135deg,#f0b48a,#b06a3b)}.lb-person{align-items:center;gap:10px;min-width:0;display:flex}.lb-person strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-counts{gap:14px;font-size:.9375rem;display:flex}.lb-counts span{align-items:center;gap:6px;display:inline-flex}.lb-extra{text-align:right;font-size:.875rem}.people-list.ranked li{padding:8px 14px 8px 8px}.absence-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.absence-card{gap:10px;padding:22px;display:grid}.dialog{border-radius:var(--r-lg);width:min(720px,100vw - 24px);max-height:calc(100svh - 48px);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line), 0 30px 80px #000000b3;background:#17130f;border:0;padding:clamp(20px,4vw,36px)}.dialog[open]{animation:pop .38s var(--ease-out)}@keyframes pop{0%{opacity:0;transform:translateY(20px)scale(.96)}}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050404b3}.template-form h2{font-size:2rem}@media (width<=860px){.two-col,.two-col.wide-left{grid-template-columns:1fr}.leaderboard li{border-radius:var(--r-lg);grid-template-columns:34px 56px 1fr;gap:10px 12px;padding:12px}.lb-counts{grid-column:2/-1}.lb-extra{text-align:left;grid-column:2/-1}}@media (width<=640px){.event{grid-template-columns:1fr}.event-badge{aspect-ratio:auto;border-radius:var(--pill);justify-content:space-between;align-items:center;width:100%;height:auto;padding:14px 24px;display:flex}.badge-ring{display:none}.badge-day{font-size:1.5rem}.answers{grid-template-columns:repeat(3,1fr);display:grid}.answer{min-width:0;padding:0 10px}.event-foot{grid-template-columns:1fr 1fr;display:grid}.event-foot .pill-button{white-space:nowrap;padding:0 12px}.event-tag{grid-column:1/-1;justify-self:start;margin-left:0}.people-grid,.form-row{grid-template-columns:1fr}.me-head{gap:18px}.me-avatar,.me-avatar .avatar{width:72px;height:72px}.builds li{border-radius:var(--r-md);grid-template-columns:1fr;gap:6px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat-value{font-size:2.125rem}.tabs{scrollbar-width:none;flex-wrap:nowrap;justify-self:stretch;overflow-x:auto}.tabs button{flex:none}.hbar{grid-template-columns:52% 1fr 28px;gap:8px}.filters label{flex:1;min-width:140px}}.who-link{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:inline-flex}.who-link .person-name,.who-link strong{text-overflow:ellipsis;white-space:nowrap;transition:color .18s;overflow:hidden}@media (hover:hover){.who-link:hover .person-name,.who-link:hover strong{color:var(--gold-hi)}}.roster-meta{gap:10px;margin:18px 0;display:grid}.banner{border-radius:var(--pill);color:var(--gold-hi);background:#e3b45c1a;justify-self:start;padding:10px 16px;box-shadow:inset 0 0 0 1px #e3b45c47}.roster-layout{grid-template-columns:minmax(260px,320px) 1fr;align-items:start;gap:20px;display:grid}.pool{max-height:calc(100svh - 120px);padding:20px;position:sticky;top:96px;overflow:auto}.pool h3,.roster-side h3{align-items:center;gap:10px;margin-bottom:8px;font-size:1.25rem;display:flex}.pool>.small{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.dot-legend{border-radius:50%;width:9px;height:9px;margin-left:6px;display:inline-block}.pool-list{gap:6px;display:grid}.sides{gap:20px;display:grid}.roster-side{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff05;padding:18px}.roster-side.attack{background:radial-gradient(120% 80% at 0 0,#2f9a751a,#0000 60%),#ffffff05}.roster-side.defense{background:radial-gradient(120% 80% at 0 0,#e0492e1a,#0000 60%),#ffffff05}.roster-side.attack h3{color:#8fe0bf}.roster-side.defense h3{color:#ffab98}.team-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.team-card{border-radius:var(--r-md);background:var(--card);min-height:150px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s ease, background-color .2s ease, transform .2s var(--ease-out);align-content:start;gap:10px;padding:14px;display:grid}.team-card.ready{cursor:pointer;box-shadow:inset 0 0 0 2px #e3b45c8c}.team-card.over{box-shadow:inset 0 0 0 2px var(--gold);background:#e3b45c1a;transform:scale(1.01)}.team-head{justify-content:space-between;align-items:center;display:flex}.count-pill.is-full{color:var(--gold-hi);background:#e3b45c33}.team-members{gap:6px;display:grid}.team-empty{color:var(--muted);padding:6px 2px;font-size:.875rem}.drop-hint{border-radius:var(--pill);min-height:40px;color:var(--gold-hi);font:500 .875rem/1 var(--ui);cursor:pointer;background:#e3b45c0f;border:1px dashed #e3b45c99}.member-chip{border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;align-items:center;gap:2px;transition:background-color .18s,box-shadow .18s;display:flex}.member-chip.picked{box-shadow:inset 0 0 0 2px var(--gold);background:#e3b45c29}.member-chip.leader{box-shadow:inset 0 0 0 1px #f7d58f99}.chip-body{cursor:grab;border-radius:var(--pill);-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 12px 5px 6px;font-size:.9375rem;display:flex}.chip-body:active{cursor:grabbing}.chip-status{border-radius:50%;flex:none;width:8px;height:8px;margin-left:4px}.chip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chip-icon{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:2px;transition:color .18s,background-color .18s;display:grid}.chip-icon.on{color:var(--gold-hi)}@media (hover:hover){.member-chip:not(.picked):hover{background:#ffffff14}.chip-icon:hover{color:var(--ink);background:#ffffff14}}.roster-bar{z-index:5;border-radius:var(--pill);background:#171310e0;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;display:flex;position:sticky;bottom:12px}.roster-post{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.segmented.small{margin:0}.segmented.small button{min-height:36px;padding:0 14px;font-size:.875rem}.search{border-radius:var(--pill);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);background:#ffffff0d;align-items:center;gap:8px;padding:0 16px;display:flex}.search input{color:var(--ink);min-width:200px;font:400 1rem/1 var(--ui);background:0 0;border:0;outline:none}.member-rows{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.member-rows button{border-radius:var(--r-lg);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff09;border:0;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 16px 10px 10px;transition:background-color .18s;display:flex}.member-rows .muted.small{width:100%;margin-top:-4px;padding-left:44px}@media (hover:hover){.member-rows button:hover{background:#ffffff12}}.dialog.wide{width:min(980px,100vw - 24px)}.dialog-close{float:right;z-index:2;font-size:1.375rem;position:sticky;top:0}.profile{gap:8px;display:grid}.profile-head{align-items:center;gap:18px;padding-right:48px;display:flex}.profile-head h2{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem)}.ring-grid.compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.army-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0 0 20px;display:grid}.army-card{justify-items:start;gap:12px;padding:24px;display:grid}.army-boss{font:600 clamp(1.5rem, 1.2rem + 1vw, 2rem)/1.1 var(--display)}.add-row{gap:8px;margin-bottom:16px;display:flex}.add-row input{border-radius:var(--pill);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:400 1rem/1 var(--ui);background:#ffffff0d;border:0;flex:1;padding:0 18px}.add-row input:focus{box-shadow:inset 0 0 0 2px var(--gold);outline:none}.boss-list{counter-reset:boss}.boss-list li{counter-increment:boss}.boss-list li>span:before{content:counter(boss);background:#ffffff0f;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:12px;font-size:.8125rem;display:inline-grid}.time-page{max-width:880px}.time-input{gap:8px;margin-bottom:16px;font-weight:500;display:grid}.time-input input{border-radius:var(--pill);min-height:56px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:500 1.125rem/1 var(--ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:0;padding:0 20px}.time-input input:focus{box-shadow:inset 0 0 0 2px var(--gold);outline:none}.time-page .chips{margin-top:0}.time-list{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.time-row{border-radius:var(--r-lg);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.time-preview{font:600 1.25rem/1.3 var(--display);margin:2px 0 6px}.time-row code{color:var(--muted);border-radius:var(--pill);background:#ffffff0d;padding:4px 10px;font:500 .875rem/1 ui-monospace,monospace}@media (width<=900px){.roster-layout{grid-template-columns:1fr}.pool{max-height:none;position:static}.pool-list{flex-wrap:wrap;display:flex}.pool-list .member-chip{flex:220px}}@media (width<=640px){.team-grid{grid-template-columns:1fr}.roster-bar{border-radius:var(--r-lg);bottom:8px}.roster-post{width:100%;margin-left:0}.roster-post .pill-button{flex:1}.search input{width:100%;min-width:0}.search{width:100%}.member-rows{grid-template-columns:1fr}.profile-head{gap:12px}.time-row{flex-direction:column;align-items:stretch}.add-row{flex-direction:column}}.reason-picker{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.reason{border-radius:var(--pill);background:var(--card);min-height:46px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 .9375rem/1 var(--ui);cursor:pointer;transition:background-color .2s ease, box-shadow .2s ease, transform .16s var(--ease-out);border:0;align-items:center;gap:8px;padding:0 18px 0 12px;display:inline-flex}.reason:active{transform:scale(.95)}.reason.on{box-shadow:inset 0 0 0 2px var(--gold);background:#b8862f38}.reason-emoji{background:#ffffff0f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.reason.on .reason-emoji{animation:pop-in .32s var(--ease-out)}@keyframes pop-in{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:none}}@media (hover:hover){.reason:not(.on):hover{background:var(--card-hover)}}.reason-mark{flex:none;font-size:.9375rem;line-height:1}.demo-why{margin-top:22px;font-weight:600}.dc-mark{margin-left:4px}@media (width<=640px){.reason-picker{display:grid}.reason{width:100%}}
