*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-dark:#0f1420;--text:#e8ecf4}html,body{height:100%}body{background:var(--bg-dark);color:var(--text);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;max-width:750px;height:100dvh;display:flex}#game-container{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#game-container canvas{touch-action:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}#login-overlay{z-index:100;background:#0f1420;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#login-box{background:#1b2233;border:1px solid #2c3650;border-radius:14px;flex-direction:column;gap:8px;width:min(340px,86vw);padding:28px 24px;display:flex}.brand{text-align:center;margin-top:-8px;margin-bottom:4px}.brand-logo{color:#fff;letter-spacing:1px;font-size:32px;font-weight:900}.tabs{border-bottom:1px solid #2c3650;margin-top:-16px;margin-bottom:6px;display:flex}.tabs .tab{color:#7c8698;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:15px}.tabs .tab.active{color:#ffd54d;border-bottom:2px solid #ffd54d;margin-bottom:-1px;font-weight:700}.hidden{display:none!important}#login-fields,#register-fields{flex-direction:column;gap:8px;display:flex}#login-err{min-height:0}.code-row{align-items:stretch;gap:8px;display:flex}.code-row input{flex:1;min-width:0;height:48px}#login-box .code-row button{color:#ffd54d;white-space:nowrap;background:#232c42;border-radius:8px;justify-content:center;align-items:center;height:48px;font-size:13px;line-height:1;display:flex;padding:4px 14px!important}.code-row button:disabled{opacity:.5;cursor:default}#login-box input{color:#e8ecf4;background:#0f1420;border:1px solid #2c3650;border-radius:8px;outline:none;width:100%;height:48px;padding:4px 14px;font-size:16px}#login-box input:focus{border-color:#4da6ff}#login-box button{cursor:pointer;border:none;border-radius:8px;height:48px;padding:4px 14px;font-size:16px;font-weight:700}#login-btn{color:#3a2a00;background:linear-gradient(135deg,#ffd54d,#ffb300);width:100%}#login-btn:disabled{opacity:.6}#login-divider{color:#7c8698;align-items:center;gap:10px;margin:6px 0 2px;font-size:13px;display:flex}#login-divider:before,#login-divider:after{content:"";background:#2c3650;flex:1;height:1px}.social-row{justify-content:center;align-items:center;gap:16px;padding:4px 0 2px;display:flex}.oauth-icon{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;padding:0!important}.oauth-icon img{object-fit:contain;width:100%;height:100%;display:block}#telegram-widget .tgme_widget_login_button{overflow:hidden;border-radius:50%!important}#telegram-widget iframe{border-radius:50%}#telegram-widget{width:48px;height:48px}#telegram-widget .telegram-login-widget,#telegram-widget .tgme_widget_login_button{width:48px!important;height:48px!important}.guest-link{cursor:pointer;text-decoration:underline;color:#7c8698!important;background:0 0!important;border:none!important;padding:2px!important;font-size:20px!important;font-weight:400!important}.guest-link:hover{color:#ffd54d!important}#login-box{position:relative}#forgot-btn{cursor:pointer;position:absolute;bottom:8px;right:14px;color:#7c8698!important;background:0 0!important;border:none!important;padding:2px!important;font-size:13px!important;font-weight:400!important}#forgot-btn:hover{color:#ffd54d!important}#reset-view{background:#1b2233;border:1px solid #2c3650;border-radius:14px;flex-direction:column;gap:8px;width:min(340px,86vw);padding:28px 24px;display:flex}#reset-view .reset-title{text-align:center;color:#ffd54d;padding:10px 0;font-size:18px;font-weight:700}#reset-fields{flex-direction:column;gap:8px;display:flex}#reset-view input{color:#e8ecf4;background:#0f1420;border:1px solid #2c3650;border-radius:8px;outline:none;width:100%;height:48px;padding:4px 14px;font-size:16px}#reset-view input:focus{border-color:#4da6ff}#reset-view button{cursor:pointer;border:none;border-radius:8px;height:48px;padding:4px 14px;font-size:16px;font-weight:700}#reset-btn{color:#3a2a00;background:linear-gradient(135deg,#ffd54d,#ffb300);width:100%}.back-link{cursor:pointer;text-decoration:underline;color:#7c8698!important;background:0 0!important;border:none!important;padding:2px!important;font-size:13px!important;font-weight:400!important}.back-link:hover{color:#ffd54d!important}#reset-err{color:#ff5252;text-align:center;min-height:0;font-size:13px}#loading{color:#e8ecf4;z-index:200;background:#0a0c14bf;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex;position:fixed;inset:0}.spinner{border:4px solid #2c3650;border-top-color:#ffd54d;border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#login-err{color:#ff5252;text-align:center;min-height:0;font-size:13px}