:root{--ag-edge-x:16px;--ag-edge-y:12px;--ag-bar-h:90px;--ag-hud-top:12px}@media(max-width:1199px){:root{--ag-hud-top:80px}}@media(max-width:560px){:root{--ag-edge-x:12px;--ag-bar-h:80px;--ag-hud-top:92px}}.ag-below-bar{padding-top:var(--ag-bar-h)}.ag-bar{position:fixed;left:0;right:0;top:0;height:var(--ag-bar-h);z-index:var(--z-sticky);pointer-events:none;margin:0;padding:0}.ag-bar.is-scrolled{background:var(--void);box-shadow:inset 0 -2px 0 0 var(--px-y,#393051)}.ag-bar .brand{position:absolute;left:var(--ag-edge-x);top:var(--ag-edge-y);margin:0;pointer-events:auto}@media(max-width:720px){.ag-bar .brand-name,.ag-bar .brand-sub{display:none}.px .ag-bar .brand{column-gap:0}}.ag-controls{position:fixed;top:var(--ag-edge-y);right:var(--ag-edge-x);z-index:var(--z-stop);display:flex;gap:12px;align-items:center;margin:0}.ag-controls[hidden],.ag-hud[hidden]{display:none!important}html:not(.age-ok) .ag-controls{display:none}.ag-controls:not([data-ag-screen=welcome]) .ag-back,.ag-controls:not([data-ag-screen=game]) :is(.ag-fx,.ag-mute){display:none}.px .ag-controls .btn{--btn-h:44px;flex:none}.ag-controls .kbd{margin-left:4px}.ag-back .ag-back-short{display:none}@media(max-width:720px){.ag-back .ag-back-long{display:none}.ag-back .ag-back-short{display:inline}}@media(max-width:560px){.ag-controls .kbd{display:none}.px .ag-controls .ag-back.btn{padding-inline:12px}.ag-controls .ag-fx .btn-label{display:none}.px .ag-controls .ag-fx.btn{width:var(--btn-h);padding:0}}@media(max-width:385px){.ag-back .btn-label{display:none}.px .ag-controls .ag-back.btn{width:var(--btn-h);padding:0}}.ag-hud{position:fixed;left:50%;top:var(--ag-hud-top);translate:-50% 0;z-index:var(--z-sticky);display:flex;flex-wrap:nowrap;justify-content:center;gap:16px;margin:0;pointer-events:none;white-space:nowrap}.px .ag-hud .pill{height:40px;padding:0 12px 0 10px;gap:8px}.px .ag-hud .pill>span{display:inline-flex;align-items:baseline;gap:6px;filter:url(../assets/pixel/filters.svg#px-crisp)}.px .ag-hud .num{--px-face:var(--px-display);--px-size:32px;--px-lh:32px;color:var(--moon)}html:not([data-fx=normal]) .px .ag-hud .pill.is-bump .num{display:inline-block;animation:px-bump 200ms steps(2,end) 1}.px .skip-link:focus{z-index:calc(var(--z-stop) + 1)}@media print{.ag-bar,.ag-controls,.ag-hud{display:none}}