@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
.play,aside,.results>div{min-width:0}#lab-board canvas{max-width:100%;width:100%!important;height:100%!important}
:root{color-scheme:dark;--ink:#091518;--panel:#102326;--line:#2d4140;--text:#eee8d9;--muted:#a4b1ac;--acid:#e9ff4b;--amber:#ffbc49}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 15%,#28434544,transparent 45%),var(--ink);color:var(--text);font-family:'DM Sans',sans-serif}header,main{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;letter-spacing:2px}.brand:first-letter{color:var(--acid)}nav{display:flex;gap:24px;align-items:center;font-size:12px}nav span,.kicker{color:var(--acid);font-size:11px;font-weight:700;letter-spacing:2px}main{padding:32px 30px}.intro h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,7vw,92px);line-height:.95;margin:15px 0;font-weight:900;letter-spacing:-2px}em{font-style:normal;color:var(--amber)}.intro p{color:var(--muted);margin:0 0 28px}.lab{display:grid;grid-template-columns:minmax(400px,620px) 1fr;gap:38px}.play{background:var(--panel);padding:16px;border:1px solid var(--line);border-radius:8px}.board-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;padding:3px 1px 15px;color:var(--amber)}#lab-board{width:100%;aspect-ratio:1;border:1px solid #47605a;border-radius:8px;overflow:hidden;background:#0c1b1d}#lab-board canvas{display:block;width:100%;height:100%}#lab-message{min-height:65px;font-size:13px;line-height:1.5;padding:16px 2px;color:var(--muted)}.timeline,.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timeline span{margin-left:auto;font-size:12px;color:var(--muted)}button,select{font:inherit;border:1px solid #475e56;color:var(--text);background:#1d3331;border-radius:5px;padding:11px 14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--acid)}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--acid);outline-offset:3px}aside{padding:14px 0}aside h2,.results h2{font-family:'Barlow Condensed',sans-serif;font-size:46px;font-weight:800;line-height:1.05;margin:15px 0 22px}aside>p{line-height:1.7;font-size:14px;max-width:440px;color:var(--muted)}.rule{display:flex;gap:16px;padding:15px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6}.rule b{color:var(--amber);font-family:'Barlow Condensed',sans-serif;font-size:22px}.limit{border:1px solid var(--line);padding:16px;color:var(--acid);font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;line-height:1.4;margin:18px 0}.console{display:grid;grid-template-columns:130px 1fr 1fr 220px;gap:22px;align-items:center;margin-top:24px;padding:24px;border:1px solid var(--line);background:#132824;border-radius:7px}.console label,.console div>span{display:block;font-size:10px;letter-spacing:1px;color:var(--muted)}.console select{display:block;margin-top:8px;width:100%;font-size:20px;font-weight:700}.console strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:35px;margin-top:5px}.console>button{background:var(--acid);color:#14211b;font-weight:800;font-size:14px;min-height:62px}.lab-note{margin:18px 0 32px;max-width:900px;color:var(--muted);font-size:12px;line-height:1.7}.results{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:28px}.results h2{font-size:32px;margin:10px 0 16px}#lab-clusters{font-size:13px;color:var(--muted);line-height:1.7}.cluster-row,.history-item{padding:12px 0;border-bottom:1px solid var(--line)}.cluster-row b{color:var(--amber)}.history-item{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.history-item small{display:block;color:var(--muted);margin-top:3px}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:25px 0;margin-top:35px}dialog{max-width:850px;width:calc(100% - 30px);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:32px;max-height:85vh}dialog::backdrop{background:#000b}#lab-close{float:right}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:32px}dialog p{font-size:14px;line-height:1.7}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:10px;text-align:right;border-bottom:1px solid var(--line)}td:first-child,th:first-child{text-align:left}.table-wrap{overflow:auto}@media(max-width:900px){.lab{grid-template-columns:minmax(300px,1.3fr) 1fr;gap:22px}.console{grid-template-columns:120px 1fr 1fr}.console>button{grid-column:1/-1}aside h2{font-size:36px}}@media(max-width:650px){header{padding:18px}.brand{font-size:23px}nav{gap:12px}nav span{display:none}main{padding:25px 16px}.lab{grid-template-columns:1fr}aside{padding:5px 0}.console{padding:18px;gap:16px;grid-template-columns:90px 1fr}.console div:last-of-type{grid-column:1/-1}.results{grid-template-columns:1fr}.console strong{font-size:30px}footer{flex-direction:column;gap:8px}.timeline button{font-size:12px;padding:10px}.timeline span{width:100%;margin-top:6px}}