.account-page{background:var(--nx-color-bg);min-height:100dvh;color:var(--nx-color-text)}.account-header{max-width:calc(var(--nx-space-24) * 14);padding:var(--nx-space-5) var(--nx-space-6);justify-content:space-between;align-items:center;gap:var(--nx-space-4);margin-inline:auto;display:flex}.account-logo{width:calc(var(--nx-space-12) * 3);height:auto}.account-back{min-height:var(--nx-space-12);min-width:var(--nx-space-12);justify-content:center;align-items:center;gap:var(--nx-space-2);font-size:var(--nx-text-body-sm-size);display:inline-flex}.account-back svg{width:var(--nx-space-5)}.account-back span{display:none}.account-layout{max-width:calc(var(--nx-space-24) * 14);padding:0 var(--nx-space-6) var(--nx-space-8);gap:var(--nx-space-12);align-items:center;margin-inline:auto;display:grid}.account-column{width:100%;max-width:calc(var(--nx-space-20) * 5 + var(--nx-space-6));overflow-wrap:anywhere;min-width:0;margin-inline:auto}.account-heading{font-family:var(--nx-font-display);font-size:var(--nx-text-display-md-size);font-weight:var(--nx-text-display-md-weight);line-height:var(--nx-text-display-md-line-height);letter-spacing:var(--nx-text-display-md-tracking);margin-bottom:var(--nx-space-3);text-wrap:balance}.account-heading em{color:var(--nx-color-primary)}[data-theme=dark] .account-heading em{color:var(--nx-color-accent)}.account-intro{color:var(--nx-color-text-muted);margin-bottom:var(--nx-space-6);max-width:44ch}.account-form,.account-stack{gap:var(--nx-space-4);flex-direction:column;display:flex}.account-note{padding:var(--nx-space-4);border:1px solid var(--nx-color-border);border-radius:var(--nx-radius-md);font-size:var(--nx-text-body-sm-size);color:var(--nx-color-text-muted)}.account-note[role=alert]{border-color:var(--nx-color-danger)}.account-note strong{color:var(--nx-color-text);margin-bottom:var(--nx-space-1);display:block}.account-footer{margin-top:var(--nx-space-5);padding-top:var(--nx-space-3);border-top:1px solid var(--nx-color-border);font-size:var(--nx-text-body-sm-size);column-gap:var(--nx-space-4);flex-wrap:wrap;align-items:center;display:flex}.account-footer span{color:var(--nx-color-text-muted)}.account-link,.account-footer a{min-height:var(--nx-space-12);text-underline-offset:var(--nx-space-1);align-items:center;text-decoration:underline;display:inline-flex}.account-footer a{font-weight:var(--nx-text-label-lg-weight)}.account-check{min-height:var(--nx-space-12);gap:var(--nx-space-3);font-size:var(--nx-text-body-sm-size);line-height:var(--nx-text-body-sm-line-height);align-items:flex-start;display:flex}.account-check input{appearance:none;margin-top:var(--nx-space-1);width:var(--nx-space-6);height:var(--nx-space-6);border-radius:var(--nx-radius-sm);border:1px solid var(--nx-color-border);background:var(--nx-color-surface);cursor:pointer;flex-shrink:0;place-items:center;display:grid}.account-check input:checked{background:var(--nx-color-primary);border-color:var(--nx-color-primary)}.account-check input:checked:after{content:"";width:var(--nx-space-2);height:var(--nx-space-3);border:solid var(--nx-color-on-primary);border-width:0 thin thin 0;transform:rotate(45deg)translateY(-10%)}.account-check a{text-underline-offset:var(--nx-space-1);text-decoration:underline}.account-submit.fp-button{opacity:1;background:var(--nx-color-primary);color:var(--nx-color-on-primary);min-height:calc(var(--nx-space-12) + var(--nx-space-1))}.account-submit.fp-button:disabled{opacity:1;cursor:wait}.account-submit-reason{color:var(--nx-color-text-muted);font-size:var(--nx-text-body-sm-size);text-align:center}.account-password{position:relative}.account-password .fp-field-control{padding-right:calc(var(--nx-space-12) + var(--nx-space-1))}.account-password-toggle{right:var(--nx-space-1);top:calc(var(--nx-space-6) + var(--nx-space-1));min-width:var(--nx-space-12);min-height:var(--nx-space-12);border-radius:var(--nx-radius-full);place-items:center;display:grid;position:absolute}.account-password-toggle svg{width:var(--nx-space-5);height:var(--nx-space-5)}.account-form-pair{gap:var(--nx-space-4);display:grid}.account-forgot{margin-top:calc(var(--nx-space-3) * -1);font-size:var(--nx-text-body-sm-size);justify-content:flex-end;display:flex}.account-forgot a{min-height:calc(var(--nx-space-10) + var(--nx-space-1));text-underline-offset:var(--nx-space-1);align-items:center;text-decoration:underline;display:inline-flex}.account-social{gap:var(--nx-space-3);margin-bottom:var(--nx-space-5);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.account-social a{min-height:calc(var(--nx-space-12) + var(--nx-space-1));border:1px solid var(--nx-color-border);border-radius:var(--nx-radius-full);justify-content:center;align-items:center;gap:var(--nx-space-2);background:var(--nx-color-surface);font-size:var(--nx-text-label-md-size);font-weight:var(--nx-text-label-md-weight);display:flex}.account-social img{width:var(--nx-space-5);height:var(--nx-space-5);object-fit:contain}.account-divider{gap:var(--nx-space-4);color:var(--nx-color-text-muted);font-size:var(--nx-text-body-sm-size);margin-bottom:var(--nx-space-5);align-items:center;display:flex}.account-divider:before,.account-divider:after{content:"";background:var(--nx-color-border);flex:1;height:1px}.account-success{gap:var(--nx-space-4);display:grid}.account-success-icon{width:var(--nx-space-16);height:var(--nx-space-16);background:var(--nx-color-primary);color:var(--nx-color-on-primary);border-radius:var(--nx-radius-lg);margin-bottom:var(--nx-space-4);place-items:center;display:grid}.account-success-icon svg{width:var(--nx-space-8);height:var(--nx-space-8)}.account-eyebrow{font-size:var(--nx-text-label-sm-size);letter-spacing:var(--nx-text-label-lg-tracking);font-weight:var(--nx-text-label-lg-weight);align-items:center;gap:var(--nx-space-2);display:flex}.account-eyebrow>span{width:var(--nx-space-2);height:var(--nx-space-2);border-radius:var(--nx-radius-full);background:var(--fp-cyan)}.account-poster{display:none}@media (min-width:768px){.account-header{padding:var(--nx-space-6) var(--nx-space-8)}.account-layout{padding-inline:var(--nx-space-8)}.account-back span{display:inline}}@media (min-width:1024px){.account-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}.account-column{padding-block:var(--nx-space-8);align-self:center}.account-poster{background:var(--fp-ink);color:var(--fp-paper);border-radius:var(--nx-radius-xl);padding:var(--nx-space-8);isolation:isolate;display:block;position:relative;overflow:hidden}.account-poster:before{content:"";z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--fp-blue) 52%, transparent), transparent 65%);height:55%;position:absolute;inset:25% -40% auto}.account-poster-top{justify-content:space-between;align-items:center;gap:var(--nx-space-3);margin-bottom:var(--nx-space-8);display:flex}.account-poster-top>svg{width:var(--nx-space-5);color:var(--fp-cyan);flex-shrink:0}.account-poster-heading{font-family:var(--nx-font-display);font-size:var(--nx-text-display-lg-size);font-weight:var(--nx-text-display-lg-weight);line-height:var(--nx-text-display-lg-line-height);letter-spacing:var(--nx-text-display-lg-tracking)}.account-poster-heading em{color:var(--fp-cyan)}.account-poster-body{color:color-mix(in srgb, var(--fp-paper) 75%, transparent);margin-top:var(--nx-space-4);font-size:var(--nx-text-body-lg-size)}.account-game-scene{height:calc(var(--nx-space-24) * 3);margin-block:var(--nx-space-4) var(--nx-space-6);position:relative}.account-game{border:1px solid color-mix(in srgb, var(--fp-paper) 30%, transparent);border-radius:var(--nx-radius-lg);background:var(--fp-blue);width:43%;height:80%;position:absolute;top:8%;overflow:hidden}.account-game img{object-fit:cover;width:100%;height:100%}.account-game span{bottom:0;padding:var(--nx-space-3);background:linear-gradient(transparent, var(--fp-ink));font-size:var(--nx-text-label-sm-size);font-weight:var(--nx-text-label-lg-weight);position:absolute;inset-inline:0}.account-game-one{left:5%;transform:rotate(-9deg)}.account-game-two{right:4%;transform:rotate(10deg)}.account-bolt{object-fit:contain;width:50%;height:85%;filter:drop-shadow(0 var(--nx-space-3) var(--nx-space-4) var(--fp-ink));position:absolute;bottom:0;left:25%}.account-scene-stamp{right:4%;bottom:var(--nx-space-1);align-items:center;gap:var(--nx-space-2);background:var(--fp-cyan);color:var(--fp-ink);border-radius:var(--nx-radius-full);padding:var(--nx-space-2) var(--nx-space-3);font-size:var(--nx-text-label-sm-size);font-weight:var(--nx-text-label-lg-weight);display:flex;position:absolute;transform:rotate(-4deg)}.account-scene-stamp svg{width:var(--nx-space-4);height:var(--nx-space-4)}.account-reasons{gap:var(--nx-space-4);list-style:none;display:grid}.account-reasons li{gap:var(--nx-space-3);align-items:center;display:flex}.account-reasons li>svg{width:var(--nx-space-10);height:var(--nx-space-10);padding:var(--nx-space-2);border-radius:var(--nx-radius-md);background:color-mix(in srgb, var(--fp-paper) 8%, transparent);color:var(--fp-cyan);flex-shrink:0}.account-reasons strong{font-size:var(--nx-text-label-lg-size);display:block}.account-reasons li span{color:color-mix(in srgb, var(--fp-paper) 65%, transparent);font-size:var(--nx-text-body-sm-size)}.account-poster-disclaimer{padding-top:var(--nx-space-5);margin-top:var(--nx-space-5);border-top:1px solid color-mix(in srgb, var(--fp-paper) 15%, transparent);color:color-mix(in srgb, var(--fp-paper) 60%, transparent);font-size:var(--nx-text-body-sm-size)}}@media (prefers-reduced-motion:no-preference){.account-column{animation:account-enter var(--nx-duration-base) var(--nx-easing-enter,ease-out) both}.account-game-one{animation:account-float var(--nx-duration-slow) ease-in-out both}.account-game-two{animation:account-float var(--nx-duration-slow) ease-in-out reverse both}.account-password-toggle,.account-social a{transition:background var(--nx-duration-fast), transform var(--nx-duration-fast)}.account-social a:active{transform:scale(.98)}}@keyframes account-enter{0%{opacity:0;transform:translateY(var(--nx-space-3))}to{opacity:1;transform:none}}@keyframes account-float{0%{translate:0 var(--nx-space-3)}to{translate:0}}@media (max-width:767px){.account-header{padding-block:var(--nx-space-4)}.account-heading{margin-bottom:var(--nx-space-2)}.account-intro{margin-bottom:var(--nx-space-4)}.account-form{gap:var(--nx-space-3)}}.account-poster .account-bolt{transform-origin:bottom}@media (prefers-reduced-motion:no-preference){.account-poster .account-bolt{animation:account-breathe calc(var(--nx-duration-slow) * 12) ease-in-out infinite}}@keyframes account-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(calc(var(--nx-space-2) * -1)) rotate(1deg)}}.account-password-hint{margin-top:var(--nx-space-2);color:var(--nx-color-text-muted);font-size:var(--nx-text-body-sm-size)}.account-check{align-items:center;gap:var(--nx-space-2);font-size:var(--nx-text-body-sm-size);min-height:var(--nx-space-12)}.account-check input{width:var(--nx-space-5);height:var(--nx-space-5);margin-top:0}.account-actions{gap:var(--nx-space-3);padding-top:var(--nx-space-4);display:grid}.account-footer{margin-top:var(--nx-space-3);justify-content:center;gap:0 var(--nx-space-2);border-top:0;padding-top:0}.account-intro{font-size:var(--nx-text-body-md-size)}@media (max-width:767px){.account-header{padding:var(--nx-space-8) var(--nx-space-6);justify-content:center;position:relative}.account-logo{width:calc(var(--nx-space-20) * 2)}.account-back{left:var(--nx-space-4);position:absolute}.account-layout{padding-inline:var(--nx-space-6);padding-bottom:max(var(--nx-space-4), env(safe-area-inset-bottom))}.account-column{min-height:calc(100svh - var(--nx-space-24) - var(--nx-space-6));flex-direction:column;display:flex}.account-heading{font-size:var(--nx-text-headline-lg-size);line-height:var(--nx-text-headline-lg-line-height);letter-spacing:var(--nx-text-headline-lg-tracking);margin-top:var(--nx-space-6)}.account-intro{margin-bottom:var(--nx-space-8)}.account-form{gap:var(--nx-space-4);flex:1}.account-actions{padding-block:var(--nx-space-4) var(--nx-space-2);background:var(--nx-color-bg);z-index:1;margin-top:auto;position:sticky;bottom:0}.account-success{flex:1}.account-success>.account-submit{margin-top:auto}.account-social{margin-bottom:var(--nx-space-4)}.account-social a{padding:var(--nx-space-3) var(--nx-space-2);flex-direction:column}.account-divider{margin-bottom:var(--nx-space-6)}.account-submit.fp-button{min-height:var(--nx-space-14,calc(var(--nx-space-12) + var(--nx-space-2)))}}@media (max-height:600px) and (max-width:767px){.account-header{padding-block:var(--nx-space-4)}.account-heading{margin-top:var(--nx-space-2)}.account-intro{margin-bottom:var(--nx-space-4)}.account-column{min-height:calc(100svh - var(--nx-space-20))}.account-social a{flex-direction:row}}@media (max-width:767px) and (min-height:601px){.account-form>:first-child{margin-top:auto}}
.system-page{background:var(--nx-color-bg);min-height:100dvh;color:var(--nx-color-text);flex-direction:column;display:flex}.system-header{width:100%;max-width:calc(var(--nx-space-24) * 13);padding:var(--nx-space-6);justify-content:space-between;align-items:center;gap:var(--nx-space-4);margin-inline:auto;display:flex}.system-header>a:first-child{width:calc(var(--nx-space-12) * 3)}.system-header>a:last-child{align-items:center;gap:var(--nx-space-2);min-height:var(--nx-space-12);font-size:var(--nx-text-body-sm-size);display:inline-flex}.system-header svg{max-width:100%}.system-header>a:last-child svg{width:var(--nx-space-4)}.system-layout{width:100%;max-width:calc(var(--nx-space-24) * 12);align-content:center;gap:var(--nx-space-6);padding:var(--nx-space-4) var(--nx-space-6) var(--nx-space-8);flex:1;margin-inline:auto;display:grid}.system-art{min-width:0;height:calc(var(--nx-space-24) * 2.5);background:var(--nx-color-surface-raised);border-radius:var(--nx-radius-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.system-art>span{font-family:var(--nx-font-display);font-size:calc(var(--nx-text-display-lg-size) * 2);line-height:1;font-weight:var(--nx-text-display-lg-weight);color:var(--nx-color-primary);top:var(--nx-space-3);font-style:italic;position:absolute}.system-art img{width:auto;height:85%;bottom:calc(var(--nx-space-6) * -1);position:absolute}.system-art>div{right:var(--nx-space-5);bottom:var(--nx-space-5);background:var(--nx-color-primary);color:var(--nx-color-on-primary);border-radius:var(--nx-radius-full);width:var(--nx-space-12);height:var(--nx-space-12);place-items:center;display:grid;position:absolute}.system-copy{align-self:center;min-width:0}.system-kicker{color:var(--nx-color-info);font-size:var(--nx-text-label-md-size);font-weight:var(--nx-text-label-lg-weight);letter-spacing:var(--nx-text-label-lg-tracking);margin-bottom:var(--nx-space-3)}.system-copy h1{font-family:var(--nx-font-display);font-size:var(--nx-text-display-md-size);font-weight:var(--nx-text-display-md-weight);line-height:var(--nx-text-display-md-line-height);letter-spacing:var(--nx-text-display-md-tracking);text-wrap:balance}.system-copy h1 em{color:var(--nx-color-info)}.system-copy>p:not(.system-kicker){color:var(--nx-color-text-muted);margin-top:var(--nx-space-4);max-width:42ch}.system-actions{gap:var(--nx-space-3);margin-top:var(--nx-space-6);flex-wrap:wrap;display:flex}.system-actions>*{white-space:nowrap;flex:1}.system-help{align-items:center;gap:var(--nx-space-2);font-size:var(--nx-text-body-sm-size);margin-top:var(--nx-space-6);color:var(--nx-color-text-muted);display:flex}.system-help svg{width:var(--nx-space-4);flex-shrink:0}.system-footer{justify-content:center;gap:var(--nx-space-6);padding:var(--nx-space-4);font-size:var(--nx-text-body-sm-size);display:flex}.system-footer a{min-height:var(--nx-space-12);align-items:center;display:inline-flex}@media (min-width:768px){.system-layout{gap:var(--nx-space-16);padding-block:var(--nx-space-12);grid-template-columns:repeat(2,minmax(0,1fr))}.system-art{height:calc(var(--nx-space-24) * 5)}.system-art>span{font-size:calc(var(--nx-text-display-lg-size) * 3);top:var(--nx-space-8)}.system-actions>*{flex:initial}}@media (prefers-reduced-motion:no-preference){.system-art img{animation:system-arrive var(--nx-duration-slow) ease-out both}}@keyframes system-arrive{0%{opacity:0;transform:translateY(var(--nx-space-8))}to{opacity:1;transform:none}}
