body{overflow:hidden}#attract{z-index:-2;width:100%;height:100%;display:block;position:fixed;inset:0}body:before{content:"";z-index:-1;pointer-events:none;background:#0000006b;position:fixed;inset:0}.home{padding:var(--topbar-h) 20px 20px;position:fixed;inset:0}.logo{left:50%;top:calc(var(--topbar-h) + 1%);width:320px;margin:0;position:absolute;transform:translate(-50%)}.home[data-step=loading] :is(.party,.go-unit,.event-tile,.ask-band){visibility:hidden;animation:3s step-end both home-wait}@keyframes home-wait{to{visibility:visible}}.home .newer{z-index:5;left:50%;top:calc(var(--topbar-h) + 12px);box-sizing:border-box;background:var(--slab);border:3px solid #000;justify-content:space-between;align-items:center;gap:18px;width:min(660px,100% - 32px);padding:22px 26px;display:flex;position:absolute;transform:translate(-50%)}.home .newer p{margin:0;font-size:30px;line-height:1.15}.home .newer .act{flex:none;padding:16px 28px;font-size:22px}@media (width<=560px){.home .newer{text-align:center;flex-direction:column;align-items:stretch}.home .newer p{font-size:22px}}.home[data-step=failed] :is(.party,.go-unit,.event-tile,.ask-band){visibility:hidden}.party{left:50%;top:calc(var(--topbar-h) + 104px);--place:148px;width:min(900px,100% - 40px);max-height:460px;margin:auto 0;position:absolute;bottom:210px;transform:translate(-50%)}@media (height<=820px) and (width>=761px){.party{--place:128px}}.member{flex-direction:column;align-items:center;gap:10px;width:34%;margin:0;display:flex;position:absolute;transform:translate(-50%)}.member.at-0{top:4%;left:24%}.member.at-2{top:4%;left:76%}.member.at-1{bottom:2%;left:50%}.member .place{width:var(--place);height:var(--place);cursor:pointer;color:#fff;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.member .spot{width:var(--disc,100%);height:var(--disc,100%);box-sizing:border-box;background:#00000047;border:3px solid #ffffff8c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.member .place:hover .home-disc{filter:brightness(1.08)}.member .home-disc{display:block;position:relative}.member .invite-plus{place-items:center;display:grid;position:relative}.member .invite-plus .icon{width:calc(var(--disc) * .3);height:calc(var(--disc) * .3)}.member .place:hover .spot{border-color:#ffffffd9}.member.empty .spot{border-style:dashed;border-color:#ffffff40}.party .member.you .name-row{--edge:var(--lime)}.party .name-row .crown{color:var(--gold);display:inline-flex}.party .name-row .crown .icon{width:16px;height:16px}.party .name-row .line.status{color:var(--grey)}.invite-card{--fill:#0009;--edge:#ffffff8c;place-items:center;min-height:34px;padding:0 14px;font-size:16px;font-weight:800;display:grid}.go-unit{--fill:#000;width:375px;position:absolute;bottom:20px;left:20px}.go-unit>.in{flex-direction:column;display:flex}.mode-band{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 10px;display:flex}.mode-band .what{flex-direction:column;gap:4px;display:flex}.mode-band .what b{font-size:30px}.mode-band .how{color:var(--grey);font-size:14px;font-weight:700}.mode-band .change{font-family:var(--font-title);color:var(--lime);align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.mode-band .change .icon{width:18px;height:18px}.go-unit .play{background:var(--lime);color:#000;cursor:pointer;border:0;min-height:88px;font-size:52px}.go-unit .play:disabled{color:#c9d6a8;cursor:default;background:#3a4a14;font-size:26px}.go-unit .play:hover:not(:disabled){filter:brightness(1.08)}.event-tile{color:#fff;--fill:#000;width:375px;text-decoration:none;position:absolute;bottom:20px;right:20px}.event-tile>.in{flex-direction:column;display:flex}.event-tile>.in>.art{height:118px;line-height:0;display:block;overflow:hidden}.event-tile>.in>.art svg{object-fit:cover;width:100%;height:100%;display:block}.event-tile>.in>.words{justify-content:space-between;align-items:baseline;gap:10px;padding:10px 20px 16px;display:flex}.event-tile>.in>.words>.name{font-size:22px}.event-tile .left{font-family:var(--font-title);color:var(--lime);white-space:nowrap;font-size:16px;font-weight:700}.turn-art{position:relative}.turn-art.is-founders{background:linear-gradient(160deg,#3a2a6e,#120e22 60%,#0b0c10)}.turn-art.is-bundle{background:linear-gradient(160deg,#123a44,#0b1420 60%,#0b0c10)}.turn-scene{width:100%;height:100%;position:absolute;inset:0}.turn-row{justify-content:center;gap:8px;display:flex;position:absolute;inset:8px 0 auto}.turn-fan{justify-content:center;display:flex;position:absolute;inset:10px 0 auto}.event-tile .turn-row .card,.event-tile .turn-fan .card{--w:66px;flex:none}.event-tile .turn-fan .card+.card{margin-left:-24px}.turn-fan .card:first-child{transform:rotate(-7deg)translateY(4px)}.turn-fan .card:nth-child(2){transform:rotate(-2deg)translateY(-3px)}.turn-fan .card:nth-child(3){transform:rotate(3deg)translateY(-3px)}.turn-fan .card:nth-child(4){transform:rotate(8deg)translateY(4px)}.turn-small{font-family:var(--font-title);color:var(--lime);white-space:nowrap;font-size:16px;font-weight:700}.turn-marks{z-index:1;gap:6px;display:flex;position:absolute;top:12px;right:26px}.turn-marks i{background:#000;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 0 1px #fff9}.turn-marks i.on{background:var(--lime);box-shadow:0 0 0 1px #000}.event-tile.waiting:after{content:"";background:var(--lime);width:12px;height:12px;position:absolute;top:14px;right:14px;transform:rotate(45deg);box-shadow:0 0 0 2px #000}.ask-band{--fill:#0b0c10eb;--edge:var(--lime);--cut:min(var(--c), var(--cut-list));align-items:center;gap:16px;width:520px;padding:14px 18px 14px 22px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.ask-band .words{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ask-band .words b{color:var(--lime);font-size:20px}.ask-band .words span{color:#d7dbd0;font-size:14px;font-weight:700}@media (width<=1340px) and (width>=761px){.ask-band{bottom:204px}.home[data-who=guest] .party{bottom:292px}}#signed-hint{text-align:center;width:375px;margin:0;position:absolute;bottom:214px;left:20px}#signed-hint:empty{display:none}.foot-line{white-space:nowrap;align-items:center;gap:16px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.foot-line a{color:#d7dbd0;text-decoration:none}.foot-line a:hover{color:#fff}.foot-line .socials{gap:12px;display:flex}.foot-line .social{place-items:center;width:28px;height:28px;display:grid}.foot-line .social .icon{width:18px;height:18px}.foot-line .build{color:var(--grey-dim);font-variant-numeric:tabular-nums}.home-sheet .pane-body{flex-direction:column;display:flex}.home-sheet .lbl{color:var(--grey)}.home-sheet .lbl.gap{margin-top:12px}.field{color:#fff;width:100%;min-height:46px;font:700 16px var(--font-body);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:#34373f;border:0;outline:none;padding:10px 14px}.field:focus{box-shadow:inset 0 0 0 2px var(--lime)}.field::placeholder{color:#8a8f99}.home-sheet .pane-body>.act.go{min-height:48px;margin-top:14px;font-size:16px}.auth-switch{gap:8px;display:flex}.auth-switch .act{flex:1;min-height:40px;font-size:14px}.home-sheet .act.google{text-transform:none;gap:12px;font-size:18px}.home-sheet .act.google .g{flex:none;place-items:center;width:30px;height:30px;display:grid}.home-sheet .act.google .g svg{width:24px;height:24px}.or{color:var(--grey);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:16px 0 6px;font-size:12px;font-weight:900;display:flex}.or:before,.or:after{content:"";background:#2a2d34;flex:1;height:2px}.turnstile{min-height:0;margin-top:12px}.turnstile:empty{display:none}.check{color:#fff;cursor:pointer;align-items:center;gap:9px;margin:12px 0 2px 2px;font-size:14px;font-weight:700;display:flex}.check input{width:18px;height:18px;accent-color:var(--lime);cursor:pointer;margin:0}.agree{text-align:center;color:var(--grey);margin:10px 0 0;font-size:13px;font-weight:700}.agree a{color:#fff}.home-sheet .foot{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:14px;display:flex}.home-sheet .note h2{display:none}.home-sheet .note p{color:#d7dbd0;margin:0 0 8px}.home-sheet .sub{color:var(--grey);margin:10px 0 0;font-size:13px;font-weight:600}.act.wide{width:100%}.modes-sheet .mode-list{flex-wrap:wrap;gap:8px;display:flex}.mode-chip{color:#fff;cursor:pointer;--fill:#000;--edge:#3a3f48;border:0;flex-direction:column;align-items:flex-start;gap:2px;min-width:140px;padding:10px 16px;display:flex}.mode-chip.on{--edge:var(--lime)}.mode-chip b{font-size:20px}.mode-chip span{color:var(--grey);font-size:13px;font-weight:700}.modes-sheet .about{color:#d7dbd0;margin:0;font-weight:600}.ways{flex-direction:column;gap:4px;display:flex}.way{color:#fff;text-align:left;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:#ffffff0a;border:0;align-items:center;gap:14px;min-height:52px;padding:8px 14px;display:flex}.way[hidden]{display:none}.way.on{background:#b6f02a1f}.way .tick{border:3px solid #5d6370;flex:none;width:16px;height:16px;transform:rotate(45deg)}.way.on .tick{border-color:var(--lime);background:var(--lime)}.way .words{flex-direction:column;gap:2px;display:flex}.way .words b{font-size:16px}.way .words span{color:var(--grey);font-size:13px;font-weight:600}.code-row{gap:8px;display:flex}.code-row .field{flex:1}.modes-sheet .rejoin{align-self:flex-start}@media (width<=760px){.home{padding:var(--topbar-h) 8px calc(var(--footbar-h) + 6px);flex-direction:column;display:flex}.logo{align-self:center;width:156px;margin-top:2px;position:static;transform:none}.party{--place:96px;flex:1;width:100%;height:auto;min-height:0;max-height:none;margin:0;position:relative;top:auto;bottom:auto;left:auto;transform:none}.member{gap:6px;width:48%}.member.at-0{top:2%;left:25%}.member.at-2{top:2%;left:75%}.member.at-1{bottom:4%}.invite-card{min-height:28px;font-size:13px}.ask-band{width:100%;margin-bottom:8px;padding:10px 12px 10px 16px;position:static;transform:none}.ask-band .words b{font-size:16px}.ask-band .words span{font-size:12px}.lower-row .go-unit,.lower-row .event-tile{width:auto;position:static}.lower-row{gap:8px;display:flex}.go-unit{flex:1.15;align-self:end;min-width:0}.go-unit .play{display:none}.mode-band{padding:14px 16px}.mode-band .what b{font-size:22px}.mode-band .how{font-size:12px}.mode-band .change{font-size:13px}.event-tile{flex:1;min-width:0}.lower-row .event-tile{position:relative;inset:auto}.turn-row,.turn-fan{top:5px}.event-tile .turn-row .card,.event-tile .turn-fan .card{--w:38px}.event-tile .turn-fan .card+.card{margin-left:-16px}.turn-row{gap:4px}.turn-small{font-size:11px}.turn-marks{gap:4px;top:auto;bottom:12px;right:22px}.turn-marks i{width:6px;height:6px}.event-tile>.in>.art{height:62px}.event-tile>.in>.words{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px 10px}.event-tile>.in>.words>.name{font-size:13px}.event-tile .left{font-size:11px}.event-tile.waiting:after{width:10px;height:10px;top:8px;right:8px}.foot-line{align-self:center;gap:12px;margin-top:8px;font-size:12px;position:static;transform:none}.foot-line .build{display:none}#signed-hint{width:auto;margin:0 0 6px;position:static}}@media (width<=760px) and (height<=620px){.logo{width:120px}.party{--place:70px}.member{gap:4px}.member.at-0,.member.at-2{top:0}.member.at-1{bottom:0}.event-tile>.in>.art{height:46px}.mode-band{padding:10px 14px}}.notice-news>[class$=-in]{gap:10px}.notice-news p{margin:0}.notice-news .notice-line{color:#fff}.notice-news .notice-crates{flex-wrap:wrap;justify-content:center;gap:8px 28px;display:flex}.notice-news .notice-crates .tag-news-row{flex-direction:column;gap:6px;margin:0}.notice-news .notice-crates .tag-news-row .card{--w:56px}.notice-news .tag-news-where{margin:0 0 4px}.event-welcome{z-index:70;background:#080a0eb3;justify-content:center;align-items:center;animation:.2s ease-out both welcome-in;display:flex;position:fixed;inset:0}.event-welcome .card-box{background:var(--slab);border:3px solid #000;border-radius:18px;flex-direction:column;gap:14px;width:min(760px,100% - 48px);padding:18px;display:flex;box-shadow:0 8px #000}.event-welcome .waiting{text-align:center;font:400 20px var(--display);color:var(--accent);margin:0}.event-welcome .actions{justify-content:center;gap:12px;display:flex}@keyframes welcome-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.event-welcome{animation:none}}@media (width<=600px){.event-welcome{padding:12px}.event-welcome .card-box{box-sizing:border-box;border-radius:16px;gap:12px;width:100%;max-height:calc(100dvh - 24px);padding:12px}.event-welcome .event-hero{gap:12px;min-height:0;padding:16px 14px 14px}.event-welcome .event-hero h2{font-size:32px}.event-welcome .event-hero .body{flex-direction:column;align-items:stretch;gap:12px}.event-welcome .event-hero .blurb{max-width:none;font-size:14px}.event-welcome .event-hero .showcase{--card-s:112px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding:2px 2px 8px;overflow-x:auto}.event-welcome .event-hero .showcase>*{scroll-snap-align:start;flex:none}.event-welcome .waiting{font-size:17px}.event-welcome .actions{gap:8px}.event-welcome .actions .btn{flex:1;padding:12px 10px;font-size:16px}}.event-hero{box-sizing:border-box;background:radial-gradient(120% 140% at 0 0,#ffffff24,#0000 55%),linear-gradient(135deg,#0f5a3a,#0b2b20 70%);border:3px solid #000;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;min-height:230px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #000}.event-hero .body{justify-content:space-between;align-items:center;gap:20px;display:flex}.event-hero .words{min-width:0}.event-hero h2{font:400 42px/1 var(--display);color:var(--accent);-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:0 4px #000;margin:0}.event-hero .dates{color:var(--white);opacity:.8;margin:0;font-size:13px;font-weight:800}.event-hero .blurb{max-width:360px;color:var(--white);margin:8px 0 0;font-size:15px;font-weight:700}.event-hero .showcase{flex:none;gap:8px;display:flex}