*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#04060c;color:#e8ecf1;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}canvas{display:block}.login-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#0c1424,#04060c 70%)}.login-screen h1{font-size:42px;letter-spacing:6px;font-weight:300}.login-screen p.tagline{color:#8fa3bd;margin-bottom:16px}.login-screen form{display:flex;flex-direction:column;gap:10px;width:280px}.login-screen input{padding:10px 12px;border-radius:6px;border:1px solid #2c3b52;background:#0e1626;color:#e8ecf1;font-size:15px}.login-screen input:focus{outline:none;border-color:#4f7dc4}.login-screen .buttons{display:flex;gap:10px}.login-screen button{flex:1;padding:10px;border-radius:6px;border:none;font-size:15px;cursor:pointer;background:#2c66b8;color:#fff}.login-screen button.secondary{background:#1b2940;color:#b9c8dd}.login-screen button:hover{filter:brightness(1.15)}.login-screen .error{color:#ff7b7b;font-size:14px;min-height:18px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hud .panel{position:absolute;background:#080e1ab8;border:1px solid rgba(90,120,170,.35);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud .topleft{top:12px;left:12px}.hud .topright{top:12px;right:12px;text-align:right}.hud .bottom{bottom:12px;left:50%;transform:translate(-50%);text-align:center;pointer-events:auto}.hud .label{color:#8fa3bd}.hud button.claim{margin-top:6px;padding:8px 22px;border-radius:6px;border:none;background:#2f9e57;color:#fff;font-size:14px;cursor:pointer}.hud button.claim:disabled{background:#27354d;color:#6e7f99;cursor:default}.hud .toast{margin-top:6px;color:#ffb54d;min-height:17px;font-size:12px}.hud .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:baseline}