.play-page{--paper:#f5f1e6;--muted:#526362;background:var(--paper)}.play-wrap{width:min(100% - 64px,1320px);margin:auto}.play-page .nav{width:min(100% - 64px,1320px);height:auto;min-height:88px;gap:22px}.play-page .nav nav{gap:22px}.play-docs{font-size:13px;font-weight:700;text-decoration:none;border:1px solid var(--ink);padding:10px 15px;white-space:nowrap}.play-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:28px 0 34px}.play-heading h1{margin:6px 0 0;font:600 clamp(38px,4.2vw,59px)/1.02 Fraunces,serif;letter-spacing:-.045em}.play-heading h1 em{color:#a94134;font-weight:600}.play-heading>p{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 4px}.eyebrow,.menu-label{font:500 10px/1.5 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.play-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:28px}.experiment-menu{padding-top:6px}.menu-label{margin:0 0 14px;color:var(--muted)}.experiment-list{display:grid;gap:7px}.experiment{display:flex;align-items:baseline;gap:12px;border:1px solid transparent;background:transparent;width:100%;padding:14px 12px;text-align:left;color:var(--ink);cursor:pointer;font:inherit}.experiment:hover{background:#ede8da}.experiment[aria-pressed=true]{background:#e1edab;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.experiment-number{font:11px 'DM Mono',monospace;color:#526362}.experiment strong{display:block;font-size:14px;line-height:1.45}.experiment small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.free-play{background:transparent;border:1px dashed var(--ink);padding:13px;width:100%;margin-top:17px;text-align:left;font:600 14px 'DM Sans',sans-serif;cursor:pointer}.free-play[aria-pressed=true]{background:var(--lime)}.menu-note{font-size:12px;line-height:1.65;color:var(--muted);margin:24px 0 12px}.experiment-menu>a{font-size:12px;text-underline-offset:4px}.workbench{min-width:0;scroll-margin-top:20px}.experiment-intro{display:flex;justify-content:space-between;gap:20px;min-height:113px;padding:0 0 18px}.experiment-intro h2{font:600 27px/1.2 Fraunces,serif;letter-spacing:-.03em;margin:7px 0}.experiment-intro p{font-size:14px;line-height:1.6;color:var(--muted);max-width:66ch;margin:0}.experiment-tag{white-space:nowrap;color:#a94134;font:12px 'DM Mono',monospace;padding-top:6px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1.5px solid var(--ink);box-shadow:6px 6px 0 #c7cabc;background:#fffaf1}.editor-pane,.results-pane{min-width:0;display:flex;flex-direction:column}.editor-pane{border-right:1px solid var(--ink);background:#143336;color:#eff1e4}.pane-bar{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 17px;background:#e8dfcc;color:var(--ink);border-bottom:1px solid var(--ink)}.pane-bar h3{font:600 13px 'DM Sans',sans-serif;margin:0 auto 0 0}.pane-bar label{font-size:11px}.pane-bar select{min-height:34px;background:#fffaf1;border:1px solid #657573;color:var(--ink);padding:5px 7px;font:12px 'DM Mono',monospace}#input{display:block;width:100%;min-height:286px;resize:vertical;background:#143336;color:#f4f4e7;border:0;padding:20px 18px;font:12px/1.7 'DM Mono',monospace;tab-size:2}#input:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}.editor-meta{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;color:#b7c6be;font:10px 'DM Mono',monospace;border-top:1px solid #496263}.scan-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:15px 18px 8px}.play-page .button-lime{background:var(--lime);color:var(--ink);padding:11px 17px;cursor:pointer;font-size:14px;min-height:44px;box-shadow:3px 3px 0 #082023;border:1px solid var(--ink)}#scan-help{flex:1;min-width:110px;color:#bcc9c4;font-size:11px;line-height:1.5}.quiet-button{border:0;border-bottom:1px solid currentColor;background:transparent;font:500 12px 'DM Sans',sans-serif;padding:10px 0;min-height:44px;cursor:pointer;color:inherit}.remix-actions{display:flex;gap:20px;padding:0 18px 13px}.editor-pane .quiet-button{color:#e4eba5}.fix-note{font-size:12px;line-height:1.6;padding:0 18px 16px;margin:0;color:#e4eba5}.input-error{margin:8px 18px;color:#ffd3c8;font-size:12px}.result-status{padding:12px 17px;font-size:12px;color:var(--muted);border-bottom:1px solid #ddd6c8;min-height:43px}.empty-result{padding:34px 24px;max-width:370px;margin:auto;text-align:center}.empty-symbol{display:block;font:44px Fraunces,serif;color:#a94134}.empty-result h4{font:600 24px/1.15 Fraunces,serif;letter-spacing:-.025em;margin:18px 0 12px}.empty-result p{font-size:13px;line-height:1.6;color:var(--muted)}.empty-result>span:last-child{display:block;font:10px 'DM Mono',monospace;letter-spacing:.1em;margin-top:25px;color:#657573}#results{flex:1;max-height:460px;overflow:auto;overflow-wrap:anywhere}.result-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #ddd6c8;padding:13px 17px;font:10px/1.6 'DM Mono',monospace;color:var(--muted)}.finding{padding:16px 18px;border-bottom:1px solid #ddd6c8}.finding-top{display:flex;gap:10px;align-items:center;font:10px 'DM Mono',monospace}.finding-top strong{background:#f4c8ba;padding:4px 6px}.finding h4{font-size:14px;line-height:1.5;margin:10px 0 6px}.finding p{font-size:12px;line-height:1.6;margin:6px 0;color:var(--muted)}.finding pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#ede8da;padding:10px;font:11px/1.6 'DM Mono',monospace}.finding details{font-size:12px;margin-top:9px}.finding summary{cursor:pointer;padding:8px 0}.finding a{text-underline-offset:3px}.result-error{padding:24px;font-size:14px;line-height:1.6}.takeaway{display:flex;gap:12px;align-items:center;margin:18px 0 24px;color:var(--muted);font-size:12px;line-height:1.6}.takeaway>span{color:#a94134;font-size:24px}.takeaway p{margin:0}.cli-next{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;padding:28px;background:#e7edce;border:1px solid var(--ink)}.cli-next h2{font:600 30px/1.05 Fraunces,serif;letter-spacing:-.03em;margin:10px 0}.cli-next p{font-size:13px;line-height:1.6}.cli-steps p{margin:0 0 10px}.cli-steps pre{padding:16px;background:#143336;color:#eff1e4;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 'DM Mono',monospace}.cli-note{color:var(--muted);margin-top:12px!important}.play-footer{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding:23px 0;margin-top:48px;font-size:12px;color:var(--muted)}.play-footer>span{margin-right:auto}#verdict{font:600 11px 'DM Mono',monospace;border:1px solid currentColor;padding:5px}#copy-status{font-size:12px;margin-left:12px}.notice{padding:16px;border:1px solid #a94134}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.play-page button:focus-visible,.play-page select:focus-visible,.workbench:focus-visible{outline:3px solid #a94134;outline-offset:3px}.editor-pane button:focus-visible{outline-color:var(--lime)}
@media(min-width:1600px){#input{min-height:340px}}
@media(max-width:1100px){.play-layout{grid-template-columns:185px minmax(0,1fr);gap:20px}.play-wrap,.play-page .nav{width:calc(100% - 40px)}.play-page .nav nav{gap:14px}.play-heading>p{font-size:14px}.editor-grid{grid-template-columns:1fr 1fr}.pane-bar{padding-inline:12px;gap:6px}.pane-bar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media(max-width:800px){.play-heading{padding-top:22px;align-items:flex-start;flex-direction:column;gap:14px}.play-heading h1 br{display:none}.play-heading>p br{display:none}.play-layout{grid-template-columns:1fr}.experiment-menu{display:flex;flex-wrap:wrap;gap:12px}.menu-label{width:100%;margin:0}.experiment-list{display:flex;gap:8px;overflow-x:auto;width:100%;padding:0 4px 6px}.experiment{flex:0 0 185px;border:1px solid #c2c6b8}.free-play{width:auto;margin:0;padding:10px 15px}.menu-note{display:none}.experiment-menu>a{align-self:center}.experiment-intro{min-height:0;padding-bottom:16px}.play-page .nav{min-height:100px;gap:12px}.play-page .nav nav{order:3;overflow:visible;flex-wrap:wrap;width:100%;margin:0;padding-bottom:4px}.play-docs{margin-left:auto}.editor-grid{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--ink)}#input{min-height:250px}.results-pane{min-height:300px}.empty-result{padding:24px}.cli-next{grid-template-columns:1fr}.play-heading h1{font-size:42px}.play-footer{gap:15px}.play-footer>span{width:100%}}
@media(max-width:400px){.play-wrap,.play-page .nav{width:calc(100% - 28px)}.play-heading h1{font-size:36px}.cli-next{padding:20px}.remix-actions{gap:14px}.experiment-intro h2{font-size:25px}.play-page .nav nav{font-size:12px}}

.play-page a{color:inherit}.experiment-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.experiment-actions .scan-actions{padding:0;justify-content:flex-end;flex-wrap:nowrap}.engine-help{padding:4px 18px 0;margin:0 0 4px}.experiment-actions .button-lime{white-space:nowrap}@media(max-width:540px){.experiment-intro{flex-wrap:wrap;gap:12px}.experiment-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.experiment-actions .experiment-tag{order:2}.experiment-actions .scan-actions{justify-content:flex-start}}
.experiment-menu,.experiment-list{min-width:0}.experiment-list{max-width:100%}@media(max-width:800px){.play-layout{grid-template-columns:minmax(0,1fr)}.experiment-list{flex-basis:100%}}

.project-guide{display:inline-flex;text-decoration:none;margin:8px 0 6px}.reproduce-input{border-top:1px solid #98a585;margin-top:20px;padding-top:8px}.reproduce-input summary{cursor:pointer;font-size:13px;font-weight:600;min-height:44px;display:list-item;align-content:center;padding-block:12px}.reproduce-input[open] summary{margin-bottom:12px}.reproduce-input summary:focus-visible{outline:3px solid #a94134;outline-offset:3px}#project-copy-status{display:block;font-size:12px;min-height:18px;margin:5px 0 10px}.shortcut-hint{font:10px 'DM Mono',monospace;color:#c5d1c8;padding:6px 18px;margin:0}.cli-steps .reproduce-input p{font-size:12px}.play-page .cli-next a.button-lime{color:var(--ink)}

.experiment-scroll-hint{display:none}@media(max-width:800px){.experiment-scroll-hint{display:block;font-size:10px;letter-spacing:0;text-transform:none;margin-top:4px}}