:root{--ui:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", system-ui, sans-serif;--night-0:#090f1c;--night-1:#101a2d;--night-2:#182742;--ink:#eef3f9;--muted:#a9b8cf;--paint:#f1f5fa;--paint-shade:#cdd7e4;--card:#eef2f7;--card-ink:#142033;--card-soft:#3c4b62;--lamp:#ffd9a0;--gutter:clamp(16px, 4vw, 40px)}*,:before,:after{box-sizing:border-box}html{background:var(--night-0);-webkit-text-size-adjust:100%}body{background:linear-gradient(180deg, var(--night-0) 0, var(--night-1) 46%, var(--night-2) 100%);min-height:100svh;color:var(--ink);font:17px/1.55 var(--ui);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;overflow-x:hidden}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:inherit}.hub{--g:clamp(150px, min(19vw, 26svh), 340px);min-height:100svh;padding-bottom:24px;position:relative}.hub-sky{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.hub-head{z-index:3;max-width:calc(var(--g) * 4 + 8 * var(--gutter));padding:64px var(--gutter) 6px;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 auto;display:flex;position:relative}.hub-title h1{font:650 clamp(30px, 4.2vw, 54px)/1.05 var(--ui);letter-spacing:-.015em;color:#f6f9fd;text-wrap:balance;margin:0}.hub-sub{color:var(--ink);margin:6px 0 0;font-size:clamp(17px,1.7vw,21px)}.hub-date{color:var(--muted);min-height:1.55em;margin:4px 0 0;font-size:15.5px}.hub-sound{min-height:44px;color:var(--ink);font:600 15px/1 var(--ui);cursor:pointer;background:#090f1c8c;border:1.5px solid #eef3f961;border-radius:99px;flex:none;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex}.hub-back{left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));z-index:60;min-height:44px;color:var(--ink);font:600 15px/1 var(--ui);background:#090f1cd1;border:1.5px solid #eef3f961;border-radius:99px;align-items:center;padding:0 16px 0 12px;text-decoration:none;display:inline-flex;position:fixed}.hub-back:before{content:"‹";margin-right:6px;font-size:1.25em;line-height:0}.hub-back:hover{border-color:var(--ink)}.hub-sound svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hub-sound .s-slash{opacity:1}html[data-sound=on] .hub-sound .s-slash{opacity:0}html[data-sound=on] .hub-sound{background:var(--paint);color:var(--card-ink);border-color:var(--paint)}.hub-sound:hover{border-color:var(--ink)}.shelf{z-index:2;padding:4px var(--gutter) 24px;max-width:calc(var(--g) * 4 + 8 * var(--gutter));grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px;margin:0 auto;list-style:none;display:grid;position:relative}.slot{flex-direction:column;align-items:center;min-width:0;padding-top:6px;display:flex;position:relative}.slot:before{content:"";z-index:2;left:50%;top:calc(var(--g) * 1.1 - 12px);width:calc(var(--g) * .98);pointer-events:none;opacity:.5;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--glow) 70%, transparent) 0, transparent 68%);height:34px;position:absolute;transform:translate(-50%)}.globe{z-index:3;width:var(--g);aspect-ratio:400/440;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transform-origin:50% 85%;will-change:transform;background:0 0;border:0;justify-content:center;align-items:flex-start;margin-bottom:-8px;padding:0;text-decoration:none;display:flex;position:relative}.globe canvas{width:100%;height:100%;display:block}@media (hover:hover){.globe{transition:transform .25s var(--ease,ease-out)}.globe:hover{transform:translateY(-4px)}.slot:hover:before{opacity:.85}}.slot:before{transition:opacity .25s}.globe[data-world="16bit"] canvas{image-rendering:pixelated;width:auto;height:auto}.globe{transition:transform .25s ease-out}.globe:focus-visible{outline:4px solid var(--lamp);outline-offset:5px;border-radius:42% 42% 12% 12%;transform:translateY(-8px)scale(1.04)}.globe:focus-visible canvas{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--glow) 60%, transparent))}.slot:has(.globe:focus-visible) .board{box-shadow:0 16px 24px -6px #000000a6, 0 -3px 26px color-mix(in srgb, var(--glow) 55%, transparent), inset 0 -2px 0 #566c8e66, inset 0 1px 0 #fff}.slot:has(.globe:focus-visible) .label{box-shadow:0 0 0 3px var(--lamp), 0 12px 22px #00000080;background:#fff;transform:rotate(0)scale(1.07)}.slot:has(.globe:focus-visible):before{opacity:1}.slot{scroll-margin:12px}.board{z-index:1;background:linear-gradient(#fff 0,#f4f7fb 5px,#dbe3ee 6px,#d0d9e6 17px,#bcc8d9 100%);width:100%;height:26px;margin-top:0;position:relative;box-shadow:0 16px 24px -6px #000000a6,inset 0 -2px #566c8e66,inset 0 1px #fff}.slot:after{content:"";z-index:0;width:9px;height:40px;top:calc(6px + var(--g) * 1.1 - 8px + 24px);background:linear-gradient(90deg,#e9eef5,#b4c0d2);border-radius:0 0 4px 4px;display:none;position:absolute;box-shadow:0 4px 8px #00000073}.slot:nth-child(4n+1):after,.slot:nth-child(4n+3):after{display:block;left:0}.slot:nth-child(4n):after{display:block;right:0}.slot:nth-child(4n+1) .board{border-radius:5px 0 0 5px}.slot:nth-child(4n) .board{border-radius:0 5px 5px 0}.label{z-index:2;width:min(88%, calc(var(--g) * 1.02));text-align:center;background:var(--card);color:var(--card-ink);transform:rotate(var(--tilt,0deg));transform-origin:50% -16px;border-radius:3px;margin-top:16px;padding:8px 10px 9px;transition:transform .25s ease-out,box-shadow .25s,background .25s;position:relative;box-shadow:0 8px 16px #0000006b}.label:before{content:"";background:#b9c4d3;width:1.5px;height:17px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.label:after{content:"";background:#aab6c8;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:4px;left:50%}.label-name{padding-top:6px;font-size:16.5px;font-weight:650;line-height:1.2;display:block}.label-line{color:var(--card-soft);text-wrap:balance;margin-top:2px;font-size:14px;line-height:1.3;display:block}.slot[data-status=coming] .label{background:#dfe7f0}.slot.is-swinging .label{animation:1.4s ease-out swing}@keyframes swing{0%{transform:rotate(0)}12%{transform:rotate(7deg)}30%{transform:rotate(-5deg)}52%{transform:rotate(3deg)}74%{transform:rotate(-1.5deg)}to{transform:rotate(var(--tilt,0deg))}}.win-stage{z-index:3;width:var(--g);aspect-ratio:400/440;justify-content:center;align-items:flex-end;margin-bottom:-8px;display:flex;position:relative}a.win-go{width:100%;height:100%;color:inherit;justify-content:center;align-items:flex-end;text-decoration:none;display:flex}a.win-go:focus-visible{outline-offset:4px;outline:3px solid #ffc46b}.win{width:calc(var(--g) * .6);aspect-ratio:5/7;margin-bottom:8px;position:relative}.win-frame{background:var(--paint);border-radius:10px 10px 3px 3px;padding:9px;position:absolute;inset:0;box-shadow:0 10px 18px #00000073}.win-pane{background:repeating-linear-gradient(33deg,#fff0 0 7px,#ffffff29 7px 8px),repeating-linear-gradient(-28deg,#fff0 0 11px,#ffffff1a 11px 12px),linear-gradient(165deg,#9fc3e2 0,#6f9bc6 60%,#547fae 100%);border-radius:4px 4px 1px 1px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #14203359}.win-pane:after{content:"";pointer-events:none;background:linear-gradient(var(--paint), var(--paint)) 50% 0 / 5px 100% no-repeat, linear-gradient(var(--paint), var(--paint)) 0 50% / 100% 5px no-repeat;position:absolute;inset:0}.win-cut{opacity:0;width:64%;height:76%;transition:opacity .6s;position:absolute;top:12%;left:18%}.win-cut .sil{fill:#14233a}.win-cut .sil-lt{fill:#fff3cf}.win-cut .sil-fl{fill:#ffd27a}.win-num{z-index:1;width:50%;height:50%;font:650 calc(var(--g) * .17)/1 var(--ui);color:#f6fbfff2;text-shadow:0 1px #1420334d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.win[data-state=lit] .win-pane{background:radial-gradient(at 50% 55%,#fff1c6 0,#ffd88a 45%,#f3b45e 100%)}.win[data-state=lit] .win-cut{opacity:1}.win[data-state=lit] .win-num{opacity:0}.slot-window:has(.win[data-state=lit]) .board{box-shadow:0 14px 22px -6px #0009,0 -2px 24px #ffd27a59,inset 0 -3px #566c8e59}.mouse{z-index:5;cursor:pointer;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:34px;height:24px;padding:0;position:absolute}.mouse[hidden]{display:none}.mouse:after{content:"";position:absolute;inset:-10px -6px}.mouse svg{width:100%;height:100%;overflow:visible}.m-body,.m-ear{fill:#b9c0cd;stroke:#4b5468;stroke-width:.9px}.m-ear2{fill:#e9aab6}.m-eye{fill:#141b2b}.m-nose{fill:#e48b9b}.m-scarf{fill:#c8373f;stroke:#7d1f26;stroke-width:.6px}.m-tail{fill:none;stroke:#8993a6;stroke-width:1.4px;stroke-linecap:round;transform-origin:4px 15px;animation:5s ease-in-out infinite tail}@keyframes tail{0%,80%,to{transform:rotate(0)}86%{transform:rotate(-14deg)}92%{transform:rotate(10deg)}}.mouse:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:6px}.mouse.is-found{pointer-events:none;animation:.9s ease-in forwards hop}@keyframes hop{0%{opacity:1;transform:translateY(0)scale(1)}25%{transform:translateY(-16px)scale(1.12)}55%{opacity:1;transform:translate(14px,2px)scale(1)}to{opacity:0;transform:translate(60px,2px)scale(.9)}}.hub-toast{z-index:20;left:50%;bottom:max(22px, env(safe-area-inset-bottom));background:var(--paint);max-width:min(460px,100% - 32px);color:var(--card-ink);text-align:center;opacity:0;pointer-events:none;border-radius:12px;margin:0;padding:10px 18px;font-size:16px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,12px);box-shadow:0 10px 28px #00000073}.hub-toast.on{opacity:1;transform:translate(-50%)}.hub-plain{z-index:2;max-width:720px;padding:32px var(--gutter) 90px;color:var(--muted);margin:0 auto;position:relative}.hub-plain h2{font:650 26px/1.2 var(--ui);color:var(--ink);margin:0 0 12px}.hub-plain a{color:var(--ink);text-underline-offset:3px}.hub-plain ul{margin:0 0 18px;padding-left:20px}.hub-credit{font-size:14.5px}.hub-fade{z-index:30;background:var(--fade,#000);opacity:0;pointer-events:none;position:fixed;inset:0}.hub.is-leaving .shelf>.slot:not(.is-chosen),.hub.is-leaving .hub-head{opacity:0;transition:opacity .5s}.hub.is-leaving .slot.is-chosen{z-index:25}.hub.is-leaving .slot.is-chosen .board,.hub.is-leaving .slot.is-chosen .label{opacity:0;transition:opacity .35s}@media (width<=760px){.hub{--g:calc((100vw - 2 * var(--gutter)) / 2 - 6px)}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;max-width:none}.hub-head{max-width:none;padding-top:62px;display:block}.hub-title h1{white-space:nowrap;font-size:clamp(26px,8.2vw,34px)}.hub-sub{margin-top:4px;font-size:16px}.hub-date{margin-top:2px;font-size:14.5px}.hub-sound{top:12px;right:var(--gutter);justify-content:center;width:44px;padding:0;position:absolute}.hub-sound span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slot:nth-child(4n+1) .board,.slot:nth-child(4n) .board{border-radius:0}.slot:nth-child(odd) .board{border-radius:5px 0 0 5px}.slot:nth-child(2n) .board{border-radius:0 5px 5px 0}.slot:nth-child(4n+3):after,.slot:nth-child(4n+1):after{display:none}.slot:nth-child(odd):after{display:block;left:0;right:auto}.slot:nth-child(2n):after{display:block;left:auto;right:0}.label-name{font-size:16px}}@media (width>=761px) and (width<=1100px){.hub{--g:calc((100vw - 2 * var(--gutter)) / 4 - 4px)}}@media (prefers-reduced-motion:reduce){.slot.is-swinging .label{animation:none}.hub-toast{transition:none}}html[data-motion=reduced] .slot.is-swinging .label,html[data-motion=reduced] .m-tail,html[data-motion=reduced] .mouse.is-found{animation:none}html[data-motion=reduced] .mouse.is-found{opacity:0}