.foam-pit{height:auto;aspect-ratio:1.92;position:relative;overflow:hidden;isolation:isolate;border:1px solid #e5e8e6;border-radius:8px;background:#f6f6f3;background-image:none;touch-action:pan-y;contain:layout paint style}
.foam-pit:after{display:none}
.foam-pit canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;cursor:default;touch-action:pan-y;outline:none}
.foam-pit canvas.is-over-artifact{cursor:grab}.foam-pit canvas.is-dragging{cursor:grabbing}
.pit-loading{position:absolute;inset:0;z-index:0;display:grid;place-items:center;color:#8a9094;font:400 13px/1.4 "DM Sans",sans-serif;letter-spacing:.01em;transition:opacity .24s ease}
.foam-pit.is-ready .pit-loading{opacity:0;pointer-events:none}
.pit-reset{position:absolute;z-index:6;left:50%;right:auto;bottom:24px;transform:translateX(-50%);min-width:82px;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#5f4cf0;color:#fff;font:400 13px/1 "DM Sans",sans-serif;letter-spacing:-.08px;cursor:pointer;opacity:0;pointer-events:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease,opacity .2s ease}.foam-pit.is-ready .pit-reset{opacity:1;pointer-events:auto}.pit-reset:hover,.pit-reset:focus-visible{border-color:#fff;background:#5541e8;outline:none}.pit-reset:active{background:#4d39df}
.pit-bike-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pit-static-fallback{position:absolute;inset:132px 7.5% 44px;z-index:1;overflow:hidden;border:1px solid rgba(65,54,130,.2);border-radius:22px;background-color:#ededeb;background-image:radial-gradient(circle at 9% 18%,#fff 0 7.5%,transparent 7.8%),radial-gradient(circle at 24% 78%,#e1e3e2 0 9%,transparent 9.3%),radial-gradient(circle at 46% 14%,#eeeaff 0 8%,transparent 8.3%),radial-gradient(circle at 64% 73%,#fcfcf9 0 10%,transparent 10.3%),radial-gradient(circle at 84% 23%,#d7d9da 0 8.5%,transparent 8.8%),radial-gradient(circle at 94% 85%,#ded8ff 0 9%,transparent 9.3%),radial-gradient(circle at 38% 52%,#f2f2ee 0 8%,transparent 8.3%),radial-gradient(circle at 76% 46%,#fff 0 9%,transparent 9.3%);box-shadow:inset 0 26px 34px rgba(39,35,66,.2),inset 18px 0 24px rgba(39,35,66,.08),inset -18px 0 24px rgba(39,35,66,.08),0 -1px 0 rgba(255,255,255,.42)}
.fallback-ball{position:absolute;border-radius:50%;box-shadow:inset -8px -10px 18px rgba(116,119,122,.12),0 8px 18px rgba(48,48,55,.08)}
.fallback-ball-a{left:-2%;top:38%;width:15%;aspect-ratio:1;background:#fcfcf9}.fallback-ball-b{left:52%;top:-6%;width:14%;aspect-ratio:1;background:#c8bfff}.fallback-ball-c{right:2%;bottom:10%;width:13%;aspect-ratio:1;background:#ebece9}
.fallback-artifact{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(42,42,48,.14))}.fallback-drive{left:10%;top:15%;width:8%;height:49%;transform:rotate(-8deg)}.fallback-latte{left:28%;bottom:12%;width:14%}.fallback-basenote{left:45%;top:16%;width:12%;height:42%;transform:rotate(5deg)}.fallback-basenote img{width:100%;height:100%;object-fit:contain}.fallback-cooking{right:24%;bottom:13%;width:14%}.fallback-gameboy{right:8%;top:15%;width:12%;height:44%;object-fit:contain;transform:rotate(7deg)}
.foam-pit.is-fallback .pit-accessibility,.foam-pit.is-fallback .artifact-popover,.foam-pit.is-fallback .pit-bike-source,.foam-pit.is-fallback .pit-reset{display:none}

.artifact-popover{position:absolute;z-index:4;width:236px;min-height:112px;padding:16px 38px 15px 16px;border:1px solid #e3e3df;border-radius:10px;background:rgba(255,255,253,.97);box-shadow:0 10px 26px rgba(39,38,49,.10);color:#26282a;font-family:"DM Sans",sans-serif;transform-origin:center;animation:popover-in .2s cubic-bezier(.2,.75,.2,1);pointer-events:auto}
.artifact-popover[hidden]{display:none}
.artifact-popover h3{margin:0 0 6px;color:#6e5bff;font:500 15px/1.25 "DM Sans",sans-serif;letter-spacing:-.18px}
.artifact-popover p{margin:0;color:#4b5054;font:400 13px/1.45 "DM Sans",sans-serif;letter-spacing:-.08px}
.artifact-popover>a{display:inline-block;margin-top:11px;color:#6e5bff;font:500 13px/1.2 "DM Sans",sans-serif;text-decoration:none}
.artifact-popover>a[hidden]{display:none}
.artifact-popover>a:hover,.artifact-popover>a:focus-visible{color:#503be8;outline:none;text-decoration:underline;text-underline-offset:3px}
.artifact-popover-close{position:absolute;top:8px;right:8px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#8a9094;font:400 19px/1 "DM Sans",sans-serif;cursor:pointer;transition:color .18s ease,background-color .18s ease}
.artifact-popover-close:hover,.artifact-popover-close:focus-visible{background:#f0eeff;color:#6e5bff;outline:none}
@keyframes popover-in{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}

.pit-accessibility{position:absolute;z-index:5;top:10px;left:10px;display:flex;gap:6px;pointer-events:none}
.pit-accessibility button{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pit-accessibility button:focus-visible{position:relative;width:auto;height:auto;margin:0;padding:7px 10px;overflow:visible;clip-path:none;border:1px solid #d9d4ff;border-radius:6px;background:#fff;color:#6e5bff;font:500 12px/1.2 "DM Sans",sans-serif;white-space:nowrap;box-shadow:0 4px 14px rgba(46,42,74,.09);pointer-events:auto;outline:none}

/* Keep the existing footer treatment; only reserve enough width for one clean row. */
@media(min-width:801px){.footer-content{width:620px}.footer-row{flex-wrap:nowrap}.footer-row>div{min-width:0;flex:1 1 auto;flex-wrap:nowrap}.footer-row>p{flex:0 0 auto;white-space:nowrap}}
@media(max-width:800px){.foam-pit{height:100%;aspect-ratio:auto;overflow:hidden;padding:0;display:block}.pit-reset{left:50%;right:auto;bottom:14px;min-width:72px;height:32px;padding:0 10px;font-size:12px}.pit-static-fallback{inset:96px 5% 52px}.artifact-popover{width:min(224px,calc(100% - 24px));padding:14px 36px 14px 14px}.footer-row{align-items:flex-start}.footer-row>div{flex-flow:row wrap}.footer-row>p{flex:0 0 auto;white-space:nowrap}}
@media(max-width:800px){.fallback-drive{left:9%;top:10%;width:15%;height:42%}.fallback-latte{left:13%;bottom:8%;width:24%}.fallback-basenote{left:42%;top:10%;width:21%;height:36%}.fallback-cooking{right:10%;bottom:10%;width:23%}.fallback-gameboy{right:8%;top:29%;width:20%;height:38%}}
@media(max-width:420px){.foam-pit{height:480px}.artifact-popover h3{font-size:14px}.artifact-popover p,.artifact-popover>a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pit-loading,.artifact-popover,.artifact-popover-close{animation:none;transition:none}}