.site-header{height:78px}.site-header nav .current{font-weight:700;color:var(--teal)}.playground{padding-top:35px;padding-bottom:44px;background:#0c1923;color:#e8f1f6;border-bottom:1px solid #334957;scroll-margin-top:0}.playground-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.playground .eyebrow{color:#96cda2;font-size:.72rem;margin-bottom:10px}.playground h1{font-family:inherit;letter-spacing:-.04em;font-weight:500;font-size:clamp(1.75rem,3.3vw,2.8rem);margin:0;line-height:1.2}.runtime-badge{font-size:.75rem;color:#b6c8d3;border:1px solid #48606f;border-radius:25px;padding:8px 12px;white-space:nowrap}.environment-tabs{display:flex;gap:10px;margin:25px 0 22px;flex-wrap:wrap}.environment{display:flex;gap:12px;align-items:center;background:#172934;border:1px solid #344c5c;border-radius:4px;color:#c6d4dc;padding:13px 18px;min-height:48px;font-size:.875rem;cursor:pointer}.environment span{font-size:.75rem;color:#8ca4b3;font-family:monospace}.environment.active{border-color:#a7df83;background:#283e35;color:#e7f9d8}.environment.active span{color:#bafa68}.environment:hover{border-color:#a7df83}.playground-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #344b5a;background:#11232f;min-width:0}.view-panel{min-width:0;border-right:1px solid #344b5a}.scene-wrap{position:relative;min-width:0;height:465px;background:radial-gradient(ellipse at 50% 55%,#16313a 0,#0c1923 72%)}#field-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-5px}#field-canvas:active{cursor:grabbing}.scene-top{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font-family:monospace;font-size:.75rem;color:#a0b7c4;pointer-events:none}.scene-bottom{position:absolute;left:20px;right:18px;bottom:14px;display:flex;gap:15px;align-items:center;justify-content:space-between;pointer-events:none}.scene-bottom p{margin:0;font-size:.75rem;color:#93aeba}.scene-bottom button{pointer-events:auto;background:#142937dc;border:1px solid #4e6979;border-radius:3px;color:#d5e2e9;font-size:.8rem;padding:9px 12px;min-height:40px;cursor:pointer}.timeline{display:grid;grid-template-columns:90px minmax(50px,1fr) 90px;gap:16px;align-items:center;padding:12px 20px;border-top:1px solid #344b5a;background:#172b38}.timeline button{padding:9px 10px;min-height:44px;background:#d1ef98;border:0;border-radius:3px;color:#14271e;cursor:pointer;font-size:.875rem;display:flex;justify-content:center;gap:10px;align-items:center;font-weight:600}.timeline output{font-family:monospace;font-size:.8rem;text-align:right;white-space:nowrap}.playground input[type=range]{width:100%;accent-color:#bbec83;min-height:44px;margin:0;cursor:pointer}.playground input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.magnitude-legend{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:18px;align-items:start;padding:16px 20px 13px;border-top:1px solid #344b5a;font-size:.75rem;color:#b1c6d3}.magnitude-legend>span{padding-top:0}.viridis-ramp{height:9px;border-radius:2px;background:linear-gradient(to right,rgb(68,1,84),rgb(72,36,117),rgb(65,68,135),rgb(53,95,141),rgb(42,120,142),rgb(33,145,140),rgb(34,168,132),rgb(68,191,112),rgb(122,209,81),rgb(189,223,38),rgb(253,231,37))}.legend-ticks{display:flex;justify-content:space-between;font-family:monospace;font-size:.7rem;margin-top:5px}.field-controls{padding:25px 24px;min-width:0;background:#182d3a}.field-title h2{font-family:inherit;font-size:1.4rem;letter-spacing:-.025em;font-weight:500;margin-bottom:11px}.field-title>p:last-child{font-size:.875rem;color:#aec4d0;line-height:1.55;margin-bottom:24px}.parameter{margin-bottom:13px}.parameter label{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:.875rem}.parameter output{color:#d2eda3;font-family:monospace;white-space:nowrap}.parameter p{font-size:.75rem;color:#a1bac9;line-height:1.45;margin:0 0 14px}.reset-environment{background:transparent;border:1px solid #72909f;border-radius:3px;color:#deebf2;font-size:.875rem;min-height:44px;cursor:pointer;padding:10px 16px;width:100%}.reset-environment:hover,.scene-bottom button:hover{background:#284958}.sample-readout{display:flex;flex-direction:column;gap:7px;padding-top:20px;margin-top:22px;border-top:1px solid #435c6b;font-size:.75rem;color:#a9c0ce}.sample-readout strong{font-family:monospace;font-weight:400;color:#e5f1f7;font-size:.875rem}.field-explainer{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding-top:25px}.field-equation{font-family:Georgia,serif;font-size:1.25rem;line-height:1.5;margin-bottom:12px;color:#e2eace}.motion-note{font-size:.8rem;color:#9db6c5;margin-bottom:0}.trust-note{font-size:.8rem;line-height:1.6;color:#a6becd;border-left:1px solid #42596a;padding-left:23px}.trust-note strong{color:#e2edf2;font-weight:600}.trust-note p{margin:7px 0 9px;line-height:1.5}.trust-note a{color:#bddeab}.playground-help{margin-top:25px;border-top:1px solid #344b5a}.playground-help summary{padding:20px 0 0;font-size:.875rem;cursor:pointer;color:#b7cdda}.playground-help>div{max-width:1000px;font-size:.875rem;color:#b7cdda;padding-top:12px}.playground-help a{color:#d2e3cb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#renderer-error{position:absolute;left:20px;right:20px;top:50px;background:#2b3b43e8;border:1px solid #758d99;color:#e3ebef;padding:14px;font-size:.8rem;line-height:1.5}.no-script{position:absolute;inset:80px 30px;background:#152b39;padding:30px;line-height:1.7}.hero{padding-top:75px}.playground button:focus-visible,.playground input:focus-visible{outline-color:#cfec91}.playground button:disabled{opacity:.45;cursor:default}.field-equation{overflow-wrap:anywhere}@media(min-width:1550px){.scene-wrap{height:510px}}@media(max-width:1050px){.playground-main{grid-template-columns:minmax(0,1fr) 285px}.field-controls{padding:22px 18px}.scene-wrap{height:450px}.magnitude-legend{grid-template-columns:auto minmax(80px,1fr);gap:15px}.legend-name{display:none}.field-explainer{grid-template-columns:minmax(0,1fr) 285px}.runtime-badge{font-size:.7rem}}@media(max-width:800px){.site-header{height:auto;min-height:74px}.site-header nav{width:auto}.playground{padding-top:28px}.playground-main{grid-template-columns:1fr}.view-panel{border-right:0}.scene-wrap{height:420px}.field-controls{border-top:1px solid #344b5a;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:24px}.field-title{grid-column:1/-1}.field-title h2{font-size:1.3rem}.field-title>p:last-child{margin-bottom:20px}.parameter{min-width:0}.field-controls .parameter:nth-of-type(4){grid-column:1/-1}.sample-readout{margin-top:0;padding-top:4px;border-top:0;padding-left:10px}.reset-environment{align-self:center}.field-explainer{grid-template-columns:1fr;gap:20px}.trust-note{padding:16px 0 0;border-left:0;border-top:1px solid #344b5a;max-width:650px}.playground-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.runtime-badge{padding:5px 10px}.environment-tabs{gap:8px;margin-top:22px}.environment{padding:12px 13px;gap:8px}.environment span{display:none}.hero{padding-top:58px}}@media(max-width:430px){.playground h1{font-size:1.85rem}.site-header{gap:16px}.site-header nav{font-size:.8rem}.playground .eyebrow{font-size:.65rem;letter-spacing:.11em}.playground-heading{gap:14px}.runtime-badge{font-size:.65rem}.environment-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.environment{font-size:.8rem;padding:10px 8px;justify-content:center;text-align:center;line-height:1.4}.scene-wrap{height:365px}.scene-top{font-size:.65rem;left:14px;right:14px}.scene-bottom{left:14px;right:14px;gap:10px}.scene-bottom p{font-size:.65rem;max-width:165px;line-height:1.5}.scene-bottom button{font-size:.75rem;padding:8px 10px}.timeline{gap:10px;padding:10px 12px;grid-template-columns:75px minmax(30px,1fr) 76px}.timeline button{font-size:.8rem;gap:7px}.timeline output{font-size:.7rem}.magnitude-legend{padding:15px 14px;gap:15px;font-size:.7rem}.field-controls{padding:22px 18px;grid-template-columns:1fr;gap:0}.field-controls .field-title,.field-controls .parameter:nth-of-type(4){grid-column:auto}.parameter{margin-bottom:12px}.sample-readout{padding:17px 0 0;margin-top:18px;border-top:1px solid #435c6b}.field-equation{font-size:1.1rem}.playground-help summary{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.playground *{scroll-behavior:auto}}
.live-algebra{grid-column:1;grid-row:2;background:#192e39;border-left:2px solid #86bb94;padding:18px 20px;margin-top:0}.live-algebra p{font-size:.8rem;line-height:1.65;color:#abc2cf;margin-bottom:8px}.live-algebra p:last-child{margin-bottom:0}#live-multivector{font-family:Georgia,serif;font-size:1.05rem;color:#e4eecf;overflow-wrap:anywhere}#live-input{font-family:monospace;font-size:.75rem}.trust-note{grid-column:2;grid-row:1/3}.scene-bottom button.active{background:#d4efa4;color:#142b24;border-color:#d4efa4}.scene-bottom p{flex:1}.scene-bottom{gap:9px}@media(max-width:800px){.live-algebra,.trust-note{grid-column:auto;grid-row:auto}.scene-bottom{gap:10px}.field-explainer{gap:18px}}@media(max-width:430px){.scene-bottom p{display:none}.scene-bottom{justify-content:flex-end}.scene-bottom button{font-size:.8rem}.magnitude-legend{grid-template-columns:auto minmax(65px,1fr)}#live-multivector{font-size:1rem}}
#displacement-vector{font-family:Georgia,serif;font-size:1.05rem;color:#e4eecf;overflow-wrap:anywhere}#displacement-residual{font-family:monospace;font-size:.75rem;padding-bottom:12px;border-bottom:1px solid #3c5663;margin-bottom:12px}.environment-tabs{max-width:620px}.environment{flex:1}@media(max-width:430px){.environment-tabs{grid-template-columns:1fr 1fr}}
.recorded-details{font-size:.8rem;line-height:1.6;color:#c2d7cf;background:#213d40;padding:15px;margin-bottom:23px;border-left:2px solid #a6d37d}.recorded-details p{margin-bottom:10px}.recorded-details p:last-child{margin-bottom:0}.recorded-details a{color:#d1ebb7}.environment-tabs{max-width:900px}.field-controls .parameter[hidden],.recorded-details[hidden]{display:none}.field-controls:has(.recorded-details:not([hidden])) .parameter p{margin-bottom:10px}@media(max-width:800px){.recorded-details{grid-column:1/-1}}@media(max-width:430px){.environment-tabs{grid-template-columns:1fr 1fr}.environment:last-child{grid-column:1/-1}}
/* Quiet motion-study controls and lighter stage framing. */
.playground-main,.view-panel,.timeline,.magnitude-legend{border-color:#29404d}.cue-control{border-top:1px solid #385260;padding-top:10px;margin:0 0 16px}.cue-control label{display:flex;align-items:center;gap:10px;font-size:.875rem;min-height:44px;cursor:pointer}.cue-control input{width:18px;height:18px;accent-color:#bafa68}.cue-control p{font-size:.75rem;color:#9db7c4;line-height:1.55;margin:2px 0 0}.guide-note{font-size:.8rem;color:#b3d0b9;line-height:1.6;margin:0 0 10px}#renderer-error.fallback-note{top:47px;right:auto;max-width:calc(100% - 40px);padding:6px 9px;border:0;background:#132936cc;font-size:.72rem;color:#9db6c5;pointer-events:none}@media(max-width:800px){.cue-control{grid-column:1/-1}}@media(max-width:430px){#renderer-error.fallback-note{left:14px;max-width:calc(100% - 28px);font-size:.65rem}}
.touch-only{display:none!important}@media(pointer:coarse){.touch-only{display:inline-block!important}.playground input[type=range]{min-height:48px}.scene-bottom button{min-height:44px}.cue-control label{min-height:48px}}@media(max-width:430px){.site-header{padding-top:16px;padding-bottom:16px;gap:12px}.site-header nav{column-gap:18px}.playground{padding-top:22px}.playground-heading{flex-wrap:nowrap;align-items:center;gap:8px}.playground-heading>div{min-width:0}.playground h1{font-size:1.65rem}.playground .eyebrow{font-size:.6rem;letter-spacing:.09em}.runtime-badge{font-size:.6rem;padding:5px 7px}.environment-tabs{display:flex;overflow-x:auto;max-width:100%;gap:7px;scrollbar-width:thin;overscroll-behavior-x:contain;margin:18px 0 15px}.environment{flex:0 0 auto;min-width:118px;padding:10px 13px;font-size:.8rem}.environment:last-child{grid-column:auto}.scene-wrap{height:350px}.scene-bottom{left:10px;right:10px;gap:7px}.scene-bottom button{font-size:.75rem;padding:7px 9px}.timeline{grid-template-columns:73px minmax(30px,1fr) 78px;gap:8px}.field-controls{padding:20px 17px}.scene-top{font-size:.62rem}.cue-control p{font-size:.8rem}.guide-note,.motion-note{font-size:.85rem;line-height:1.65}}@media(max-width:370px){.playground h1{font-size:1.45rem}.runtime-badge{max-width:88px;white-space:normal;text-align:center}.scene-wrap{height:320px}.scene-bottom button{font-size:.7rem;padding:7px}.timeline{padding-left:10px;padding-right:10px;grid-template-columns:66px minmax(25px,1fr) 72px}}
@media(max-width:430px){.environment-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px}.environment{min-width:0;min-height:56px;padding:8px 5px;font-size:.875rem;line-height:1.25}.environment:last-child{grid-column:auto}}
@media(min-width:600px) and (max-width:1000px) and (max-height:540px){.scene-wrap{height:clamp(210px,60vh,320px)}.playground{padding-top:22px}.playground-heading h1{font-size:1.9rem}.environment-tabs{margin-top:17px;margin-bottom:16px}.field-controls{padding-top:20px}.scene-bottom p{font-size:.7rem}}