.racket-lab{--setup-color:#ff269e;color:#f0efe6;padding:42px var(--pad) 28px;background:#151711;scroll-margin-top:0}.racket-heading{border-bottom:1px solid #3d4434;justify-content:space-between;align-items:end;gap:32px;padding-bottom:35px;display:flex}.racket-kicker{letter-spacing:.14em;margin:0 0 25px;font-size:11px;font-weight:700}.racket-heading h2{font:900 clamp(64px, 7.8vw, 126px)/.88 var(--display);letter-spacing:-.025em;margin:0}.racket-heading h2 em{color:var(--pg-acid);font-style:italic}.racket-intro{margin:0 0 3px;font-size:15px;line-height:1.6}.racket-layout{grid-template-columns:minmax(0,1fr) 350px;display:grid}.racket-view{min-width:0;padding:26px 36px 0 0}.racket-model{align-items:center;gap:12px;display:flex}.racket-model b{letter-spacing:.045em;font-size:12px}.racket-model div>span{letter-spacing:.08em;color:#a8b19c;margin-top:6px;font-size:9px;display:block}.racket-expand{color:#d8e3c8;background:0 0;border:0;border-bottom:1px solid #59634c;min-height:44px;margin-left:auto;padding:12px 0;font:700 10px Arial,sans-serif}.racket-stage{isolation:isolate;touch-action:pan-y;cursor:grab;height:clamp(410px,43vw,620px);position:relative;overflow:hidden}.racket-stage:active{cursor:grabbing}.racket-stage canvas{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block;position:relative}[data-render=ready] .racket-stage canvas{opacity:1}.racket-backword{font:900 clamp(90px, 11.5vw, 180px)/.8 var(--display);color:#283020;letter-spacing:-.035em;pointer-events:none;position:absolute;top:10%;left:4%}.racket-backword em{font-style:italic}.racket-stamp{color:#d9ff32;pointer-events:none;font:20px/.95 Permanent Marker,cursive;position:absolute;bottom:12%;right:3%;transform:rotate(8deg)}.racket-loading{z-index:2;letter-spacing:.08em;text-align:center;background:#151711ed;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:25px;font-size:11px;display:flex;position:absolute;inset:0}.racket-loading button{color:#171914;background:#f0efe6;border:0;padding:15px 20px;font-size:11px;font-weight:700}[data-render=ready] .racket-loading{display:none}.racket-lab:not([data-render=ready]) :is(.racket-view-tools,#racket-instructions){visibility:hidden}[data-render=loading] .racket-loading button{display:none}.racket-view-tools{border-top:1px solid #3d4434;justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex}.racket-camera-views{gap:4px;display:flex}.racket-view-tools button{color:#a3ad97;background:0 0;border:0;min-height:44px;padding:0 10px;font-size:10px;font-weight:700}.racket-camera-views button[aria-pressed=true]{color:#f0efe6;box-shadow:inset 0 -2px #f0efe6}.racket-zoom{display:flex}.racket-zoom button{width:40px;font-size:20px}#racket-instructions{letter-spacing:.06em;color:#a8b19c;margin:12px 0 22px;font-size:9px}#racket-instructions span{letter-spacing:0;margin-left:10px}.racket-controls{border-left:1px solid #3d4434;padding:28px 0 0 28px}.racket-field{border:0;min-width:0;margin:0 0 25px;padding:0}.racket-field legend{letter-spacing:.05em;align-items:center;width:100%;margin:0 0 12px;padding:0;font-size:10px;font-weight:700;display:flex}.racket-field legend>span{color:#96a384;margin-right:10px;font:10px monospace}.racket-field legend>small{color:#96a384;margin-left:auto;font-size:9px}.racket-string-options{gap:6px;display:grid}.racket-string-options button{text-align:left;color:#f0efe6;background:0 0;border:1px solid #4d5743;align-items:center;gap:13px;min-height:62px;padding:12px 14px;display:flex}.racket-string-options button[aria-pressed=true]{color:#171914;background:#f0efe6;border-color:#f0efe6}.racket-string-options i{background:var(--string-swatch);border:1px solid #0002;border-radius:8px;width:12px;height:29px;transform:rotate(25deg);box-shadow:inset -3px 0 #0002}.racket-string-options strong{font:900 25px/.9 var(--display);letter-spacing:.02em;display:block}.racket-string-options small{color:#a8b19c;margin-top:5px;font-size:10px;display:block}.racket-string-options [aria-pressed=true] small{color:#606658}.racket-option-mark{opacity:0;margin-left:auto;font-size:18px}.racket-string-options [aria-pressed=true] .racket-option-mark{opacity:1;color:#171914}.racket-gauges button{font-size:13px}.racket-summary{color:#f0efe6;background:#242b1d;padding:18px}.racket-summary-top{justify-content:space-between;align-items:center;height:24px;display:flex}.racket-summary-top>span{letter-spacing:.12em;color:#b7beaa;font-size:9px}.racket-summary-top button{color:#d9ff32;background:0 0;border:0;border-bottom:1px solid #687456;min-height:44px;padding:10px 0;font-size:9px}.racket-summary h3{font:900 34px/1 var(--display);margin:16px 0 19px}.racket-summary h3 span{color:#b7beaa;white-space:nowrap;font:9px Arial,sans-serif}.racket-summary dl{margin:0 0 17px}.racket-summary dl>div{justify-content:space-between;gap:6px;margin:10px 0;display:flex}.racket-summary dt{color:#b7beaa;align-items:center;gap:6px;font-size:9px;display:flex}.racket-summary dt i{background:var(--setup-color);border-radius:50%;width:6px;height:6px}.racket-summary dt span{color:#d1d8c3}.racket-summary dd{margin:0;font-size:10px}.racket-explore{justify-content:space-between;align-items:center;min-height:48px;margin-top:9px;font-size:10px;font-weight:700;display:flex}.racket-footnote{color:#a8b19c;border-top:1px solid #3d4434;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:18px;font-size:10px;line-height:1.5;display:flex}.racket-footnote p{margin:0}.racket-footnote a{white-space:nowrap;text-underline-offset:4px;text-decoration:underline}.racket-noscript{font-size:14px}.racket-expanded{color:#f0efe6;background:#151711;border:0;width:calc(100vw - 40px);max-width:1440px;height:calc(100dvh - 40px);max-height:none;padding:0 26px 20px;overflow:hidden}.racket-expanded::backdrop{background:#0c0d0bd9}.racket-expanded>header{border-bottom:1px solid #3d4434;justify-content:space-between;align-items:center;gap:12px;height:68px;display:flex}.racket-expanded>header b{letter-spacing:.04em;font-size:12px;display:block}.racket-expanded>header span{color:#a8b19c;margin-top:6px;font-size:10px;display:block}.racket-expanded>header button{color:#f0efe6;background:0 0;border:0;min-height:44px;padding:8px 0 8px 16px;font-size:11px;font-weight:700}[data-expanded-content]{height:calc(100% - 68px)}.racket-expanded .racket-layout{height:100%}.racket-expanded .racket-view{flex-direction:column;min-height:0;display:flex}.racket-expanded .racket-stage{touch-action:none;flex:1;height:auto;min-height:0}.racket-expanded .racket-controls{overscroll-behavior:contain;padding-bottom:20px;padding-right:8px;overflow-y:auto}.racket-expanded .racket-view-tools{flex-shrink:0}.racket-lab :focus-visible,.racket-summary :focus-visible{outline-color:#d9ff32}@media (width<=1000px){.racket-layout{grid-template-columns:minmax(0,1fr) 300px}.racket-controls{padding-left:20px}.racket-view{padding-right:20px}.racket-stage{height:570px}.racket-view-tools{flex-wrap:wrap}}@media (width<=700px){.racket-lab{padding:30px 20px 22px}.racket-heading{padding-bottom:23px;display:block}.racket-kicker{margin-bottom:22px;font-size:9px}.racket-heading h2{white-space:nowrap;font-size:clamp(54px,14vw,90px)}.racket-intro{margin-top:15px;font-size:12px}.racket-intro br{display:none}.racket-layout{display:block}.racket-view{padding:19px 0 0}.racket-model b{font-size:11px}.racket-model div>span{font-size:8px}.racket-expand{font-size:9px}.racket-stage{height:clamp(360px,100vw,530px);margin:4px -10px 0}.racket-backword{font-size:clamp(90px,25vw,150px)}.racket-stamp{font-size:16px;bottom:15%;right:3%}.racket-view-tools{flex-wrap:nowrap;gap:2px}.racket-view-tools button{padding:0 8px;font-size:9px}.racket-zoom button{width:33px;font-size:19px}#racket-instructions{margin-bottom:17px;font-size:8px}#racket-instructions span{display:none}.racket-controls{border-top:1px solid #3d4434;border-left:0;padding:24px 0 0}.racket-string-options{grid-template-columns:repeat(3,1fr);gap:6px}.racket-string-options button{min-width:0;min-height:101px;padding:14px 9px 12px;display:block}.racket-string-options i{width:8px;height:24px;margin:0 0 13px 3px;display:block}.racket-string-options strong{font-size:22px}.racket-string-options small{white-space:nowrap;font-size:8px}.racket-string-options .racket-option-mark{display:none}.racket-field{margin-bottom:22px}.racket-summary{padding:20px}.racket-summary dd{font-size:12px}.racket-summary dt{font-size:10px}.racket-footnote{align-items:start;margin-top:17px;font-size:9px}.racket-expanded{width:100%;height:100dvh;padding:0 16px}.racket-expanded>header{height:62px}.racket-expanded>header b,.racket-expanded>header button{font-size:10px}[data-expanded-content]{height:calc(100% - 62px)}.racket-expanded .racket-layout{flex-direction:column;display:flex}.racket-expanded .racket-view{flex-shrink:0;height:40%;padding:0}.racket-expanded .racket-controls{flex:1;min-height:0;padding:18px 0 30px}.racket-expanded .racket-field{margin-bottom:18px}.racket-expanded .racket-backword{font-size:86px}.racket-expanded .racket-stamp{display:none}.racket-expanded .racket-string-options button{align-items:center;gap:10px;min-height:80px;padding:10px;display:flex}.racket-expanded .racket-string-options strong{font-size:20px}.racket-expanded .racket-string-options i{flex-shrink:0;margin:0}.racket-expanded .racket-string-options small{font-size:7px}}@media (prefers-reduced-motion:reduce){.racket-stage canvas{transition:none}}.racket-frame-label{color:#a8b19c;letter-spacing:.08em;font-size:10px}.racket-string-options{grid-template-columns:repeat(6,minmax(0,1fr))}.racket-string-options button{grid-column:span 2;min-height:108px;padding:14px 10px;display:block}.racket-string-options button:nth-child(n+4){grid-column:span 3}.racket-option-swatches{gap:4px;margin-bottom:14px;display:flex}.racket-option-swatches i{width:8px;height:23px;margin:0 3px;display:block}.racket-string-options .racket-option-mark{display:none}.racket-string-options strong{font-size:23px}.racket-string-options small{font-size:9px}.racket-gauges{gap:5px;display:flex}.racket-gauges button{color:#f0efe6;background:0 0;border:1px solid #59634c;flex:1;min-width:0;min-height:44px;padding:10px 5px;font-weight:700}.racket-gauges [aria-pressed=true]{color:#171914;background:#d9ff32;border-color:#d9ff32}.racket-expanded .racket-string-options button{min-height:92px;padding:10px;display:block}.racket-expanded .racket-option-swatches{margin-bottom:10px}@media (width<=700px){.racket-string-options{grid-template-columns:repeat(6,minmax(0,1fr))}.racket-string-options small,.racket-expanded .racket-string-options small{font-size:9px}.racket-heading{padding-bottom:16px}.racket-view{padding-top:10px}}.racket-expanded .racket-expand,.racket-expanded #racket-instructions{display:none}.racket-expanded .racket-model{flex-shrink:0;margin-bottom:6px}.racket-picker{flex:1;min-width:0;max-width:320px;position:relative}.racket-picker select{appearance:none;color:#d8e3c8;cursor:pointer;text-overflow:ellipsis;background:#151711;border:0;border-bottom:1px solid #59634c;border-radius:0;width:100%;min-height:44px;padding:10px 28px 10px 0;font:700 10px Arial,sans-serif}.racket-picker>span:last-child{pointer-events:none;color:#d9ff32;position:absolute;top:11px;right:7px}.racket-expand{flex-shrink:0}@media (width<=700px){.racket-picker select{font-size:9px}.racket-expanded .racket-view{height:45%}}