@property --auth-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.auth-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.auth-bg__glow{position:absolute;inset:0;background:radial-gradient(560px 420px at 12% 18%,color-mix(in srgb,var(--hm-violet) 28%,transparent),transparent 70%),radial-gradient(520px 380px at 88% 12%,color-mix(in srgb,var(--hm-cyan) 22%,transparent),transparent 68%),radial-gradient(480px 360px at 70% 80%,color-mix(in srgb,var(--hm-pink) 16%,transparent),transparent 70%);filter:blur(18px);animation:auth-drift 24s ease-in-out infinite alternate}.auth-bg__stars{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:2px;block-size:2px;opacity:var(--hm-star);background:#fff;box-shadow:10vw 10vh #fff,22vw 24vh #cfe8ff,36vw 8vh #fff,50vw 18vh #ffe9a8,64vw 6vh #fff,76vw 26vh #cfe8ff,92vw 14vh #fff,6vw 40vh #ffe9a8,28vw 46vh #fff,58vw 38vh #cfe8ff,86vw 44vh #fff,18vw 64vh #cfe8ff,44vw 70vh #fff,70vw 62vh #ffe9a8,96vw 72vh #fff,4vw 86vh #fff,34vw 90vh #cfe8ff,82vw 88vh #fff;animation:auth-twinkle 3s steps(2,end) infinite}.auth-bg__grid{position:absolute;inset-inline:-50%;inset-block-end:-8%;block-size:38%;background:linear-gradient(transparent 0 94%,var(--hm-grid) 94%) 0 0 / 100% 48px,linear-gradient(90deg,transparent 0 96%,var(--hm-grid) 96%) 0 0 / 64px 100%;transform:perspective(420px) rotateX(62deg);transform-origin:top;mask-image:linear-gradient(to bottom,transparent,#000 40%);animation:auth-run 2.4s linear infinite}.auth{position:relative;z-index:1;display:grid;place-items:center;max-width:var(--content-max);min-block-size:calc(100dvh - 140px);margin-inline:auto;padding:var(--space-6) var(--space-4) var(--space-7)}.auth-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);inline-size:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--hm-violet) 9%,transparent),transparent 38%),var(--surface-raised);border:3px solid color-mix(in srgb,var(--hm-violet) 55%,var(--border-strong));border-radius:24px;box-shadow:0 12px color-mix(in srgb,var(--hm-violet) 30%,var(--hm-drop)),0 30px 70px -24px color-mix(in srgb,var(--hm-violet) 45%,transparent),0 0 60px color-mix(in srgb,var(--hm-violet) var(--hm-glow),transparent);animation:auth-rise-in .5s cubic-bezier(.2,.8,.2,1) both}@media(max-width:960px){.auth{padding-block-start:var(--space-4)}.auth-shell{grid-template-columns:minmax(0,1fr);max-inline-size:560px}}.auth-card{position:relative;padding:clamp(18px,3vw,30px)}.auth-shell__glow{position:absolute;inset:-3px;z-index:-1;padding:3px;border-radius:24px;background:conic-gradient(from var(--auth-angle),transparent 0 62%,var(--hm-cyan) 72%,var(--hm-pink) 80%,var(--hm-violet) 88%,transparent 96%);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:auth-orbit 6s linear infinite;pointer-events:none}.auth-card__top{margin-block-end:var(--space-4)}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--surface-sunken);border:2px solid var(--border-strong);border-radius:14px;box-shadow:inset 0 3px color-mix(in srgb,var(--hm-drop) 16%,transparent)}.auth-tabs a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;font-family:Silkscreen,ui-monospace,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--text-secondary);border-radius:10px;transition:color .2s ease}.auth-tabs a img{image-rendering:pixelated;opacity:.7}.auth-tabs a[aria-current=page]{color:var(--accent-contrast)}.auth-tabs a[aria-current=page] img{opacity:1;animation:auth-hop 1.6s steps(2,end) infinite}.auth-tabs a:not([aria-current]):hover{color:var(--text-primary)}.auth-tabs a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.auth-tabs__thumb{position:absolute;inset-block:4px;inset-inline-start:4px;inline-size:calc(50% - 4px);background:var(--accent);border-radius:10px;box-shadow:0 3px 0 var(--hm-accent-deep),0 0 20px color-mix(in srgb,var(--accent) var(--hm-glow),transparent);transition:inset-inline-start .3s cubic-bezier(.3,.9,.3,1)}.auth-tabs[data-active=signup] .auth-tabs__thumb{inset-inline-start:50%}.auth-back{display:inline-flex;align-items:center;gap:10px;font-family:Silkscreen,ui-monospace,monospace;font-size:12px;text-transform:uppercase;text-decoration:none;color:var(--text-secondary)}.auth-back:hover{color:var(--accent)}.auth-back__arrow{inline-size:0;block-size:0;border-block:6px solid transparent;border-inline-end:9px solid currentColor;transition:translate .12s steps(2,end)}.auth-back:hover .auth-back__arrow{translate:-3px 0}.auth-steps{--done: color-mix(in srgb, var(--hm-lime) 80%, #2b6b1c);position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 var(--space-3);padding:0;list-style:none}.auth-steps:before,.auth-steps:after{content:"";position:absolute;inset-block-start:11px;inset-inline-start:calc(100% / 6);block-size:4px;inline-size:calc(100% * 2 / 3);background:color-mix(in srgb,var(--text-muted) 22%,transparent)}.auth-steps:after{inline-size:0;background:var(--done);transition:inline-size .5s cubic-bezier(.3,.9,.3,1)}.auth-steps[data-at="1"]:after{inline-size:calc(100% / 3)}.auth-steps[data-at="2"]:after{inline-size:calc(100% * 2 / 3)}.auth-steps li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px}.auth-steps__pip{display:grid;place-items:center;inline-size:26px;block-size:26px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:10px;color:var(--text-muted);background:var(--surface-sunken);border:2px solid var(--border-strong);border-radius:8px}.auth-steps li.is-now .auth-steps__pip{color:var(--accent-contrast);background:var(--accent);border-color:var(--hm-accent-deep);box-shadow:0 3px 0 var(--hm-accent-deep),0 0 16px color-mix(in srgb,var(--accent) var(--hm-glow),transparent);animation:auth-pip 1.4s steps(2,end) infinite}.auth-steps li.is-done .auth-steps__pip{color:transparent;background:var(--done) url(/sprites/ui/confirm.png) center / 14px auto no-repeat;border-color:color-mix(in srgb,var(--done) 70%,#000);image-rendering:pixelated;animation:auth-pop .26s steps(3,end)}.auth-steps__label{font-family:Silkscreen,ui-monospace,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-align:center}.auth-steps li.is-now .auth-steps__label,.auth-steps li.is-done .auth-steps__label{color:var(--text-primary)}.auth-body{animation:auth-in .38s cubic-bezier(.2,.8,.2,1) backwards}.auth-card[data-phase=leaving] .auth-body{animation:auth-out .4s cubic-bezier(.5,0,.8,.4) both}.auth-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);margin-block-end:var(--space-4)}.auth-hero__avatar{position:relative;display:grid;place-items:center;inline-size:60px;block-size:60px;overflow:hidden;background:repeating-linear-gradient(180deg,var(--hm-scan) 0 1px,transparent 1px 3px),radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--hm-violet) 30%,transparent),transparent 70%),var(--hm-screen);border:3px solid color-mix(in srgb,var(--hm-violet) 60%,var(--border-strong));border-radius:14px;box-shadow:0 4px color-mix(in srgb,var(--hm-violet) 30%,var(--hm-drop))}.auth-hero__avatar img{inline-size:46px;block-size:46px;object-fit:contain;image-rendering:pixelated;animation:auth-idle 1.2s steps(2,end) infinite}.auth-card__title{margin:0 0 4px;font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.05;letter-spacing:-.03em;text-wrap:balance;text-shadow:var(--hm-title-shadow);overflow-wrap:anywhere}.auth-card__lead{margin:0;font-size:var(--text-size-sm);line-height:1.45;color:var(--text-secondary);text-wrap:pretty;overflow-wrap:anywhere}.auth-card__foot{margin-block-start:var(--space-4);padding-block-start:var(--space-3);border-block-start:2px dashed color-mix(in srgb,var(--hm-violet) 30%,var(--border-subtle))}.auth-card__foot p{margin:0}.auth-card a,.auth-link{color:var(--accent);font-weight:700;text-underline-offset:3px}.auth-card__loader{block-size:10px;background:repeating-linear-gradient(90deg,var(--hm-violet) 0 12px,transparent 12px 20px);animation:auth-run-x .6s steps(4,end) infinite}.auth-form{display:grid;gap:var(--space-3);container-type:inline-size}.auth-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.auth-form__row:has(>:only-child){grid-template-columns:minmax(0,1fr)}@container (max-width: 340px){.auth-form__row{grid-template-columns:minmax(0,1fr)}}.auth-field{display:grid;gap:6px;min-inline-size:0}.auth-field__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px var(--space-3)}.auth-field__label{font-family:Silkscreen,ui-monospace,monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.auth-input{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:stretch;min-inline-size:0;background:var(--surface-sunken);border:2px solid var(--border-strong);border-radius:12px;box-shadow:inset 0 3px color-mix(in srgb,var(--hm-drop) 16%,transparent);transition:border-color .14s ease,box-shadow .14s ease,translate .14s ease}.auth-input__icon{display:grid;place-items:center;border-inline-end:2px solid var(--border-strong);background:color-mix(in srgb,var(--hm-violet) 10%,transparent);border-radius:10px 0 0 10px;transition:background-color .14s steps(2,end)}.auth-input__icon img{inline-size:20px;block-size:20px;object-fit:contain;image-rendering:pixelated}.auth-input input{inline-size:100%;min-inline-size:0;padding:11px 12px;font:inherit;font-size:16px;color:var(--text-primary);background:transparent;border:0;outline:none}.auth-input input::placeholder{color:var(--text-muted)}.auth-input:focus-within{border-color:var(--accent);translate:0 -1px;box-shadow:inset 0 3px color-mix(in srgb,var(--hm-drop) 16%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),0 0 24px color-mix(in srgb,var(--accent) var(--hm-glow),transparent)}.auth-input:focus-within .auth-input__icon{background:color-mix(in srgb,var(--accent) 22%,transparent)}.auth-input:focus-within .auth-input__icon img{animation:auth-hop .9s steps(2,end) infinite}.auth-field.is-invalid .auth-input,.auth-otp.is-invalid input{border-color:#d1314a;animation:auth-shake .3s steps(4,end)}.auth-field__hint,.auth-field__problem{margin:0;font-size:var(--text-size-sm);color:var(--text-muted)}.auth-field__problem{color:#c4213c;font-weight:700}.auth-pass__toggle{display:grid;place-items:center;inline-size:42px;padding:0;color:var(--text-secondary);background:transparent;border:0;border-radius:0 10px 10px 0;cursor:pointer}.auth-pass__toggle:hover,.auth-pass__toggle:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.auth-eye{position:relative;inline-size:20px;block-size:12px;border:2px solid currentColor;border-radius:50%/60%}.auth-eye:after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:6px;block-size:6px;margin:-3px 0 0 -3px;background:currentColor;border-radius:1px}.auth-eye:not(.is-open):before{content:"";position:absolute;inset-inline-start:-4px;inset-block-start:3px;inline-size:26px;block-size:2px;background:currentColor;transform:rotate(-30deg)}.auth-meter{display:flex;align-items:center;gap:10px;min-block-size:18px}.auth-meter__bar{display:flex;gap:4px;flex:1}.auth-meter__bar i{flex:1;block-size:8px;background:color-mix(in srgb,var(--text-muted) 22%,transparent);transition:background-color .16s steps(2,end)}.auth-meter[data-score="0"] .is-on,.auth-meter[data-score="1"] .is-on{background:#d1314a}.auth-meter[data-score="2"] .is-on{background:#e09b1a}.auth-meter[data-score="3"] .is-on{background:#3d9c3f}.auth-meter[data-score="4"] .is-on{background:var(--hm-lime)}.auth-meter__label{font-family:Silkscreen,ui-monospace,monospace;font-size:11px;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.auth-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2vw,10px)}.auth-otp input{inline-size:100%;min-inline-size:0;aspect-ratio:4 / 5;padding:0;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(16px,4.5vw,22px);text-align:center;color:var(--text-primary);background:var(--surface-sunken);border:2px solid var(--border-strong);border-radius:10px;box-shadow:0 5px color-mix(in srgb,var(--hm-violet) 30%,var(--hm-drop));caret-color:var(--accent);transition:translate .1s ease,box-shadow .1s ease;animation:auth-key-drop .42s steps(5,end) both;animation-delay:calc(var(--i) * 70ms + .2s)}.auth-otp input:focus-visible{outline:none;border-color:var(--accent);translate:0 -2px;box-shadow:0 7px 0 var(--hm-accent-deep),0 0 18px color-mix(in srgb,var(--accent) var(--hm-glow),transparent)}.auth-otp input.is-filled{border-color:color-mix(in srgb,var(--hm-lime) 70%,var(--border-strong))}.auth-otp.is-verified input{color:#fff;border-color:color-mix(in srgb,var(--hm-lime) 70%,#000);animation:auth-key-lit .52s steps(4,end) both;animation-delay:calc(var(--i) * 70ms)}.auth__captcha{min-block-size:65px}.auth-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;inline-size:100%;padding:15px 22px;overflow:hidden;font:inherit;text-decoration:none;color:var(--text-primary);background:var(--surface-raised);border:2px solid color-mix(in srgb,var(--hm-violet) 55%,transparent);border-radius:14px;box-shadow:0 6px color-mix(in srgb,var(--hm-violet) 35%,var(--hm-drop));cursor:pointer;transition:translate .12s ease,box-shadow .12s ease}.auth-card a.auth-btn--primary,.auth-btn--primary{color:var(--accent-contrast);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent) 55%);border-color:var(--hm-accent-deep);box-shadow:0 6px 0 var(--hm-accent-deep),0 0 34px color-mix(in srgb,var(--accent) var(--hm-glow),transparent);text-decoration:none}.auth-btn--primary:after{content:"";position:absolute;inset-block:0;inset-inline-start:-40%;inline-size:30%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / 35%),transparent);transform:skew(-18deg);animation:auth-sweep 3.2s ease-in-out infinite;pointer-events:none}.auth-btn__label{font-family:"Press Start 2P",ui-monospace,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.auth-btn__coin{inline-size:18px;block-size:18px;background:url(/sprites/sfl-coin.webp) center / contain no-repeat;image-rendering:pixelated}.auth-btn:hover:not(:disabled){translate:0 -3px;box-shadow:0 9px 0 var(--hm-accent-deep),0 0 46px color-mix(in srgb,var(--accent) var(--hm-glow),transparent)}.auth-btn:hover:not(:disabled) .auth-btn__coin{animation:auth-flip .7s steps(6,end) infinite}.auth-btn:active:not(:disabled){translate:0 5px;box-shadow:0 1px 0 var(--hm-accent-deep)}.auth-btn:disabled{cursor:progress}.auth-btn[aria-busy=true] .auth-btn__coin{animation:auth-flip .45s steps(6,end) infinite}.auth-btn:focus-visible,.auth-link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}.auth-link{padding:0;font:inherit;font-size:var(--text-size-sm);background:none;border:0;cursor:pointer}.auth-link:disabled{color:var(--text-muted);cursor:default}.auth-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-4)}.auth-fine{margin:0;font-size:var(--text-size-xs);color:var(--text-muted)}.auth-msg{margin:0 0 var(--space-4);padding:10px 12px;font-size:var(--text-size-sm);font-weight:700;border:2px solid;border-radius:10px;animation:auth-in .3s cubic-bezier(.2,.8,.2,1) backwards}.auth-msg--error{color:#a01830;background:color-mix(in srgb,#d1314a 12%,var(--surface-raised));border-color:color-mix(in srgb,#d1314a 60%,transparent)}.auth-msg--ok{color:color-mix(in srgb,var(--hm-lime) 55%,var(--text-primary));background:color-mix(in srgb,var(--hm-lime) 12%,var(--surface-raised));border-color:color-mix(in srgb,var(--hm-lime) 55%,transparent)}:root[data-theme=dark] .auth-msg--error{color:#ff8a9b}.auth-flyer{position:absolute;inset-block-end:90px;inset-inline-start:calc(50% - 26px);z-index:5;inline-size:52px;block-size:auto;image-rendering:pixelated;pointer-events:none;animation:auth-fly .42s steps(7,end) both}.auth-win{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.auth-win__stage{position:relative;display:grid;place-items:center;inline-size:100%;block-size:170px;overflow:hidden}.auth-win__rays{position:absolute;inset:-40%;background:repeating-conic-gradient(color-mix(in srgb,var(--hm-gold) 26%,transparent) 0 10deg,transparent 10deg 20deg);mask-image:radial-gradient(circle,#000 18%,transparent 52%);animation:auth-spin-slow 9s linear infinite}.auth-win__crown{position:relative;z-index:2;inline-size:64px;block-size:80px;image-rendering:pixelated;filter:drop-shadow(0 6px 0 color-mix(in srgb,var(--hm-drop) 40%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--hm-gold) 60%,transparent));animation:auth-crown .7s steps(6,end) both,auth-idle 1.2s steps(2,end) .7s infinite}.auth-win__coin{position:absolute;inset-block-start:calc(50% - 12px);inset-inline-start:calc(50% - 12px);z-index:1;inline-size:24px;block-size:24px;object-fit:contain;image-rendering:pixelated;animation:auth-burst 1.1s steps(9,end) both;animation-delay:var(--d)}.auth-win__title{margin:0;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.05;letter-spacing:-.03em;text-shadow:var(--hm-title-shadow);animation:auth-in .42s cubic-bezier(.2,.8,.2,1) .2s backwards}.auth-win__lead{margin:0;max-inline-size:36ch;color:var(--text-secondary);animation:auth-in .42s cubic-bezier(.2,.8,.2,1) .32s backwards}.auth-win__load{display:grid;gap:6px;inline-size:min(100%,300px);margin-block-start:var(--space-3);animation:auth-in .42s cubic-bezier(.2,.8,.2,1) .42s backwards}.auth-win__bar{display:block;block-size:14px;padding:2px;background:var(--surface-sunken);border:2px solid var(--border-strong);border-radius:4px}.auth-win__bar i{display:block;block-size:100%;background:repeating-linear-gradient(90deg,var(--hm-lime) 0 10px,color-mix(in srgb,var(--hm-lime) 70%,#000) 10px 12px);animation:auth-load 2.4s steps(16,end) both}.auth-win__load small{font-family:Silkscreen,ui-monospace,monospace;font-size:11px;text-transform:uppercase;color:var(--text-muted)}.auth__stage{position:relative;display:grid;place-items:center;min-block-size:520px;padding:clamp(24px,3.4vw,48px);overflow:hidden;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--hm-violet) 30%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--hm-cyan) 22%,var(--hm-screen)),var(--hm-screen) 75%);border-inline-start:3px solid color-mix(in srgb,var(--hm-violet) 35%,var(--border-strong));border-radius:0 21px 21px 0}@media(max-width:960px){.auth__stage{min-block-size:380px;border-inline-start:0;border-block-start:3px solid color-mix(in srgb,var(--hm-violet) 35%,var(--border-strong));border-radius:0 0 21px 21px}}.auth__stage img{image-rendering:pixelated}.sky__sun{position:absolute;inset-block-start:9%;inset-inline-end:12%;inline-size:48px;block-size:48px;background:color-mix(in srgb,#f3efff calc(var(--hm-star) * 100%),var(--hm-gold));filter:drop-shadow(0 0 18px color-mix(in srgb,var(--hm-gold) 55%,transparent));clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.sky__cloud{position:absolute;inline-size:84px;block-size:32px;background:color-mix(in srgb,#fff 88%,var(--hm-cyan));opacity:calc(.9 - var(--hm-star) * .75);clip-path:polygon(0 100%,0 62%,12% 62%,12% 38%,30% 38%,30% 12%,44% 12%,44% 0,64% 0,64% 25%,78% 25%,78% 50%,90% 50%,90% 75%,100% 75%,100% 100%);animation:auth-cloud 38s linear infinite}.sky__cloud--1{inset-block-start:16%;animation-delay:-6s}.sky__cloud--2{inset-block-start:34%;scale:.7;animation-duration:52s;animation-delay:-30s}.sky__cloud--3{inset-block-start:74%;scale:1.2;animation-duration:46s;animation-delay:-18s}.world{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;animation:auth-hover 6s ease-in-out infinite}.token{position:relative;display:grid;place-items:center;inline-size:230px;block-size:130px;perspective:600px}.token__halo{position:absolute;inline-size:140px;block-size:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hm-pink) 45%,transparent),transparent 65%);filter:blur(4px);animation:auth-halo 3s ease-in-out infinite}.token__coin{position:relative;z-index:2;inline-size:96px;block-size:96px;filter:drop-shadow(0 6px 0 color-mix(in srgb,var(--hm-drop) 45%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--hm-pink) 55%,transparent));animation:auth-turn 3.6s linear infinite}.orbit{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(68deg)}.orbit__item{position:absolute;inset-block-start:calc(50% - 13px);inset-inline-start:calc(50% - 13px);inline-size:26px;block-size:26px;transform-style:preserve-3d;animation:auth-orbit-item 9s linear infinite;animation-delay:calc(var(--i) / var(--n) * -9s)}.orbit__item img{inline-size:26px;block-size:26px;object-fit:contain;transform:rotateX(-68deg)}.isle{position:relative;inline-size:288px;block-size:270px}.isle__ground{position:absolute;inset:0;inline-size:288px;block-size:270px}.isle__tree{position:absolute;inset-block-start:6px;inset-inline-start:22px;inline-size:70px;block-size:auto;transform-origin:bottom center;animation:auth-sway 4s ease-in-out infinite}.isle__crops{position:absolute;inset-block-start:74px;inset-inline-start:108px;display:grid;grid-template-columns:repeat(3,30px);gap:4px 10px}.isle__crops img{inline-size:26px;block-size:32px;object-fit:contain;transform-origin:bottom center;animation:auth-crop 7s steps(1,end) infinite;animation-delay:calc(var(--i) * -1.3s)}.isle__pete{position:absolute;inset-block-start:58px;inset-inline-end:4px;inline-size:72px;block-size:72px;animation:auth-idle 1.2s steps(2,end) infinite}.isle__chicken{position:absolute;inset-block-start:120px;inset-inline-start:46px;inline-size:26px;block-size:26px;animation:auth-peck 5s steps(10,end) infinite}.isle__pop{position:absolute;inset-block-start:56px;inset-inline-start:132px;display:inline-flex;align-items:center;gap:4px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:10px;color:#fff;text-shadow:0 2px 0 var(--hm-ink);opacity:0;animation:auth-pop-up 7s ease-out infinite;animation-delay:1.4s}.isle__shadow{position:absolute;inset-block-end:-46px;inset-inline-start:14%;inline-size:72%;block-size:18px;border-radius:50%;background:color-mix(in srgb,var(--hm-drop) 40%,transparent);filter:blur(6px);animation:auth-shadow 6s ease-in-out infinite}.visitor{position:absolute;inset-block-start:20px;inset-inline-end:64px;z-index:3;block-size:auto;filter:drop-shadow(0 4px 0 color-mix(in srgb,var(--hm-drop) 45%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--hm-gold) 55%,transparent));animation:auth-visit 1.1s cubic-bezier(.2,.8,.2,1) both,auth-bob-small 2.4s ease-in-out 1.1s infinite}.visitor--login{inline-size:42px}.visitor--signup{inline-size:51px}.visitor--forgot{inline-size:30px}.visitor--reset{inline-size:48px}.auth:not([data-mode=login]) [data-scene=login],.auth:not([data-mode=signup]) [data-scene=signup],.auth:not([data-mode=forgot]) [data-scene=forgot],.auth:not([data-mode=reset]) [data-scene=reset]{display:none}.rate-chip{position:absolute;inset-block-end:clamp(16px,3vw,28px);inset-inline-start:50%;z-index:2;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;margin:0;padding:9px 14px;translate:-50% 0;white-space:nowrap;background:var(--surface-raised);border:2px solid color-mix(in srgb,var(--hm-violet) 55%,var(--border-strong));border-radius:12px;box-shadow:0 5px color-mix(in srgb,var(--hm-violet) 30%,var(--hm-drop)),0 0 26px color-mix(in srgb,var(--hm-violet) var(--hm-glow),transparent)}.rate-chip__label{font-family:Silkscreen,ui-monospace,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.rate-chip__value{display:inline-flex;align-items:center;gap:6px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:11px}.rate-chip__ticker{display:inline-grid;block-size:1.1em;overflow:hidden;color:color-mix(in srgb,var(--hm-lime) 70%,var(--text-primary))}.rate-chip__ticker span{grid-area:1 / 1;opacity:0;animation:auth-tick 8s steps(1,end) infinite}.rate-chip__ticker span:nth-child(2){animation-delay:2s}.rate-chip__ticker span:nth-child(3){animation-delay:4s}.rate-chip__ticker span:nth-child(4){animation-delay:6s}@media(max-width:560px){.world{scale:.78}.auth__stage{min-block-size:340px}}@keyframes auth-drift{to{transform:translate3d(3%,2%,0) scale(1.06)}}@keyframes auth-twinkle{50%{opacity:calc(var(--hm-star) * .4)}}@keyframes auth-run{to{background-position:0 48px,0 0}}@keyframes auth-run-x{to{background-position:20px 0}}@keyframes auth-blink{50%{opacity:.2}}@keyframes auth-orbit{to{--auth-angle: 360deg}}@keyframes auth-in{0%{opacity:0;transform:translateY(12px)}}@keyframes auth-out{to{opacity:0;transform:translateY(-14px) scale(.98)}}@keyframes auth-rise-in{0%{opacity:0;transform:translateY(16px) scale(.985)}}@keyframes auth-hop{50%{translate:0 -2px}}@keyframes auth-idle{50%{translate:0 -2px}}@keyframes auth-pip{50%{box-shadow:0 3px 0 var(--hm-accent-deep),0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}}@keyframes auth-shake{25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-2px 0}}@keyframes auth-pop{50%{transform:scale(1.15)}}@keyframes auth-key-drop{0%{opacity:0;transform:translateY(-18px)}70%{transform:translateY(3px)}}@keyframes auth-key-lit{0%{background:var(--surface-sunken);transform:none}40%{background:var(--hm-lime);transform:translateY(-6px) scale(1.08);box-shadow:0 10px color-mix(in srgb,var(--hm-lime) 45%,#000),0 0 24px var(--hm-lime)}to{background:color-mix(in srgb,var(--hm-lime) 75%,#1d5410);transform:none;box-shadow:0 5px color-mix(in srgb,var(--hm-lime) 45%,#000)}}@keyframes auth-sweep{0%,55%{inset-inline-start:-40%}85%,to{inset-inline-start:120%}}@keyframes auth-fly{0%{transform:translate(0) rotate(-8deg) scale(.8);opacity:0}20%{opacity:1}to{transform:translate(150px,-380px) rotate(24deg) scale(1.3);opacity:0}}@keyframes auth-spin-slow{to{transform:rotate(360deg)}}@keyframes auth-crown{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1)}}@keyframes auth-burst{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:0}15%{opacity:1}to{transform:rotate(var(--a)) translateY(-120px) scale(1);opacity:0}}@keyframes auth-load{0%{inline-size:0}to{inline-size:100%}}@keyframes auth-flip{50%{transform:scaleX(.2)}}@keyframes auth-cloud{0%{transform:translate(-120px)}to{transform:translate(min(760px,70vw))}}@keyframes auth-hover{50%{translate:0 -10px}}@keyframes auth-shadow{50%{scale:.86;opacity:.7}}@keyframes auth-halo{50%{scale:1.15;opacity:.7}}@keyframes auth-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes auth-orbit-item{0%{transform:rotate(0) translate(104px) rotate(0)}to{transform:rotate(360deg) translate(104px) rotate(-360deg)}}@keyframes auth-sway{50%{rotate:2deg}}@keyframes auth-crop{0%{transform:scale(.35)}25%{transform:scale(.6)}50%{transform:scale(.85)}75%,to{transform:scale(1)}}@keyframes auth-peck{0%,40%{translate:0 0}50%{translate:10px 0;rotate:8deg}60%{translate:10px 0;rotate:0deg}90%,to{translate:0 0}}@keyframes auth-pop-up{0%,60%{opacity:0;transform:translateY(0)}64%{opacity:1}90%{opacity:1;transform:translateY(-36px)}to{opacity:0;transform:translateY(-44px)}}@keyframes auth-visit{0%{opacity:0;transform:translate(140px,-120px) rotate(30deg) scale(.4)}}@keyframes auth-bob-small{50%{translate:0 -6px}}@keyframes auth-tick{0%{opacity:1}25%{opacity:0}}@keyframes auth-fill{0%{inline-size:0}to{inline-size:100%}}@media(prefers-reduced-motion:reduce){.auth-bg *,.auth *,.auth-shell,.auth-card *{animation:none!important;transition:none!important}.rate-chip__ticker span:first-child{opacity:1}.auth-flyer{display:none}}.auth-pw{display:grid;gap:8px}.auth-rules{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.auth-rules li{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:var(--text-size-xs);font-weight:700;color:var(--text-muted);background:var(--surface-sunken);border:2px solid var(--border-subtle);border-radius:8px;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.auth-rules__tick{inline-size:8px;block-size:8px;background:color-mix(in srgb,var(--text-muted) 45%,transparent);border-radius:2px;transition:background-color .18s ease}.auth-rules li.is-ok{color:color-mix(in srgb,var(--hm-lime) 55%,var(--text-primary));background:color-mix(in srgb,var(--hm-lime) 14%,var(--surface-sunken));border-color:color-mix(in srgb,var(--hm-lime) 55%,transparent);animation:auth-pop .24s ease-out}.auth-rules li.is-ok .auth-rules__tick{background:var(--hm-lime);box-shadow:0 0 8px color-mix(in srgb,var(--hm-lime) var(--hm-glow),transparent)}.auth-tabs a{white-space:nowrap}@media(max-width:420px){.auth-tabs a{letter-spacing:.02em}.auth-tabs a img{display:none}}.auth-rules{flex-wrap:nowrap;gap:4px}.auth-rules li{flex:1 1 auto;justify-content:center;gap:5px;padding:4px 6px;font-size:11px;white-space:nowrap}.auth-rules__tick{flex:none;inline-size:6px;block-size:6px}@container (max-width: 380px){.auth-rules{flex-wrap:wrap}}
