.octa{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center}.octa svg{width:100%;max-width:560px;display:block;margin-inline:auto;overflow:visible}.octa .grid{fill:none;stroke:var(--line-strong);stroke-width:1}.octa .axis{stroke:var(--line);stroke-width:1}.octa .shape{fill:color-mix(in srgb,var(--purple) 35%,transparent);stroke:var(--purple);stroke-width:3;transition:all .3s}.octa .lab{font-family:var(--font);font-weight:900;font-size:12.5px;fill:var(--ink)}.octa .hat{font-family:var(--font);font-weight:700;font-size:11px;letter-spacing:.16em;fill:var(--muted)}.octa .pt{fill:var(--purple);stroke:var(--surface);stroke-width:3}.drives{display:grid;gap:8px}.drive{display:grid;grid-template-columns:26px 1fr 120px;gap:10px;align-items:center}.drive .n{width:26px;height:26px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px}.drive label{font-weight:700;font-size:14px;line-height:1.25}.drive input{width:100%;accent-color:var(--purple);height:36px}.readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.readout div{padding:12px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.readout span{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block}.readout b{font-size:18px;font-weight:900}.stack-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:end}.tower{display:flex;flex-direction:column-reverse;gap:8px;min-height:280px;padding:16px;border-radius:24px;background:var(--bg-2);box-shadow:inset 0 -6px 0 var(--line-strong)}.blk{font:inherit;font-weight:900;font-size:22px;min-height:76px;border:0;border-radius:16px;color:#111;cursor:pointer;display:grid;place-items:center;text-align:center;padding:8px;transition:transform .4s var(--ease-spring)}.blk small{display:block;font-weight:700;font-size:13px}.blk.be{background:var(--purple);color:#fff}.blk.do{background:var(--cyan)}.blk.have{background:var(--yellow)}.blk:disabled{cursor:default}.pool{display:grid;gap:8px}.ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.brain{position:relative;display:grid;gap:14px}.gauge2{display:grid;gap:6px}.gauge2 .tr{height:18px;border-radius:10px;background:var(--line);overflow:hidden}.gauge2 i{display:block;height:100%;border-radius:10px;transition:width .7s var(--ease-out)}.prod{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.prod .panel{display:grid;gap:8px;align-content:start}.stat50{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.people{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:360px}.people i{aspect-ratio:1;border-radius:50% 50% 40% 40%;background:var(--line-strong)}.people i.gone{background:var(--red);opacity:.85}@media (max-width: 900px){.octa,.stack-game,.ai{grid-template-columns:minmax(0,1fr)}.prod{grid-template-columns:repeat(2,minmax(0,1fr))}.stat50{grid-template-columns:minmax(0,1fr)}}@media (max-width: 520px){.drive{grid-template-columns:26px 1fr}.drive input{grid-column:1 / -1}.prod{grid-template-columns:minmax(0,1fr)}}