*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #10160c;--panel: rgba(16, 22, 12, .88);--panel-border: #3a4a2c;--text: #e8e4d8;--dim: #9a967f;--accent: #ffb347;--accent2: #53d6e8;--danger: #ff5c5c}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;overflow:hidden;user-select:none}button{font:inherit;color:inherit;background:#232d18;border:1px solid var(--panel-border);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.active{border-color:var(--accent);background:#3a4a2c;box-shadow:0 0 8px #ffb34755}.fill{position:absolute;inset:0}canvas.game{display:block;width:100%;height:100%}.menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at 50% 30%,#1c2913,#0c1108 70%)}.menu h1{font-size:64px;letter-spacing:14px;font-weight:300;color:var(--accent);text-shadow:0 0 40px #ffb34733}.menu .tagline{color:var(--dim);margin-top:-20px;letter-spacing:2px}.race-row{display:flex;gap:12px}.race-card{width:148px;padding:14px 12px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel);cursor:pointer;text-align:center;transition:all .15s}.race-card:hover{transform:translateY(-3px)}.race-card.sel{border-color:var(--accent);box-shadow:0 0 16px #ffb34744}.race-card .rname{font-size:17px;margin-bottom:6px}.race-card .rfant{font-size:12px;color:var(--dim);min-height:30px}.race-card .rsuper{font-size:11px;color:var(--accent2);margin-top:8px}.menu .row{display:flex;gap:14px;align-items:center}.menu select{font:inherit;background:#232d18;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:6px}.play-btn{font-size:20px;padding:12px 42px;background:#3a4a2c;border-color:var(--accent)}.menu input[type=text]{font:inherit;background:#232d18;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:8px 12px;width:200px}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:26px;padding:8px;background:linear-gradient(#000a,transparent);pointer-events:none;font-size:15px}.hud-top b{color:var(--accent);font-weight:600}.hud-top .drought{color:var(--danger)}.hud-panel{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 14px;gap:12px;pointer-events:none}.hud-panel>*{pointer-events:auto}.hud-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px}.hud-box h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin-bottom:8px}.mix-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:3px 0}.mix-row label{width:58px;color:var(--dim)}.mix-row input[type=range]{width:110px;accent-color:var(--accent)}.mix-row .pct{width:34px;text-align:right}.btn-row{display:flex;gap:6px;flex-wrap:wrap}.cost{color:var(--accent);font-size:12px}.marker-btn{min-width:44px}.ability-btn{min-width:130px}.hotkey{display:inline-block;min-width:16px;padding:0 3px;margin-right:2px;border:1px solid var(--dim);border-radius:4px;font-size:10px;line-height:15px;color:var(--dim);text-align:center}button.active .hotkey{border-color:var(--accent);color:var(--accent)}.caste-btn{text-transform:capitalize}.caste-btn .cost{margin-left:5px}.queen-bars{position:absolute;top:34px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:3px;z-index:4;pointer-events:none;width:340px}.queen-bar{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px}.queen-bar label{width:96px;text-align:right;color:var(--accent)}.queen-bar.enemy label{color:var(--accent2)}.queen-bar .bar{flex:1;height:12px;background:#0008;border:1px solid var(--panel-border);border-radius:6px;overflow:hidden}.queen-bar.enemy .bar{height:8px}.queen-bar .fill{position:static;height:100%;transition:width .2s;border-radius:5px}.queen-bar .fill.mine{background:linear-gradient(90deg,#c47c1e,var(--accent))}.queen-bar .fill.theirs{background:linear-gradient(90deg,#2e93a3,var(--accent2))}.queen-bar span{width:40px;font-size:11px;color:var(--dim)}.alert-toast{position:absolute;top:96px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid #6ee86e;color:#b9f0a2;border-radius:8px;padding:7px 18px;z-index:6;font-size:14px;pointer-events:none;animation:alert-in .25s ease-out}@keyframes alert-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.controls-hint{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:11px;color:var(--dim);opacity:.75;pointer-events:none;z-index:3;text-shadow:0 1px 2px #000}.evo-overlay{position:absolute;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:10}.evo-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:20px 24px;max-width:860px;max-height:82vh;overflow-y:auto}.evo-panel h2{color:var(--accent);font-weight:400;margin-bottom:4px}.evo-tier{margin:14px 0}.evo-tier h3{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.evo-tier.locked h3:after{content:" — locked (grow throne)";color:var(--danger)}.node-row{display:flex;gap:10px;flex-wrap:wrap}.node{width:190px;padding:10px;border:1px solid var(--panel-border);border-radius:8px;background:#1a2212;cursor:pointer;font-size:13px}.node:hover{border-color:var(--accent)}.node.owned{border-color:var(--accent2);background:#16323a44;cursor:default}.node.unaffordable,.node.blocked{opacity:.45;cursor:default}.node .nname{font-weight:600;margin-bottom:3px}.node .ndesc{color:var(--dim);font-size:12px;min-height:28px}.node .nfoot{display:flex;justify-content:space-between;margin-top:6px;font-size:12px}.node .excl-tag{color:#c98be8;font-size:10px}.end-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:20}.end-overlay h1{font-size:54px;letter-spacing:8px;font-weight:300}.end-overlay h1.win{color:var(--accent)}.end-overlay h1.loss{color:var(--danger)}.end-overlay .sub{color:var(--dim)}.stall-banner,.desync-banner{position:absolute;top:44px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:8px 18px;z-index:15;font-size:14px}.toast{position:absolute;bottom:190px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:6px 16px;font-size:13px;color:var(--dim);z-index:5;pointer-events:none}.queue-status{color:var(--accent2);letter-spacing:1px}.howto{max-width:640px;text-align:center;color:var(--dim);font-size:13px;line-height:1.6}.howto b{color:var(--accent);font-weight:600}