@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Unbounded:wght@900&family=Syncopate:wght@700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--nav-height:78px;--app-squircle:polygon(100.0% 50.0%, 99.88% 65.65%, 99.52% 72.08%, 98.91% 76.94%, 98.06% 80.93%, 96.96% 84.33%, 95.59% 87.27%, 93.96% 89.82%, 92.04% 92.04%, 89.82% 93.96%, 87.27% 95.59%, 84.33% 96.96%, 80.93% 98.06%, 76.94% 98.91%, 72.08% 99.52%, 65.65% 99.88%, 50.0% 100.0%, 34.35% 99.88%, 27.92% 99.52%, 23.06% 98.91%, 19.07% 98.06%, 15.67% 96.96%, 12.73% 95.59%, 10.18% 93.96%, 7.96% 92.04%, 6.04% 89.82%, 4.41% 87.27%, 3.04% 84.33%, 1.94% 80.93%, 1.09% 76.94%, 0.48% 72.08%, 0.12% 65.65%, 0.0% 50.0%, 0.12% 34.35%, 0.48% 27.92%, 1.09% 23.06%, 1.94% 19.07%, 3.04% 15.67%, 4.41% 12.73%, 6.04% 10.18%, 7.96% 7.96%, 10.18% 6.04%, 12.73% 4.41%, 15.67% 3.04%, 19.07% 1.94%, 23.06% 1.09%, 27.92% 0.48%, 34.35% 0.12%, 50.0% 0.0%, 65.65% 0.12%, 72.08% 0.48%, 76.94% 1.09%, 80.93% 1.94%, 84.33% 3.04%, 87.27% 4.41%, 89.82% 6.04%, 92.04% 7.96%, 93.96% 10.18%, 95.59% 12.73%, 96.96% 15.67%, 98.06% 19.07%, 98.91% 23.06%, 99.52% 27.92%, 99.88% 34.35%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f4ff;background:#07070b;font-family:Montserrat,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button{font:inherit}.page-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#ffffff0e,#0000 31rem),radial-gradient(circle at 38% 34%,#ffffff0b,#0000 26rem),linear-gradient(135deg,#07070b 0%,#11101a 48%,#08070b 100%);place-items:center;min-height:100vh;padding:48px 22px;display:grid;position:relative}.page-shell.app-opening,.page-shell.app-open,.page-shell.app-closing{overflow:hidden}.page-shell:before{content:"";pointer-events:none;opacity:.32;z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.content{text-align:center;justify-items:center;gap:clamp(34px,5vh,58px);width:min(1180px,100%);transition:transform .68s cubic-bezier(.22,1,.36,1);display:grid}.brand-container{isolation:isolate;transform-origin:top;flex-direction:column;align-items:center;gap:20px;width:min(96vw,1120px);transition:opacity .42s,transform .68s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.app-opening .brand-container,.app-open .brand-container{opacity:0;transform:translateY(calc(42px - 42vh))scale(.42)}.brand-glow{filter:blur(45px);pointer-events:none;z-index:-1;background:radial-gradient(#6366f129 0%,#ec48991a 45%,#0000 70%);width:min(90vw,600px);height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-logo-wrap{cursor:default;justify-content:center;align-items:center;display:flex;position:relative}.brand-text{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 18px;margin:0;padding:0;line-height:1;display:flex}.brand-text-compact{pointer-events:none;gap:4px 9px}.brand-pixel-new{letter-spacing:-.04em;font-family:Unbounded,system-ui,sans-serif;font-size:clamp(2.2rem,5.8vw,4.9rem);font-weight:900;display:inline-flex;position:relative}.brand-unleashed-new{letter-spacing:.12em;text-shadow:0 0 45px #6366f147;font-family:Syncopate,sans-serif;font-size:clamp(2.2rem,5.8vw,4.9rem);font-weight:700;display:inline-flex}.brand-text-compact .brand-pixel-new,.brand-text-compact .brand-unleashed-new{letter-spacing:0;font-size:clamp(1rem,2vw,1.38rem)}.brand-text-compact .kinetic-char{opacity:1;animation:none;transform:none}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.kinetic-char{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards char-entrance;animation-delay:calc(var(--char-index) * 48ms);will-change:transform, opacity;transition:transform .35s cubic-bezier(.16,1,.3,1),text-shadow .35s;display:inline-block;transform:translateY(22px)translateZ(0)}.brand-pixel-new .kinetic-char{background:linear-gradient(135deg,#fff 40%,#ffffffb8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-unleashed-new .kinetic-char{background:linear-gradient(90deg,#6366f1 0%,#ec4899 50%,#06b6d4 100%) 0 0/200%;-webkit-text-fill-color:transparent;animation-name:char-entrance,gradient-flow;animation-duration:.9s,7s;animation-timing-function:cubic-bezier(.16,1,.3,1),ease;animation-delay:calc(var(--char-index) * 48ms), 0s;-webkit-background-clip:text;background-clip:text;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}.kinetic-char:hover{text-shadow:0 0 16px #ffffff73,0 8px 24px #6366f173;transform:translateY(-8px)scale(1.1)translateZ(0)}.brand-pixel-new .kinetic-char:hover{-webkit-text-fill-color:#fff;background:0 0}.brand-unleashed-new .kinetic-char:hover{text-shadow:0 0 20px #ec4899a6,0 0 40px #06b6d480}@keyframes char-entrance{to{opacity:1;transform:translateY(0)translateZ(0)}}.app-grid{perspective:1000px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,52px);width:min(94vw,1080px);transition:opacity .34s,transform .68s cubic-bezier(.22,1,.36,1),filter .34s;display:grid}.app-opening .app-grid,.app-open .app-grid{opacity:0;filter:blur(12px);pointer-events:none;transform:scale(.94)}.app-icon{appearance:none;color:#fff;cursor:pointer;background:0 0;border:0;justify-items:center;gap:14px;min-width:0;padding:0;display:grid;transform:translateZ(0)}.icon-shell{aspect-ratio:1;width:clamp(132px,15vw,220px);transform:translate3d(var(--move-x), var(--move-y), 0) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transform-style:preserve-3d;transition:transform .19s;display:block;position:relative}.icon-face{clip-path:var(--app-squircle);background:#ffffff05;border:0;place-items:center;transition:background .19s,box-shadow .19s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1c,inset 0 -10px 18px #0003,0 16px 30px #0000005c}.icon-face-image{clip-path:var(--app-squircle);background:#040509}.icon-image{z-index:2;object-fit:cover;width:100%;height:100%;clip-path:var(--app-squircle);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:relative}.icon-face:before,.icon-face:after{content:none}.squircle-border{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.squircle-border polygon{fill:none;stroke:#ffffff6b;stroke-width:.55px;vector-effect:non-scaling-stroke;filter:none}.icon-face>*{z-index:3;position:relative}.icon-label{color:#f7f4ffd1;letter-spacing:0;max-width:100%;font-size:clamp(.82rem,1.15vw,1rem);font-weight:800;line-height:1}.app-icon:hover,.app-icon:focus-visible{z-index:2}.app-icon:hover .icon-face,.app-icon:focus-visible .icon-face{background:#ffffff0a;box-shadow:inset 0 1px #ffffff2e,inset 0 -10px 18px #0003,0 0 0 1px #ffffff14,0 18px 34px #00000075}.app-icon:hover .icon-face:before,.app-icon:focus-visible .icon-face:before{content:none}.app-icon:hover .icon-border polygon,.app-icon:focus-visible .icon-border polygon{stroke:#ffffffb8}.app-icon:focus-visible{outline-offset:8px;border-radius:22px;outline:3px solid #ffffffc7}.top-navbar{z-index:30;height:var(--nav-height);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);opacity:0;pointer-events:none;background:#07070bc2;border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;padding:14px 18px;transition:opacity .36s,transform .56s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0 0 auto;transform:translateY(-18px);box-shadow:0 18px 40px #00000047}.app-opening .top-navbar,.app-open .top-navbar{opacity:1;pointer-events:auto;transform:translateY(0)}.top-brand-button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 12px}.top-brand-button:hover,.top-brand-button:focus-visible{background:#ffffff0f}.top-brand-button:focus-visible{outline-offset:2px;outline:2px solid #ffffffb8}.launch-window{z-index:20;left:var(--launch-x,50vw);top:var(--launch-y,50vh);width:var(--launch-width,160px);height:var(--launch-height,160px);clip-path:var(--app-squircle);transform-origin:50%;contain:layout size;background:#05070d;border:1px solid #0000;border-radius:0;transition:left .7s cubic-bezier(.2,1,.22,1),top .7s cubic-bezier(.2,1,.22,1),width .7s cubic-bezier(.2,1,.22,1),height .7s cubic-bezier(.2,1,.22,1),border-color .22s,clip-path .7s cubic-bezier(.2,1,.22,1),box-shadow .7s cubic-bezier(.2,1,.22,1);position:fixed;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 1px #ffffff1f,0 28px 80px #0000007a}.launch-border{z-index:12;opacity:0}.launch-window-closing .launch-border{opacity:1}.launch-window-open{left:0;top:var(--nav-height);width:100vw;height:calc(100dvh - var(--nav-height));clip-path:inset(0);box-shadow:0 0 0 1px #ffffff12,0 30px 90px #0009}.srx-splash,.srx-loader,.srx-frame{position:absolute;inset:0}.srx-splash{z-index:3;border-radius:inherit;pointer-events:none;opacity:0;background:#000;place-items:center;transition:opacity .32s;display:grid}.srx-splash img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.launch-window-open .srx-splash{opacity:0}.launch-window-closing .srx-splash{opacity:1;transition-delay:0s}.launch-window-closing{clip-path:var(--app-squircle);box-shadow:none;border-color:#0000}.srx-loader{z-index:2;opacity:0;background:radial-gradient(circle,#6366f124,#0000 34rem),#05070d;align-content:center;place-items:center;gap:18px;transition:opacity .26s;display:grid}.launch-window-opening .srx-loader,.launch-window-open .srx-loader{opacity:1}.srx-loader.is-hidden{opacity:0;pointer-events:none;transition-delay:0s}.srx-loader-mark{background:url(https://base.0x32.me/static/splash-dark.png) 50%/cover;border-radius:16px;width:52px;height:52px;animation:1.2s ease-in-out infinite loader-pulse;box-shadow:0 0 38px #6366f159}.srx-loader-text{letter-spacing:.36em;color:#ffffffa3;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}@keyframes loader-pulse{0%{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1)}to{opacity:.62;transform:scale(.94)}}.srx-frame{z-index:1;opacity:0;background:#05070d;border:0;width:100%;height:100%;transition:opacity .34s}.srx-frame.is-loaded{opacity:1}.arcade-loader-mark{background-image:url(/assets/arcade-aMgfeCI2.png)}.arcade-panel{opacity:0;width:100%;height:100%;padding:clamp(22px,3vw,42px);transition:opacity .28s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:auto;transform:scale(.985)}.launch-window-open .arcade-panel{opacity:1;transform:scale(1)}.arcade-panel-background{opacity:0;pointer-events:none;transform:scale(.985)}.game-stage-closing+.arcade-panel,.launch-window-open .arcade-panel:not(.arcade-panel-background){opacity:1;transform:scale(1)}.arcade-toolbar{justify-content:space-between;align-items:end;gap:20px;width:min(1180px,100%);margin:0 auto clamp(22px,3vw,38px);display:flex}.arcade-kicker{letter-spacing:.24em;text-transform:uppercase;color:#06b6d4d1;margin:0 0 6px;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:700}.arcade-toolbar h2{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.92}.arcade-search{text-align:left;gap:8px;width:min(360px,42vw);display:grid}.arcade-search span{letter-spacing:.18em;text-transform:uppercase;color:#ffffff7a;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700}.arcade-search input{color:#fff;width:100%;font:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;outline:0;padding:13px 14px;font-size:1rem}.arcade-search input:focus{border-color:#06b6d4b8;box-shadow:0 0 0 3px #06b6d424}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,30px);width:min(1180px,100%);margin:0 auto;display:grid}.game-card{appearance:none;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:12px;padding:0;display:grid}.game-thumb{aspect-ratio:16/9;background:var(--game-gradient);border:1px solid #ffffff2e;border-radius:8px;place-items:center;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 18px 34px #00000047}.game-thumb span{color:#fff;text-align:center;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 3px 18px #00000073;min-width:0;max-width:82%;font-family:Unbounded,system-ui,sans-serif;font-size:clamp(1rem,1.75vw,2rem);font-weight:900;line-height:1.02}.game-card:hover .game-thumb,.game-card:focus-visible .game-thumb{border-color:#ffffff9e;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff2e,0 22px 44px #00000061}.game-card:focus-visible{outline-offset:8px;border-radius:12px;outline:3px solid #ffffffbd}.game-card-copy{gap:4px;display:grid}.game-card-copy strong{font-size:1rem;line-height:1.1}.game-card-copy small{color:#ffffff8a;font-size:.78rem;line-height:1.2}.game-stage{z-index:6;left:var(--game-x,0);top:var(--game-y,0);width:var(--game-width,100%);height:var(--game-height,100%);opacity:1;background:#000;border:1px solid #ffffff2e;border-radius:8px;transition:left .56s cubic-bezier(.2,1,.22,1),top .56s cubic-bezier(.2,1,.22,1),width .56s cubic-bezier(.2,1,.22,1),height .56s cubic-bezier(.2,1,.22,1),border-color .22s,border-radius .56s cubic-bezier(.2,1,.22,1),box-shadow .56s cubic-bezier(.2,1,.22,1);position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 18px 34px #00000047}.game-stage-open{width:100%;height:100%;box-shadow:none;border-color:#0000;border-radius:0;top:0;left:0}.game-stage-splash{z-index:2;background:var(--game-gradient);opacity:1;place-items:center;transition:opacity .22s;display:grid;position:absolute;inset:0}.game-stage-open .game-stage-splash{opacity:0;pointer-events:none;transition-delay:.56s}.game-stage-closing .game-stage-splash{opacity:1;transition-delay:0s}.game-stage-splash span{color:#fff;text-align:center;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 3px 18px #00000073;min-width:0;max-width:82%;font-family:Unbounded,system-ui,sans-serif;font-size:clamp(1.1rem,3.35vw,4rem);font-weight:900;line-height:1.02}.game-frame{z-index:3;pointer-events:auto;background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=680px){:root{--nav-height:66px}.content{gap:34px}.brand-pixel-new,.brand-unleashed-new{font-size:clamp(2rem,8vw,3.2rem)}.brand-text-compact .brand-pixel-new,.brand-text-compact .brand-unleashed-new{font-size:clamp(.72rem,4vw,1rem)}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;width:min(92vw,460px)}.icon-face{width:clamp(118px,36vw,178px)}.top-navbar{padding-inline:10px}.arcade-toolbar{align-items:stretch;display:grid}.arcade-search{width:100%}.games-grid{grid-template-columns:1fr}}@media (width<=420px){.page-shell{padding-inline:16px}.app-grid{gap:18px 12px}.icon-label{font-size:.68rem}}
