*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit;outline-offset:3px}#root{width:100%;min-height:100vh}.login-screen{isolation:isolate;background:#cbd5c4;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.home-world-canvas{z-index:-1;filter:brightness(.74)saturate(.86);width:100%;height:100%;position:absolute;inset:0}.home-world-shade{pointer-events:none;background:#141d173d;position:absolute;inset:0}.login-panel{color:#263328;background:#e3e9dcf0;border:1px solid #33453461;border-radius:12px;flex-direction:column;gap:13px;width:min(360px,100%);padding:30px;display:flex;position:relative;box-shadow:0 18px 55px #131b1361}.login-panel h1{letter-spacing:-1px;margin:0;font-size:30px}.login-panel .home-tagline{color:#62715f;margin:-7px 0 6px;font-size:13px}.login-panel label{color:#344431;font-size:12px;font-weight:700}.login-panel input{color:#263328;min-height:44px;font:inherit;background:#f8faf4eb;border:1px solid #aebba8;border-radius:6px;outline:none;padding:0 12px}.login-panel input:focus{border-color:#658354;box-shadow:0 0 0 3px #6583542e}.login-panel button{color:#fff;min-height:45px;font:inherit;cursor:pointer;background:#506f45;border:1px solid #354d32;border-radius:6px;margin-top:2px;font-weight:700;transition:background .14s,transform .14s}.login-panel button:hover{background:#608653}@media (width<=520px){.login-panel{padding:26px 22px}}.login-panel input::placeholder{color:#6f7d8a}.login-panel button:active{transform:translateY(1px)}.error-message{color:#ff9696;font-size:13px}.game-screen{background:#cbd5c4;font-family:Arial,Helvetica,sans-serif;position:fixed;inset:0;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.game-hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.hud-left{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.hud-name,.hud-online,.hud-food{color:#17202a;background:#fffffff0;border:1px solid #141d2529;border-radius:9px;align-items:center;gap:10px;padding:11px 14px;display:flex;box-shadow:0 4px 18px #1a261b1f}.hud-name strong,.hud-name span{display:block}.hud-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;overflow:hidden}.hud-name div>span{color:#617080;margin-top:4px;font-size:11px}.status-dot,.online-dot{background:#2878f0;border-radius:50%;flex:none;width:9px;height:9px}.online-dot{background:#24a36a}.hud-online{font-size:13px;font-weight:600}.hud-food{gap:11px;min-width:112px;padding:9px 14px}.food-icon{background:#1685ff;border:2px solid #eaf5ff;border-radius:50%;width:13px;height:13px;display:block;box-shadow:0 0 0 1px #1685ff33}.hud-food div{align-items:center;gap:12px;display:flex}.food-label{color:#617080;letter-spacing:1px;font-size:10px;font-weight:700}.hud-food strong{font-variant-numeric:tabular-nums;font-size:17px}.coordinates-panel{color:#17202a;pointer-events:none;background:#fffffff0;border:1px solid #141d2529;border-radius:9px;align-items:center;min-width:112px;padding:7px 14px;display:flex;box-shadow:0 4px 18px #1a261b1a}.coordinates-values{align-items:center;gap:22px;font-size:13px;display:flex}.coordinates-values>span{color:#617080}.coordinates-values strong{color:#17202a;font-variant-numeric:tabular-nums;margin-left:4px;font-size:17px;font-weight:700}.dash-hint{color:#33404b;pointer-events:none;background:#ffffffeb;border:1px solid #141d2529;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:12px;display:flex;position:absolute;bottom:18px;right:18px}.dash-hint kbd{color:#17202a;background:#f4f6f8;border:1px solid #cbd3da;border-radius:4px;padding:4px 7px;font-family:inherit;font-size:10px;font-weight:700}.connection-message{color:#fff;text-align:center;background:#17202a;border-radius:7px;max-width:calc(100% - 32px);padding:10px 14px;font-size:13px;position:absolute;top:85px;left:50%;transform:translate(-50%)}.build-panel{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#131b19e0;border:0;border-left:1px solid #dae4dd33;border-radius:0;width:clamp(320px,30vw,440px);max-height:100dvh;padding:28px 22px;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-18px 0 50px #00000040}.structure-panel-content{display:block}.build-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-eyebrow{color:#88bba1;letter-spacing:1.6px;font-size:10px;font-weight:800}.build-panel h2{letter-spacing:-.4px;margin:4px 0 0;font-size:23px}.panel-close{color:#e6eee8;cursor:pointer;background:#26312c;border:1px solid #485650;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;padding:0;font-size:22px;line-height:1;display:grid}.panel-close:hover{background:#34423a}.build-instructions,.build-footnote{color:#a9b8ad;font-size:12px;line-height:1.5}.build-instructions{margin:12px 0 14px}.build-list{flex-direction:column;gap:8px;display:flex}.build-option{color:#f3f7f3;text-align:left;cursor:pointer;background:#202a25;border:1px solid #35423b;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:66px;padding:10px;transition:border-color .14s,background .14s,transform .14s;display:flex}.build-option:hover:not(:disabled),.build-option.is-selected{background:#293a30;border-color:#5ba97b;transform:translateY(-1px)}.build-option:disabled{opacity:.48;cursor:not-allowed}.build-icon{color:#d3e6d8;background:#34443a;border-radius:8px;flex:none;place-items:center;width:39px;height:39px;font-size:23px;font-weight:700;display:grid}.icon-wall{color:#d6a56d}.icon-door{color:#e2c48f}.icon-turret{color:#a9ccbf}.icon-storage{color:#efc576}.icon-farm{color:#badd7d}.icon-respawnPad{color:#9cdbf3}.build-option-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.build-option-copy strong{font-size:13px}.build-option-copy small{color:#aab7ae;font-size:10px;line-height:1.35}.build-cost{color:#e4edf0;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.food-dot{background:#48b7f2;border:1px solid #fff;border-radius:50%;width:9px;height:9px}.build-footnote{margin:13px 0 0;font-size:10px}.placement-hint,.game-notice{z-index:14;color:#edf4ef;background:#121916eb;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:10px 14px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0003}.placement-hint{bottom:86px}.placement-hint button{color:#eff6f0;cursor:pointer;background:#303c35;border:1px solid #607168;border-radius:5px;padding:4px 8px;font-size:11px}.game-notice{z-index:18;background:#121916f2;top:18px}.wall-upgrade-details{gap:9px;margin-top:20px;display:grid}.wall-upgrade-details>div{background:#202a25;border:1px solid #37443d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.wall-upgrade-details span{color:#aab8af;font-size:12px}.wall-upgrade-details strong{color:#f4f7f4;text-align:right;font-size:14px}.wall-upgrade-actions{margin-top:14px}.wall-upgrade-actions button{color:#fff;cursor:pointer;background:#438a52;border:0;border-radius:7px;width:100%;min-height:44px;font-weight:700}.wall-upgrade-actions button:hover:not(:disabled){background:#56a363}.wall-upgrade-actions button:disabled{opacity:.45;cursor:not-allowed}.structure-sell-button{color:#ffe8e4;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#7e302bb8;border:1px solid #e8827573;border-radius:7px;margin-top:10px;font-size:12px;font-weight:700;transition:background .14s,border-color .14s,transform .14s}.structure-sell-button:hover{background:#9b3831e6;border-color:#ffa092b3}.structure-sell-button:active{transform:translateY(1px)}.storage-balances{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.storage-balances>div{background:#202a25;border:1px solid #37443d;border-radius:8px;flex-direction:column;gap:7px;padding:13px;display:flex}.storage-balances span,.storage-amount-label{color:#aab8af;font-size:11px}.storage-balances strong{font-variant-numeric:tabular-nums;font-size:22px}.storage-amount-label{margin-bottom:6px;display:block}.storage-amount{color:#fff;background:#111815;border:1px solid #485650;border-radius:7px;width:100%;min-height:42px;padding:0 11px}.storage-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.storage-actions button{color:#fff;cursor:pointer;background:#3c9462;border:0;border-radius:7px;min-height:42px;font-weight:700}.storage-actions button:hover{background:#4baa72}.storage-actions .secondary-action{background:#303b35;border:1px solid #58665e}.storage-actions .secondary-action:hover{background:#3a4840}.storage-notice{color:#a8d9b5;min-height:15px;margin:12px 0 0;font-size:11px}.storage-notice.is-muted{color:#aab8af}.farm-level{background:#243128;border:1px solid #394a3c;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:12px;display:flex}.farm-level span{color:#e2f1dc;background:#3c6344;border-radius:5px;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.farm-level strong{color:#d4e9d3;text-align:right;font-size:12px}.farm-panel .storage-balances{margin-top:12px}.farm-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.farm-actions button{color:#fff;cursor:pointer;background:#438a52;border:0;border-radius:7px;min-height:44px;padding:7px 9px;font-size:12px;font-weight:700}.farm-actions button:hover:not(:disabled){background:#56a363}.farm-actions button:disabled{opacity:.45;cursor:not-allowed}.farm-actions .secondary-action{background:#303b35;border:1px solid #58665e}.farm-actions .secondary-action:hover:not(:disabled){background:#3a4840}.health-panel{z-index:12;color:#fff;pointer-events:none;background:#141b17b8;border-top:1px solid #121c168c;height:30px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.health-heading{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.health-value{color:#111820;font-variant-numeric:tabular-nums;font-size:13px;position:relative}.health-value>span:first-child{color:inherit;font-weight:500}.health-value-over-dark{color:#fff;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.health-value-over-dark span{color:inherit}.health-bar-track{background:#1a241ecc;position:absolute;inset:0;overflow:hidden}.health-bar-track:after{content:"";background-image:repeating-linear-gradient(90deg,#0000 0 calc(1% - 1px),#e7f8ff6b calc(1% - 1px) 1%);position:absolute;inset:0}.health-bar-fill{background-color:#78d8f5;height:100%;transition:width .18s;box-shadow:inset -2px 0 #ffffff47}.game-over-mark{background:#ca4148}.game-over-panel button{color:#fff;min-height:47px;font:inherit;cursor:pointer;background:#2878f0;border:1px solid #101318;border-radius:7px;margin-top:4px;font-weight:700}.game-over-overlay{z-index:60;background:#080d0bad;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.game-over-card{color:#f3f6f3;background:#17201c;border:1px solid #3e4b45;border-radius:16px;flex-direction:column;align-items:flex-start;width:min(430px,100%);padding:30px;display:flex;box-shadow:0 24px 80px #0000006b}.game-over-card .game-mark{margin-bottom:18px}.game-over-card h1{letter-spacing:-.6px;margin:7px 0 0;font-size:27px}.game-over-card p{color:#aebbb2;margin:12px 0 20px;font-size:13px;line-height:1.55}.game-over-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.game-over-actions button{color:#fff;min-height:45px;font:inherit;cursor:pointer;border-radius:7px;font-weight:700}.game-over-actions .home-action{background:#2a3530;border:1px solid #546159}.game-over-actions .home-action:hover{background:#35423b}.game-over-actions .respawn-action{background:#318d56;border:1px solid #257c4a}.game-over-actions .respawn-action:hover:not(:disabled){background:#3ca767}.game-over-actions .respawn-action:disabled{opacity:.65;cursor:wait}.respawn-error{color:#ff9c9c;width:100%;margin:-7px 0 16px;font-size:12px}@media (width<=700px){.build-panel{width:min(440px,100vw)}}@media (width<=500px){.login-panel{padding:26px}.game-hud{top:18px;left:10px;right:10px}.hud-name,.hud-online,.hud-food{gap:7px;padding:9px}.hud-name strong{max-width:115px}.hud-online{font-size:11px}.dash-hint{gap:6px;padding:9px;font-size:10px;bottom:10px;right:10px}.placement-hint{font-size:10px;bottom:76px}.game-over-card{padding:23px}}