.stepbar{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:16px}.stepbar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stepbar-title{font-family:Space Grotesk;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#f5f7ff80}.stepbar-play{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--cyan);cursor:pointer;font-size:11px;line-height:1}.stepbar-play:disabled{opacity:.3;cursor:not-allowed}.stepbar-play:not(:disabled):hover{border-color:var(--cyan)}.stepbar-speed{display:flex;gap:4px;margin-bottom:10px}.stepbar-speed-btn{flex:1;font-family:Space Grotesk;font-size:10px;background:var(--navy-2);border:1px solid var(--line);border-radius:5px;color:#f5f7ff99;padding:4px 2px;cursor:pointer;transition:border-color .2s,color .2s}.stepbar-speed-btn.active,.stepbar-speed-btn:hover{border-color:var(--cyan);color:var(--cyan)}.stepbar-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.stepbar-step{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:var(--navy-2);color:var(--white);font-family:Space Grotesk;font-weight:600;font-size:12px;cursor:pointer;transition:border-color .2s,color .2s}.stepbar-step.active{border-color:var(--cyan);color:var(--cyan)}.stepbar-step:hover{border-color:var(--cyan)}.stepbar-add{color:#f5f7ff80;background:none;border-style:dashed}.stepbar-actions{display:flex;gap:6px}.stepbar-actions button{flex:1;font-family:Space Grotesk;font-size:11px;background:none;border:1px solid var(--line);border-radius:6px;color:var(--white);padding:7px 8px;cursor:pointer}.stepbar-actions button:disabled{opacity:.35;cursor:not-allowed}.stepbar-actions button:not(:disabled):hover{border-color:var(--cyan);color:var(--cyan)}.valoplant{padding:100px 4vw 120px;min-height:100vh}.valoplant-inner{max-width:2200px;margin:0 auto}.valoplant .eyebrow{font-family:Space Grotesk;font-weight:500;font-size:12px;letter-spacing:5px;color:var(--cyan);margin-bottom:18px}.valoplant-title{font-size:clamp(32px,5vw,52px);font-weight:700}.valoplant-header-row{grid-column:2;grid-row:1;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}.valoplant-maps{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-self:start}.valoplant-map{background:none;border:none;border-radius:8px;padding:0;cursor:pointer;overflow:hidden;line-height:0;transition:box-shadow .2s}.valoplant-map:hover{box-shadow:0 0 0 1px #54d8ff80}.valoplant-map img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;opacity:.8;transition:opacity .2s}.valoplant-map:hover img{opacity:.95}.valoplant-map.active{box-shadow:0 0 0 2px var(--cyan)}.valoplant-map.active img{opacity:1}.valoplant-panel{display:grid;grid-template-columns:380px calc((100% - 1060px)*.95) 300px 320px;grid-template-rows:auto 1fr;gap:20px;align-items:stretch}.valoplant-panel>*{min-width:0}.valoplant-panel-main{grid-column:2;grid-row:2}.valoplant-sidebar{grid-column:3;grid-row:2}.role-panel{grid-column:4;grid-row:2}.valoplant-topline{display:flex;align-items:center;gap:12px}.valoplant-current-title{font-family:Space Grotesk;font-weight:600;font-size:14px;color:var(--cyan)}.valoplant-side-toggle{display:flex;gap:4px;margin-left:auto}.valoplant-side-toggle button{font-family:Space Grotesk;font-size:12px;letter-spacing:.5px;background:none;border:1px solid var(--line);border-radius:6px;color:#f5f7ff99;padding:7px 14px;cursor:pointer}.valoplant-side-toggle button.active.attack{border-color:#ff6b6b;color:#ff6b6b}.valoplant-side-toggle button.active.defense{border-color:var(--cyan);color:var(--cyan)}.shared-comp{border:1px solid var(--line);border-radius:10px;padding:14px 16px}.shared-comp-row{display:flex;gap:6px;flex-wrap:wrap}.shared-comp-row img{width:34px;height:34px;border-radius:5px;object-fit:cover}.valoplant-sidebar{border:1px solid var(--line);border-radius:10px;padding:18px}.valoplant-login-hint{font-size:13px;color:#f5f7ff80}.valoplant-sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.valoplant-sidebar-actions .btn{font-size:12px;padding:12px 16px;letter-spacing:1px}.valoplant-message{font-size:12px;color:var(--cyan);margin-bottom:10px}.valoplant-list-title{font-family:Space Grotesk;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#f5f7ff80;margin-bottom:10px}.valoplant-empty{font-size:12px;color:#f5f7ff66}.valoplant-list{list-style:none;display:flex;flex-direction:column;gap:4px}.valoplant-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;padding:8px 10px;border-radius:6px;cursor:pointer;background:var(--navy-2)}.valoplant-list-item.active{outline:1px solid var(--cyan);color:var(--cyan)}.valoplant-list-item button{background:none;border:none;color:#f5f7ff66;cursor:pointer;font-size:12px}.valoplant-list-item button:hover{color:#ff8080}@media (max-width: 1700px){.valoplant-panel{grid-template-columns:300px calc((100% - 620px)*.95) 280px;grid-template-rows:auto 1fr auto}.valoplant-panel>.role-panel{grid-column:1 / -1;grid-row:3}}@media (max-width: 900px){.valoplant-panel{grid-template-columns:1fr;grid-template-rows:none;align-items:start}.valoplant-header-row,.valoplant-maps,.valoplant-panel-main,.valoplant-sidebar,.valoplant-panel>.role-panel{grid-column:auto;grid-row:auto}.valoplant-header-row{order:-1}.valoplant-maps{order:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.valoplant-panel-main{order:1}.valoplant-sidebar{order:2}.valoplant-panel>.role-panel{order:3}}