*{box-sizing:border-box;margin:0;padding:0}body{background:#1a120a;color:#d4b896;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:12px}#site-header{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:10px}h1{font-size:1.4rem;letter-spacing:3px;text-transform:uppercase;color:#c8914a}#header-nav{display:flex;gap:10px}#header-nav a{color:#8a6a4a;font-size:.75rem;text-decoration:none;border-bottom:1px solid #5a3a1a;letter-spacing:1px;transition:color .15s,border-color .15s}#header-nav a:hover{color:#c8914a;border-bottom-color:#c8914a}#github-link{color:#8a6a4a;display:flex;align-items:center;transition:color .15s}#github-link:hover{color:#c8914a}#lang-btn{background:none;border:1px solid #5a3a1a;color:#8a6a4a;cursor:pointer;font-family:Courier New,monospace;font-size:.75rem;padding:3px 8px;border-radius:3px;transition:color .15s,border-color .15s;letter-spacing:1px}#lang-btn:hover{color:#c8914a;border-color:#c8914a}#layout{display:flex;gap:14px;align-items:flex-start}#canvas-wrapper{position:relative;border:2px solid #5a3a1a;box-shadow:0 0 24px #c8782840}#game-canvas{display:block;width:960px;height:720px}#hud{width:400px;background:#1e140a;border:1px solid #5a3a1a;border-radius:4px;padding:14px 12px;display:flex;flex-direction:column;gap:14px}.hud-row{display:flex;gap:10px}.hud-row .hud-section{flex:1;min-width:0}.hud-section{display:flex;flex-direction:column;gap:6px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.btn-cell{display:flex;flex-direction:column;gap:2px}.btn-cell .btn{width:100%}.btn-sub{font-size:.62rem;color:#8a7a5a;padding-left:2px;margin-top:2px}.hud-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#8a6a4a}.hud-value{font-size:1.1rem;color:#e8c88a}#queen-hp-wrap{background:#3a1a1a;border-radius:3px;height:8px;width:100%;overflow:hidden}#ui-queen-bar{height:100%;background:linear-gradient(90deg,#c4c,#f8f);transition:width .2s;border-radius:3px}.btn{background:#3a2410;border:1px solid #7a5230;color:#d4a96a;font-family:inherit;font-size:.75rem;padding:6px 8px;cursor:pointer;border-radius:3px;text-align:left;transition:background .15s;letter-spacing:.5px}.btn:hover:not(:disabled):not(.btn-disabled){background:#5a3820;border-color:#c8914a}.btn:disabled,.btn.btn-disabled{opacity:.4;cursor:not-allowed}.btn .cost{float:right;color:#80c860;font-size:.7rem}.hotkey{display:inline-block;min-width:14px;color:#fc4;font-weight:700;margin-right:2px}.btn.btn-auto{border-color:#4c8!important;background:#1a3a24!important;box-shadow:0 0 7px #44cc8873}.btn.btn-auto:hover:not(:disabled):not(.btn-disabled){background:#254d32!important;border-color:#66eea8!important}#speed-btns{display:flex;gap:4px;flex-wrap:wrap}.speed-btn{flex:1;min-width:0}.speed-btn.active{background:#5a3820;border-color:#c8914a;color:#fd8}.spawn-list{display:flex;flex-direction:column;gap:4px}.spawn-btn{display:flex;align-items:center;gap:6px;width:100%;text-align:left}.spawn-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.spawn-left{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.spawn-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spawn-count{color:#e8c88a;min-width:28px;text-align:center;font-size:.75rem;flex-shrink:0}.spawn-right{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex:1}.spawn-auto{color:#4c8;font-size:.65rem;visibility:hidden}.btn-auto .spawn-auto{visibility:visible}.spawn-btn .cost{float:none;flex-shrink:0}.legend{display:flex;gap:8px}.legend-col{display:flex;flex-direction:column;gap:4px;flex:1}.legend-row{display:flex;align-items:center;gap:6px;font-size:.7rem}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-count{margin-left:auto;color:#e8c88a;min-width:20px;text-align:right;font-size:.75rem}#egg-queue{display:flex;flex-wrap:wrap;gap:3px;min-height:16px;line-height:16px;align-items:center}.eq-dot{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#1a120a;flex-shrink:0}.eq-overflow{font-size:.65rem;color:#8a7a5a}.goals-list{display:flex;flex-direction:column;gap:5px}.goal-row{display:flex;align-items:center;gap:6px;font-size:.68rem;color:#8a7a5a}.goal-check{flex-shrink:0;color:#6a5a3a;font-size:.8rem;line-height:1}.goal-check.goal-done{color:#80cc44}.goal-progress{margin-left:auto;color:#e8c88a;font-size:.65rem;flex-shrink:0}.goal-row-flight{margin-top:2px}.btn-flight{font-size:.68rem;padding:3px 8px;border-color:#c4c;color:#d8f;background:#2a1030;margin-left:auto;flex-shrink:0}.btn-flight:hover:not(:disabled){background:#3a1840!important;border-color:#e6e!important}.btn-flight:disabled,.btn-flight.btn-disabled{opacity:.35;cursor:not-allowed}#flight-stars{margin-top:6px;color:#f0c830;letter-spacing:2px;line-height:1}#flight-stars .star-small{font-size:1rem;vertical-align:middle}#flight-stars .star-big{font-size:1.7rem;vertical-align:middle}#intro-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0500cc;display:flex;align-items:center;justify-content:center;z-index:20}#intro-modal.hidden{display:none}#intro-modal-box{background:#1e140a;border:2px solid #cc44cc;border-radius:6px;padding:28px 36px;max-width:450px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 0 40px #b43cc859;text-align:center}#intro-modal-title{font-size:1.4rem;letter-spacing:3px;text-transform:uppercase;color:#d8f}#intro-modal-goals{list-style:none;display:flex;flex-direction:column;gap:10px}#intro-modal-goals li{font-size:.85rem;color:#d4b896;line-height:1.5}#intro-modal-goals li strong{color:#e8c88a}#intro-modal-hint{font-size:.63rem;color:#6a5a3a;letter-spacing:.3px;line-height:1.6}#intro-modal-hint-shift{font-size:.6rem;color:#6a5a3a;letter-spacing:.3px}#intro-modal-ok{font-size:.95rem;padding:10px 28px;background:#3a1040;border:1px solid #cc44cc;color:#d8f;font-family:inherit;cursor:pointer;border-radius:3px;letter-spacing:2px;text-transform:uppercase;transition:background .15s}#intro-modal-ok:hover{background:#5a2060}#intro-modal-skip{font-size:.62rem;color:#5a4a2a}#modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0500d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}#modal.hidden{display:none}#modal-title{font-size:2.5rem;letter-spacing:5px;color:#c33}#modal.won #modal-title{color:#80cc44}#modal-msg{font-size:.9rem;color:#c8a870;text-align:center;max-width:260px;line-height:1.6}#btn-restart{font-size:.9rem;padding:10px 24px;background:#3a2410;border:1px solid #c8914a;color:#e8c88a;font-family:inherit;cursor:pointer;border-radius:3px;letter-spacing:2px;text-transform:uppercase}#btn-restart:hover,#btn-restart.focused{background:#5a3820;outline:1px solid #e8c88a}#modal-stats{width:100%;max-width:260px;display:flex;flex-direction:column;gap:4px}#modal-stats.hidden{display:none}.stat-row{display:flex;justify-content:space-between;gap:12px;font-size:.8rem}.stat-label{color:#8a7a5a}.stat-val{color:#e8c88a;font-weight:700}#btn-survival{font-size:.9rem;padding:10px 24px;background:#142810;border:1px solid #80cc44;color:#b0e870;font-family:inherit;cursor:pointer;border-radius:3px;letter-spacing:2px;text-transform:uppercase}#btn-survival:hover,#btn-survival.focused{background:#204a18;outline:1px solid #b0e870}#btn-survival.hidden{display:none}#difficulty-badge{font-size:.75rem;color:#8a7a5a;letter-spacing:1px;white-space:nowrap;border:1px solid #5a3a1a;padding:3px 8px;border-radius:3px}#difficulty-selector{display:flex;gap:6px;width:100%}.diff-btn{flex:1;background:#2a1a0a;border:1px solid #5a3a1a;color:#8a7a5a;font-family:Courier New,monospace;font-size:.72rem;padding:10px 4px 8px;cursor:pointer;border-radius:3px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .15s,border-color .15s,color .15s;text-align:center}.diff-btn:hover{background:#3a2410;border-color:#8a6a4a;color:#c8a870}.diff-btn.active{background:#1a3020;border-color:#4c8;color:#8e8;box-shadow:0 0 8px #44cc884d}.diff-icon{font-size:1.3rem;line-height:1}.diff-name{font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:.68rem}#difficulty-desc{font-size:.62rem;color:#6a8060;text-align:center;letter-spacing:.3px;min-height:1.2em}@media (max-width: 1100px){#layout{flex-direction:column;align-items:center}#hud{width:100%;max-width:960px;flex-direction:row;flex-wrap:wrap}.hud-section{min-width:120px}.hud-row{flex:1;min-width:240px}}#bench-bar{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;background:#120d08;border:1px solid #3a2a18;border-radius:4px;padding:10px 14px;margin-bottom:10px;width:100%;max-width:1388px}.bench-group{display:flex;flex-direction:column;gap:6px}.bench-group-title{font-size:.7rem;color:#8a7a5a;text-transform:uppercase;letter-spacing:1px}.bench-scenario-cols{display:flex;gap:16px}.bench-col{display:flex;flex-direction:column;gap:6px}.bench-row{display:flex;align-items:center;gap:8px}.bench-row label{color:#a09070;font-size:.8rem;width:76px;flex-shrink:0}.bench-row input[type=number]{width:54px;background:#1e1509;border:1px solid #4a3a28;color:#d4b896;font-family:Courier New,monospace;font-size:.8rem;padding:2px 5px;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bench-row input[type=number]::-webkit-outer-spin-button,.bench-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bench-spin{display:flex;align-items:center;gap:2px}.bench-spin-btn{background:#1e1509;border:1px solid #4a3a28;color:#8a7a5a;font-family:Courier New,monospace;font-size:.75rem;line-height:1;padding:1px 5px;cursor:pointer;border-radius:2px;-webkit-user-select:none;user-select:none}.bench-spin-btn:hover{background:#2e2010;border-color:#7a6040;color:#c8a870}.bench-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13px;height:13px;cursor:pointer;flex-shrink:0;background:#1e1509;border:1px solid #7a5230;border-radius:2px;position:relative;vertical-align:middle}.bench-row input[type=checkbox]:checked{background:#3a2410;border-color:#c8914a}.bench-row input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:2px solid #c8914a;border-top:none;border-left:none;transform:rotate(45deg)}.bench-row input[type=checkbox]+label{width:auto;cursor:pointer;color:#c4a878}.bench-limit{color:#6a5a40;font-size:.75rem}.bench-actions{display:flex;flex-direction:column;gap:6px;align-self:flex-end}.bench-stop{background:#7a2a20;border-color:#aa4a3a}#bench-perf{align-self:flex-end;font-size:.78rem;line-height:1.6;color:#8aba68;white-space:pre;min-width:200px}#hud-col{display:flex;flex-direction:column;gap:4px}#hud-perf{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.hud-perf-items{display:flex;gap:10px;margin-right:20px}.hud-perf-buttons{display:flex;gap:4px}.perf-item{font-size:.7rem;color:#6a9a50;white-space:nowrap}.bench-open-btn{font-size:.7rem;padding:1px 8px;flex-shrink:0}
