.play-lab{--lab-purple:#7427ec;--lab-ink:#302044;font-size:15px;color:var(--lab-ink)}.lab-breadcrumb{margin:8px 0 20px;color:#736584}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}.lab-card{display:flex;gap:20px;align-items:flex-start;margin:0!important}.lab-card>svg{width:130px;flex:0 0 130px;border-radius:22px}.lab-card h2{font-size:23px;line-height:1.15;margin-top:4px}.lab-card form{display:grid;gap:12px}.lab-feature{display:flex;gap:30px;align-items:center;padding:30px;background:linear-gradient(120deg,#f1e9ff,#fff8dd);border:1px solid #e4d5fa;border-radius:28px;margin:24px 0}.lab-feature>svg{width:220px;flex:0 0 220px;border-radius:25px}.lab-feature h2{font-size:34px;line-height:1.1;margin:14px 0}.lab-feature .secondary{margin:8px}.lab-note{font-size:13px;color:#71617d;line-height:1.6}.lab-setup{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center}.lab-setup>svg{width:100%;border-radius:24px}.lab-setup form{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.play-lab label{display:grid;gap:7px;font-weight:600}.play-lab input,.play-lab select{font:inherit;border:1px solid #c9badb;border-radius:10px;padding:12px;background:white;color:#302044;max-width:100%}.play-lab .primary,.play-lab .secondary{font-size:15px}.lab-game{max-width:960px;margin:25px auto!important}.lab-progress{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7dff0;padding-bottom:16px;margin-bottom:22px}.lab-feedback{padding:16px 20px;border-radius:15px;margin:12px 0 24px;background:#f8f1e4;border:1px solid #e9d7b2}.lab-feedback.good{background:#eaf7f2;border-color:#c7e6d9}.lab-feedback p{margin-bottom:0}.lab-cross-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr);gap:36px}.lab-cross{display:grid;grid-template-columns:repeat(var(--size),1fr);border:2px solid #4d2f72;max-width:390px;aspect-ratio:1;background:#4d2f72;gap:2px}.lab-cross-cell{position:relative;background:white;min-width:0;display:block!important;aspect-ratio:1}.lab-cross-cell>span{position:absolute;top:3px;left:5px;font-size:10px;color:#78658e;z-index:1}.lab-cross-cell input{width:100%;height:100%;padding:10px 2px 0;text-align:center;font-size:32px;border:0;border-radius:0;font-weight:700}.lab-cross-cell input[readonly]{background:#f0e7ff}.lab-cross-layout .actions{margin:18px 0}.lab-cross-layout ol{padding-left:22px;line-height:2}.lab-story-scene{display:grid;grid-template-columns:230px 1fr;gap:26px}.lab-story-scene>svg{width:100%;border-radius:20px}.lab-story-text{font-size:18px;line-height:1.8}.lab-world{position:relative;margin:20px 0;overflow:hidden;border:1px solid #b9d5dc;border-radius:18px}.lab-world>img{display:block;width:100%;height:auto}.lab-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;min-height:34px;border-radius:50%;border:2px solid white;background:#7427ec;color:white;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #2d234b55;font-size:15px;padding:0}.lab-pin:hover,.lab-pin:focus-visible{outline:4px solid #ffcf4a;z-index:2}.lab-circuit,#lab-gears{width:100%;max-height:270px;margin:15px 0}.lab-toggle{display:flex!important;align-items:center;gap:10px!important;background:#f4edfc;border-radius:12px;padding:14px}.lab-toggle input{width:22px;height:22px;accent-color:#7427ec}.lab-shape-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);max-width:420px;gap:4px;background:#d8c9e8;border:8px solid #d8c9e8;border-radius:15px;margin:22px auto}.lab-shape-cell{aspect-ratio:1;background:#fff;border:0;border-radius:4px;cursor:pointer}.lab-shape-cell.selected{background:#b18ae9;box-shadow:inset 0 0 0 2px #7427ec}.lab-team{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.lab-private{background:#34204e;color:white;padding:24px;border-radius:18px;margin:20px 0}.lab-private p{font-size:21px;line-height:1.5}.lab-private .pill{background:#5c3d7c;color:#ffe9a8}.lab-shared{background:#f5f0fb;border:1px dashed #b99bdc;border-radius:16px;padding:20px;margin-bottom:20px}.lab-celebration{text-align:center;background:radial-gradient(ellipse at top,#fff1b7,#f2e9ff 70%);padding:30px;border-radius:24px}.lab-celebration>svg{width:180px;border-radius:25px}.lab-celebration h2{font-size:32px}.lab-rating{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 0;font-size:13px}.lab-rating .secondary{padding:8px 10px;font-size:13px}.lab-rating button[aria-pressed=true]{background:#e4d4ff;box-shadow:0 0 0 2px #7427ec}.lab-rate-status{color:#396758}.lab-thinking-review{padding:14px 0}.lab-thinking-review .answer{white-space:normal}.lab-thinking-review .correct{background:#e0f3e8!important}.lab-paper{background:white;border:1px solid #ded8e6;border-radius:12px;padding:32px;margin:25px auto;max-width:850px;color:#21172d}.lab-paper-heading{display:flex;justify-content:space-between;gap:20px}.lab-paper-heading>div{max-width:650px}.lab-paper-heading img{flex:0 0 90px}.lab-paper-heading h2{font-size:27px}.lab-print-questions{padding-left:24px}.lab-print-questions li{padding:12px 0}.lab-writing-lines{height:55px;background:repeating-linear-gradient(white 0 26px,#d6d2dc 26px 27px)}.lab-answer-sheet li{padding:12px 0;line-height:1.6}.lab-print-url{font-size:12px}.lab-print-controls{margin:20px 0}.play-lab button:focus-visible,.play-lab input:focus-visible,.play-lab a:focus-visible{outline:3px solid #b382ff;outline-offset:3px}#lab-home{margin-top:25px}.lab-escape details{margin:20px 0}
@media(max-width:850px){.lab-grid{grid-template-columns:1fr}.lab-card>svg{width:110px;flex-basis:110px}.lab-feature>svg{width:155px;flex-basis:155px}.lab-feature h2{font-size:28px}.lab-setup{grid-template-columns:150px 1fr}.lab-story-scene{grid-template-columns:170px 1fr}}@media(max-width:550px){.lab-card{display:block}.lab-card>svg{width:100%;max-height:200px;aspect-ratio:1.5;object-fit:cover;margin-bottom:16px}.lab-feature{padding:22px;gap:18px;display:block}.lab-feature>svg{width:130px;float:right;margin-left:12px}.lab-feature h2{font-size:27px}.lab-setup{display:block}.lab-setup>svg{width:130px;float:right;margin-left:15px}.lab-setup form{display:grid}.lab-cross-layout{grid-template-columns:1fr;gap:12px}.lab-cross{max-width:350px}.lab-story-scene{display:block}.lab-story-scene>svg{width:150px;float:right;margin:0 0 12px 15px}.lab-story-text{font-size:17px}.lab-pin{width:28px;height:28px;min-height:28px;font-size:13px}.lab-paper{padding:20px}.lab-paper-heading{display:block}.lab-paper-heading img{width:80px;height:80px}.lab-game{padding:18px!important}.lab-progress{align-items:flex-start;font-size:13px}.lab-celebration h2{font-size:27px}}@media print{@page{size:A4;margin:15mm}body.lab-printing{background:white!important}body.lab-printing>*{display:none!important}body.lab-printing main,body.lab-printing #app-view,body.lab-printing .play-lab{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important}body.lab-printing main>*{display:none!important}body.lab-printing main>#app-view{display:block!important}.lab-printing .play-lab>*{display:none!important}.lab-printing .play-lab>.lab-paper{display:block!important;border:0;margin:0;padding:0;border-radius:0;box-shadow:none;max-width:none}.lab-printing .lab-answer-sheet{break-before:page}.lab-printing .lab-print-questions li{break-inside:avoid}.lab-printing .lab-paper-heading{display:flex}.lab-printing .lab-paper-heading img{width:85px;height:85px}.lab-printing .lab-paper-heading h2{font-size:24px}.lab-printing .lab-writing-lines{background:none;border-bottom:1px solid #aaa;height:42px}.lab-printing .lab-paper{font-size:12px;line-height:1.4}.lab-printing .lab-print-questions li{padding:10px 0}.lab-printing .lab-print-url{overflow-wrap:anywhere}}