/* Authored game demonstrations shared by the homepage and waitlist tours. */
.lab-tour-preview,.lab-tour-preview *{box-sizing:border-box}
.lab-tour-preview{--lab-ink:#17394e;--lab-orange:#ed7c2b;--lab-cream:#fffaf1;width:100%;max-width:650px;margin-inline:auto;color:var(--lab-ink);font-family:'DM Sans',sans-serif}
.lab-tour-fallback{display:grid;place-items:center;gap:14px;min-height:310px;padding:24px;border:1px solid #c4d0d0;border-radius:15px;background:var(--lab-cream);text-align:center}
.lab-tour-fallback>span{font-size:12px;font-weight:700}.lab-tour-fallback>strong{font:600 clamp(28px,5vw,46px)/1.1 'Fraunces',Georgia,serif}.lab-tour-fallback p{margin:0;font-size:15px}.lab-tour-fallback small{color:#567181;font-size:11px}
.lab-tour-preview.is-ready .lab-tour-fallback{display:none}
.lab-demo{overflow:hidden;min-height:330px;border:1px solid #bccdce;border-radius:14px;background:var(--lab-cream);box-shadow:0 10px 28px #17394e0a}
.lab-demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#17394e;color:#fffaf1}
.lab-demo-head>span{font:700 10px/1.2 'DM Mono',monospace;letter-spacing:.08em}.lab-demo-head small{flex:none;padding:4px 7px;border:1px solid #9eb7c0;border-radius:4px;color:#d8e6e8;font:500 9px/1 'DM Mono',monospace}
.lab-demo-body{padding:17px 20px 16px}
.lab-demo-metrics{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #d9e1df}
.lab-demo-metric{display:grid;gap:4px}.lab-demo-metric:last-child{text-align:right}.lab-demo-metric>span{color:#617b87;font:700 9px/1.15 'DM Mono',monospace;letter-spacing:.055em}.lab-demo-metric>strong{color:#17394e;font:700 24px/1 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.lab-demo-metric:last-child>strong{color:#b85317}
.lab-demo-arithmetic{display:grid;justify-items:center;gap:14px;min-height:118px;padding:4px 0 10px}
.lab-demo-question{margin:0!important;color:#17394e!important;font:600 clamp(31px,4.3vw,47px)/1.1 'Fraunces',Georgia,serif!important;letter-spacing:-.035em!important;text-align:center;white-space:nowrap}
.lab-demo-answer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,260px);min-height:43px;padding:9px 13px;border:1px solid #9eb8c2;border-radius:7px;background:white;color:#17394e;font:700 22px/1.1 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px #f0b48615}
.lab-demo-answer:after{content:'│';color:#d57838;font-size:19px}.lab-demo-answer.is-empty{color:#82949c;font-size:11px;font-weight:500}
.lab-demo-status{display:flex;align-items:center;gap:7px;min-height:26px;margin:0!important;color:#55737d!important;font:500 11px/1.35 'DM Sans',sans-serif!important}
.lab-demo-status:before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:#809ca5}.lab-demo-status.is-correct{color:#216c56!important}.lab-demo-status.is-correct:before{background:#287f60;box-shadow:0 0 0 3px #d9ebdf}
.lab-demo-clock-track{overflow:hidden;height:4px;margin:9px 0 12px;border-radius:3px;background:#e7e8dd}.lab-demo-clock-track>span{display:block;width:100%;height:100%;background:#ed7c2b;transform:scaleX(var(--lab-time-left,1));transform-origin:left}
.lab-demo-set-track{display:flex;gap:4px;margin:9px 0 12px}.lab-demo-set-track>span{flex:1;min-width:0;height:5px;border-radius:2px;background:#dce2dc}.lab-demo-set-track>span.is-filled{background:#ed7c2b}
.lab-demo-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #d9e1df}
.lab-demo-foot strong{color:#17394e;font:700 11px/1.35 'DM Sans',sans-serif}.lab-demo-foot>span{color:#a95320;font:600 10px/1.3 'DM Sans',sans-serif;text-align:right}
.lab-demo-word .lab-demo-body{padding-top:10px;padding-bottom:10px}.lab-demo-word .lab-demo-metrics{margin-bottom:6px;padding-bottom:7px}.lab-demo-word .lab-demo-metric>strong{font-size:18px}
.lab-demo-clue{margin:0 0 7px!important;color:#56727d!important;font:500 10px/1.3 'DM Sans',sans-serif!important;text-align:center}.lab-demo-clue b{color:#17394e}
.lab-demo-word-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:min(100%,236px);margin:14px auto 15px}
.lab-demo-letter{display:grid;place-items:center;height:36px;border:1px solid #bdcbd0;border-radius:4px;background:#fff;color:#17394e;font:700 19px/1 'DM Sans',sans-serif}
.lab-demo-letter.is-typed{border-color:#698793}.lab-demo-letter.is-miss{border-color:#6a7c88;background:#6a7c88;color:white}.lab-demo-letter.is-near{border-color:#c1752f;background:#c1752f;color:white}.lab-demo-letter.is-hit{border-color:#317c62;background:#317c62;color:white}
.lab-demo-word-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 7px;border:1px solid #c4d2d4;border-radius:6px;background:white;color:#6a818d;font:500 10px/1.2 'DM Sans',sans-serif}.lab-demo-word-entry b{padding:5px 7px;border-radius:4px;background:#ed7c2b;color:#17394e;font-size:10px;white-space:nowrap}.lab-demo-word-entry b.is-pressed{background:#17394e;color:#fff}
.lab-demo-word .lab-demo-status{min-height:18px;margin-top:4px!important;font-size:9px!important}.lab-demo-word .lab-demo-foot{padding-top:6px;margin-top:4px}.lab-demo-word .lab-demo-foot strong,.lab-demo-word .lab-demo-foot>span{font-size:9px}
.lab-tour-preview.is-frozen .lab-demo-answer:after{opacity:.6}
@media(max-width:620px){.lab-demo-body{padding:14px 13px 13px}.lab-demo-head{padding:10px 12px;gap:8px}.lab-demo-head>span{font-size:9px}.lab-demo-head small{font-size:8px}.lab-demo-question{font-size:clamp(26px,7vw,38px)!important}.lab-demo-metric>strong{font-size:22px}.lab-demo-foot{align-items:start}.lab-demo-foot strong{font-size:10px}.lab-demo-foot>span{max-width:16ch;font-size:9px}.lab-demo-word-board{max-width:216px}.lab-demo-word .lab-demo-foot{gap:6px}.lab-demo-word .lab-demo-foot strong{font-size:9px}.lab-demo-word .lab-demo-foot>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lab-tour-preview *{animation:none!important;transition:none!important}}