:root{--ink:#17172f;--navy:#20264d;--night:#151a38;--panel:#fff8df;--panel-shadow:#c6bb98;--yellow:#ffd84a;--yellow-dark:#be8424;--mint:#58d6b4;--muted:#777385}*{box-sizing:border-box}html{background:var(--night);min-width:320px}body{color:var(--ink);background:var(--night);margin:0;font-family:Courier New,Noto Sans SC,monospace}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-screen{isolation:isolate;background:linear-gradient(#5968a414 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#5968a414 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#202750 0%,#171b3a 62%,#11152d 100%) 0 0/100% 100%;place-items:center;min-height:100svh;padding:56px 22px 66px;display:grid;position:relative;overflow:hidden}.game-screen:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,#0000 0 3px,#0b0e24 4px);position:absolute;inset:0}.game-screen:after{content:"";z-index:-2;border:2px dashed #58d6b41a;border-radius:50%;width:610px;height:610px;position:absolute;box-shadow:0 0 100px #58d6b40f}.stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.star{background:#ffe88a;width:5px;height:5px;animation:2.4s steps(2,end) infinite twinkle;position:absolute;box-shadow:5px 0 #ffe88a,-5px 0 #ffe88a,0 5px #ffe88a,0 -5px #ffe88a}.star-one{top:17%;left:12%}.star-two{animation-delay:-.8s;top:72%;left:21%;transform:scale(.6)}.star-three{animation-delay:-1.4s;top:23%;right:14%}.star-four{animation-delay:-.4s;bottom:15%;right:24%;transform:scale(.65)}.star-five{animation-delay:-1.1s;top:10%;left:36%;transform:scale(.5)}.star-six{animation-delay:-1.7s;top:80%;right:36%;transform:scale(.5)}@keyframes twinkle{0%,45%{opacity:.25}50%,to{opacity:1}}.skyline{z-index:-1;opacity:.75;clip-path:polygon(0 100%,0 58%,10% 58%,10% 32%,23% 32%,23% 73%,28% 73%,28% 12%,38% 12%,38% 0,43% 0,43% 12%,50% 12%,50% 64%,56% 64%,56% 40%,70% 40%,70% 69%,77% 69%,77% 21%,100% 21%,100% 100%);background:linear-gradient(90deg,#0000 0 10%,#0c1026 10% 23%,#0000 23% 28%,#0c1026 28% 50%,#0000 50% 56%,#0c1026 56% 70%,#0000 70% 77%,#0c1026 77% 100%);width:210px;height:115px;position:absolute;bottom:0}.skyline-left{left:0}.skyline-right{right:0;transform:scaleX(-1)}.auth-card{background:var(--panel);border:4px solid var(--ink);width:min(100%,480px);box-shadow:8px 0 0 var(--ink), 0 8px 0 var(--ink), 12px 12px 0 #07091773}.field-error{color:#c94b43;margin:-10px 0 14px;font-size:11px;font-weight:700}.card-topbar{color:#f8f0cf;background:var(--ink);letter-spacing:2px;justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.pixel-controls{gap:7px;display:flex}.pixel-controls i{background:var(--yellow);width:8px;height:8px}.pixel-controls i:nth-child(2){background:var(--mint)}.pixel-controls i:nth-child(3){background:#ff776e}.card-content{padding:30px 42px 32px}.pixel-avatar{background:var(--yellow);border:4px solid var(--ink);width:68px;height:68px;box-shadow:4px 4px 0 var(--yellow-dark);margin:0 auto 18px;padding:8px}.avatar-face{border:4px solid var(--ink);background:#fff5c7;width:100%;height:100%;position:relative}.avatar-face:before,.avatar-face:after{content:"";background:var(--ink);width:9px;height:9px;position:absolute;top:-4px}.avatar-face:before{left:-4px}.avatar-face:after{right:-4px}.eye{background:var(--ink);width:5px;height:8px;position:absolute;top:14px}.eye-left{left:9px}.eye-right{right:9px}.mouth{background:var(--ink);width:13px;height:5px;box-shadow:-4px -4px 0 var(--ink), 4px -4px 0 var(--ink);position:absolute;bottom:8px;left:50%;translate:-50%}.heading-block{text-align:center}.eyebrow{color:#3f8f81;letter-spacing:2px;margin:0 0 8px;font-size:11px;font-weight:700}h1{letter-spacing:1px;margin:0;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:clamp(24px,5vw,31px);font-weight:900}.subtitle{color:var(--muted);margin:10px 0 25px;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:13px;line-height:1.6}.auth-form{flex-direction:column;display:flex}.field-label{justify-content:space-between;align-items:center;margin:0 0 7px;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:13px;font-weight:800;display:flex}.field-code{color:#a19a87;font-family:Courier New,monospace;font-size:10px}.pixel-input-wrap{filter:drop-shadow(3px 3px 0 var(--panel-shadow));margin-bottom:18px;position:relative}.pixel-input-wrap input{width:100%;height:48px;color:var(--ink);border:3px solid var(--ink);background:#fffdf3;border-radius:0;outline:none;padding:0 14px 0 45px;font-size:13px;transition:background-color .12s,box-shadow .12s}.pixel-input-wrap input::placeholder{color:#aaa493}.pixel-input-wrap input:focus{box-shadow:inset 4px 0 0 var(--mint);background:#fff}.input-icon{z-index:1;color:var(--ink);font-size:18px;font-weight:900;position:absolute;top:50%;left:13px;translate:0 -50%}.key-icon{font-size:11px;left:15px}.confirm-field{animation:.2s steps(3,end) reveal}@keyframes reveal{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}.primary-button{width:100%;height:52px;color:var(--ink);cursor:pointer;background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:4px;border-radius:0;justify-content:center;align-items:center;gap:12px;margin-top:2px;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:16px;font-weight:900;transition:translate 80ms,box-shadow 80ms,background-color .12s;display:flex}.primary-button:hover{background:#ffe36d}.primary-button:active{box-shadow:0 0 0 var(--ink);translate:4px 4px}.primary-button:focus-visible,.mode-switch button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.button-arrow{letter-spacing:0;font-size:11px}.mode-switch{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:26px;display:grid}.switch-line{background:repeating-linear-gradient(90deg,#c2bba6 0 5px,#0000 5px 9px);height:3px}.mode-switch p{color:#7e7869;white-space:nowrap;gap:5px;margin:0;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:12px;display:flex}.mode-switch button,.mode-switch a{color:#277e70;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.verification-card{width:min(100%,500px)}.verification-content{padding-top:32px}.verification-avatar{background:var(--mint);place-items:center;display:grid;box-shadow:4px 4px #2d8e7b}.mail-icon{border:4px solid var(--ink);background:#fff8df;width:38px;height:30px;position:relative;overflow:hidden}.mail-flap-left,.mail-flap-right{background:var(--ink);width:24px;height:4px;position:absolute;top:1px}.mail-flap-left{transform-origin:0;left:-3px;rotate:35deg}.mail-flap-right{transform-origin:100%;right:-3px;rotate:-35deg}.mail-seal{background:var(--yellow);border:2px solid var(--ink);width:7px;height:7px;position:absolute;top:50%;left:50%;translate:-50% -5%}.verification-subtitle{max-width:370px;margin-left:auto;margin-right:auto}.verification-email{color:var(--ink);font-family:Courier New,monospace;font-size:12px}.verification-label-row{justify-content:space-between;align-items:center;display:flex}.verification-label-row .field-label{margin-bottom:7px}.otp-inputs{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.otp-input{aspect-ratio:1/1.05;width:100%;min-width:0;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--panel-shadow);text-align:center;caret-color:var(--mint);background:#fffdf3;border-radius:0;outline:none;font-family:Courier New,monospace;font-size:clamp(20px,5vw,27px);font-weight:900;transition:background-color .12s,box-shadow .12s,translate 80ms}.otp-input:focus{box-shadow:0 0 0 3px var(--mint), 3px 3px 0 var(--panel-shadow);background:#fff;translate:0 -2px}.otp-hint{color:#8b846f;letter-spacing:.4px;justify-content:center;align-items:center;gap:7px;margin:0 0 20px;font-size:10px;display:flex}.hint-pixel{background:var(--mint);width:6px;height:6px;box-shadow:0 0 7px #58d6b499}.verify-button{margin-top:0}.resend-block{justify-content:center;align-items:center;gap:7px;margin-top:20px;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:12px;display:flex}.resend-block p{color:#7e7869;margin:0}.resend-button{color:#277e70;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.resend-button:focus-visible,.verification-switch a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.verification-switch{margin-top:22px}.verification-switch p{display:block}.screen-footer{color:#dde5ff7a;letter-spacing:1.5px;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.status{align-items:center;gap:7px;display:flex}.status i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 9px var(--mint)}@media (max-width:560px){.game-screen{align-items:start;padding:28px 14px 64px;overflow:auto}.auth-card{box-shadow:5px 0 0 var(--ink), 0 5px 0 var(--ink), 8px 8px 0 #07091773;margin-top:0}.card-content{padding:24px 22px 27px}.pixel-avatar{width:60px;height:60px;margin-bottom:15px}.mode-switch{gap:8px}.mode-switch p{flex-direction:column;align-items:center;gap:2px}.otp-inputs{gap:6px}.otp-input{box-shadow:2px 2px 0 var(--panel-shadow);border-width:2px}.resend-block{flex-direction:column;gap:3px}.verification-switch p{display:block}.screen-footer{position:absolute;bottom:14px;left:15px;right:15px}.skyline{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--auth-bg:#f7f9fc;--auth-surface:#fff;--auth-surface-soft:#f8fafc;--auth-border:#e5eaf2;--auth-border-strong:#d6dde8;--auth-text:#111827;--auth-muted:#64748b;--auth-blue:#2563eb;--auth-blue-dark:#1d4ed8;--auth-blue-soft:#eff6ff;--auth-green:#12a66a;--auth-red:#e5484d;--auth-shadow:0 1px 2px #0f172a0a, 0 8px 28px #0f172a0b}html,body{min-height:100%;margin:0;background:var(--auth-bg)!important;color:var(--auth-text)!important;-webkit-font-smoothing:antialiased!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif!important}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #2563eb59}.auth-modern-screen{background:var(--auth-bg);place-items:center;min-height:100dvh;padding:36px 20px;display:grid}.auth-modern-shell{width:min(100%,440px)}.auth-modern-brand{color:#0f172a;letter-spacing:-.02em;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:18px;padding:0 2px;font-size:15px;font-weight:650;display:flex}.auth-modern-logo{width:32px;height:32px;color:var(--auth-blue);background:var(--auth-blue-soft);border:1px solid #b9d1ff;border-radius:9px;place-items:center;display:grid}.auth-modern-card{background:var(--auth-surface);border:1px solid var(--auth-border);box-shadow:var(--auth-shadow);border-radius:12px;overflow:hidden}.auth-modern-content{padding:34px}.auth-modern-heading{text-align:left}.auth-modern-heading h1{color:var(--auth-text);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:750;line-height:1.2}.auth-modern-heading p{max-width:370px;color:var(--auth-muted);margin:9px 0 0;font-size:14px;line-height:1.6}.auth-modern-form{margin-top:28px}.auth-modern-field+.auth-modern-field{margin-top:18px}.auth-modern-label,.auth-modern-otp-label{color:#334155;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px;font-weight:600;display:flex}.auth-modern-input-wrap{border:1px solid var(--auth-border-strong);background:#fff;border-radius:9px;align-items:center;min-height:44px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.auth-modern-input-wrap:hover{border-color:#c5cfdd}.auth-modern-input-wrap:focus-within{border-color:#8eb5ff;box-shadow:0 0 0 3px #2563eb17}.auth-modern-input-icon{color:#94a3b8;flex:0 0 42px;place-items:center;width:42px;font-size:14px;display:grid}.auth-modern-input-wrap input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;min-width:0;height:42px;padding:0 13px 0 0;font-size:14px}.auth-modern-input-wrap input::placeholder{color:#a7b0bf}.auth-modern-note{background:var(--auth-surface-soft);border:1px solid var(--auth-border);border-radius:9px;margin-top:16px;padding:14px}.auth-modern-note-head{color:#475569;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:650;display:flex}.auth-modern-note-head span:last-child{color:var(--auth-blue)}.auth-modern-address{overflow-wrap:anywhere;color:#0f172a;border:1px solid var(--auth-border);background:#fff;border-radius:8px;margin-top:9px;padding:10px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:650}.auth-modern-note p{color:var(--auth-muted);margin:9px 0 0;font-size:11px;line-height:1.55}.auth-modern-error{color:var(--auth-red);margin:7px 0 0;font-size:12px}.auth-modern-primary{color:#fff;background:var(--auth-blue);border:1px solid var(--auth-blue);width:100%;min-height:42px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,transform 80ms;display:flex}.auth-modern-primary:hover{background:var(--auth-blue-dark);border-color:var(--auth-blue-dark)}.auth-modern-primary:active{transform:translateY(1px)}.auth-modern-primary:disabled{cursor:wait;opacity:.65}.auth-modern-switch{color:var(--auth-muted);text-align:left;margin-top:22px;font-size:13px}.auth-modern-switch button,.auth-modern-switch a{color:var(--auth-blue);background:0 0;border:0;margin-left:5px;padding:0;font-weight:650;text-decoration:none}.auth-modern-switch button:hover,.auth-modern-switch a:hover{color:var(--auth-blue-dark)}.auth-modern-footer{color:#94a3b8;text-align:left;margin-top:16px;padding:0 2px;font-size:11px}.auth-modern-mail-icon{width:44px;height:44px;color:var(--auth-blue);background:var(--auth-blue-soft);border:1px solid #d8e6ff;border-radius:10px;place-items:center;margin:0 0 20px;display:grid}.auth-modern-otp-label{margin-bottom:9px}.auth-modern-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.auth-modern-otp input{aspect-ratio:1;color:#0f172a;border:1px solid var(--auth-border-strong);text-align:center;background:#fff;border-radius:9px;outline:0;width:100%;min-width:0;font-size:20px;font-weight:700;transition:border-color .15s,box-shadow .15s}.auth-modern-otp input:hover{border-color:#c5cfdd}.auth-modern-otp input:focus{border-color:#8eb5ff;box-shadow:0 0 0 3px #2563eb17}.auth-modern-otp input:disabled{background:var(--auth-surface-soft)}.auth-modern-hint{color:#94a3b8;text-align:left;margin:10px 0 0;font-size:11px}.auth-modern-resend{border-top:1px solid var(--auth-border);color:var(--auth-muted);text-align:left;margin-top:22px;padding-top:20px;font-size:12px}.auth-modern-resend button{color:var(--auth-blue);background:0 0;border:0;margin-left:5px;padding:0;font-weight:650}.auth-modern-resend button:hover{color:var(--auth-blue-dark)}@media (max-width:520px){.auth-modern-screen{align-items:start;padding:24px 14px}.auth-modern-shell{margin-top:12px}.auth-modern-content{padding:27px 21px}.auth-modern-heading h1{font-size:25px}.auth-modern-otp{gap:6px}.auth-modern-otp input{border-radius:8px;font-size:18px}}