.lab-section{padding-block:70px}
.lab-heading{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:18px;margin-bottom:32px}
.lab-heading h2{font-size:clamp(32px,3.5vw,48px)}
.lab-heading p{color:var(--muted);font-size:18px}
.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lab-card{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:clamp(24px,3vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);font-size:18px;line-height:1.6}
.lab-card::before{content:"";position:absolute;width:50%;height:230px;border-radius:50%;top:-140px;right:0;background:var(--purple);filter:blur(100px);opacity:.14;pointer-events:none}
.lab-gameops::before{background:var(--pink)}
.lab-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;font-size:16px}
.lab-eyebrow{color:var(--muted);font-weight:600}.lab-card-symbol{font-size:28px;color:var(--purple)}
.lab-card h3{margin:0 0 22px;font-size:clamp(32px,3.2vw,47px);font-weight:600;line-height:1.12;letter-spacing:-.045em;color:var(--ink)}
.lab-card>p:not(.lab-sr-only){margin:0 0 28px;color:var(--muted);max-width:49ch;font-size:18px}
.lab-paused{display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}
.lab-paused i{width:7px;height:7px;background:var(--pink);border-radius:50%}
.lab-dashboard{margin-top:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.lab-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;margin-bottom:24px}.lab-dashboard-top>span{color:var(--muted)}
.lab-metrics{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}
.lab-metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0}.lab-metrics>div>span{font-size:16px;color:var(--muted)}
.lab-metrics strong{font-size:clamp(25px,2.7vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.lab-metrics>div:last-child strong{color:var(--cyan)}
.lab-chart{display:flex;gap:clamp(12px,2vw,28px);height:178px;padding:12px 0 0;border-bottom:1px solid var(--line)}
.lab-month{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:9px;border:0;padding:0 4px 8px;background:transparent;color:var(--muted);font:inherit;font-size:16px;cursor:pointer;border-radius:7px;touch-action:manipulation}
.lab-bar-track{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;min-height:0}.lab-bar{display:block;transform-origin:bottom;width:100%;max-width:68px;height:var(--lab-bar);border-radius:6px 6px 2px 2px;background:var(--purple);opacity:.38;transition:opacity 180ms,background 180ms}
.lab-month[aria-pressed="true"]{color:var(--ink);font-weight:600}.lab-month[aria-pressed="true"] .lab-bar{opacity:1;background:linear-gradient(0deg,var(--purple),var(--pink))}
.lab-month:hover .lab-bar{opacity:.8}.lab-month:focus-visible,.lab-open:focus-visible,.lab-task:focus-visible,.lab-task-move:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.lab-hint{font-size:16px!important;color:var(--muted);margin:16px 0 0;line-height:1.5}.lab-card>p.lab-hint{margin:16px 0 0}
.lab-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:16px;color:var(--muted)}
.lab-open{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px;background:var(--raised);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;min-height:48px;transition:border-color 180ms}
.lab-open:hover{border-color:var(--purple)}.lab-open>span{color:var(--purple)}
.lab-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto;min-height:318px;padding:18px 12px;border:1px solid var(--line);background:var(--bg);border-radius:16px}
.lab-column{min-width:0;border-radius:8px;border:1px solid transparent;transition:border-color 160ms,background 160ms;display:flex;flex-direction:column;gap:16px}.lab-column.lab-drop-target{border-color:var(--cyan);background:var(--raised)}
.lab-column-title{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:0 3px;font-size:16px;line-height:1.3;color:var(--muted)}.lab-column-title>span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}
.lab-column-body{flex:1;min-height:220px}.lab-column-body:empty{border-top:1px dashed var(--line)}
.lab-task{border:1px solid var(--line);border-top:2px solid var(--pink);background:var(--raised);border-radius:8px;padding:12px 10px;cursor:grab;position:relative;touch-action:pan-y;overflow-wrap:anywhere}.lab-task:active{cursor:grabbing}.lab-task.lab-dragging{opacity:.5}
.lab-task strong{display:block;font-size:18px;font-weight:600;line-height:1.35;margin:8px 0 12px}.lab-task-mark{color:var(--pink);font-size:22px;line-height:1}.lab-task-state{font-size:16px;color:var(--muted);line-height:1.3;display:block}
.lab-task-move{display:block;border:0;border-top:1px solid var(--line);background:transparent;padding:12px 0 0;margin-top:14px;width:100%;font:inherit;font-size:16px;line-height:1.4;text-align:left;color:var(--ink);cursor:pointer}.lab-task-move>span{color:var(--cyan)}
.lab-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px) and (max-width:1200px){.lab-card{padding:28px}.lab-board{padding:16px 8px;gap:6px}.lab-task{padding:10px 7px}}
@media(max-width:999px){.lab-grid{grid-template-columns:1fr}.lab-board{min-height:310px}.lab-card h3{font-size:clamp(34px,6vw,48px)}}
@media(max-width:520px){.lab-card{padding:24px 18px;border-radius:18px}.lab-card-top{gap:8px}.lab-dashboard{padding:18px 14px}.lab-dashboard-top{align-items:flex-start;flex-direction:column;gap:4px}.lab-card-bottom{align-items:flex-start;flex-wrap:wrap;gap:14px}.lab-board{grid-template-columns:1fr;padding:16px;gap:18px}.lab-column{gap:8px}.lab-column-body{min-height:54px}.lab-task{padding:14px}.lab-task strong{display:inline-block;margin:0 0 10px 8px}.lab-task-move{margin-top:10px}.lab-column-title{align-items:center}.lab-metrics{grid-template-columns:2fr 1fr}.lab-gameops .lab-card-bottom{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.lab-card *{transition:none!important;animation:none!important}}
