.newGame{background:var(--theme-25);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-y:auto}.newGame:before{content:"";background:radial-gradient(ellipse 70% 50% at 50% 20%, color-mix(in srgb, var(--theme-150) 9%, transparent) 0%, transparent 70%);pointer-events:none;z-index:0;position:fixed;inset:0}.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:.45rem;padding:2.5rem 1.5rem 1rem;display:flex;position:relative}.hero h1{color:var(--tx-1);letter-spacing:-.035em;margin:0;font-size:2rem;font-weight:800;line-height:1.1}.heroSub{font-size:var(--fs-sm);color:var(--tx-3);max-width:380px;margin:0;line-height:1.6}.divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;max-width:500px;height:1px;margin:.75rem auto 0}.formSection{z-index:1;flex:1;justify-content:center;padding:1.25rem 1rem 3rem;display:flex;position:relative}.formCard{gap:var(--sp-3);border-radius:var(--r-2xl);width:100%;max-width:500px;box-shadow:var(--sh-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#ffffff0e 0%,#ffffff08 100%);border:1px solid #ffffff17;flex-direction:column;padding:1.75rem;display:flex}.avatarPicker{justify-content:center;align-items:center;gap:var(--sp-4);display:flex}.avatarPicker button{background:var(--sf-2);border:1px solid var(--bd-1);border-radius:var(--r-md);width:2.2rem;height:2.2rem;color:var(--tx-2);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur-fast) var(--spring);justify-content:center;align-items:center;font-size:1rem;display:flex}.avatarPicker button:hover{background:var(--sf-3);border-color:var(--bd-2);color:var(--tx-1)}.avatarPicker button:active{transform:scale(.9)}.avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--theme-150) 40%, transparent);background:var(--sf-2);width:92px;height:92px;box-shadow:0 0 22px color-mix(in srgb, var(--theme-150) 22%, transparent);border-radius:50%}.grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{font-size:var(--fs-xs);color:var(--tx-3);letter-spacing:.02em;font-weight:600}.field input{border-radius:var(--r-md);color:var(--tx-1);font-size:var(--fs-md);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;width:100%;padding:.6rem .9rem;font-family:inherit}.field input:focus{border-color:var(--theme-150);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-150) 18%, transparent);background:#ffffff0f}.field input::placeholder{color:var(--tx-4)}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.field input[type=number]{appearance:textfield}input.inputError{border-color:var(--clr-red)!important;box-shadow:0 0 0 3px #ff6b6b33!important}.fieldError{font-size:var(--fs-xs);color:var(--clr-red);font-weight:500;line-height:1.3;display:block}.gender{gap:var(--sp-2);display:flex}.gender button{background:var(--sf-1);border:1px solid var(--bd-1);border-radius:var(--r-md);color:var(--tx-3);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur-fast) var(--spring);flex:1;padding:.55rem;font-family:inherit;font-weight:600}.gender button.active{background:color-mix(in srgb, var(--theme-150) 14%, transparent);border-color:color-mix(in srgb, var(--theme-150) 42%, transparent);color:var(--theme-175)}.gender button:hover:not(.active){background:var(--sf-2);border-color:var(--bd-2);color:var(--tx-1)}.gender button:active{transform:scale(.97)}.submit{background:var(--theme-gradient);border-radius:var(--r-lg);color:#fff;width:100%;font-size:var(--fs-md);cursor:pointer;box-shadow:0 4px 20px color-mix(in srgb, var(--theme-150) 35%, transparent);transition:filter var(--dur) var(--ease), transform var(--dur-fast) var(--spring), box-shadow var(--dur) var(--ease);margin-top:var(--sp-1);border:none;padding:.88rem;font-family:inherit;font-weight:700}.submit:hover{filter:brightness(1.15);box-shadow:0 6px 28px color-mix(in srgb, var(--theme-150) 45%, transparent);transform:translateY(-2px)}.submit:active{transform:translateY(0)scale(.98)}.cheat{background:var(--sf-0);border:1px solid var(--bd-0);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:.6rem .85rem;display:flex}.cheat>span{font-size:var(--fs-sm);color:var(--tx-3);font-weight:600}.toggle{border-radius:var(--r-full);cursor:pointer;width:38px;height:22px;transition:background .22s var(--ease), border-color .22s var(--ease);background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;position:relative}.toggle:after{content:"";width:14px;height:14px;transition:left .22s var(--spring), background .22s var(--ease);background:#fff6;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active{background:color-mix(in srgb, var(--theme-150) 28%, transparent);border-color:color-mix(in srgb, var(--theme-150) 55%, transparent)}.toggle.active:after{background:var(--theme-150);left:19px}.cheatList{flex-direction:column;gap:.28rem;display:flex}.cheatRow{background:var(--sf-0);border:1px solid var(--bd-0);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:.48rem .85rem;display:flex}.cheatRow>span{font-size:var(--fs-sm);color:var(--tx-3);font-weight:500;line-height:1.3}.warning{font-size:var(--fs-xs);color:var(--clr-amber);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#fbbf2412;border:1px solid #fbbf242e;line-height:1.5}.sandboxWarn{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--clr-amber);font-size:var(--fs-sm);background:#f59e0b14;border:1px solid #f59e0b38;font-weight:600;line-height:1.45;display:block}.ngReplaceOverlay{z-index:50;padding:var(--sp-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ngReplaceCard{gap:var(--sp-3);width:min(440px,100%);padding:var(--sp-5);border-radius:var(--r-lg,16px);background:var(--theme-25);border:1px solid color-mix(in srgb, var(--theme-150) 30%, transparent);text-align:center;flex-direction:column;display:flex;box-shadow:0 24px 64px #00000080}.ngReplaceTitle{font-size:var(--fs-xl,1.4rem);color:var(--theme-200,#fff);margin:0;font-weight:800}.ngReplaceBody{font-size:var(--fs-sm);color:color-mix(in srgb, var(--theme-200,#fff) 78%, transparent);margin:0;line-height:1.5}.ngReplaceSummary{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:2px;display:flex}.ngReplaceSummaryLabel{font-size:var(--fs-xs,.72rem);text-transform:uppercase;letter-spacing:.06em;opacity:.7}.ngReplaceSummaryValue{font-size:var(--fs-sm);font-weight:700}.ngReplaceActions{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.ngReplaceActions button{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);cursor:pointer;border:1px solid #0000;flex:1;font-weight:700}.ngReplaceKeep{color:var(--theme-200,#fff);background:0 0;border:1px solid color-mix(in srgb, var(--theme-150) 40%, transparent)!important}.ngReplaceConfirm{background:var(--clr-amber,#f59e0b);color:#1a1206}.newGame:before{animation:12s ease-in-out infinite alternate subtleOrb;background:radial-gradient(ellipse 80% 60% at 50% 15%, color-mix(in srgb, var(--theme-150) 14%, transparent) 0%, transparent 70%)!important}.formCard,.setupCard{-webkit-backdrop-filter:blur(12px);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)!important}.formInput,.setupInput{transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)!important}.formInput:focus,.setupInput:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-150) 30%, transparent)!important}
.neoIntro{z-index:100000;cursor:pointer;background:radial-gradient(60% 60% at 50% 42%,#143c6e66,#0000 70%),#02050d;flex-direction:column;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;animation:.6s both niFade;display:flex;position:fixed;inset:0;overflow:hidden}.neoIntro.closing{animation:.7s cubic-bezier(.4,0,.2,1) forwards niOut}@keyframes niFade{0%{opacity:0}to{opacity:1}}@keyframes niOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.niCanvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.niStage{z-index:2;cursor:default;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:540px;padding:0 22px;animation:2.6s cubic-bezier(.16,.84,.24,1) both niZoom;display:flex;position:relative}@keyframes niZoom{0%{opacity:0;filter:blur(6px);transform:scale(2.4)translateY(8%)}55%{opacity:1;filter:blur()}to{opacity:1;transform:scale(1)translateY(0)}}.niCore{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.niOrb{background:radial-gradient(circle at 40% 35%,#aef0ff,#35e0ff 55%,#0a6ea0);border-radius:50%;width:54px;height:54px;animation:2s ease-in-out infinite niPulse;box-shadow:0 0 40px #35e0ffcc,0 0 90px #35e0ff59}@keyframes niPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.niRing{border:1.5px solid #7cc4ff66;border-radius:50%;animation:2.6s ease-out infinite niExpand;position:absolute}.niRing.r1{animation-delay:0s}.niRing.r2{animation-delay:.9s}.niRing.r3{animation-delay:1.8s}@keyframes niExpand{0%{opacity:.8;width:70px;height:70px}to{opacity:0;width:170px;height:170px}}.niName{letter-spacing:.42em;color:#7cc4ff;text-shadow:0 0 16px #7cc4ff99;font-size:.8rem;font-weight:800}.niLineWrap{justify-content:center;align-items:center;min-height:4.4rem;display:flex}.niLine{color:#eaf6ff;text-align:center;text-shadow:0 0 24px #7cc4ff73;font-size:1.55rem;font-weight:700;line-height:1.4}.niCaret{color:#7cdcff;margin-left:2px;animation:1s step-end infinite niBlink}@keyframes niBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.niPanel{-webkit-backdrop-filter:blur(14px);background:linear-gradient(160deg,#7cc4ff12,#7cc4ff06);border:1px solid #7cc4ff38;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:460px;padding:20px;animation:.5s cubic-bezier(.16,.84,.24,1) both niPanelIn;display:flex;box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff0f}@keyframes niPanelIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.niContinue{color:#02131c;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#35e0ff,#0a8fd0);border:none;border-radius:12px;width:100%;margin-top:2px;padding:.8rem;font-family:inherit;font-size:.95rem;font-weight:800;transition:filter .15s,transform .12s,box-shadow .15s;box-shadow:0 6px 22px #35e0ff66}.niContinue:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 9px 30px #35e0ff80}.niContinue:active{transform:translateY(0)scale(.98)}.niErr{color:#ff8a8a;text-align:center;font-size:.8rem;font-weight:600}.niHint{z-index:2;letter-spacing:.18em;color:#b4d7ff73;text-transform:uppercase;pointer-events:none;font-size:.72rem;animation:2.4s ease-in-out infinite niHintPulse;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes niHintPulse{0%,to{opacity:.35}50%{opacity:.85}}.niPanel .avatarPicker{margin:2px 0}.niSkip{z-index:6;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#cee4ffe6;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0a16288c;border:1px solid #7cc4ff47;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:700;transition:filter .15s,transform .12s,border-color .15s,background .15s;display:inline-flex;position:absolute}.niSkip:hover{background:#102036b3;border-color:#7cc4ff8c;transform:translateY(-1px)}.niSkip:active{transform:translateY(0)scale(.98)}.niContinueCta{z-index:5;color:#02131c;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#35e0ff,#0a8fd0);border:none;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:10px 26px;font-family:inherit;font-size:.9rem;font-weight:800;transition:filter .15s,transform .12s,box-shadow .15s;display:inline-flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #35e0ff66}.niContinueCta:hover{filter:brightness(1.12);transform:translate(-50%)translateY(-2px)}.niContinueCta:active{transform:translate(-50%)scale(.98)}.niSkip:focus-visible,.niContinueCta:focus-visible,.niContinue:focus-visible{outline-offset:2px;outline:2px solid #7cdcff}@media (prefers-reduced-motion:reduce){.niOrb,.niRing,.niStage,.niPanel,.neoIntro,.niHint,.niCaret{animation:none!important}.niStage{opacity:1;filter:none;transform:none}.niSkip,.niContinueCta{transition:none}}
