@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0f19;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}body,html,#root{background-color:#0b0f19;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.game-container{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.canvas-container{width:100%;height:100%}.glass-panel{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#0f172aa6;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0000005e}.hud-header{z-index:10;pointer-events:auto;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:absolute;top:20px;left:20px;right:20px}.hud-profile{align-items:center;gap:16px;display:flex}.hud-username{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:600}.hud-balance{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-weight:600;display:flex}.hud-coords{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:99px;padding:6px 12px;font-family:monospace;font-size:.9rem}.hud-controls{align-items:center;gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e573}.btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:10px 20px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-icon{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.btn-icon:hover{color:#a5b4fc;background:#6366f126;border-color:#6366f166;transform:scale(1.05)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060f8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-content{border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:450px;padding:30px}.modal-title{text-align:center;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;margin-bottom:20px;font-size:1.5rem;font-weight:700}.form-group{margin-bottom:18px}.form-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.form-input,.form-select{color:#fff;box-sizing:border-box;background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#6366f199;box-shadow:0 0 0 2px #6366f133}.form-row{gap:12px;display:flex}.form-row>*{flex:1}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.welcome-screen{z-index:200;background:radial-gradient(circle,#0f172a 0%,#030712 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.welcome-card{text-align:center;width:90%;max-width:400px;padding:40px}.welcome-logo{background:linear-gradient(135deg,#a78bfa 0%,#6366f1 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:800}.welcome-tagline{color:#94a3b8;margin-bottom:30px;font-size:1rem}.visitor-banner{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:99px;align-items:center;gap:12px;padding:8px 20px;font-size:.9rem;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.visitor-link{color:#fff;cursor:pointer;font-weight:600;text-decoration:underline}.visitor-link:hover{color:#fca5a5}.instructions-overlay{color:#94a3b8;pointer-events:none;z-index:10;flex-direction:column;gap:6px;padding:12px 18px;font-size:.85rem;display:flex;position:absolute;bottom:20px;left:20px}.instruction-item{align-items:center;gap:8px;display:flex}.key-badge{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.error-msg{color:#f87171;margin-top:6px;margin-bottom:0;font-size:.85rem}.finance-sidebar{z-index:15;flex-direction:column;width:380px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:90px;bottom:20px;left:20px;overflow:hidden;transform:translate(0)}.finance-sidebar.collapsed{pointer-events:none;transform:translate(-420px)}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;display:flex}.sidebar-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.sidebar-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem}.sidebar-close:hover{color:#fff}.finance-summary-box{background:#0f172a66;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:15px;padding:14px}.summary-row{justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.summary-row:last-child{border-top:1px dashed #ffffff1a;margin-bottom:0;padding-top:8px}.assets-scrollable{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.assets-scrollable::-webkit-scrollbar{width:6px}.assets-scrollable::-webkit-scrollbar-track{background:0 0}.assets-scrollable::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.assets-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.asset-card{background:#1e293b66;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:6px;padding:12px;transition:all .2s;display:flex}.asset-card:hover{background:#1e293b8c;border-color:#6366f14d}.asset-title{color:#f1f5f9;justify-content:space-between;font-size:.95rem;font-weight:600;display:flex}.asset-address{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.asset-financials{justify-content:space-between;margin-top:4px;font-size:.8rem;display:flex}.asset-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.btn-small{cursor:pointer;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:all .15s}.btn-sell{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:4px 8px}.btn-sell:hover{color:#fff;background:#ef4444}.btn-locate{color:#c7d2fe;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:4px 8px}.btn-locate:hover{background:#6366f14d}.hud-calendar{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.9rem;font-weight:600;display:flex}.season-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.season-spring{color:#f472b6;background:#f472b626;border:1px solid #f472b64d}.season-summer{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.season-autumn{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.season-winter{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.yield-alert{z-index:50;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;animation:3s forwards slideDownFade;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000004d}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.canvas-container canvas{touch-action:none}body{overscroll-behavior:none;-webkit-overflow-scrolling:none}.mobile-instructions-overlay,.mobile-joystick{display:none}@media (width<=1024px){.hud-header{flex-wrap:wrap;gap:8px;padding:10px 16px;top:10px;left:10px;right:10px}.hud-profile{flex-wrap:wrap;gap:8px}.hud-controls{gap:8px}.btn-secondary{padding:8px 14px;font-size:.85rem}.btn-icon{width:38px;height:38px;font-size:.9rem}.finance-sidebar{width:320px}}@media (width<=768px){.hud-header{border-radius:0 0 16px 16px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px;top:0;left:0;right:0}.hud-profile{flex-wrap:wrap;justify-content:center;gap:6px}.hud-username{font-size:.95rem}.hud-balance{gap:4px;padding:4px 10px;font-size:.8rem}.hud-calendar{flex-wrap:wrap;justify-content:center;gap:2px;padding:4px 8px;font-size:.75rem}.season-badge{padding:1px 4px;font-size:.65rem}.hud-coords{display:none}.hud-controls{flex-wrap:wrap;justify-content:center;gap:6px}.btn-secondary{border-radius:8px;padding:6px 10px;font-size:.75rem}.btn-icon{border-radius:10px;width:36px;height:36px;font-size:.85rem}.instructions-overlay{display:none}.mobile-instructions-overlay{color:#94a3b8;pointer-events:none;z-index:10;text-align:center;-webkit-backdrop-filter:blur(12px)saturate(180%);white-space:nowrap;background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:8px 14px;font-size:.75rem;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000005e}.mobile-instructions-overlay .instruction-item{justify-content:center}.mobile-instructions-overlay .key-badge{padding:1px 5px;font-family:inherit;font-size:.65rem}.mobile-joystick{z-index:20;pointer-events:auto;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:absolute;bottom:20px;left:20px}.joystick-base{-webkit-backdrop-filter:blur(8px);background:#0f172a80;border:2px solid #ffffff1f;border-radius:50%;grid-template:".up."1fr"left.right"1fr".down."1fr/1fr 1fr 1fr;place-items:center;width:100px;height:100px;padding:4px;display:grid;box-shadow:0 4px 20px #0000004d}.joystick-btn{color:#a5b4fc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#6366f133;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:background .15s,transform .1s;display:flex}.joystick-btn:active,.joystick-btn.active{background:#6366f180;border-color:#6366f199;transform:scale(.9)}.joystick-btn-up{grid-area:up}.joystick-btn-down{grid-area:down}.joystick-btn-left{grid-area:left}.joystick-btn-right{grid-area:right}.finance-sidebar{z-index:25;border-radius:16px 16px 0 0;width:100%;max-height:55vh;padding:16px;inset:auto 0 0}.finance-sidebar.collapsed{transform:translateY(100%)}.visitor-banner{flex-wrap:wrap;justify-content:center;gap:8px;max-width:90%;padding:6px 14px;font-size:.75rem;top:auto;bottom:140px}.yield-alert{max-width:90%;padding:8px 16px;font-size:.8rem;top:auto;bottom:140px}.modal-overlay{padding-bottom:env(safe-area-inset-bottom,0px);align-items:flex-end}.modal-content{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:85vh;padding:20px 16px;overflow-y:auto}.modal-title{margin-bottom:14px;font-size:1.2rem}.form-row{flex-direction:column;gap:0}.modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}.modal-actions button{width:100%;padding:12px;font-size:1rem}.welcome-card{border-radius:0;flex-direction:column;justify-content:center;width:100%;max-width:100%;min-height:100vh;padding:28px 20px;display:flex}.welcome-logo{font-size:1.7rem}.welcome-tagline{margin-bottom:24px;font-size:.9rem}}@media (width<=400px){.hud-profile{gap:4px}.hud-balance{padding:3px 8px;font-size:.7rem}.btn-secondary{padding:5px 8px;font-size:.7rem}.btn-icon{width:32px;height:32px;font-size:.8rem}.joystick-base{width:90px;height:90px}.joystick-btn{width:26px;height:26px;font-size:.75rem}}