.hub{--side:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--gap:12px;max-width:560px;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) var(--side) max(18px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr);gap:14px;margin:0 auto;display:grid}.hub__title{font-family:var(--display);color:var(--paper);text-shadow:3px 3px 0 var(--pink);white-space:nowrap;font-size:clamp(2.2rem,10vw,3rem);font-weight:400;line-height:1}.hub__lede{opacity:.8;margin-top:6px;font-size:.98rem}.hub__offline{color:#7fe0d3;white-space:nowrap;background:#1fa3942e;border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:2px 10px 2px 8px;font-size:.8rem;font-weight:800;display:inline-flex}.hub__grid{gap:var(--gap);grid-auto-rows:minmax(96px,1fr);min-height:0;display:grid}.hub-tile{--accent:var(--pink);--play:var(--pink);text-align:left;background:var(--paper-grain), var(--paper);min-width:0;min-height:0;color:var(--ink);border:3px solid var(--line-dark);box-shadow:0 5px 0 var(--line-dark), 5px 5px 0 var(--accent);border-radius:18px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;overflow:hidden}button.hub-tile:active{box-shadow:0 1px 0 var(--line-dark), 3px 1px 0 var(--accent);transform:translateY(4px)}.hub-tile--teal{--accent:var(--teal);--play:#7fe0d3}.hub-tile--sun{--accent:var(--sun);--play:var(--sun)}.hub-tile--copper{--accent:#d9824b;--play:#ffb38a}.hub-tile--lilac{--accent:#a98bff;--play:#c9b3ff}.hub-tile__art{border-right:3px solid var(--ink);flex:0 0 44%;position:relative;overflow:hidden}.hub-game__scene{width:100%;height:100%;position:absolute;inset:0}.hub-game__a,.hub-game__b{width:40%;height:84%;animation:2.6s ease-in-out infinite hub-bob;position:absolute;bottom:2%}.hub-game__a{left:8%}.hub-game__b{animation-delay:-1.3s;right:8%}@keyframes hub-bob{50%{transform:translateY(-3%)}}.hub-tile__body{flex-direction:column;flex:auto;justify-content:center;gap:3px;min-width:0;padding:8px 12px 10px;display:flex}.hub-tile__kind{letter-spacing:.05em;text-transform:uppercase;opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;font-weight:900;overflow:hidden}.hub-tile__name{font-family:var(--display);font-size:1.3rem;line-height:1.05}.hub-tile__progress{opacity:.7;font-size:.76rem;font-weight:800}.hub-tile__play{background:var(--play);min-height:34px;color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:0 16px 0 13px;font-size:.95rem;font-weight:900;display:inline-flex}.hub-tile--soon{color:inherit;box-shadow:none;background:#2e32798c;border:2.5px dashed #f3f4ee47}.hub-tile--soon .hub-tile__art{background:#14184280;border-right:2.5px dashed #f3f4ee33;place-items:center;display:grid}.hub-tile__icon{width:min(56px,70%);height:auto}.hub-tile--soon .hub-tile__name{color:var(--paper)}.hub-tile--soon .hub-tile__kind{color:inherit;opacity:1}.hub-tile__line{color:var(--paper);opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.3;display:-webkit-box;overflow:hidden}.hub-lh__beam{transform-origin:160px 140px;animation:4s ease-in-out infinite alternate hub-sweep}@keyframes hub-sweep{0%{transform:rotate(-38deg)}to{transform:rotate(8deg)}}.hub-echo__pulse{transform-origin:96px 96px;animation:1.8s ease-in-out infinite hub-pulse}@keyframes hub-pulse{50%{opacity:.6;transform:scale(1.25)}}.hub-sm__jump{animation:1.2s ease-in-out infinite hub-hop}@keyframes hub-hop{50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.hub-sm__jump,.hub-game__a,.hub-game__b,.hub-lh__beam,.hub-echo__pulse{animation:none}}@media (orientation:landscape) and (width>=600px){.hub{max-width:1100px;height:100dvh;min-height:0;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));gap:12px}.hub__top{align-items:baseline;gap:16px;min-width:0;display:flex}.hub__title{font-size:2.1rem}.hub__lede{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.hub__offline{align-self:center;margin:0 0 0 auto}.hub__grid{grid-template-rows:repeat(2,minmax(0,230px));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:0;align-content:center;gap:14px 16px}}@media (orientation:landscape) and (width<=760px){.hub__lede{display:none}.hub__grid{gap:12px}.hub-tile__body{padding:6px 9px 8px}.hub-tile__name{font-size:1.12rem}.hub-tile__progress{font-size:.7rem}.hub-tile__play{min-height:32px;padding:0 12px 0 10px;font-size:.88rem}.hub-tile__art{flex-basis:40%}}@media (orientation:portrait){.hub{height:100dvh;min-height:0}.hub__grid{grid-template-rows:repeat(5,minmax(84px,1fr)) repeat(1,minmax(54px,.5fr))}.hub-tile__art{flex-basis:38%}.hub-tile:not(.hub-tile--soon) .hub-tile__kind{display:none}.hub-tile__play{min-height:32px}.hub-tile--soon .hub-tile__line{-webkit-line-clamp:1}.hub-tile--soon .hub-tile__name{font-size:1.1rem}.hub-tile--soon .hub-tile__body{gap:1px;padding-block:4px}}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff")}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff")}:root{--night:#23265a;--night-2:#2e3279;--night-3:#3a3f8f;--paper:#f3f4ee;--ink:#262b6b;--pink:#ff5f8f;--pink-deep:#e04070;--sun:#ffc738;--teal:#1fa394;--night-deep:#171a45;--line-dark:#14163b;--display:"Young Serif", Georgia, serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .15 0 0 0 0 .17 0 0 0 0 .42 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--night);color:var(--paper);font-family:var(--body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;font-weight:600;line-height:1.4}body{background-image:var(--grain), radial-gradient(120% 90% at 50% 0%, #303584 0%, transparent 60%), radial-gradient(140% 120% at 50% 50%, transparent 55%, var(--night-deep) 100%);min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}h1,h2,p{margin:0}.app-loading{min-height:100dvh;font-family:var(--display);place-items:center;font-size:1.25rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}