.create-base-shell{padding-top:0;--create-base-sticky-top: 3.25rem;--create-base-stepper-height: 4.25rem;--create-base-sticky-gap: 1rem}.create-base-page{position:relative;isolation:isolate;width:100%;max-width:120rem;margin-right:auto}.create-base-page:before{content:"";position:fixed;z-index:-1;inset:4rem 0 auto;height:28rem;pointer-events:none;background:radial-gradient(circle at 72% 8%,rgba(30,110,255,.2),transparent 34%),radial-gradient(circle at 34% 10%,rgba(14,116,144,.09),transparent 28%),linear-gradient(180deg,rgba(4,20,48,.58),transparent 82%);-webkit-mask-image:linear-gradient(black 65%,transparent);mask-image:linear-gradient(black 65%,transparent)}.create-base-hero{position:relative;min-height:7.5rem;display:flex;align-items:center;overflow:hidden;padding:1.5rem 0 1.25rem}.create-base-hero-glow{position:absolute;inset:0 -2rem 0 38%;opacity:.7;background:radial-gradient(ellipse at 68% 0%,rgba(37,133,255,.35),transparent 48%),linear-gradient(105deg,transparent 10%,rgba(26,77,159,.12),transparent 72%);-webkit-mask-image:linear-gradient(90deg,transparent,black 24%,transparent 94%);mask-image:linear-gradient(90deg,transparent,black 24%,transparent 94%)}.create-base-stepper{position:sticky;z-index:30;top:var(--create-base-sticky-top);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border-radius:1rem;background:#030a17f5;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 0 0 1px #ffffff13,inset 0 1px #ffffff0a,0 20px 55px -32px #000000f2,0 -.75rem 1.25rem #030a17b8}.create-base-form{margin-top:1.25rem}.create-base-layout{display:grid;align-items:start;gap:clamp(1.25rem,1.8vw,2rem)}.create-base-step{position:relative;display:flex;min-width:0;min-height:4.25rem;align-items:center;gap:.65rem;padding:.7rem .8rem;color:color-mix(in oklch,var(--foreground) 72%,var(--muted-foreground));transition-property:color,background-color,box-shadow;transition-duration:.18s;transition-timing-function:ease-out}.create-base-step+.create-base-step:before{content:"";position:absolute;inset:18% auto 18% 0;width:1px;background:#ffffff13}.create-base-step:hover,.create-base-step:focus-visible{color:var(--foreground);background:#2f8bff0e;outline:none}.create-base-step.is-active{color:var(--foreground);background:linear-gradient(135deg,#1868ff29,#1868ff0a);box-shadow:inset 0 0 0 1px #2f8bff9e}.create-base-step-number{display:flex;width:2rem;height:2rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;color:var(--muted-foreground);font-size:.75rem;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px #ffffff1f;transition-property:color,background-color,box-shadow;transition-duration:.18s}.create-base-step.is-active .create-base-step-number,.create-base-step.is-complete .create-base-step-number{color:#fff;background:#1466ff47;box-shadow:0 0 0 1px #4997ffe6,0 0 18px -4px #2f8bffd9}.create-base-surface,.create-base-preview{border-radius:1rem;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 36%),#050d1de0;box-shadow:0 0 0 1px #ffffff13,inset 0 1px #ffffff09,0 24px 70px -54px #000000f2}.create-base-surface{scroll-margin-top:calc(var(--create-base-sticky-top) + var(--create-base-stepper-height) + var(--create-base-sticky-gap));padding:1.1rem;transition-property:box-shadow,background-color;transition-duration:.18s;transition-timing-function:ease-out}.create-base-surface:focus-within{box-shadow:0 0 0 1px #2f8bff42,inset 0 1px #ffffff0d,0 28px 80px -54px #165be68c}.create-base-game-card{position:relative;display:flex;min-height:8rem;min-width:0;flex-direction:column;align-items:center;justify-content:center;border-radius:.8rem;padding:.75rem .55rem;text-align:center;background:#030915a3;box-shadow:0 0 0 1px #ffffff13,inset 0 1px #ffffff06;transition-property:scale,background-color,box-shadow;transition-duration:.16s;transition-timing-function:ease-out}.create-base-game-card:hover,.create-base-game-card:focus-visible{z-index:1;background:#0a1831e0;box-shadow:0 0 0 1px color-mix(in srgb,var(--game-card-accent, #2f8bff) 45%,transparent),0 15px 32px -24px color-mix(in srgb,var(--game-card-accent, #2f8bff) 62%,transparent);outline:none}.create-base-game-card:active{scale:.96}.create-base-game-card.is-selected{background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--game-card-accent) 22%,transparent),transparent 48%),#081937f0;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--game-card-accent) 78%,white 12%),inset 0 0 28px color-mix(in srgb,var(--game-card-accent) 10%,transparent),0 18px 42px -28px color-mix(in srgb,var(--game-card-accent) 72%,transparent)}.create-base-input{min-height:2.75rem;border-radius:.75rem;border-color:#588bff38;background:#0208148f;transition-property:border-color,background-color,box-shadow;transition-duration:.16s}.create-base-input:focus,.create-base-input:focus-visible{border-color:#3589ffb8;background:#030b1be0;box-shadow:0 0 0 3px #257bff21}.create-base-textarea{min-height:6.5rem;resize:vertical;border-radius:.75rem;border-color:#588bff38;background:#0208148f;transition-property:border-color,background-color,box-shadow;transition-duration:.16s}.create-base-textarea:focus,.create-base-textarea:focus-visible{border-color:#3589ffb8;background:#030b1be0;box-shadow:0 0 0 3px #257bff21}.create-base-visibility-card{display:flex;min-height:5.25rem;align-items:center;gap:.75rem;border-radius:.8rem;padding:.75rem;background:#02081485;box-shadow:0 0 0 1px #ffffff13;transition-property:scale,background-color,box-shadow;transition-duration:.16s;transition-timing-function:ease-out}.create-base-visibility-card:hover,.create-base-visibility-card:focus-visible{background:#07142ae0;box-shadow:0 0 0 1px #428fff4d;outline:none}.create-base-visibility-card:active{scale:.96}.create-base-visibility-card.is-selected{background:linear-gradient(135deg,#1b67ff26,#040f22e0);box-shadow:0 0 0 1.5px #308bffb8,0 16px 36px -30px #2f8bffe6}.create-base-module-card{display:flex;min-height:4rem;cursor:pointer;align-items:center;gap:.65rem;border-radius:.75rem;padding:.65rem;background:#02081475;box-shadow:0 0 0 1px #fff1;transition-property:background-color,box-shadow;transition-duration:.16s}.create-base-module-card:hover,.create-base-module-card:focus-within{background:#07142bd9;box-shadow:0 0 0 1px #3f8cff3d}.create-base-module-card.is-selected{background:#1454c317;box-shadow:0 0 0 1px #3587ff33}.create-base-module-icon{display:flex;width:2.25rem;height:2.25rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.65rem;color:#72a9ff;background:#2f8bff1a;box-shadow:0 0 0 1px #2f8bff2b}.create-base-preview{overflow:hidden}.create-base-preview::-webkit-scrollbar{width:.42rem}.create-base-preview::-webkit-scrollbar-thumb{border-radius:999px;background:#7597cf59}.create-base-submit{background:linear-gradient(100deg,#1970ff,#318bff 62%,#2d82ff);box-shadow:inset 0 1px #ffffff38,0 12px 34px -16px #267bffe6}@media(min-width:640px){.create-base-surface{padding:1.35rem}}@media(min-width:1280px){.create-base-layout{grid-template-columns:minmax(0,1fr) clamp(23.5rem,25vw,28rem)}.create-base-preview{position:sticky;top:calc(var(--create-base-sticky-top) + var(--create-base-stepper-height) + var(--create-base-sticky-gap));align-self:start;max-height:calc(100dvh - var(--create-base-sticky-top) - var(--create-base-stepper-height) - (var(--create-base-sticky-gap) * 2));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(117,151,207,.35) transparent}}@media(min-width:1536px){.create-base-surface{padding:1.5rem}}@media(max-width:767px){.create-base-shell{--create-base-stepper-height: 3.5rem}.create-base-hero{min-height:6.5rem;padding-block:1rem}.create-base-step{min-height:3.5rem;justify-content:center;padding-inline:.35rem}.create-base-step-number{width:1.75rem;height:1.75rem}}@media(max-width:479px){.create-base-shell{--create-base-sticky-top: 3rem}.create-base-stepper{border-radius:.85rem}.create-base-step{flex-direction:column;gap:.3rem;padding-block:.4rem}.create-base-step span:nth-child(2){text-align:center}}@media(prefers-reduced-motion:reduce){.create-base-step,.create-base-step-number,.create-base-game-card,.create-base-input,.create-base-textarea,.create-base-visibility-card,.create-base-module-card,.create-base-surface{transition-duration:.01ms}}