: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{outline:3px solid var(--mint);outline-offset:3px}.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{outline:3px solid var(--mint);outline-offset:3px}.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}}