.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--lime);z-index:50;pointer-events:none}.playground{padding:85px 6%;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 10% 30%,#26391f55,transparent 65%)}.scenario-chooser{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.scenario-chooser button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px 20px;border-radius:28px;font-size:13px}.scenario-chooser button.active{background:var(--lime);color:var(--bg);border-color:var(--lime)}.playground-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.scenario-preview,.board-preview{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.scenario-preview h3,.board-preview h3{font-size:29px;line-height:1.3}.scenario-preview p,.board-preview>p{color:var(--muted);font-size:14px;line-height:1.8}.scenario-preview .skills{margin:25px 0}.scenario-preview .skills span{font-size:11px;padding:8px 11px}.scenario-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:25px}.scenario-actions button{border:0;background:none;color:var(--lime);cursor:pointer;padding:0;font-size:12px}.board-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.board-top .eyebrow{margin:0}.board-top button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 10px;border-radius:20px;font-size:10px;cursor:pointer}.demo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.board-column{background:#111610;border:1px solid var(--line);border-radius:7px;min-height:180px;padding:11px}.board-column h4{font-size:10px;color:var(--muted);font-weight:500;margin:0 0 14px}.board-task{background:#273322;border:1px solid #405637;padding:12px 9px;border-radius:6px;display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.board-task>span{font-size:11px;line-height:1.5}.board-task button{border:0;background:transparent;text-align:left;padding:0;font-size:10px;cursor:pointer;color:var(--lime)}.board-task small{font-size:10px;color:var(--lime)}.board-status{font-size:11px!important;min-height:35px}.changed{animation:scenario-in .25s ease}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.hero-art .terminal{animation:terminal-float 7s ease-in-out infinite}.orb{animation:orb-turn 35s linear infinite}.lab-card:hover .card-bottom strong{transform:translateX(4px)}.card-bottom strong{transition:transform .2s}.site-visual>span{transition:scale .35s}.site-card:hover .site-visual>span{scale:1.05}.filters{flex-wrap:wrap}.catalog-reset{font-size:12px;border:0;background:transparent;color:var(--lime);padding:0;margin-bottom:20px;cursor:pointer}
@keyframes scenario-in{from{opacity:.5;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes terminal-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orb-turn{from{rotate:0deg}to{rotate:360deg}}@media(max-width:1000px){.playground-grid{grid-template-columns:1fr}}@media(max-width:560px){.playground{padding:55px 6%}.scenario-preview,.board-preview{padding:21px}.scenario-preview h3,.board-preview h3{font-size:25px}.board-column{padding:8px}.board-task{padding:9px 7px}.scenario-chooser{gap:7px}.scenario-chooser button{padding:10px 14px;font-size:11px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-art .terminal,.orb,.changed{animation:none}}
.board-task{position:relative;padding:13px 10px 13px 23px;cursor:grab;touch-action:none;user-select:none;min-height:58px;justify-content:center;transition:opacity .15s,border-color .15s}
.board-task:hover{border-color:var(--lime)}.board-task:active{cursor:grabbing}.board-task:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.board-task.dragging{opacity:.4}
.task-grip{position:absolute;left:8px;top:50%;width:7px;height:15px;transform:translateY(-50%);background:radial-gradient(circle,#829773 1px,transparent 1.5px) 0 0/4px 5px}
.board-column.drop-target{border-color:var(--lime);background:#24311c;box-shadow:inset 0 0 0 1px var(--lime)}
.task-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.95!important;box-shadow:0 12px 30px #0008;transform:rotate(-3deg)}