*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a150e;--panel:#2a2318;--panel-border:#4a3d28;--text:#e8dcc3;--muted:#a5967a;--accent:#c9a24b;--danger:#d06a52;--ok:#8fb56a;font-family:Segoe UI,system-ui,sans-serif}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}button{font:inherit;cursor:pointer;background:var(--accent);color:#241c0e;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.link-button{color:var(--accent);background:0 0;padding:.25rem;font-weight:400;text-decoration:underline}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.auth-screen{text-align:center;max-width:26rem;margin:10vh auto 0;padding:1rem}.auth-screen h1{color:var(--accent);margin-bottom:0;font-size:2.6rem}.tagline{color:var(--muted);margin-top:.25rem}.auth-form{flex-direction:column;gap:.75rem;margin:1.5rem 0 .75rem;display:flex}.auth-form input{font:inherit;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);border-radius:6px;padding:.6rem .8rem}.auth-message{color:var(--danger)}.tribe-picker{text-align:left;flex-direction:column;gap:.5rem;display:flex}.tribe{border:1px solid var(--panel-border);background:var(--panel);cursor:pointer;border-radius:8px;flex-direction:column;padding:.6rem .8rem;display:flex}.tribe input{display:none}.tribe.selected{border-color:var(--accent);outline:1px solid var(--accent)}.tribe span{color:var(--muted);font-size:.85rem}.game{flex-direction:column;min-height:100vh;display:flex}.game-header{background:var(--panel);border-bottom:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.5rem 1rem;display:flex}.village-title h2{margin:0;font-size:1.1rem}.village-select{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:.25rem .4rem;font-weight:700}.muted{color:var(--muted);font-size:.85rem}.resource-bar{flex-wrap:wrap;flex:1;gap:1.25rem;display:flex}.resource{align-items:baseline;gap:.3rem;display:flex}.resource-label{color:var(--muted);font-size:.8rem}.resource-value{font-variant-numeric:tabular-nums;font-weight:700}.resource-value.negative,.resource-prod.negative{color:var(--danger)}.resource-cap{color:var(--muted);font-size:.75rem}.resource-prod{color:var(--ok);font-size:.75rem}.view-tabs{gap:.5rem;padding:.5rem 1rem 0;display:flex}.view-tabs button{background:var(--panel);color:var(--muted);border:1px solid var(--panel-border);border-bottom:none;border-radius:8px 8px 0 0}.view-tabs button.active{color:var(--accent);font-weight:700}.game-main{grid-template-columns:1fr 21rem;align-items:start;gap:1rem;padding:0 1rem 1rem;display:grid}@media (width<=56rem){.game-main{grid-template-columns:1fr}}.village-canvas{aspect-ratio:1200/675;border:1px solid var(--panel-border);background:#223018;border-radius:0 8px 8px;width:100%;position:relative;overflow:hidden}.village-bg{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.slot-sprite{pointer-events:none;width:13%;position:absolute;transform:translate(-50%,-58%)}.slot-sprite img{filter:drop-shadow(0 3px 4px #00000073);width:100%;display:block}.slot-level{border:1px solid var(--panel-border);color:var(--text);text-align:center;background:#141008d9;border-radius:999px;min-width:1.4rem;padding:0 .2rem;font-size:.75rem;font-weight:700;position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)}.slot-level.building{border-color:var(--accent);color:var(--accent)}.slot-overlay{width:100%;height:100%;position:absolute;inset:0}.slot-hit{fill:#0000;stroke:#0000;stroke-width:2px;cursor:pointer;pointer-events:all}.slot-hit:hover{fill:#c9a24b24;stroke:#c9a24b99}.slot-hit.selected{fill:#c9a24b2e;stroke:var(--accent)}.slot-hit.empty{stroke:#e8dcc340;stroke-dasharray:7 5}.slot-hit.village-core:hover{fill:#8fb56a26;stroke:var(--ok)}.side-panel{flex-direction:column;gap:.75rem;display:flex}.build-panel,.queue-bar{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:.9rem}.build-panel h3{margin:0 0 .5rem}.cost-row{flex-wrap:wrap;gap:.4rem .8rem;margin:.4rem 0 .6rem;font-size:.85rem;display:flex}.cost.ok{color:var(--ok)}.cost.missing{color:var(--danger)}.cost.time{color:var(--muted)}.candidate{border-top:1px solid var(--panel-border);margin-top:.6rem;padding-top:.6rem}.candidate:first-of-type{border-top:none;margin-top:0;padding-top:0}.panel-error{color:var(--danger);font-size:.85rem}.queue-item{justify-content:space-between;gap:.5rem;display:flex}.queue-timer{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.train-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:.9rem}.train-panel h4{margin:0 0 .5rem}.train-row{border-top:1px solid var(--panel-border);grid-template-columns:1fr 4.2rem auto;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.train-row:first-of-type{border-top:none}.train-name{flex-direction:column;display:flex}.train-row input{font:inherit;border:1px solid var(--panel-border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:.3rem .4rem}.map-view{border:1px solid var(--panel-border);background:var(--panel);border-radius:0 8px 8px;padding:.75rem}.map-toolbar{align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.map-toolbar button{padding:.3rem .7rem}.map-grid{-webkit-user-select:none;user-select:none;gap:2px;display:grid}.map-cell{aspect-ratio:1;cursor:pointer;background-color:#3a4a2c;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;place-items:center;font-size:.8rem;display:grid}.map-cell.oasis.clay{filter:sepia(.45)hue-rotate(-25deg)saturate(1.5)}.map-cell.oasis.iron{filter:grayscale(.65)brightness(.9)}.map-cell.free:hover,.map-cell.oasis:hover,.map-cell.village:hover{outline:2px solid var(--accent)}.map-cell.void{cursor:default;background-color:#211c12}.map-cell.oasis{color:#9fd8c9;background-color:#2c4a44}.map-cell.oasis.wood{background-color:#2c4a2c}.map-cell.oasis.crop{background-color:#4a452c}.map-cell.oasis.owned{outline:2px solid var(--ok)}.map-cell.village{color:var(--text);background-color:#5a4a30}.map-cell.own-village{background-color:var(--accent);color:#241c0e;outline:2px solid var(--accent);outline-offset:-2px;font-weight:700}.map-cell.selected{outline:2px solid var(--accent)}.map-detail{border-top:1px solid var(--panel-border);margin-top:.6rem;padding-top:.6rem}.attack-button{background:var(--danger);color:#fff;margin-left:.5rem;padding:.2rem .6rem}.demolish-box{border-top:1px solid var(--panel-border);margin-top:.8rem;padding-top:.6rem}.demolish-button{background:var(--danger);color:#fff}.rally-coords{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.rally-coords input[type=text],.rally-coords input:not([type]){width:4rem;font:inherit;border:1px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:6px;padding:.3rem .4rem}.rally-row{justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.rally-row input{width:4.5rem;font:inherit;border:1px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:6px;padding:.3rem .4rem}.queue-item.incoming,.queue-timer.danger{color:var(--danger)}.reports-view{border:1px solid var(--panel-border);background:var(--panel);border-radius:0 8px 8px;padding:.9rem}.reports-list{flex-direction:column;gap:.3rem;display:flex}.report-row{background:var(--bg);color:var(--text);border:1px solid var(--panel-border);text-align:left;justify-content:space-between;gap:.8rem;font-weight:400;display:flex}.report-row.unread{border-color:var(--accent);font-weight:700}.report-row.open{outline:2px solid var(--accent)}.report-detail{border-top:1px solid var(--panel-border);margin-top:.8rem;padding-top:.8rem}.report-sides{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=40rem){.report-sides{grid-template-columns:1fr}}.report-units{border-collapse:collapse}.report-units td{padding:.15rem .7rem .15rem 0}.report-units .loss{color:var(--danger)}.admin-view{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:.9rem}.admin-view h4{margin:.9rem 0 .3rem}.admin-search{gap:.4rem;margin-bottom:.6rem;display:flex}.admin-search input{flex:1;min-width:0}.admin-uuid{margin:0 0 .6rem;font-family:ui-monospace,monospace;font-size:.75rem}.admin-results,.admin-villages{flex-direction:column;gap:.25rem;margin-bottom:.6rem;display:flex}.admin-hit{text-align:left;background:var(--bg);border:1px solid var(--panel-border)}.admin-hit.active{border-color:var(--accent)}.admin-table{border-collapse:collapse}.admin-table td{padding:.1rem .7rem .1rem 0}.admin-edit{border-top:1px solid var(--panel-border);margin:.8rem 0;padding-top:.6rem}.admin-ok{color:var(--ok)}