.scene-civic-canvas{inset:var(--dialogue-space) 0 0;position:absolute}.scene-civic-canvas canvas{width:100%;height:100%;display:block}.scene-civic-canvas:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 36% 40%,#edc48121,#0000 61%),radial-gradient(at 75% 48%,#8ba59e1a,#0000 56%),radial-gradient(48% 12% at 50% 86%,#909d8f1f,#0000);position:absolute;inset:5% 2% 3%}.login-character-stage{--dialogue-space:64px;box-sizing:content-box;padding-top:var(--dialogue-space);aspect-ratio:1.5;isolation:isolate;background:0 0;width:100%;min-height:0;position:relative;overflow:hidden}.scene-dialogue-position{z-index:2;pointer-events:none;visibility:hidden;width:max-content;max-width:min(250px,100% - 16px);transition:visibility 0s var(--duration-exit);position:absolute;top:0;left:0}.scene-dialogue-position[data-open=true]{visibility:visible;transition-delay:0s}.scene-speech{color:#233a32;text-align:start;overflow-wrap:anywhere;opacity:0;transform-origin:var(--speech-tail,50%) bottom;transition:opacity var(--duration-exit) var(--ease-out), transform var(--duration-exit) var(--ease-out);padding:10px 18px 24px;font-size:12px;line-height:1.42;position:relative;transform:translateY(4px)scale(.96)}.scene-speech p{margin:0;position:relative}.scene-speech-shape{fill:#fff;stroke:#283d34;stroke-width:1.25px;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.scene-speech-shape path{vector-effect:non-scaling-stroke}.scene-dialogue-position[data-open=true] .scene-speech{opacity:1;transition-duration:var(--duration-normal);transform:translateY(0)scale(1)}.scene-satire{inset-inline:8px;color:#4a5b54;text-align:center;pointer-events:none;margin:0;font-size:10px;line-height:1.3;position:absolute;bottom:0}@media (prefers-reduced-motion:reduce){.scene-dialogue-position,.scene-dialogue-position .scene-speech{transition:none;transform:none}}@media (max-width:1100px){.login-character-stage{--dialogue-space:88px}}@media (max-width:767px){.login-character-stage{height:clamp(205px,58vw,290px);min-height:0}}@media (prefers-reduced-transparency:reduce){.login-character-stage{background:var(--ptbi-surface-container-low)}}
.login-experience{z-index:1;min-height:calc(100svh - 3.5rem);padding:clamp(1.25rem,4vw,4rem);padding-bottom:max(1.5rem, env(safe-area-inset-bottom));background:var(--ptbi-surface);flex:1;align-items:center;display:flex;position:relative}.login-layout{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;max-width:1140px;margin-inline:auto;display:grid;position:relative}.login-story{min-width:0}.login-story-heading{padding-inline:1.5rem}.login-wordmark{font:700 .85rem var(--font-sans);letter-spacing:.14em;color:var(--ptbi-secondary);align-items:center;gap:.5rem;display:inline-flex}.login-wordmark>span{background:var(--ptbi-secondary);width:1.8rem;height:2px}.login-form-panel{border-inline-start:1px solid var(--ptbi-outline-variant);min-width:0;padding-block:1rem;padding-inline-start:clamp(2rem,4vw,3.25rem)}.login-form-heading{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.login-form-title{font:650 clamp(1.6rem, 2.2vw, 1.9rem)/1.2 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere}.login-heading-rule{background:var(--ptbi-outline-variant);flex:1;min-width:1rem;height:1px}.login-fields{flex-direction:column;gap:1.3rem;display:flex}.login-fields input:not([type=checkbox]){background:var(--ptbi-surface-container-lowest);border-radius:9px;height:3.15rem;font-size:1rem}.login-fields input:not([type=checkbox]):focus{border-color:var(--ptbi-secondary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ptbi-secondary) 13%, transparent)}.login-form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;display:flex}.login-submit{min-height:3.15rem;box-shadow:none!important;border-radius:9px!important}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-mode-switch{border-top:1px solid var(--ptbi-outline-variant);text-align:center;margin-top:1.25rem;padding-top:1rem}.login-form-panel :focus-visible,.auth-recovery :focus-visible{outline-offset:3px}.auth-recovery{width:min(100% - 2.5rem,440px);color:var(--ptbi-on-surface);margin:clamp(2rem,8vh,6rem) auto}.auth-recovery h1{font:650 1.9rem/1.2 var(--font-display);letter-spacing:-.025em;color:var(--ptbi-primary);margin:1.5rem 0 .75rem}.auth-recovery-header{border-bottom:1px solid var(--ptbi-outline-variant);margin-bottom:1.5rem;padding-bottom:1.5rem}.auth-recovery p{color:var(--ptbi-on-surface-variant);font-size:.9rem;line-height:1.6}.auth-recovery-status{border-radius:9px;margin-block:1rem;padding:1rem;font-size:.9rem;line-height:1.55}.auth-recovery-footer{justify-content:center;margin-top:1.5rem;display:flex}.auth-recovery a{min-height:44px;color:var(--ptbi-secondary);align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}@media (max-width:900px) and (min-width:768px){.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.login-form-panel{padding-inline-start:1.5rem}}@media (max-width:767px){.login-experience{align-items:flex-start;padding:1.5rem 1.25rem 2rem}.login-layout{grid-template-columns:minmax(0,1fr);gap:2rem;max-width:520px}.login-story-heading{padding-inline:0}.login-form-panel{border:0;padding:0}.login-form-heading{margin-bottom:1.25rem}.login-fields{gap:1.1rem}}@media (prefers-reduced-motion:reduce){.login-submit:active:not(:disabled){transform:none}}.login-context{border-top:1px solid var(--ptbi-outline-variant);max-width:43ch;color:var(--ptbi-on-surface-variant);text-wrap:pretty;margin:.25rem 1.5rem 0;padding-top:1.2rem;font-size:.94rem;line-height:1.6}@media (max-width:767px){.login-context{margin-inline:0;padding-top:.9rem;font-size:.875rem}}body:has(.login-experience):after{display:none}