.fun-heading{justify-content:space-between;align-items:end;padding:0 16px 28px;display:flex}.fun-heading>div{align-items:start;gap:22px;display:flex}.fun-heading .section-label{color:var(--muted);padding-top:5px}.fun-heading>p{color:var(--muted);padding-bottom:4px;font-size:14px}.show-player{color:#e9eaf0;background:#03050a;border-radius:7px;position:relative;overflow:hidden}.show-viewport{aspect-ratio:16/10;min-height:440px;max-height:calc(100svh - 175px);position:relative;overflow:hidden}.show-viewport canvas{width:100%;height:100%;display:block}.show-overlay{pointer-events:none;z-index:2;justify-content:space-between;align-items:start;display:flex;position:absolute;top:24px;left:24px;right:24px}.live-label{letter-spacing:.08em;align-items:center;gap:8px;font-size:12px;display:flex}.live-label i{background:#df7948;border-radius:50%;width:5px;height:5px}.show-phase{color:#b7bcc6;text-align:right;font-size:12px}.show-phase>span{letter-spacing:.11em;color:#848c99;margin-bottom:6px;font-size:10px;display:block}.show-loading{text-align:center;color:#b7bfca;z-index:4;background:#05070c;place-content:center;gap:16px;font-size:14px;display:grid;position:absolute;inset:0}.show-loading>span{border:1px solid #353c48;border-top-color:#e18050;border-radius:50%;width:34px;height:34px;margin:auto;animation:1s linear infinite load-spin}.show-error{max-width:430px;margin:auto;padding:30px;line-height:1.5}.show-error a{color:#ec9469;text-decoration:underline}.show-controls{background:#0b0e14;border-top:1px solid #222630;align-items:center;gap:18px;min-height:67px;padding:12px 22px;display:flex}.show-controls button{color:#dce0e6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:9px;min-height:38px;font-size:12px;display:inline-flex}.show-controls button:hover{color:#f09a6f}.show-controls button:disabled{opacity:.4;cursor:default}.play-button{width:36px}.timeline-info{color:#9ca3af;flex:1;align-items:center;gap:14px;min-width:0;font-size:12px;display:flex}.timeline-track{background:#242a34;flex:1;max-width:210px;height:2px}.timeline-track>span{background:#d96932;height:100%;transition:width .5s linear;display:block}.show-controls .export-button{border-color:#38414e;padding:0 12px}.export-label{color:#949ca8;font-size:12px}.show-notice{color:#e5a47f;background:#161017;padding:10px 24px;font-size:13px}.show-player:-webkit-full-screen{border-radius:0;flex-direction:column;display:flex}.show-player:fullscreen{border-radius:0;flex-direction:column;display:flex}.show-player:-webkit-full-screen .show-viewport{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.show-player:fullscreen .show-viewport{aspect-ratio:auto;flex:1;min-height:0;max-height:none}.show-player:-webkit-full-screen .show-controls{flex-shrink:0}.show-player:fullscreen .show-controls{flex-shrink:0}.fun-caption{justify-content:space-between;gap:35px;padding:30px 16px 42px;display:flex}.fun-eyebrow{letter-spacing:.075em;color:var(--muted);font-size:12px}.fun-caption h2{margin-top:12px;font-size:clamp(2rem,3.9vw,4rem)}.fun-caption p{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.6}.inspiration-link{grid-template-columns:1fr 18px;align-self:center;gap:12px 14px;font-size:14px;display:grid}.inspiration-link>span{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.6}.inspiration-link:hover{color:var(--primary)}.fun-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:20px;padding:20px 16px;font-size:12px;display:flex}.fun-footer a{margin-left:auto}@keyframes load-spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.show-viewport{min-height:390px}.export-label{display:none}.show-controls{gap:10px;padding:10px 15px}.timeline-info{gap:8px}.timeline-track{max-width:120px}.fun-caption{flex-direction:column}.inspiration-link{align-self:start}.fun-heading>p{text-align:right;max-width:150px;line-height:1.5}}@media (max-width:767px){.fun-page{padding-top:96px}.fun-heading{align-items:center;padding:0 12px 25px}.fun-heading h1{font-size:4.5rem}.fun-heading>div{gap:12px}.fun-heading>p{max-width:115px;font-size:12px}.show-viewport{aspect-ratio:4/5;min-height:370px;max-height:none}.show-overlay{top:18px;left:16px;right:16px}.live-label,.show-phase{font-size:10px}.show-controls{flex-wrap:wrap;gap:8px;padding:10px 12px}.timeline-info{flex:1}.timeline-track{max-width:none}.show-controls .export-button{min-height:36px}.show-controls .export-button .export-copy{display:none}.fun-caption{gap:26px;padding:28px 12px 35px}.fun-caption h2{font-size:2.9rem}.fun-footer{padding:20px 12px;font-size:12px}.fun-footer>span:nth-child(2){flex-basis:100%;order:3}.show-player:-webkit-full-screen .show-viewport{aspect-ratio:auto}.show-player:fullscreen .show-viewport{aspect-ratio:auto}}@media (prefers-reduced-motion:reduce){.show-loading>span{animation:none}.timeline-track>span{transition:none}}.saved-video{color:#e4ad89;border:1px solid #38414e;border-radius:3px;align-items:center;gap:9px;min-height:38px;padding:0 12px;font-size:12px;display:inline-flex}.saved-video:hover{border-color:#e4ad89}.show-viewport>canvas{position:absolute;inset:0}.light-studies{gap:0}.study-list{border-radius:0;gap:8px;width:100%;min-height:54px;margin:0 0 18px;background:0 0!important;justify-content:flex-start!important;height:auto!important;padding:0!important}.study-list [data-slot=tabs-trigger]{border:1px solid var(--border);height:auto;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border-radius:4px;flex:0 auto;gap:12px;padding:11px 17px;font-size:14px}.study-list [data-slot=tabs-trigger]>span{color:var(--muted);font-size:12px}.study-list [data-slot=tabs-trigger][data-active]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.study-list [data-slot=tabs-trigger][data-active]>span{color:#e18453}.world-viewport{aspect-ratio:16/10;min-height:490px;max-height:calc(100svh - 230px)}.world-viewport canvas{touch-action:none;cursor:grab;outline:none}.world-viewport canvas:active,.world-viewport canvas.is-dragging{cursor:grabbing}.world-viewport canvas:focus-visible{outline-offset:-3px;outline:2px solid #d96932}.world-tag{letter-spacing:.07em;color:#ccd1d8;font-size:12px}.world-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:end;gap:15px;display:flex;position:absolute;bottom:25px;left:24px;right:24px}.world-coordinates{text-shadow:0 2px 8px #000;flex-direction:column;gap:9px;display:flex}.world-coordinates>span{color:#c1c8d0;letter-spacing:.1em;font-size:10px}.world-coordinates>strong{font-family:var(--font-sans);font-size:17px;font-weight:400}.world-movement{pointer-events:auto;grid-template-rows:repeat(2,38px);grid-template-columns:repeat(4,38px);gap:5px;display:grid}.world-movement button{color:#d9e0e9;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a101acc;border:1px solid #74809266;border-radius:4px;justify-content:center;align-items:center;display:flex}.world-movement button:hover,.world-movement button:active{color:#111;background:#d96932}.move-forward{grid-area:1/2}.move-left{grid-area:2/1}.move-back{grid-area:2/2}.move-right{grid-area:2/3}.move-up{grid-area:1/4}.move-down{grid-area:2/4}.world-toolbar{background:#0b0e14;border-top:1px solid #262d39;align-items:center;gap:22px;padding:13px 20px;display:flex}.navigation-modes{background:0 0;border:1px solid #37404e;border-radius:4px;padding:3px;gap:2px!important}.navigation-modes button{color:#9aa5b5;background:0 0;border:0;border-radius:2px;min-width:64px;height:auto;min-height:34px;padding:5px 10px;font-size:14px}.navigation-modes button[data-pressed]{color:#111;background:#d96932}.world-views{align-items:center;gap:20px;display:flex}.world-views button,.world-actions button{color:#bbc4d1;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:13px;display:inline-flex}.world-views button:hover,.world-actions button:hover{color:#ee996b}.world-toolbar button:disabled{opacity:.4;cursor:default}.world-actions{gap:17px;margin-left:auto;display:flex}.world-help{color:#a7b1bf;background:#0b0e14;border-top:1px solid #222a35;justify-content:space-between;gap:15px;padding:12px 20px;font-size:12px;line-height:1.5;display:flex}.world-help>span:last-child{color:#84909f}:-webkit-any(.world-player:-webkit-full-screen .world-toolbar,.world-player:-webkit-full-screen .world-help){flex-shrink:0}:is(.world-player:fullscreen .world-toolbar,.world-player:fullscreen .world-help){flex-shrink:0}@media (max-width:1050px){.world-toolbar{flex-wrap:wrap;gap:15px;padding:10px 14px}.world-views{gap:13px}.world-help{flex-direction:column;gap:3px;padding:10px 14px}.world-viewport{min-height:450px}.world-hud{left:18px;right:18px}}@media (max-width:767px){.study-list{gap:6px;margin-bottom:12px}.study-list [data-slot=tabs-trigger]{flex:1;gap:7px;min-width:0;padding:10px 8px;font-size:12px}.study-list [data-slot=tabs-trigger]>svg{display:none}.world-viewport{aspect-ratio:4/5;min-height:410px;max-height:none}.world-coordinates>strong{max-width:140px;font-size:14px;line-height:1.4}.world-coordinates>span{letter-spacing:.04em;font-size:9px}.world-hud{bottom:18px;left:15px;right:15px}.world-movement{grid-template-rows:repeat(2,34px);grid-template-columns:repeat(4,32px);gap:4px}.world-toolbar{gap:10px}.navigation-modes button{min-width:53px;padding:4px 8px;font-size:12px}.world-views{border-top:1px solid #222a35;flex-basis:100%;order:3;justify-content:space-between;padding-top:6px}.world-views button{font-size:12px}.world-tag{font-size:10px}.world-help{font-size:12px}}.fun-page{padding-top:56px}.fun-heading{border-bottom:1px solid var(--border);margin-bottom:28px;padding:0 0 32px}.fun-heading>div{display:block}.fun-heading .section-label{margin-bottom:24px;padding-top:0}.fun-heading h1{font-size:clamp(2.6rem,5vw,5rem)}.fun-heading>p{color:var(--muted)}.fun-caption{padding-left:0;padding-right:0}.fun-caption h2{font-size:clamp(1.75rem,3.4vw,3rem);line-height:1.15}.fun-footer{padding-left:0;padding-right:0}.fun-eyebrow{font-family:var(--font-mono)}@media (max-width:767px){.fun-page{padding-top:108px}.fun-heading{flex-direction:column;align-items:start;gap:18px}.fun-heading>p{text-align:left;max-width:none;font-size:14px}}