@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2?dpl=dpl_7m2bNSaWTsbWFVV4Q1PptxfDP65H)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_8778cd42-module__wRojWG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_8778cd42-module__wRojWG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
html,body{margin:0;padding:0}body.mode-editor,body.mode-sim{background-color:#09090b;width:100%;height:100%;overflow:hidden}:is(html:has(body.mode-editor),html:has(body.mode-sim)){height:100%;overflow:hidden}:root{--mkt-bg:#000;--mkt-text:#fff;--mkt-text-muted:#a1a1aa;--mkt-text-dim:#d4d4d8;--mkt-panel-bg:#0f0a0a66;--mkt-panel-border:#ffffff26;--mkt-panel-border-light:#ffffff1a;--mkt-panel-shadow:#0006;--mkt-panel-inset:#ffffff1a;--mkt-carousel-bg:#0f0a0aa6;--mkt-carousel-shadow:#000c;--mkt-btn-bg:linear-gradient(135deg, #fff, #e4e4e7);--mkt-btn-text:#18181b;--mkt-btn-shadow:#ffffff26;--mkt-dot:#ffffff4d;--mkt-dot-hover:#fffc;--mkt-dot-active:#fff;--mkt-glow:#ffffff1a;--mkt-glow-max:#ffffff40}html.light-mode{--mkt-bg:#f5f5f4;--mkt-text:#18181b;--mkt-text-muted:#71717a;--mkt-text-dim:#52525b;--mkt-panel-bg:#ffffffb3;--mkt-panel-border:#00000026;--mkt-panel-border-light:#00000014;--mkt-panel-shadow:#0000000f;--mkt-panel-inset:#fffc;--mkt-carousel-bg:#ffffffd9;--mkt-carousel-shadow:#0000001a;--mkt-btn-bg:linear-gradient(135deg, #18181b, #27272a);--mkt-btn-text:#fff;--mkt-btn-shadow:#00000026;--mkt-dot:#0003;--mkt-dot-hover:#00000080;--mkt-dot-active:#18181b;--mkt-glow:#0000000d;--mkt-glow-max:#00000026}body.marketing-body{width:100%;min-height:100vh;font-family:var(--font-inter), "SF Mono", "Fira Code", monospace;color:var(--mkt-text);background-color:var(--mkt-bg);margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}.font-display{font-family:var(--font-outfit), sans-serif}.three-bg{z-index:0;pointer-events:none;opacity:0;animation:3s ease-out forwards fadeInWallpaper;position:fixed;inset:0}@keyframes fadeInWallpaper{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.content-fade{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) 1.5s forwards fadeInContent}@keyframes fadeInContent{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.landing-container{z-index:1;flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex;position:relative}.navbar{justify-content:space-between;align-items:center;padding:32px 0;display:flex}.logo{letter-spacing:-.5px;color:var(--mkt-text);font-size:22px;font-weight:800}.nav-links{align-items:center;gap:16px;display:flex}.nav-link{color:var(--mkt-text-dim);text-transform:uppercase;letter-spacing:1px;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1)}.nav-link:hover{background:var(--mkt-panel-border-light);color:var(--mkt-text);transform:translateY(-1px)}.hero{text-align:center;padding:160px 0 100px}.hero-title{letter-spacing:-2.5px;color:var(--mkt-text);text-shadow:0 8px 32px var(--mkt-panel-shadow);margin:0 0 24px;font-size:76px;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--mkt-text-muted);max-width:600px;margin:0 auto 48px;font-size:18px;line-height:1.6}.signup-pill{background:var(--mkt-panel-bg);border:1px solid var(--mkt-panel-border);-webkit-backdrop-filter:blur(16px);max-width:480px;box-shadow:0 8px 32px var(--mkt-panel-shadow), inset 0 1px 0 var(--mkt-panel-inset);border-radius:50px;align-items:center;margin:0 auto 16px;padding:6px;transition:all .4s cubic-bezier(.2,.8,.2,1);animation:3s ease-in-out infinite alternate gentleGlow;display:flex}@keyframes gentleGlow{0%{box-shadow:0 8px 32px var(--mkt-panel-shadow), inset 0 1px 0 var(--mkt-panel-inset), 0 0 10px var(--mkt-glow)}to{box-shadow:0 8px 32px var(--mkt-panel-shadow), inset 0 1px 0 var(--mkt-panel-inset), 0 0 20px var(--mkt-glow-max)}}.signup-pill:focus-within{border-color:var(--mkt-text);box-shadow:0 8px 48px var(--mkt-panel-shadow), inset 0 1px 0 var(--mkt-panel-inset)}.email-input-pill{color:var(--mkt-text);background:0 0;border:none;outline:none;flex:1;padding:12px 24px;font-family:inherit;font-size:15px}.email-input-pill::placeholder{color:var(--mkt-text-muted)}.btn-primary-pill{background:var(--mkt-btn-bg);color:var(--mkt-btn-text);letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 16px var(--mkt-btn-shadow);border:none;border-radius:40px;padding:14px 32px;font-size:13px;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.2,.8,.2,1)}.btn-primary-pill:hover{box-shadow:0 8px 24px var(--mkt-btn-shadow);transform:scale(1.02)}.hero-footnote{color:var(--mkt-text-muted);font-size:12px}.carousel-section{padding:0 0 60px}.carousel-container{align-items:center;max-width:1040px;margin:0 auto;display:flex;position:relative}.carousel-image-panel{box-shadow:none;z-index:1;aspect-ratio:16/9;background-color:var(--background);border-radius:24px;flex:1.5;position:relative;overflow:hidden;transform:translateY(-20px)}.carousel-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;animation:.5s cubic-bezier(.2,.8,.2,1) fadeSlideIn;display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.carousel-controls{background:var(--mkt-carousel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--mkt-panel-border-light);border-radius:24px;gap:12px;padding:10px 20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.carousel-dot{background:var(--mkt-dot);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .4s cubic-bezier(.2,.8,.2,1)}.carousel-dot:hover{background:var(--mkt-dot-hover)}.carousel-dot.active{background:var(--mkt-dot-active);transform:scale(1.5)}.carousel-text-panel{z-index:2;flex:1;margin-left:-80px;position:relative}.carousel-details{background:var(--mkt-carousel-bg);border:1px solid var(--mkt-panel-border-light);-webkit-backdrop-filter:blur(32px);box-shadow:0 32px 80px var(--mkt-carousel-shadow), inset 0 1px 0 var(--mkt-panel-inset);border-radius:24px;padding:60px}.carousel-details h3{color:var(--mkt-text);letter-spacing:-1px;margin:0 0 16px;font-size:32px;font-weight:700}.carousel-details p{color:var(--mkt-text-dim);margin:0 0 40px;font-size:15px;line-height:1.8}.carousel-link{width:fit-content;display:inline-flex}.global-footer{z-index:200;text-align:center;pointer-events:none;width:100%;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.global-footer p{color:var(--mkt-text-muted);pointer-events:auto;margin:0;font-size:13px}.global-footer a{color:var(--mkt-text);pointer-events:auto;font-weight:600;text-decoration:none;transition:color .3s}.global-footer a:hover{color:var(--mkt-text-muted)}@media (max-width:900px){.carousel-container{flex-direction:column}.carousel-text-panel{width:90%;margin-top:-40px;margin-left:0}.carousel-details{padding:40px 32px}}@media (max-width:768px){.hero-title{letter-spacing:-1.5px;font-size:48px}.signup-pill{border-radius:24px;flex-direction:column;padding:16px}.email-input-pill{width:100%;margin-bottom:12px}.btn-primary-pill{width:100%}}:root{--bg-color:#000;--text-color:#fff;--grid-color:#ffffff14;--panel-bg:#0f0a0ab3;--panel-border:#ffffff1a;--text-muted:#a1a1aa;--btn-bg:#ffffff14;--btn-text:#e4e4e7;--btn-border:#ffffff1a;--btn-hover:#ffffff26;--green-text:#4ade80;--green-bg:#4ade8026;--blue-text:#38bdf8;--blue-bg:#38bdf826;--gold-text:#fbbf24;--gold-bg:#fbbf2426;--red-text:#f87171;--red-bg:#f8717126;--marker-text:#fff;--panel-shadow:#0009}html.light-mode{--bg-color:#f5f5f4;--text-color:#18181b;--grid-color:#0000000a;--panel-bg:#fffffff0;--panel-border:#00000014;--text-muted:#71717a;--btn-bg:#0000000a;--btn-text:#52525b;--btn-border:#00000014;--btn-hover:#00000014;--green-text:#166534;--green-bg:#16653426;--blue-text:#0284c7;--blue-bg:#0284c726;--gold-text:#ca8a04;--gold-bg:#ca8a0426;--red-text:#dc2626;--red-bg:#dc262626;--marker-text:#000;--panel-shadow:#0000000f;--mkt-bg:#f5f5f4;--mkt-text:#18181b;--mkt-text-muted:#71717a;--mkt-text-dim:#52525b;--mkt-panel-bg:#fffc;--mkt-panel-border:#00000014;--mkt-panel-border-light:#0000000a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:24px 24px;font-family:SF Mono,Fira Code,monospace;transition:background-color .3s,color .3s;overflow:hidden}.ico{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.ico svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.ico-sm svg{width:14px;height:14px}.ico-md svg{width:18px;height:18px}.ico-lg svg{width:20px;height:20px}#scene{cursor:default;width:100vw;height:100vh;position:relative;overflow:hidden}#scene.panning{cursor:move}#transform-group{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}#course{image-rendering:auto;filter:brightness(1.05)saturate(1.1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute}#overlay-canvas{pointer-events:none;z-index:40;position:absolute;top:0;left:0}.marker{cursor:grab;z-index:50;color:var(--marker-text);-webkit-user-select:none;user-select:none;border:2px solid var(--marker-border);border-radius:50%;justify-content:center;align-items:center;font-weight:800;transition:box-shadow .15s,transform .1s;display:flex;position:absolute;transform:translate(-50%,-50%)}.marker:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.2)}.marker:hover{z-index:60;box-shadow:0 0 24px #ffffffb3}.marker .tooltip{color:#4ade80;white-space:nowrap;pointer-events:none;opacity:0;background:#000000f2;border:1px solid #4ade804d;border-radius:6px;padding:5px 12px;font-size:11px;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.marker:hover .tooltip{opacity:1}.marker .coords{color:#ffffffb3;white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}#trail-canvas{pointer-events:none;z-index:30;position:absolute;top:0;left:0}#ball{z-index:45;background:#fff;border-radius:50%;width:10px;height:10px;transition:box-shadow .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffffe6,0 0 24px #fff6}#ball.splash{box-shadow:0 0 16px #38bdf8,0 0 32px #38bdf880}#pin{z-index:35;background:#fff;border-radius:1px;width:3px;height:32px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 1px 4px #0000004d}#pin:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#fbbf24;width:16px;height:11px;position:absolute;top:0;left:3px}#hole-ring{z-index:34;background:#0006;border:2px solid #0009;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}#mode-switcher{z-index:400;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--panel-shadow);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.mode-tabs{gap:4px;display:flex}.mode-btn{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s}.mode-btn.active{color:#fff;background:#166534;box-shadow:0 2px 8px #1665344d}#zoom-badge{color:var(--text-muted);letter-spacing:1.5px;justify-content:center;align-items:center;margin-top:5px;padding:6px 16px;font-size:11px;font-weight:800;display:flex}#hud{z-index:100;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:300px;box-shadow:0 4px 24px var(--panel-shadow);border-radius:14px;padding:22px 26px;transition:opacity .3s,transform .3s;position:fixed;top:20px;left:20px}#hud h1{color:var(--green-text);letter-spacing:2px;text-transform:uppercase;margin-bottom:3px;font-size:14px}#hud .sub{color:var(--text-muted);margin-bottom:14px;font-size:10px}.hud-row{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.hud-row .label{color:var(--text-muted)}.hud-row .val{color:var(--text-color);font-weight:700}.hud-row .val.green{color:var(--green-text)}.hud-row .val.blue{color:var(--blue-text)}.hud-row .val.red{color:var(--red-text)}.hud-row .val.gold{color:var(--gold-text)}.divider{background:var(--panel-border);height:1px;margin:10px 0}.footnote{color:var(--text-muted);margin-top:10px;font-size:9px;line-height:1.5}.speed-row{gap:4px;margin-top:10px;display:flex}.speed-btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:6px 0;font-size:10px;font-weight:700;transition:background .15s}.speed-btn:hover{background:var(--btn-hover)}.speed-btn.active{color:#fff;background:#166534;border-color:#166534}.phase-badge{letter-spacing:1px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.phase-air{background:var(--btn-bg);color:var(--text-color);border:1px solid var(--btn-border)}.phase-skip{background:var(--blue-bg);color:var(--blue-text);border:1px solid var(--blue-bg)}.phase-roll{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-bg)}.phase-holed{background:var(--gold-bg);color:var(--gold-text);border:1px solid var(--gold-bg)}.phase-stopped{background:var(--btn-bg);color:var(--text-muted);border:1px solid var(--btn-border)}#replay{color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;padding:10px 0;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}#replay:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1665344d}#panel-toggle{z-index:300;background:var(--panel-bg);border:1px solid var(--panel-border);cursor:pointer;color:var(--green-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:none;border-radius:8px 0 0 8px;padding:12px 8px;font-size:16px;transition:right .3s;position:fixed;top:50%;right:0;transform:translateY(-50%)}#panel-toggle:hover{filter:brightness(1.2)}#panel-toggle.open{right:380px}#telemetry-toggle{z-index:300;background:var(--panel-bg);border:1px solid var(--panel-border);cursor:pointer;color:var(--green-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:none;border-radius:0 8px 8px 0;padding:12px 8px;font-size:16px;transition:left .3s;position:fixed;top:50%;left:0;transform:translateY(-50%)}#telemetry-toggle:hover{filter:brightness(1.2)}#telemetry-toggle.open{left:280px}#telemetry-panel{z-index:250;background:var(--panel-bg);border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:280px;height:100vh;box-shadow:8px 0 32px var(--panel-shadow);padding:24px 20px;transition:left .3s;display:block;position:fixed;top:0;left:-280px;overflow-y:auto}#telemetry-panel.open{left:0}#telemetry-title{text-transform:uppercase;letter-spacing:2px;color:var(--green-text);text-align:center;margin-bottom:12px;font-size:11px;font-weight:800}#three-container{background:var(--btn-bg);border:1px solid var(--btn-border);width:100%;height:200px;box-shadow:inset 0 2px 10px var(--panel-shadow);border-radius:8px;margin-bottom:16px;overflow:hidden}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.m-box{background:var(--btn-bg);text-align:center;border:1px solid var(--btn-border);border-radius:6px;padding:8px}.m-lbl{color:var(--text-muted);letter-spacing:1px;margin-bottom:4px;font-size:9px;font-weight:700}.m-val{color:var(--text-color);font-size:16px;font-weight:800}#panel{z-index:250;background:var(--panel-bg);border-left:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:380px;height:100vh;box-shadow:-8px 0 32px var(--panel-shadow);transition:right .3s;position:fixed;top:0;right:-380px;overflow-y:auto}#panel.open{right:0}.panel-header{border-bottom:1px solid var(--panel-border);padding:24px 24px 16px}.panel-header h1{color:var(--green-text);letter-spacing:2px;text-transform:uppercase;align-items:center;margin-bottom:4px;font-size:16px;display:flex}.panel-header p{color:var(--text-muted);font-size:11px}.panel-section{border-bottom:1px solid var(--panel-border);padding:16px 24px}.panel-section h2{color:var(--green-text);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.panel-section h2:after{content:"";background:var(--green-bg);flex:1;height:1px}.step{align-items:flex-start;gap:12px;padding:8px 0;display:flex}.step-num{color:var(--text-color);flex-shrink:0;min-width:20px;font-size:13px;font-weight:700}.step-num:after{content:"."}.step-text{color:var(--text-muted);font-size:12px;line-height:1.5}.step-text strong{color:var(--text-color)}.marker-legend{color:var(--text-muted);align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.marker-legend .dot{color:#fff;border:2px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:flex}.marker-legend .desc{line-height:1.4}.marker-legend .desc small{color:var(--text-muted);font-size:10px;display:block}.control-row{align-items:center;gap:12px;padding:8px 0;display:flex}.control-key{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-color);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:11px}.control-desc{color:var(--text-muted);font-size:12px}.btn-row{gap:8px;padding:4px 0;display:flex}.btn{letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:11px 0;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}.btn-primary:hover{box-shadow:0 4px 16px #1665344d}.btn-secondary{background:var(--btn-bg);color:var(--text-color);border:1px solid var(--btn-border)}.btn-warn{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-bg)}.btn-ref{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-bg)}.btn-ref:hover{filter:brightness(1.2)}#export-output{background:var(--btn-bg);border:1px solid var(--green-bg);color:var(--green-text);white-space:pre-wrap;word-break:break-all;border-radius:8px;max-height:150px;margin-top:8px;padding:10px 12px;font-size:9px;display:none;overflow-y:auto}.tip-box{background:var(--green-bg);border:1px solid var(--green-bg);color:var(--text-muted);border-radius:8px;margin-top:8px;padding:12px;font-size:11px;line-height:1.6}.tip-box strong{color:var(--green-text)}#lightbox{z-index:500;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lightbox.active{display:flex}#lightbox img{max-width:90vw;max-height:90vh;box-shadow:0 12px 48px var(--panel-shadow);border-radius:16px}#lightbox-close{background:var(--btn-bg);border:1px solid var(--btn-border);cursor:pointer;width:40px;height:40px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background .2s;display:flex;position:absolute;top:24px;right:24px}#lightbox-close:hover{background:var(--btn-hover)}#lightbox-label{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 20px;font-size:12px;font-weight:600;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}body.mode-editor #hud,body.mode-editor #telemetry-panel,body.mode-editor #telemetry-toggle{opacity:0!important;pointer-events:none!important;transform:translateY(-10px)!important}body.mode-editor #ball,body.mode-editor #trail-canvas,body.mode-editor #pin,body.mode-editor #hole-ring{display:none}body.mode-sim #panel-toggle,body.mode-sim #panel{opacity:0!important;pointer-events:none!important;transform:translate(10px)!important}body.mode-sim .marker{opacity:0;pointer-events:none;transition:opacity .3s}body.mode-sim .marker.revealed{opacity:1}#visualizer-container{width:100vw;height:100vh;position:absolute;top:0;left:0}#layer-2d,#layer-3d{width:100%;height:100%;box-shadow:none;z-index:10;border-radius:0;transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden}#layer-2d{transform-origin:0 0}body.mode-editor #layer-3d{opacity:0;pointer-events:none}body.mode-editor #layer-2d{width:100%;height:100%}body.mode-sim #visualizer-container.view-2d #layer-2d{z-index:10;opacity:1;box-shadow:none;border:none;border-radius:0;transform:scale(1)translate(0)}body.mode-sim #visualizer-container.view-2d #layer-3d{transform-origin:100% 100%;z-index:20;opacity:1;border:4px solid #ffffff1a;border-radius:40px;transform:scale(.22)translate(-90px,-90px);box-shadow:0 40px 160px #000c}body.mode-sim #visualizer-container.view-3d #layer-3d{z-index:10;opacity:1;box-shadow:none;border:none;border-radius:0;transform:scale(1)translate(0)}body.mode-sim #visualizer-container.view-3d #layer-2d{transform-origin:100% 100%;z-index:20;opacity:1;border:4px solid #ffffff1a;border-radius:40px;transform:scale(.22)translate(-90px,-90px);box-shadow:0 40px 160px #000c}#pip-swap-btn{z-index:100;background:var(--panel-bg);color:var(--text-color);border:1px solid var(--panel-border);cursor:pointer;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:fixed;bottom:290px;right:20px}#pip-swap-btn:hover{background:var(--btn-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes simFadeZoom{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}#scene{opacity:0}#scene.loaded{animation:1s cubic-bezier(.2,.8,.2,1) forwards simFadeZoom}@keyframes hubSlideDown{0%{opacity:0;transform:translateY(-30px)translate(-50%)}to{opacity:1;transform:translateY(0)translate(-50%)}}#mode-switcher{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) .3s forwards hubSlideDown}@keyframes hudFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}#hud{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) .6s forwards hudFadeIn}@keyframes toggleFadeRight{0%{opacity:0;transform:translateY(-50%)translate(20px)}to{opacity:1;transform:translateY(-50%)translate(0)}}#panel-toggle{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) .8s forwards toggleFadeRight}.fixed-footer{z-index:200!important;border-top:none!important;width:auto!important;padding:0!important;position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}