@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.dock{--np:#ffd68c;--rec:46px;--dk-bg:#0c0b14db;--dk-line:#ffffff1f;left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));z-index:900;width:var(--rec);height:var(--rec);color:var(--ink,#ece8df);view-transition-name:site-dock;-webkit-tap-highlight-color:transparent;font:400 .68rem/1.25 IBM Plex Mono,ui-monospace,monospace;position:fixed}.dock *,.dock :before,.dock :after{box-sizing:border-box}.dock button{font:inherit;color:inherit}.dock a{color:inherit;text-decoration:none}.dock[data-mode=game]{--rec:40px;left:max(8px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom))}:root.in-frame .dock{display:none}.dock[data-place~=right]{left:auto;right:max(14px, env(safe-area-inset-right))}.dk-rec{z-index:2;width:var(--rec);height:var(--rec);background:var(--dk-bg);border:1px solid color-mix(in srgb, var(--np) 45%, transparent);cursor:pointer;box-shadow:0 8px 22px #00000080, 0 0 22px -6px var(--np);border-radius:50%;padding:3px;transition:transform .2s,box-shadow .5s,border-color .5s;display:block;position:relative}.dk-rec:hover{transform:scale(1.06)}.dk-disc{background:radial-gradient(circle, #0e0c18 0 8%, var(--np) 9% 34%, #00000080 35% 37%, transparent 38%), repeating-radial-gradient(circle, #1b1826 0 1.5px, #262131 1.5px 2.5px);border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:0 0 0 1px #ffffff1a}.dk-disc .disc,.dk-disc .disc-spin,.dk-disc .disc-sheen{border-radius:50%;position:absolute;inset:0}.dk-disc .disc-spin svg{width:100%;height:100%;display:block}.dk-disc .disc-sheen{background:conic-gradient(from 25deg, transparent 0 6%, #fff6e633 11%, transparent 17% 50%, #fff6e624 61%, transparent 67%);mix-blend-mode:screen}.dk-disc .disc-spin{animation:1.8s linear infinite paused dk-spin}.dock.spin .dk-disc .disc-spin{animation-play-state:running}.dock.off .dk-disc{opacity:.55}@keyframes dk-spin{to{transform:rotate(360deg)}}.dk-card{left:calc(var(--rec) / 2);z-index:1;height:calc(var(--rec) + 2px);padding:0 6px 0 calc(var(--rec) / 2 + 10px);white-space:nowrap;background:var(--dk-bg);border:1px solid var(--dk-line);-webkit-backdrop-filter:blur(12px)saturate(1.2);box-shadow:0 10px 30px #00000073, 0 0 34px -14px var(--np);clip-path:inset(-40px -40px -40px 100% round 999px);opacity:0;visibility:hidden;border-radius:0 999px 999px 0;align-items:center;gap:10px;transition:transform .24s,clip-path .28s,opacity .2s,visibility 0s .28s;display:flex;position:absolute;top:50%;transform:translate(-12px,-50%)}.dock.open .dk-card{clip-path:inset(-40px -40px -40px 0 round 999px);opacity:1;visibility:visible;transition:transform .24s,clip-path .28s,opacity .15s,visibility;transform:translateY(-50%)}.dk-now{flex-direction:column;min-width:0;max-width:210px;display:flex}.dk-title{white-space:nowrap;text-overflow:ellipsis;font-family:Cormorant Garamond,Georgia,serif;font-size:1.02rem;font-style:italic;font-weight:400;line-height:1.1;overflow:hidden}.dk-sub{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;color:#ece8df94;font-size:.56rem;overflow:hidden}.dk-sub .dk-style{color:var(--np)}.dk-ctl{align-items:center;gap:4px;display:flex}.dk-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff21;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;font-size:.76rem;transition:border-color .2s,color .2s;display:grid}.dk-btn:hover,.dk-btn[aria-expanded=true]{border-color:var(--gold,#ffd68c);color:var(--gold,#ffd68c)}.dk-list-btn{background:0 0;border-color:#0000}.dk-mode{color:#ece8df80;background:0 0;border-color:#0000;width:26px;height:26px}.dk-mode svg{width:15px;height:15px}.dk-mode.on{color:var(--gold,#ffd68c)}.dk-mode.on:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;bottom:1px;left:50%}.dk-one{background:var(--gold,#ffd68c);color:#14111c;border-radius:6px;min-width:11px;height:11px;padding:0 2px;font-size:.5rem;font-weight:600;line-height:11px;display:none;position:absolute;top:0;right:0}.dk-repeat.one .dk-one{display:block}.dk-list-btn svg{width:15px;height:15px}.dk-vol-slot{align-items:center;display:inline-flex}.dk-vol-slot .sl{width:64px;margin:0 4px}.dk-quiet{white-space:nowrap;color:#ece8dfa8;margin:0;padding-right:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:.98rem;font-style:italic;display:none}.dk-game-song{letter-spacing:.06em;white-space:nowrap;cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:999px;flex:none;padding:.3rem .6rem;transition:border-color .2s,color .2s;color:#ece8dfb3!important;font-size:.56rem!important}.dk-game-song:hover{border-color:var(--gold,#ffd68c);color:var(--gold,#ffd68c)!important}.dk-game-song[hidden],.dock[data-music=off] .dk-game-song{display:none}.dock[data-ui=card] .dk-game-song{align-self:flex-start}.dock[data-music=off] .dk-now,.dock[data-music=off] .dk-ctl{display:none}.dock[data-music=off] .dk-quiet{display:block}.dk-lists{z-index:3;border:1px solid var(--dk-line);-webkit-backdrop-filter:blur(14px);background:#0e0c16f5;border-radius:16px;width:270px;padding:10px;animation:.18s ease-out dk-rise;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 18px 48px #0000008c}.dk-lists[hidden]{display:none}@keyframes dk-rise{0%{opacity:0;transform:translateY(6px)}}.dk-pop-head{letter-spacing:.18em;text-transform:uppercase;color:#ece8df80;margin:0 0 6px 6px;font-size:.56rem}.dk-pl{max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.dk-pl button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;display:flex}.dk-pl button:hover{background:#ffffff12}.dk-pl .dk-pl-tick{width:1em;color:var(--gold,#ffd68c)}.dk-pl .dk-pl-n{color:#ece8df73;margin-left:auto}.dk-pl button[aria-pressed=true]{color:var(--gold,#ffd68c)}.dk-studio-link{letter-spacing:.16em;text-transform:uppercase;border-top:1px solid var(--dk-line);margin-top:6px;padding:.55rem .6rem;font-size:.6rem;display:block;color:#f7baf7!important}.dk-studio-link:hover{color:var(--gold,#ffd68c)!important}.dock[data-ui=card] .dk-card{white-space:normal;clip-path:none;background:#0e0c16fb;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:min(300px,100vw - 20px);height:auto;padding:14px;top:auto;bottom:calc(100% + 10px);left:0;transform:translateY(6px)}.dock[data-ui=card].open .dk-card{clip-path:none;transform:none}.dock[data-ui=card] .dk-now{max-width:none}.dock[data-ui=card] .dk-title{font-size:1.25rem}.dock[data-ui=card] .dk-sub{font-size:.6rem}.dock[data-ui=card] .dk-btn{width:38px;height:38px;font-size:.9rem}.dock[data-ui=card] .dk-ctl{flex-wrap:wrap;justify-content:space-between;row-gap:8px}.dock[data-ui=card] .dk-mode{width:34px;height:34px}.dock[data-ui=card] .dk-mode svg{width:17px;height:17px}.dock[data-ui=card] .dk-vol-slot{flex:1 0 100%;order:9}.dock[data-ui=card] .dk-vol-slot .sl{width:100%;margin:0 6px}.dock[data-ui=card] .dk-quiet{white-space:normal;padding:0}.dk-card .dk-lists{border:0;border-top:1px solid var(--dk-line);width:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0;margin:0 -4px;padding:8px 0 0;animation:none;position:static}.dk-card .dk-pl{max-height:30vh}.dock[data-at=header]{--rec:38px;bottom:auto;left:auto}.dock[data-at=header] .dk-card{inset:calc(100% + 10px) 0 auto auto;transform:translateY(-6px)}body:after{content:"";height:var(--dock-h,0px);display:block}@media (prefers-reduced-motion:reduce){.dk-disc .disc-spin,.dk-lists{animation:none!important}.dk-card{transition:none!important}}:root{--header-h:48px}@media (width<=640px){:root{--header-h:46px}}@media (height<=500px){:root{--header-h:40px}}:root:has(>body[data-header=off]),:root.br-lab,:root.br-pane,:root.in-frame{--header-h:0px}body[data-header=off] #site-header,:root.br-lab #site-header,:root.br-pane #site-header,:root.in-frame #site-header,.sh-tab{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){:root:has(>body[data-header=auto]):not(.br-lab,.br-pane,.in-frame){--header-h:0px;--sh-tuck:0px}:root:has(>body[data-header=auto]):not(.sh-up){--sh-tuck:-40px}body[data-header=auto] #site-header,body[data-header=auto] #site-dock[data-at=header]{transform:translateY(var(--sh-tuck,0px));transition:transform .22s}body[data-header=auto] #site-header{height:40px}body[data-header=auto] .sh-tab{top:100%;right:max(10px, env(safe-area-inset-right));width:56px;height:26px;color:var(--ink,#ece8df);cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .2s;display:block;position:absolute}body[data-header=auto] .sh-tab:before{content:"";-webkit-backdrop-filter:blur(6px);background:#0a0b14b8;border:1px solid #ffffff2e;border-top:0;border-radius:0 0 9px 9px;height:16px;position:absolute;top:0;left:8px;right:8px}body[data-header=auto] .sh-tab svg{width:12px;height:8px;margin-left:-6px;position:absolute;top:4px;left:50%}:root.sh-up body[data-header=auto] .sh-tab{opacity:0;pointer-events:none}}@media (orientation:landscape) and (height<=500px) and (pointer:coarse) and (prefers-reduced-motion:reduce){body[data-header=auto] #site-header,body[data-header=auto] #site-dock[data-at=header]{transition:none}}body{box-sizing:border-box;padding-top:var(--header-h)}html{scroll-padding-top:var(--header-h)}.sh{--sh-line:#ffffff1a;z-index:800;height:var(--header-h);--sh-pad:clamp(16px, 4vw, 48px);padding:0 max(var(--sh-pad), env(safe-area-inset-right)) 0 max(var(--sh-pad), env(safe-area-inset-left));box-sizing:border-box;color:var(--ink,#ece8df);-webkit-backdrop-filter:blur(14px)saturate(1.2);view-transition-name:site-header;-webkit-tap-highlight-color:transparent;background:linear-gradient(#06070de6,#08080fc7);align-items:center;gap:.5rem;font:400 .68rem/1.25 IBM Plex Mono,ui-monospace,monospace;display:flex;position:fixed;top:0;left:0;right:0}.sh:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ff5a5a8c,#ffd66b73 9%,#7dff8a59 17%,#5ad1ff4d 25%,#a77bff38 33%,#ffffff14 48%,#ffffff0f);height:1px;position:absolute;bottom:0;left:0;right:0}.sh *,.sh :before,.sh :after{box-sizing:border-box}.sh a{color:inherit;text-decoration:none}.sh button{font:inherit;color:inherit}.sh-ic{flex:none;width:18px;height:18px}.sh-logo{border-radius:999px;align-items:center;gap:.6rem;height:36px;margin-left:-6px;padding:0 8px 0 6px;display:inline-flex}.sh-prism{width:36px;height:24px;overflow:visible}.sh-beam{fill:none;stroke:#fff6e6;stroke-width:1.4px;stroke-linecap:round}.sh-ray{fill:none;stroke-width:1.2px;stroke-linecap:round;opacity:.85;transition:opacity .3s}.sh-glass{fill:#c8d7ff14;stroke:#ffffffd1;stroke-width:1.3px;stroke-linejoin:round}.sh-logo:hover .sh-ray{opacity:1}.sh-nav{align-items:center;gap:.15rem;height:100%;margin-left:auto;display:flex}.sh-arcade{align-items:center;height:100%;display:flex;position:relative}.sh-link{letter-spacing:.2em;text-transform:uppercase;color:#ece8dfa8;align-items:center;height:100%;padding:0 .85rem;font-size:.62rem;transition:color .2s;display:inline-flex;position:relative}.sh-link:hover,.sh-arcade:has(.sh-caret[aria-expanded=true]) .sh-link{color:hsl(var(--hue) 90% 80%)}.sh-link[aria-current]{color:hsl(var(--hue) 95% 82%)}.sh-link[aria-current]:after{content:"";background:currentColor;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:.85rem;right:.85rem;box-shadow:0 0 10px}.sh-arcade .sh-link{padding-right:.3rem}.sh-arcade .sh-link[aria-current]:after{right:.3rem}.sh-caret{color:#ece8df80;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:22px;height:26px;margin-right:.35rem;padding:0;display:grid}.sh-caret svg{width:9px;height:6px;transition:transform .2s}.sh-caret:hover{color:#facf9e}.sh-caret[aria-expanded=true] svg{transform:rotate(180deg)}.sh-pop,.sh-sheet{border:1px solid var(--sh-line);-webkit-backdrop-filter:blur(14px);background:#0e0c16fb;border-radius:16px;animation:.18s ease-out sh-drop;position:absolute;top:calc(100% + 6px);box-shadow:0 18px 48px #0000008c}.sh-pop[hidden],.sh-sheet[hidden]{display:none}@keyframes sh-drop{0%{opacity:0;transform:translateY(-6px)}}.sh-games{width:316px;padding:8px;left:-8px}.sh-games:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.sh-room,.sh-game-list a{border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .65rem;transition:background .15s,color .15s;display:flex}.sh-room{color:#f9ca94}.sh-room b,.sh-game-list b{font-family:Cormorant Garamond,Georgia,serif;font-size:1.12rem;font-style:italic;font-weight:400;line-height:1.1;display:block}.sh-room small,.sh-game-list small{letter-spacing:.12em;text-transform:uppercase;color:#ece8df80;font-size:.56rem;display:block}.sh-game-list{border-top:1px solid var(--sh-line);grid-template-columns:1fr 1fr;gap:2px;margin:4px 0 0;padding:6px 0 0;list-style:none;display:grid}.sh-game-list a{gap:.55rem;padding:.45rem .55rem}.sh-game-list b{font-size:1.02rem}.sh-game-list .sh-ic,.sh-sheet-games .sh-ic{color:var(--gc)}.sh-room:hover,.sh-game-list a:hover,.sh-pop a[aria-current]{background:#ffffff12}.sh-game-list a[aria-current] b,.sh-sheet-games a[aria-current]{color:var(--gc)}.sh-slot{flex:none;width:38px;height:38px;margin-left:.5rem}.sh-menu{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;width:40px;height:40px;margin-right:-8px;padding:0;display:none;position:relative}.sh-menu i{background:currentColor;border-radius:1px;height:1.5px;transition:transform .22s,opacity .22s;position:absolute;left:11px;right:11px}.sh-menu i:first-child{top:14px}.sh-menu i:nth-child(2){top:19.5px}.sh-menu i:nth-child(3){top:25px}.sh-menu[aria-expanded=true] i:first-child{transform:translateY(5.5px)rotate(45deg)}.sh-menu[aria-expanded=true] i:nth-child(2){opacity:0}.sh-menu[aria-expanded=true] i:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.sh-sheet{top:calc(var(--header-h) + 6px);max-height:calc(100dvh - var(--header-h) - 16px);overscroll-behavior:contain;padding:12px;position:fixed;left:8px;right:8px;overflow-y:auto}.sh-sheet-places{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.sh-sheet-places a,.sh-sheet-games a{letter-spacing:.12em;text-transform:uppercase;color:#ece8dfcc;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:.7rem .2rem .55rem;font-size:.56rem;transition:background .15s,color .15s;display:flex}.sh-sheet-places .sh-ic,.sh-sheet-games .sh-ic{width:22px;height:22px}.sh-sheet-places a:hover,.sh-sheet-places a[aria-current]{color:hsl(var(--hue) 95% 82%);background:hsl(var(--hue) 80% 60% / .12)}.sh-sheet-head{letter-spacing:.2em;text-transform:uppercase;color:#ece8df80;border-top:1px solid var(--sh-line);margin:12px 0 4px;padding:12px 4px 0;font-size:.56rem}.sh-sheet-games{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.sh-sheet-games a{letter-spacing:.06em}.sh-sheet-games a:hover,.sh-sheet-games a[aria-current]{background:#ffffff12}@media (width<=640px){.sh{gap:.25rem}.sh-nav{display:none}.sh-slot{margin-left:auto}.sh-menu{display:block}}@media (prefers-reduced-motion:reduce){.sh-pop,.sh-sheet,.sh-menu i{transition:none!important;animation:none!important}}#game-screen-enter,#game-screen-leave{font:inherit;color:#f4dfb1;cursor:pointer;touch-action:manipulation;background:#17211eee;border:1px solid #bda57580;border-radius:8px;min-width:44px;min-height:44px}#game-screen-enter{flex-shrink:0;padding:0 8px;font-size:25px;line-height:1}#game-screen-leave{z-index:2147483000;top:env(safe-area-inset-top,0px);right:max(8px,env(safe-area-inset-right,0px));padding:8px 12px;font-size:12px;position:fixed}#game-screen-enter[hidden],#game-screen-leave[hidden]{display:none!important}:root.game-expanded{--header-h:calc(48px + env(safe-area-inset-top,0px))!important;--dock-h:0px!important}:root.game-expanded body{padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;padding-top:var(--header-h)!important}:root.game-expanded #site-header,:root.game-expanded #site-dock,:root.game-expanded .game-nav,:root.game-expanded body:after{display:none!important}:root.game-expanded:fullscreen{background:#04050b;width:100%;height:100%;overflow:auto}:root.br-lab:not(.game-expanded) #site-header:has(#game-screen-enter:not([hidden])),:root.br-pane:not(.game-expanded) #site-header:has(#game-screen-enter:not([hidden])){visibility:hidden;pointer-events:none;background:0 0;border:0;display:flex}:root.br-lab #game-screen-enter,:root.br-pane #game-screen-enter{visibility:visible;pointer-events:auto;position:fixed;top:0;right:8px}:root{color-scheme:dark;--bg:#04050b;--ink:#ece8df;--muted:#ece8df99;--gold:#ffd68c;--gutter:clamp(16px, 4vw, 48px)}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace}select option,select optgroup{color:var(--ink);background:#10121c}.pill,.primary{font:inherit;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--ink);cursor:pointer;background:#ffffff0a;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1rem;font-size:.64rem;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.primary{color:var(--gold);border-color:var(--gold);background:#ffd68c0f}.pill:hover:not(:disabled),.primary:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.pill.danger{color:#ff9a9a}.pill.quiet{color:var(--muted)}.pill:disabled,.primary:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a:focus-visible{border-radius:3px}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}::view-transition-old(site-dock),::view-transition-old(site-header){display:none}::view-transition-new(site-dock),::view-transition-group(site-dock),::view-transition-new(site-header),::view-transition-group(site-header){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);letter-spacing:0;text-transform:none;text-align:left;white-space:normal;width:max-content;max-width:240px;color:var(--ink);pointer-events:none;z-index:30;background:#181b28;border:1px solid #ffd68c59;border-radius:6px;padding:.45rem .6rem;font:400 .66rem/1.45 IBM Plex Mono,ui-monospace,monospace;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}[data-tip][data-tip-at=left]:hover:after,[data-tip][data-tip-at=left]:focus-visible:after{left:0;transform:none}[data-tip][data-tip-at=right]:hover:after,[data-tip][data-tip-at=right]:focus-visible:after{left:auto;right:0;transform:none}[data-tip][data-tip-at=below]:hover:after,[data-tip][data-tip-at=below]:focus-visible:after{top:calc(100% + 8px);bottom:auto}@media (pointer:coarse){[data-tip]:hover:after{display:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
