.desktop.hub-desktop{--hub-inset:32px;box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;padding:var(--hub-inset);grid-template-columns:minmax(0,1fr) 275px;align-items:stretch;gap:24px 32px;display:grid;position:relative;overflow:hidden}.hub-shell{flex-direction:column;gap:22px;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.hub-rail{box-sizing:border-box;flex-direction:column;align-self:stretch;gap:12px;width:275px;min-width:275px;min-height:0;padding-bottom:28px;display:flex;overflow:hidden}.hub-rail .hub-auth-dock{flex-shrink:0;align-self:stretch;width:100%;min-width:0;margin-top:auto}.hub-legal-slot{right:var(--hub-inset);bottom:var(--hub-inset);z-index:6;margin:0;position:absolute}.webamp-mount{top:var(--hub-inset);right:var(--hub-inset);pointer-events:none;width:275px;height:348px;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute}.webamp-mount--loading{height:348px;min-height:348px}#webamp,#webamp *{image-rendering:pixelated;image-rendering:crisp-edges}.desktop #webamp button,.desktop #webamp button:not(:disabled):hover,.desktop #webamp button:not(:disabled):active,.desktop #webamp button:not(:disabled)[aria-pressed=true],.desktop #webamp button:focus,.desktop #webamp button.focused,.desktop #webamp button:disabled,#webamp button,#webamp button:not(:disabled):hover,#webamp button:not(:disabled):active,#webamp button:not(:disabled)[aria-pressed=true],#webamp button:focus,#webamp button.focused,#webamp button:disabled{font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;min-height:0;box-shadow:none;color:inherit;text-shadow:none;cursor:pointer;-webkit-font-smoothing:auto;background:0 0;border:none;border-radius:0;outline:none;padding:0}.webamp-fallback{color:#fff8d8;background:#c45c00e0;margin:0;padding:8px;font-size:12px}.hub-intro{flex-direction:column;align-items:flex-start;gap:12px;width:fit-content;max-width:min(720px,100%);display:flex}.hub-intro__media{flex-direction:row;align-items:center;gap:12px;max-width:100%;display:flex}.hub-intro__gif{image-rendering:pixelated;background:#1a3a5c;border:2px solid #000;flex-shrink:0;display:block}.hub-intro__hagia{object-fit:contain;background:0 0;flex-shrink:1;width:auto;max-width:min(480px,100%);height:220px;display:block}.hub-intro__copy{width:100%}.hub-intro__welcome{letter-spacing:.02em;color:#fff8d8;text-shadow:2px 2px navy;background:#c45c00e0;width:fit-content;max-width:100%;margin:0 0 8px;padding:4px 8px;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:clamp(16px,2vw,22px)}.hub-intro__tagline{color:#f0f0f0;background:#c45c00e0;max-width:40ch;margin:0;padding:6px 8px;font-size:13px;line-height:1.4}.hub-apps-panel{box-sizing:border-box;background:#ece9d8;border:2px solid #0a246a;width:fit-content;max-width:100%;padding:12px 14px;box-shadow:inset 1px 1px #fff,inset -1px -1px #716f64,3px 3px #00000040}.hub-apps__list{flex-flow:row;align-items:stretch;gap:8px 12px;width:auto;margin:0;padding:0;list-style:none;display:flex}.hub-apps__list>li{flex:none;width:148px}.hub-app{text-align:center;color:#222;border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;height:100%;padding:10px 8px;text-decoration:none;display:flex}.hub-app:hover,.hub-app:focus-visible{background:#0a246a14;border-color:#0a246a;outline:none}.hub-app--soon{opacity:.78;cursor:default}.hub-app--soon:hover{background:0 0;border-color:#0000}.hub-app__glyph{color:#222;width:48px;height:48px;image-rendering:pixelated;background:linear-gradient(#fff8c8,#e0c060);border:2px solid #000;flex-shrink:0;place-items:center;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:14px;font-weight:700;display:grid;box-shadow:inset -2px -2px #a08030,inset 2px 2px #fff6a8}.hub-app__glyph--image{width:72px;height:64px;box-shadow:none;background:0 0;border:none;margin-top:-2px;overflow:visible}.hub-app__glyph--image img{object-fit:contain;object-position:center top;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.hub-app:has(.hub-app__glyph--image){gap:12px;padding-top:4px}.hub-app__text{flex-direction:column;gap:4px;min-width:0;display:flex}.hub-app__name{font-size:13px;font-weight:700}.hub-app__desc{color:#444;font-size:11px;line-height:1.3}.hub-folder-row{margin-top:4px}.hub-folder-icon{color:#fff8d8;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:0;padding:8px 12px;display:inline-flex}.desktop .hub-folder-icon,.desktop .hub-folder-icon:not(:disabled):hover,.desktop .hub-folder-icon:focus{box-shadow:none;color:#fff8d8;background:0 0;border-color:#0000;min-width:0}.desktop .hub-folder-icon:not(:disabled):hover,.hub-folder-icon:hover,.hub-folder-icon:focus-visible{background:#ffffff0f;border-color:#ffffff59;outline:none}.hub-folder-icon__glyph{object-fit:contain;image-rendering:auto;filter:drop-shadow(2px 2px #0000008c);width:64px;height:64px;display:block}.hub-folder-icon__label{background:#c45c00e0;padding:1px 6px 2px;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:12px;font-weight:700}.hub-legal-link{color:#fff8d8;cursor:pointer;text-underline-offset:2px;background:#c45c00e0;border:none;margin:0;padding:2px 6px;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:12px;font-weight:700;text-decoration:underline}.desktop .hub-legal-link,.desktop .hub-legal-link:not(:disabled):hover,.desktop .hub-legal-link:focus{min-width:0;min-height:0;box-shadow:none;color:#fff8d8;background:#c45c00e0;border:none}.desktop .hub-legal-link:not(:disabled):hover,.hub-legal-link:hover,.hub-legal-link:focus-visible{filter:brightness(1.08);outline:none}.hub-legal-window{flex-direction:column;width:min(520px,100%);max-height:min(70dvh,560px);display:flex}.hub-legal-window__body{flex-direction:column;gap:16px;max-height:min(58dvh,480px);padding-right:4px;display:flex;overflow:auto}.hub-legal-section{flex-direction:column;gap:8px;display:flex}.hub-legal-section__title{margin:0;font-size:13px;font-weight:700}.hub-legal-section p{color:#222;margin:0;font-size:12px;line-height:1.45}.hub-legal-section a{color:navy}.hub-folder-backdrop{z-index:900;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hub-folder-window{width:min(420px,100%)}.hub-folder-window__body{flex-direction:column;gap:12px;display:flex}.hub-folder-window__copy{margin:0;font-weight:700}.hub-folder-window__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hub-folder-window__link{color:inherit;border:1px solid #0000;align-items:center;gap:10px;padding:6px;text-decoration:none;display:flex}.hub-folder-window__link:hover,.hub-folder-window__link:focus-visible{background:#0a246a14;border-color:#0a246a;outline:none}.hub-icon__glyph{width:40px;height:40px;image-rendering:pixelated;background:linear-gradient(#fff8c8,#e0c060);border:2px solid #000;place-items:center;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:14px;font-weight:700;display:grid;box-shadow:inset -2px -2px #a08030,inset 2px 2px #fff6a8}.hub-icon__glyph--folder{background:linear-gradient(#ffe08a,#d4a017)}.hub-auth-dock{flex-shrink:0;width:100%;min-width:0}.hub-auth-dock__body{flex-direction:column;align-items:center;gap:10px;padding:12px 10px 14px;display:flex}.hub-auth-dock__identity{flex-direction:column;align-items:center;gap:8px;display:flex}.hub-auth-dock__username{text-overflow:ellipsis;max-width:100%;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:14px;font-weight:700;overflow:hidden}.hub-auth-dock__xp{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.hub-auth-dock__xp-orb{image-rendering:pixelated;flex:none}.hub-auth-dock__actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hub-auth-dock__guest{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.hub-auth-dock__status{text-align:center;margin:0}.hub-leaderboard-window{width:min(380px,100%);max-height:min(80dvh,560px)}.hub-leaderboard-window__body{flex-direction:column;gap:10px;min-height:0;display:flex}.hub-leaderboard-window__list{flex-direction:column;gap:6px;max-height:min(52dvh,360px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hub-leaderboard-window__row{grid-template-columns:22px 40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.hub-leaderboard-window__row--you{background:#ffc;outline:1px solid gray}.hub-leaderboard-window__rank{text-align:right;font-size:12px;font-weight:700}.hub-leaderboard-window__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.hub-leaderboard-window__xp{white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.hub-leaderboard-window__actions{justify-content:flex-end;display:flex}.xp-toast{color:#000;background:silver;border:2px solid gray;border-color:#fff gray gray #fff;align-items:center;gap:10px;padding:10px 14px;font-family:"Perfect DOS VGA 437 Win",Pixelated MS Sans Serif,monospace;font-size:14px;font-weight:700;display:flex;box-shadow:2px 2px #0005}.xp-toast__orb{image-rendering:pixelated;flex:none}.xp-toast__text{white-space:nowrap}.zine-hub-link{color:navy;margin-right:auto;font-weight:700;text-decoration:underline}.zine-account-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pixel-avatar{image-rendering:pixelated;image-rendering:crisp-edges;background:#f0a050;border:2px solid #1a1c2c;flex-shrink:0;position:relative;overflow:hidden;box-shadow:inset -2px -2px #0000002e,inset 2px 2px #fff3}.pixel-avatar__stage{width:100%;height:100%;position:relative}.pixel-avatar__layer{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;position:absolute;inset:0}.avatar-customizer{flex-direction:column;width:min(520px,100%);max-width:520px;max-height:min(90dvh,560px);display:flex}.avatar-customizer .auth-modal-body,.avatar-customizer__body{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden}.avatar-customizer__layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px;min-height:0;display:grid}.avatar-customizer__rows{flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.avatar-customizer__row{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:6px;display:grid}.avatar-customizer__row-label{font-size:12px;font-weight:700}.avatar-customizer__carousel{background:#fff;border:1px solid gray;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;min-width:0;padding:2px;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.desktop .avatar-customizer__arrow,.avatar-customizer__arrow{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;font-size:16px;font-weight:700;line-height:1}.avatar-customizer__value{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex;overflow:hidden}.avatar-customizer__swatch{border:1px solid #404040;flex:none;width:14px;height:14px;box-shadow:inset 1px 1px #ffffff59}.avatar-customizer__preview{flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:4px;display:flex}.avatar-customizer__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:0;display:flex}@media (width<=480px){.avatar-customizer__layout{grid-template-columns:1fr}.avatar-customizer__preview{order:-1}}@media (height<=780px){.desktop.hub-desktop{--hub-inset:24px;gap:16px 24px}}@media (width<=768px){:is(html:has(.hub-desktop),body:has(.hub-desktop)){height:auto;min-height:100%;overflow:hidden auto}.desktop.hub-desktop{--hub-inset:16px;height:auto;min-height:100dvh;max-height:none;padding:16px;padding-bottom:calc(var(--hub-inset) + 28px);background-attachment:fixed;flex-direction:column;grid-template-columns:none;gap:16px;display:flex;overflow:hidden visible}.hub-shell,.hub-rail{display:contents}.hub-intro{order:1;gap:10px;width:100%;max-width:none}.hub-apps-panel{order:2}.hub-auth-dock{order:3;width:100%;margin-top:0}.hub-folder-row{order:4;margin-top:0}.hub-legal-slot{right:var(--hub-inset);bottom:var(--hub-inset);z-index:6;justify-content:flex-end;display:flex;position:absolute}.hub-intro__media{flex-wrap:nowrap;align-items:center;gap:8px;width:100%}.hub-intro__gif{flex-shrink:0;width:96px;height:96px}.hub-intro__hagia{flex:auto;width:auto;min-width:0;max-width:none;height:96px}.hub-intro__welcome{max-width:100%;margin:0 0 6px;font-size:18px;line-height:1.25}.hub-intro__tagline{max-width:none;font-size:14px;line-height:1.45}.hub-apps-panel{width:100%;padding:10px}.hub-rail .hub-auth-dock{margin-top:0}.hub-apps__list{flex-wrap:wrap;gap:8px;width:100%}.hub-apps__list>li{flex:calc(50% - 4px);width:auto;min-width:min(148px,100%)}.hub-app{gap:8px;padding:10px 8px}.hub-app__name{font-size:14px}.hub-app__desc{font-size:12px;line-height:1.35}.hub-folder-icon__label{padding:2px 8px 3px;font-size:13px}.hub-auth-dock__body{padding:10px 10px 12px}.hub-auth-dock__username{font-size:15px}.hub-legal-link{padding:4px 8px;font-size:13px}.hub-legal-window,.hub-folder-window{width:min(100%,520px);max-height:min(80dvh,640px)}.hub-legal-window__body{max-height:min(68dvh,520px)}.hub-legal-section p{font-size:13px}.webamp-mount,.webamp-mount--loading,#webamp{display:none!important}}@media (width<=420px){.hub-intro__gif{width:84px;height:84px}.hub-intro__hagia{height:84px}.hub-apps__list>li{flex:100%}}
