:root{--ground:#090b27;--ground-deep:#06071c;--raised:#12153d;--raised-2:#1a1e52;--line:#2a2f6e;--ink:#fff;--soft:#c3c7f5;--dim:#9197d6;--indigo:#4c57fe;--indigo-hover:#5f69ff;--indigo-soft:#8f96ff;--good:#5fe0ab;--bad:#ff8094;--round:"FredokaOne","Fredoka One",ui-rounded,system-ui,sans-serif;--plain:"Nunito",ui-rounded,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"Cascadia Code","SF Mono",Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(1rem,4vw,3rem);--wide:76rem;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--ground);scrollbar-color:var(--line)var(--ground)}body{background:var(--ground);color:var(--ink);font-family:var(--plain);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.6}::selection{background:var(--indigo);color:var(--ink)}:focus-visible{outline:3px solid var(--indigo-soft);outline-offset:3px;border-radius:.5rem}h1,h2,h3{font-family:var(--round);text-wrap:balance;margin:0;font-weight:400}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.notice{padding:4rem var(--gutter);color:var(--soft)}.wordmark{display:inline-flex;font-family:var(--round);text-decoration:none;color:var(--ink);align-items: center;gap:.5rem;font-size:1.75rem;line-height:1}.wordmark img{transition:transform .5s var(--ease);width:1.5em;height:auto}.wordmark:hover img{transform:rotate(-10deg)}.wordmark b{color:var(--indigo);font-weight:inherit}.primary{background:var(--ink);color:var(--ground);font-family:var(--round);box-shadow:0 .6rem 0 -.1rem var(--indigo),0 1.4rem 2rem -.8rem #4c57feb3;transition:transform .2s var(--ease),box-shadow .2s var(--ease);border:0;border-radius:999px;padding:1rem 2.1rem;font-size:1.35rem;line-height:1.2}.primary:hover{box-shadow:0 .8rem 0 -.1rem var(--indigo),0 1.8rem 2.4rem -.8rem #4c57fecc;transform:translateY(-3px)}.primary:active{box-shadow:0 .2rem 0 -.1rem var(--indigo),0 .6rem 1rem -.6rem #4c57feb3;transform:translateY(.35rem)}.quiet,.list button,.invite,.chat-say button,.join button{background:var(--indigo);color:var(--ink);font-family:var(--round);transition:background .2s,transform .2s var(--ease);border:0;border-radius:999px;flex:none;padding:.5rem 1.15rem;line-height:1.4}.quiet:not(:disabled):hover,.list button:not(:disabled):hover,.invite:hover,.chat-say button:not(:disabled):hover,.join button:not(:disabled):hover{background:var(--indigo-hover);transform:translateY(-1px)}.join input,.chat-say input{caret-color:var(--indigo-soft);background:0 0;border:0;flex:1;min-width:0;padding:.5rem .25rem .5rem 1rem;font-weight:700}.join input::placeholder,.chat-say input::placeholder{color:var(--dim);font-weight:600}.join input:focus-visible{outline:none}.chat-say input:focus-visible{outline:none}.join,.chat-say{display:flex;background:var(--ground-deep);border:2px solid var(--line);border-radius:999px;align-items: center;padding:.3rem;transition:border-color .2s}.join:focus-within,.chat-say:focus-within{border-color:var(--indigo-soft)}.keys{display:flex;color:var(--soft);flex-wrap:wrap;align-items: center;gap:.35rem .85rem}.keys-who{font-family:var(--round);color:var(--ink)}.key{display:inline-flex;align-items: center;gap:.4rem}kbd{font-family:var(--round);color:var(--ground);text-align:center;background:var(--ink);box-shadow:0 3px 0 var(--indigo-soft);border-radius:.5rem;min-width:2rem;padding:.1rem .5rem;font-size:.95rem}.shell{display:flex;overflow:hidden;flex-direction:column;height:100dvh}.bar,.hub>section{max-width:calc(var(--wide) + 2*var(--gutter));padding-inline:var(--gutter);width:100%;margin-inline-start:auto;margin-inline-end:auto}.bar{display:flex;animation:rise .7s var(--ease)both;justify-content:space-between;align-items: center;gap:1rem;padding-block-start:1.1rem;padding-block-end:1.1rem}.bar .join{width:min(100%,17rem)}.concept-page .bar{max-width:calc(88rem + 2*var(--gutter))}.hub{display:flex;flex-direction:column;flex:1;gap:clamp(1.5rem,4vh,3rem);min-height:0;padding-bottom:1.5rem}.opening{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(0,.9fr);align-items: center;gap:2rem clamp(2rem,5vw,5rem);padding-top:clamp(.5rem,3vh,2.5rem)}.pitch{display:flex;flex-direction:column;align-items: flex-start;gap:1.25rem;min-width:0}.pitch>*{animation:rise .8s var(--ease)both}.pitch>:nth-child(2){animation-delay:80ms}.pitch>:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}h1{letter-spacing:-.015em;font-size:clamp(2.6rem,7vw,5.75rem);line-height:1}.lead{color:var(--soft);font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.5}.pitch>.primary,.create{margin-top:.75rem}.create{display:flex;flex-direction:column;gap:.6rem;width:min(100%,22rem)}.create input,.unlock input{border:2px solid var(--line);background:var(--ground-deep);caret-color:var(--indigo-soft);border-radius:999px;width:100%;padding:.8rem 1.1rem;transition:border-color .2s;font-weight:700}.create input::placeholder,.unlock input::placeholder{color:var(--dim);font-weight:600}.create input:focus-visible{outline:none;border-color:var(--indigo-soft)}.unlock input:focus-visible{outline:none;border-color:var(--indigo-soft)}.create-go{display:flex;align-items: center;gap:1.25rem;margin-top:.6rem}.plain{color:var(--soft);font-family:var(--round);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.3em;background:0 0;border:0;padding:.5rem .25rem;transition:color .2s}.plain:hover{color:var(--ink)}.plate{position:relative;display:grid;place-items: center;min-width:0}.plate:before{content:"";grid-area:1/1;aspect-ratio:1;animation:5s ease-in-out infinite alternate breathe;background:radial-gradient(closest-side,#4c57fe61,#4c57fe00);border-radius:50%;width:min(100%,30rem,42vh)}.mascot{grid-area:1/1;position:relative;transform-origin:55% 100%;animation:plug-in 1.1s var(--ease)both,float 4.5s ease-in-out 1.1s infinite alternate;width:min(100%,27rem,38vh);height:auto}@keyframes plug-in{0%{opacity:0;transform:rotate(-20deg)translateY(-2rem)}to{opacity:1;transform:none}}@keyframes float{to{transform:translateY(-.9rem)rotate(2.5deg)}}@keyframes breathe{to{transform:scale(1.12);opacity:.7}}.rooms{display:flex;animation:rise .8s var(--ease).24s both;flex-direction:column;flex:1;min-height:0}.rooms-head{display:flex;align-items: center;gap:.75rem;margin-bottom:1rem}.rooms-head h2{font-size:clamp(1.6rem,3vw,2.1rem)}.rooms-head span{position:relative;font-family:var(--round);color:var(--ground);background:var(--good);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:1.7rem;padding-inline-start:.5rem;padding-inline-end:.5rem;line-height:1.7rem}.rooms-head span:after{content:"";position:absolute;border-radius:inherit;border:2px solid var(--good);animation:ping 2.2s var(--ease)infinite;inset:0}@keyframes ping{to{transform:scale(1.7);opacity:0}}.list{overflow-y:auto;display:flex;scrollbar-color:var(--line)transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:.5rem;min-height:0;padding-right:.4rem}.list li{display:grid;grid-template-columns:auto minmax(0,1.2fr)minmax(0,1fr)auto auto;background:var(--raised);animation:rise .6s var(--ease)both;animation-delay:calc(var(--i,0)*60ms);transition:background .2s,transform .3s var(--ease);border-radius:1.1rem;flex:none;align-items: center;gap:1rem;padding:.7rem .7rem .7rem 1.1rem}.list li:hover{background:var(--raised-2)}.flag{display:block;object-fit:cover;background:var(--line);border-radius:.25rem;flex:none;width:1.75rem;height:1.3125rem}.room-name{display:flex;font-family:var(--round);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items: center;gap:.5rem;min-width:0;font-size:1.2rem}.lock{fill:none;stroke:var(--dim);stroke-width:1.6;stroke-linecap:round;flex:none;width:1rem;height:1rem}.lock rect{fill:var(--dim)}.room-game{color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-count{color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap}.list button{padding:.5rem 1.4rem}.none{border:2px dashed var(--line);color:var(--dim);border-radius:1.1rem;padding:1.4rem 1.1rem}.room-page{display:grid;grid-template-columns:minmax(0,1fr)clamp(17rem,22vw,21rem);grid-template-rows:minmax(0,1fr)auto;overflow:hidden;background:linear-gradient(180deg,var(--ground-deep),#0d1140 62%,var(--ground));height:100dvh}.room-page.no-chat{grid-template-columns:minmax(0,1fr)}.play{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0;padding:1rem 1.25rem .75rem}.stage{position:relative;display:grid;overflow:hidden;background:#000;border-radius:.6rem;flex:1;align-content: center;place-items: center;gap:1rem;min-height:0;box-shadow:0 1.5rem 3rem -1rem #020310e6}.stage:-webkit-full-screen{border-radius:0}.stage:fullscreen{border-radius:0}.stage iframe,.stage video{position:absolute;display:block;object-fit:contain;background:#000;border:0;width:100%;height:100%;inset:0}.unlock{display:flex;flex-direction:column;align-items: center;gap:.75rem;width:min(100% - 2rem,19rem)}.unlock .lock{stroke:var(--indigo-soft);width:2.25rem;height:2.25rem}.unlock .lock rect{fill:var(--indigo-soft)}.unlock p{color:var(--bad)}.stage-note{color:var(--soft);font-family:var(--round);text-align:center;padding-inline-start:2rem;padding-inline-end:2rem;font-size:1.35rem}.picker{position:absolute;overflow-y:auto;background:var(--ground-deep);scrollbar-color:var(--line)var(--ground-deep);padding:clamp(1.25rem,3vw,2.5rem);inset:0}.picker ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),13rem));gap:1rem}.picker li{min-width:0}.pick{display:flex;background:var(--raised);color:var(--ink);text-align:left;transition:transform .3s var(--ease),border-color .2s;border:2px solid #0000;border-radius:1.4rem;flex-direction:column;gap:.2rem;width:100%;padding:.6rem .6rem 1rem}.pick:hover{border-color:var(--indigo-soft);transform:translateY(-4px)}.court{aspect-ratio:1;object-fit:cover;display:block;border-radius:1rem;width:100%;height:auto;margin-bottom:.6rem}.lettered{display:grid;background:var(--indigo);font-family:var(--round);text-align:center;text-wrap:balance;place-items: center;padding:1rem;font-size:1.7rem;line-height:1.1}.game-name{font-family:var(--round);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:.4rem;padding-inline-end:.4rem;font-size:1.15rem}.under{display:flex;justify-content:space-between;align-items: center;gap:.5rem 2rem;min-height:4.6rem}.people{display:flex;flex-wrap:wrap;gap:.9rem}.person{display:flex;animation:pop .45s var(--ease)both;flex-direction:column;align-items: center;gap:.2rem}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.person button,.badge{position:relative;display:block;background:0 0;border:0;border-radius:50%;padding:0}.face{display:grid;color:var(--ink);font-family:var(--round);transition:background .2s,transform .25s var(--ease);background:#56609a;border-radius:50%;place-items: center;width:3.25rem;height:3.25rem;font-size:1.4rem;line-height:1;box-shadow:0 .5rem 1rem -.4rem #020310e6}.person.me .face{box-shadow:0 0 0 2px var(--ink),0 .5rem 1rem -.4rem #020310e6}.person button:hover .face{background:#6671b3;transform:translateY(-2px)scale(1.05)}.mark{position:absolute;display:grid;background:var(--indigo);color:var(--ink);box-shadow:0 0 0 2px var(--ground);animation:pop .3s var(--ease)both;font-family:var(--round);border-radius:999px;place-items: center;width:auto;min-width:1.6rem;height:1.5rem;padding-inline-start:.3rem;padding-inline-end:.3rem;font-size:.8rem;line-height:1.5rem;bottom:-.2rem;right:-.3rem}.person-name{color:var(--soft);white-space:nowrap;font-size:.75rem;font-weight:700;line-height:1.2}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem 1.5rem;font-size:.95rem}.icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.dock{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);background:var(--ground-deep);box-shadow:0 -1px 0 var(--line);align-items: center;gap:1rem;padding:.35rem 1rem}.dock-left,.dock-mid,.dock-right{display:flex;align-items: center;gap:.25rem 1rem;min-width:0}.dock-mid{gap:.25rem}.dock-right{justify-content:flex-end}.dock .wordmark{flex:none;font-size:1.25rem}.room-title{font-family:var(--round);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.1rem;line-height:1.2}.state{color:var(--soft);display:inline-flex;white-space:nowrap;align-items: center;gap:.45rem;font-size:.95rem}.state:before{content:"";background:var(--indigo-soft);border-radius:50%;flex:none;width:.55rem;height:.55rem}.state.playing:before{background:var(--good)}.state.ended:before{background:var(--bad)}.state.connecting:before,.state.waiting:before,.state.joining:before{animation:1.2s ease-in-out infinite alternate wait}@keyframes wait{to{opacity:.25}}.tool{display:grid;color:var(--soft);background:0 0;border:0;border-radius:.6rem;place-items: center;width:2.5rem;height:2.5rem;padding:0;transition:background .2s,color .2s}.tool:hover{background:var(--raised-2);color:var(--ink)}.tool[aria-pressed=true]{background:var(--indigo);color:var(--ink)}.count{color:var(--soft);font-variant-numeric:tabular-nums}.invite{display:inline-flex;align-items: center;gap:.4rem;padding:.35rem .95rem .35rem .75rem}.invite .icon{width:1.05rem;height:1.05rem}.chat{display:flex;box-shadow:-1px 0 0 var(--line);animation:slide .35s var(--ease)both;background:#06071cb8;flex-direction:column;min-height:0}@keyframes slide{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:none}}.chat-lines{overflow-y:auto;display:flex;scrollbar-color:var(--line)transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:.85rem;min-height:0;padding:1rem}.line{display:flex;overflow-wrap:anywhere;animation:rise .3s var(--ease)both;flex-direction:column;line-height:1.35}.line .who{color:var(--indigo-soft);font-size:.8rem;font-weight:800}.line.me .who{color:var(--dim)}.line.room{color:var(--dim);font-size:.85rem}.chat-say{background:var(--ground);margin:.75rem}.concept{display:grid;grid-template-columns:minmax(0,33rem)minmax(0,1fr);max-width:calc(88rem + 2*var(--gutter));padding:.5rem var(--gutter)1.5rem;flex:1;gap:clamp(1.5rem,3vw,3.5rem);width:100%;min-height:0;margin-inline-start:auto;margin-inline-end:auto}.telling{display:flex;overflow-y:auto;scrollbar-color:var(--line)transparent;scrollbar-width:thin;flex-direction:column;gap:2rem;min-height:0;padding-right:.5rem}.telling>*{animation:rise .8s var(--ease)both}.telling>:nth-child(2){animation-delay:80ms}.telling>:nth-child(3){animation-delay:.16s}.telling>:nth-child(4){animation-delay:.24s}.telling header{display:flex;flex-direction:column;gap:.9rem}.concept h1{font-size:clamp(2.1rem,3.4vw,3.1rem);line-height:1.05}.concept .lead{max-width:34ch;font-size:1.1rem}.concept h2{color:var(--soft);margin-bottom:.6rem;font-size:1.15rem}.wiring{display:flex;background:radial-gradient(60% 70% at 50% 45%,#4c57fe29,#4c57fe00 70%),var(--ground-deep);box-shadow:0 0 0 2px var(--line),0 2rem 3.5rem -1.5rem #020310f2;animation:rise .9s var(--ease).12s both;border-radius:1.4rem;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:.75rem;min-height:0;padding:1.25rem}.cords{display:block;overflow:visible;flex:1;width:100%;max-width:46rem;min-height:0}.cords path:where(:not(.node-flag path)){fill:none;stroke-linecap:round;stroke-linejoin:round}.cord-line{stroke:var(--line);stroke-width:4;stroke-dasharray:1 10}.cord-lit{stroke:var(--indigo);stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--ease)}.cord.used .cord-lit,.cord.live .cord-lit{stroke-dashoffset:0}.cord.done .cord-lit{stroke-dashoffset:-1;transition:stroke-dashoffset .9s cubic-bezier(.7,0,.84,0) .35s}.cord-line{transition:opacity .6s 1s}.cord.done .cord-line{opacity:.35}.packet{offset-rotate:0deg;offset-distance:0%;opacity:0;animation:.95s cubic-bezier(.45,0,.2,1) both fly;filter:drop-shadow(0 0 6px #8f96ffe6);pointer-events:none}.packet rect{fill:var(--ink)}.cords .packet path{stroke:var(--indigo);stroke-width:2}@keyframes fly{0%{offset-distance:0%;opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(.4)}}.node-ring{fill:none;stroke:var(--ink);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:ring .6s var(--ease)both;pointer-events:none}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.node-done{animation:pop .45s var(--ease)1.1s both;transform-box:fill-box;transform-origin:center}.node-done circle{fill:var(--good)}.cords .node-done path{stroke:var(--ground);stroke-width:2.4}.node.done .node-disc{fill:var(--raised-2);stroke:var(--good)}.cords .node-id{font-family:var(--mono);fill:var(--dim);font-size:10.5px;font-weight:500}.node{transform-box:fill-box;transform-origin:center;animation:pop .55s var(--ease)both;cursor:pointer;outline:none}.node.ghost{cursor:default;opacity:.55}.node-disc{fill:var(--raised-2);stroke:var(--line);stroke-width:2;transition:fill .5s var(--ease),stroke .3s var(--ease),stroke-width .3s var(--ease)}.node.used .node-disc,.node.coming .node-disc{fill:var(--indigo);stroke:var(--indigo-soft)}.node.host .node-disc{fill:var(--ground);stroke:var(--indigo-soft)}.node.host.me .node-disc{stroke:var(--good);stroke-width:3}.node-person,.node-face{transition:opacity .5s var(--ease),transform .6s var(--ease);transform-box:fill-box;transform-origin:center}.node .node-face{opacity:0;pointer-events:none;transform:scale(.4)}.node.host .node-face{opacity:1;transform:none}.node.host .node-person{opacity:0;transform:scale(.4)}.node.coming .node-ink,.node-flag>circle{fill:var(--ink)}.pop{transform-box:fill-box;transform-origin:center;animation:pop .22s var(--ease)both;pointer-events:none}.pop rect{fill:var(--raised-2);stroke:var(--indigo-soft);stroke-width:1.5;filter:drop-shadow(0 8px 12px #020310b3)}.cords .pop-head{fill:var(--ink);font-size:12.5px}.cords .pop-line{fill:var(--soft);font-family:var(--plain);font-size:11.5px;font-weight:700}.took{color:var(--soft);font-variant-numeric:tabular-nums;font-weight:800}.file-ms{color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:.875rem}.cords .node-beside{text-anchor:start}.node:hover .node-disc,.node.picked .node-disc{stroke:var(--ink);stroke-width:3}.node:focus-visible .node-disc{stroke:var(--ink);stroke-width:3}.node.ghost:hover .node-disc{stroke:var(--line);stroke-width:2}.node.coming .node-disc{animation:.9s ease-in-out infinite alternate busy}@keyframes busy{to{fill:var(--indigo-hover);stroke:var(--ink)}}.cords .node-ink{fill:var(--soft);stroke:none}.node.used .node-ink{fill:var(--ink)}.cords .node-rack{stroke:var(--soft);stroke-width:9;opacity:.35}.cords text{font-family:var(--round);fill:var(--soft);text-anchor:middle;font-size:14px;font-weight:400}.cords .node-tag{fill:var(--ink)}.cords .node-code{fill:var(--ground);font-size:10.5px}.node-plug{display:block;width:100%;height:100%}.wordmark canvas{transition:transform .5s var(--ease);width:1.5em;height:auto}.wordmark:hover canvas{transform:rotate(-10deg)}.wiring .state{flex:none;min-height:1.6em}.visit-sums{flex:none;justify-content:center;margin:0}.files{display:flex;flex-direction:column;gap:.3rem}.files li{position:relative;display:grid;grid-template-columns:minmax(0,1fr)4.9rem 4.4rem 3.6rem 4.4rem 1rem;background:var(--raised);overflow:hidden;isolation:isolate;border-radius:.7rem;align-items: center;gap:.75rem;padding:.45rem .8rem;font-size:.95rem}.files li:before{content:"";position:absolute;z-index:-1;background:var(--raised-2);transform-origin:left;transform:scaleX(var(--got,0));transition:transform .25s linear;inset:0}.file-name{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500}.file-size{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.file-hash{font-family:var(--mono);color:var(--dim);white-space:nowrap;font-size:.8rem;font-weight:500}.files li.wrong .file-hash{color:var(--bad)}.files li{transition:box-shadow .2s;box-shadow:inset 0 0 0 2px #0000}.files li.lit{box-shadow:inset 0 0 0 2px var(--indigo-soft)}.served li{animation:rise .5s var(--ease)both}.files .flag{display:inline-block;vertical-align:-.15em;border-radius:.2rem;width:1.25rem;height:.9375rem;margin-right:.5rem}.files .file-from .flag{width:1rem;height:.75rem;margin-right:.3rem}.served li.done .file-from{color:var(--good)}.served li.live .file-from{color:var(--ink)}.file-from{font-family:var(--round);color:var(--soft);font-weight:400}.file-from.visitor{color:var(--good)}.check{fill:none;stroke:var(--good);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}svg.check{animation:pop .35s var(--ease)both}.saved-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.saved-head strong{font-family:var(--round);color:var(--good);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:400;line-height:1}.saved-bar{background:var(--raised-2);overflow:hidden;border-radius:999px;height:.8rem}.saved-bar span{display:block;border-radius:inherit;background:var(--good);transition:width .9s var(--ease);height:100%}.saved-sums{display:flex;flex-wrap:wrap;gap:.4rem 1.75rem;margin:.75rem 0 0;font-size:.95rem}.saved-sums div{display:flex;align-items:baseline;gap:.5rem}.saved-sums dt{color:var(--soft)}.saved-sums dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.by-visitors dt:before,.by-server dt:before{content:"";display:inline-block;background:var(--good);border-radius:50%;width:.6rem;height:.6rem;margin-right:.45rem}.by-server dt:before{background:var(--raised-2);box-shadow:inset 0 0 0 1.5px var(--dim)}.shown{display:flex;flex-direction:column;gap:1.25rem;min-width:0;min-height:0}.saved{animation:rise .9s var(--ease).2s both}@media (prefers-reduced-motion:reduce){.telling>*,.wiring,.saved,svg.check,.node,.node.live .node-disc,.node-ring,.node-done,.served li{animation:none}.packet{animation-duration:.3s}.files li:before,.saved-bar span,.cord-lit,.cord.done .cord-lit,.cord-line{transition:none}.mascot,.plate:before,.bar,.pitch>*,.rooms,.list li,.rooms-head span:after,.person,.mark,.line,.chat{animation:none}.primary,.pick,.quiet,.wordmark img,.list li{transition:none}.state:before{animation:none!important}}@media (max-width:860px){.shell{overflow:visible;height:auto;min-height:100dvh}.list{overflow:visible}.opening{grid-template-columns:minmax(0,1fr)}.plate{order:-1;justify-items:start}.mascot{width:11rem}.plate:before{width:13rem}.list li{grid-template-columns:auto minmax(0,1fr)auto auto}.room-game{grid-column:2;grid-row:2}.list .flag,.list button,.room-count{grid-row:1/span 2}.room-page{display:flex;overflow:visible;flex-direction:column;height:auto;min-height:100dvh}.dock{grid-template-columns:minmax(0,1fr)auto;order:-1}.dock-right{grid-column:1/-1;justify-content:space-between}.stage{aspect-ratio:16/9;flex:none}.stage:has(.picker){aspect-ratio:auto}.picker{position:static;width:100%}.under{flex-wrap:wrap}.legend{justify-content:flex-start}.chat{box-shadow:0 -1px 0 var(--line);flex:1;min-height:22rem}.concept{grid-template-columns:minmax(0,1fr)}.telling{overflow:visible;padding-right:0}.wiring{flex:none;padding:.75rem}.cords{flex:none;height:auto}.files li{grid-template-columns:minmax(0,1fr)3.6rem 4.4rem 1rem}.file-size,.file-hash{display:none}.files li.wrong .file-hash{display:block;grid-column:1/-1}}@media (max-width:520px){.bar{flex-wrap:wrap}.bar .join{width:100%}}