:root{--ink:#203f37;--muted:#7a847b;--paper:#f7f8f2;--line:#dce2d8;--mint:#e1ede0;--accent:#d5e795;--green:#285446;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#5d796615 .7px,transparent .7px);background-size:9px 9px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ad792b;outline-offset:4px}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}.topbar{height:88px;max-width:1320px;margin:auto;padding:0 52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:28px;letter-spacing:-1.5px;font-weight:700;text-decoration:none}.brand-icon{background:var(--ink);color:#eff3df;border-radius:11px;width:38px;height:38px;display:grid;place-items:center;font-size:29px;letter-spacing:0}.brand-dot{color:#81a351}.header-note{font-size:10px;letter-spacing:2.5px;color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:24px;background:transparent;font-size:12px;padding:10px 16px;display:flex;gap:16px}.icon-button span{font-size:16px}main{max-width:1170px;margin:auto;padding:36px 28px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 18px}.live-dot{width:6px;height:6px;background:#75995f;display:inline-block;border-radius:50%;vertical-align:middle;margin-right:7px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:48px;letter-spacing:-1.6px;line-height:1.05;margin:0}h1 em{font-weight:400;color:#71856a}.intro-copy{font-size:13px;color:#7b8478;margin:16px 0 0}.session-stamp{border:1px solid #d2dbcb;width:160px;height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:50%;transform:rotate(7deg);color:#6e8167}.session-stamp span{font-size:8px;letter-spacing:1.3px}.session-stamp strong{font-size:33px;font-family:Georgia,serif;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:28px;align-items:start}.experiment{background:#fefefa;border:1px solid #d6dfd1;box-shadow:0 8px 30px #304c3810;border-radius:15px;overflow:hidden}.experiment-top{display:flex;justify-content:space-between;background:#edf2e8;border-bottom:1px solid var(--line);padding:15px 22px;font-size:9px;letter-spacing:1.4px}.experiment-top>span:last-child{color:#819079}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;padding:23px 24px 20px;gap:8px}.stats>div{display:flex;flex-direction:column;gap:8px}.stats>div:nth-child(2){text-align:center}.stats>div:last-child{text-align:right}.stat-label{font-size:8px;letter-spacing:1.5px;color:#81907b}.stats strong{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}.time-track{height:3px;margin:0 23px;background:#e7ebdf;overflow:hidden;border-radius:3px}#time-fill{height:100%;width:100%;background:#9eae78;transition:width .25s linear}.urgent #time-fill{background:#c77b58}.urgent #timer{color:#b7623f}.board-shell{position:relative;padding:18px 22px 12px}#board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px;background:#dce4d8;border:1px solid #d0dcca;border-radius:10px;touch-action:none;user-select:none}#board [role=row]{display:contents}.tile{position:relative;aspect-ratio:1;border:1px solid #e6e9df;border-bottom:2px solid #d2dbce;background:linear-gradient(145deg,#fffffc,#edf0e5);border-radius:7px;padding:3px;display:grid;place-items:center;min-width:0;touch-action:none;user-select:none;transition:background .1s,box-shadow .1s,transform .14s;overflow:visible}.tile svg{width:100%;height:100%;max-height:74px;pointer-events:none;filter:drop-shadow(0 3px 2px #25453523)}.tile:hover:not(:disabled){background:#fff;box-shadow:0 0 0 2px #a9bf90;z-index:1;filter:none}.tile.selected{background:#e3efc7;box-shadow:0 0 0 2px #789f4f;z-index:2}.tile.hinted{box-shadow:0 0 0 3px #bc903b;animation:hintPulse .7s ease infinite alternate;z-index:2}.tile.clearing{animation:react .27s ease forwards}.tile.fresh{animation:drop .2s ease-out}.tile.invalid{animation:shake .23s}.tile:disabled{opacity:1}.board-bottom{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:5px 24px 16px;min-height:45px}#status{font-size:11px;line-height:1.5;color:#7b8575}.chain{border-radius:6px;background:#eaf0e1;padding:5px 9px;color:#6e8252;font-size:12px;white-space:nowrap}.board-actions{display:flex;border-top:1px solid var(--line)}.board-actions button{padding:15px 6px;flex:1;background:transparent;border:0;border-right:1px solid var(--line);font-size:11px;white-space:nowrap}.board-actions button:last-child{border-right:0}.board-actions button span{margin-right:6px;font-size:16px}.board-actions small{font-size:9px;color:#929b85;margin-left:5px}.notebook{border:1px solid #d8dfd2;border-radius:12px;background:#f2f4eacc;overflow:hidden}.notebook-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 24px;font-size:9px;letter-spacing:1.8px;color:#708067}.notebook-title>span:last-child{font-size:15px}.mission{padding:26px 26px 22px}.mission .eyebrow{font-size:8px;color:#819274;margin-bottom:13px}.mission h2{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.1;letter-spacing:-.6px;margin:0 0 15px}.mission p:not(.eyebrow):not(.micro){font-size:12px;color:#7b8674;line-height:1.8;margin:0 0 20px}.mission strong{color:#526846;font-weight:600}.primary{background:var(--ink);color:#f8faed;border:0;border-radius:7px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;letter-spacing:.25px}.primary:disabled{opacity:.65}.micro{font-size:8px;color:#8a937d;text-align:center;margin:11px 0 0}.instructions{margin:0 26px;padding:22px 0 6px;border-top:1px solid var(--line)}h3{font-size:11px;font-weight:600;margin:0 0 18px}.step{display:flex;gap:14px;margin-bottom:17px}.step>span{font-family:Georgia,serif;font-size:19px;color:#94a184;line-height:1.1}.step p{font-size:10px;line-height:1.7;color:#808973;margin:0}.step strong{display:block;font-size:11px;font-weight:600;color:#4e6345;margin-bottom:3px}.specimens{padding:17px 26px 20px;border-top:1px solid var(--line)}.specimens h3{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.specimens h3 span{font-size:7px;font-weight:400;letter-spacing:1px;color:#8e987f}#legend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.specimen svg{width:100%;height:42px;filter:drop-shadow(0 2px 2px #33493122)}.specimen{cursor:help}.notebook-foot{padding:14px 22px;text-align:center;border-top:1px solid var(--line);font-family:Georgia,serif;font-style:italic;font-size:11px;color:#829073}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding:19px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#939a86}footer button{background:none;border:0;font-size:10px;color:#718266;padding:8px 0}footer>span:last-child{font-family:Georgia,serif;font-size:11px;letter-spacing:0;font-style:italic}.footer-divider{padding:0 9px;color:#bdc4b0}dialog{color:var(--ink);border:1px solid #d5dfd0;border-radius:18px;padding:36px;max-width:490px;width:calc(100% - 32px);background:#fcfcf6;box-shadow:0 24px 100px #183f3733}dialog::backdrop{background:#17372f65;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,serif;font-size:34px;letter-spacing:-1px;font-weight:400;margin:0 0 12px}dialog p{font-size:13px;color:#7a8574;line-height:1.8}dialog .eyebrow{font-size:9px;margin:4px 0 14px}dialog .primary{margin-top:22px}.welcome-dialog{padding:0;max-width:780px;overflow:hidden}.welcome-dialog[open]{display:grid;grid-template-columns:1fr 1.1fr}.cover-art{min-height:430px;background:#dbe9de url('assets/lab-match-cover.png') 63% center/cover;position:relative}.cover-label{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:1.6px;color:#526d5c}.welcome-copy{padding:50px 34px 28px}.welcome-copy h2{font-size:49px;letter-spacing:-2px}.welcome-copy h2 span{color:#8a9f58}.welcome-copy p{font-size:12px}.welcome-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.welcome-tags span{font-size:9px;border:1px solid #d8e1ce;border-radius:12px;padding:6px 9px;color:#76866a}.text-button{display:block;border:0;background:transparent;font-size:11px;color:#77876c;margin:16px auto 0;padding:8px}.paused-cover{position:absolute;inset:18px 22px 12px;background:#f4f6edee;backdrop-filter:blur(8px);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.paused-cover[hidden]{display:none}.paused-cover>span{font-size:30px;color:#8b9b75}.paused-cover h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:14px 0 0}.paused-cover p{font-size:12px;color:#7b896e}.paused-cover button{max-width:240px;margin-top:15px}.board-message{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#224c40ed;color:white;font-family:Georgia,serif;font-size:24px;border-radius:12px;padding:16px 24px;pointer-events:none;opacity:0;white-space:nowrap;box-shadow:0 6px 30px #23473733}.board-message.show{animation:scorePop .75s ease forwards}#results{text-align:center}.result-orbit{width:72px;height:72px;display:grid;place-items:center;background:#e4ecd5;border-radius:50%;font-size:43px;margin:0 auto 24px}.final-score{font-family:Georgia,serif;font-size:66px;margin:12px 0 0}.result-stats{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:22px 0}.result-stats strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:24px;margin-bottom:6px}.result-stats span{font-size:10px;color:#879279}#notes{max-width:600px}#notes p{font-size:12px}#notes strong{color:#4e6645}@keyframes react{0%{transform:scale(1)}40%{transform:scale(1.14);background:#d9edb3}100%{transform:scale(.25);opacity:0}}@keyframes drop{from{transform:translateY(-20px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes hintPulse{to{background:#f2e4bd}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes scorePop{0%{opacity:0;transform:translate(-50%,-20%)}20%,70%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-80%)}}
@media(min-width:1300px){main{padding-top:40px}.intro{margin-bottom:35px}.workspace{gap:34px}.board-shell{padding:20px 26px 14px}.stats{padding:25px 28px}.mission{padding-top:30px}}
@media(max-width:800px){.topbar{padding:0 24px;height:72px}.header-note{display:none}main{padding:28px 20px 0}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}h1{font-size:40px}.mission{padding:22px 20px}.instructions{margin:0 20px}.specimens{padding:18px 20px}.stats{padding:20px 14px}.stat-label{font-size:7px;letter-spacing:1px}.board-shell{padding:14px 12px 10px}#board{gap:3px;padding:5px}.board-bottom{padding:6px 14px 12px}.tile{padding:1px;border-radius:5px}.experiment-top{padding:13px 14px;font-size:8px}.board-actions small{display:none}.session-stamp{width:130px;height:100px}.paused-cover{inset:14px 12px 10px;padding:18px}.paused-cover h2{font-size:22px}footer>span:last-child{display:none}}
@media(max-width:650px){main{max-width:510px;padding:25px 16px 0}.topbar{height:65px;padding:0 20px}.brand{font-size:24px}.brand-icon{width:32px;height:32px;font-size:25px}.icon-button{font-size:11px;padding:8px 12px}.intro{margin-bottom:24px}h1{font-size:37px}.eyebrow{font-size:8px;margin-bottom:14px}.intro-copy{font-size:11px}.session-stamp{width:98px;height:88px;margin-left:10px}.session-stamp span{font-size:6px;letter-spacing:.8px}.session-stamp strong{font-size:27px}.workspace{grid-template-columns:1fr;gap:20px}.experiment-top{padding:14px 18px}.stats{padding:19px 18px}.stat-label{font-size:8px}.board-shell{padding:15px 14px 10px}#board{gap:4px;padding:6px}.tile{padding:3px;border-radius:6px}.stats strong{font-size:29px}.board-actions button{padding:15px 6px;font-size:12px}.board-actions small{display:inline}.mission{padding:22px}.mission h2 br{display:none}.mission h2{font-size:27px}.mission .primary{margin-top:15px}.instructions{margin:0 22px}.specimens{padding:18px 22px}.notebook-foot{padding:15px}.step p{font-size:12px}.step strong{font-size:12px}.mission p:not(.eyebrow):not(.micro){font-size:13px}.specimen svg{height:53px}.specimens h3{font-size:12px}.welcome-dialog[open]{grid-template-columns:1fr;max-width:400px;max-height:92dvh;overflow:auto}.cover-art{min-height:180px;background-position:center 55%}.welcome-copy{padding:26px}.welcome-copy h2{font-size:43px}.welcome-tags{margin:16px 0}.welcome-copy .primary{margin-top:17px}.welcome-copy p{margin-bottom:12px}footer{gap:10px;flex-wrap:wrap;margin-top:22px}footer button{font-size:9px}.paused-cover{inset:15px 14px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}