.cosine-lab{--cosine-blue:#69b6e8;--cosine-yellow:#f4d35e;--cosine-green:#75bf82;--cosine-grid:#181512;padding:8px 0 34px}.cosine-hero{text-align:center;max-width:1040px;margin:0 auto;padding:clamp(24px,5vw,58px) 12px clamp(22px,4vw,38px)}.cosine-hero .eyebrow{justify-content:center}.cosine-hero h1{max-width:960px;color:var(--ink);letter-spacing:-.055em;text-wrap:balance;margin:16px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,6vw,5.25rem);font-weight:750;line-height:.98}.cosine-equation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:fit-content;color:var(--ink);letter-spacing:.01em;margin:clamp(22px,4vw,34px) auto 0;padding:12px 22px 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,3vw,2rem)}.cosine-equation sup{font-size:.56em}.cosine-first-box,.cosine-plane{border:1px solid var(--line);background:#ffffffad;border-radius:24px;box-shadow:0 18px 52px #44251c14}.cosine-first-box{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:0;display:grid;overflow:hidden}.cosine-moduli,.cosine-triangle{min-width:0;padding:clamp(18px,3vw,34px)}.cosine-moduli{border-right:1px solid var(--line)}.cosine-section-heading,.plane-topline{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.cosine-section-heading span,.plane-topline span{color:var(--sienna);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:850}.cosine-section-heading h2,.plane-topline h2{letter-spacing:-.025em;margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,2.2vw,1.65rem);font-weight:650}.cosine-section-heading>strong{color:var(--sienna);flex:none;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:600}.cosine-moduli svg,.cosine-triangle svg{touch-action:none;width:100%;height:auto;margin-top:12px;display:block}.cosine-moduli svg{cursor:crosshair}.moduli-region{stroke:#594940;stroke-width:1.6px}.moduli-right-curve{fill:none;stroke:var(--sienna);stroke-dasharray:5 4;stroke-width:2.3px}.moduli-path-label,.moduli-equilateral{fill:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:750}.moduli-degenerate-label{font-size:9.5px}.moduli-halo{fill:#e2a51c38;stroke:#e2a51c73;stroke-width:1px}.moduli-handle{fill:#e2a51c;stroke:#33231d;stroke-width:2px}.shape-presets{justify-content:center;gap:7px;margin-top:-4px;display:flex}.shape-presets button,.plane-topline button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffc2;border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:780}.shape-presets button:hover,.plane-topline button:hover{border-color:var(--sienna);color:var(--sienna)}.shape-presets button:focus-visible,.plane-topline button:focus-visible{outline-offset:2px;outline:3px solid #e2a51c}.regime-badge{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-family:Inter,sans-serif!important;font-size:.62rem!important;font-weight:850!important}.regime-badge.is-acute{color:#276c43;background:#e6f4e7}.regime-badge.is-right{color:#7f5d05;background:#fff3c5}.regime-badge.is-obtuse{color:#326b94;background:#eaf3fa}.copy-a{fill:var(--cosine-blue)}.copy-b{fill:var(--cosine-yellow)}.copied-grid line{stroke:var(--cosine-grid);stroke-width:1.7px;vector-effect:non-scaling-stroke}.plane-a-tile,.plane-b-tile{stroke:#2726236b;stroke-width:.012px;vector-effect:non-scaling-stroke}.plane-a-tile{fill:var(--cosine-blue);fill-opacity:.82}.plane-b-tile{fill:var(--cosine-yellow);fill-opacity:.82;mix-blend-mode:multiply}.square-border{fill:none;stroke:#17130f;stroke-linejoin:round;stroke-width:4.5px;vector-effect:non-scaling-stroke}.triangle-face{fill:#fffdf8;stroke:#17130f;stroke-linejoin:round;stroke-width:4.5px;vector-effect:non-scaling-stroke}.square-labels text{fill:#17130f;paint-order:stroke;stroke:#ffffffe0;stroke-linejoin:round;stroke-width:7px;text-anchor:middle;dominant-baseline:central;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:750}.angle-label{fill:#17130f;font-family:Georgia,serif;font-size:17px;font-style:italic;font-weight:700}.cosine-plane{margin-top:20px;padding:clamp(18px,3vw,34px)}.plane-topline button{flex:none}.plane-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:18px 0 14px;font-size:.66rem;font-weight:720;display:flex}.plane-legend span{align-items:center;gap:6px;display:inline-flex}.plane-legend i{border:1px solid #27262361;border-radius:2px;width:18px;height:12px;display:inline-block}.legend-blue{background:var(--cosine-blue)}.legend-yellow{background:var(--cosine-yellow)}.legend-mixed.is-acute{background:var(--cosine-green)}.legend-mixed.is-right{background:linear-gradient(90deg, var(--cosine-blue) 50%, var(--cosine-yellow) 50%)}.legend-mixed.is-obtuse{background:#fff}.plane-svg{aspect-ratio:16/7.7;cursor:grab;touch-action:none;background:#fff;border:1px solid #44251c47;border-radius:16px;width:100%;display:block}.plane-svg:active{cursor:grabbing}.plane-background{fill:#fffefb}.plane-square-layer{isolation:isolate}.c-grid-lines line{stroke:var(--cosine-grid);stroke-width:.025px;vector-effect:non-scaling-stroke}.grid-anchor-hit{fill:#0000;stroke:#0000;cursor:grab;outline:none}.grid-anchor-hit:focus{stroke:#fff;stroke-width:.06px}.grid-anchor{fill:#f1b927;stroke:#2c211b;stroke-width:.026px;pointer-events:none}.grid-anchor-centre{fill:#2c211b;pointer-events:none}.plane-note{color:var(--muted);text-align:center;margin:13px 0 0;font-size:.72rem;line-height:1.55}.is-cosine-embedded{padding-top:0}.is-cosine-embedded .cosine-hero{padding-top:10px}.cosine-collection{border-top:1px solid var(--line);margin-top:72px;padding-top:42px}.cosine-collection>header{max-width:760px}.cosine-collection>header h2{letter-spacing:-.05em;margin:9px 0 0;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:600}.cosine-collection>header p{color:var(--muted);line-height:1.6}.cosine-landing-card{grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);min-height:320px;margin-top:28px;display:grid}.cosine-card-preview{background:#fffefb;border-radius:14px;min-height:270px;position:relative;overflow:hidden}.cosine-card-preview .preview-blue,.cosine-card-preview .preview-yellow{border:1px solid #2726236b;width:120px;height:120px;position:absolute}.cosine-card-preview .preview-blue{background:#69b6e8d1;top:24%;left:18%;transform:rotate(-14deg)}.cosine-card-preview .preview-yellow{mix-blend-mode:multiply;background:#f4d35ed1;top:34%;left:45%;transform:rotate(18deg)}.cosine-card-preview .preview-grid{background-image:linear-gradient(#181512cc 1px,#0000 1px),linear-gradient(90deg,#181512cc 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:-30%;transform:rotate(-22deg)}.cosine-card-copy{flex-direction:column;padding:22px 28px 28px;display:flex}.cosine-card-copy h3{letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:550}.cosine-card-copy p{color:var(--muted);line-height:1.65}.cosine-card-copy strong{color:var(--sienna);text-transform:uppercase;margin-top:auto;font-size:.75rem}@media (width<=900px){.cosine-first-box{grid-template-columns:1fr}.cosine-moduli{border-right:0;border-bottom:1px solid var(--line)}.cosine-moduli svg{max-width:540px;margin-inline:auto}.cosine-triangle svg{max-width:650px;margin-inline:auto}}@media (width<=620px){.cosine-lab{padding-inline:0}.cosine-hero{padding-inline:4px}.cosine-hero h1{font-size:clamp(2.05rem,11vw,3.15rem)}.cosine-equation{padding-inline:8px;font-size:1.12rem}.cosine-first-box,.cosine-plane{border-radius:17px}.cosine-moduli,.cosine-triangle,.cosine-plane{padding:15px 12px}.cosine-section-heading,.plane-topline{gap:8px}.cosine-section-heading h2,.plane-topline h2{font-size:1rem}.shape-presets{margin-top:-12px}.plane-topline{align-items:flex-end}.plane-topline button{padding:7px 9px}.plane-legend{gap:8px 12px}.plane-svg{aspect-ratio:1/.92}.cosine-landing-card{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cosine-lab *,.cosine-lab :before,.cosine-lab :after{transition:none!important}}.pythagoras-lab{--pythagoras-blue:#9fcde7;--pythagoras-coral:#f1b5a7;--pythagoras-ink:#181411;padding:8px 0 34px}.pythagoras-hero{text-align:center;max-width:1050px;margin:0 auto;padding:clamp(24px,5vw,54px) 12px clamp(20px,3vw,30px)}.pythagoras-hero .eyebrow{justify-content:center}.pythagoras-hero h1{max-width:980px;color:var(--ink);letter-spacing:-.058em;text-wrap:balance;margin:17px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,6vw,5.45rem);font-weight:800;line-height:.98}.pythagoras-hero h1>span{z-index:0;white-space:nowrap;padding-inline:.08em;display:inline;position:relative}.pythagoras-hero h1>span:before{content:"";z-index:-1;background:linear-gradient(100deg,#f2c94c99,#f4d35eeb 68%,#f1b92794);border-radius:.08em .18em .1em .16em;height:.34em;position:absolute;bottom:.03em;left:-.01em;right:-.01em;transform:rotate(-.55deg)}.pythagoras-angle-control{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;grid-template-columns:auto minmax(150px,1fr) 64px;align-items:center;gap:14px;width:min(620px,100% - 24px);margin:0 auto 18px;padding:12px 16px;display:grid;box-shadow:0 10px 28px #44251c0f}.pythagoras-angle-control label{color:var(--sienna);letter-spacing:.08em;text-transform:uppercase;font-size:.69rem;font-weight:850}.pythagoras-angle-control input{accent-color:sienna;cursor:pointer;width:100%}.pythagoras-angle-control output{color:var(--ink);text-align:right;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-weight:700}.pythagoras-stage{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:18px;display:grid}.pythagoras-panel{border:1px solid var(--line);background:#ffffffb3;border-radius:24px;min-width:0;overflow:hidden;box-shadow:0 18px 52px #44251c14}.pythagoras-triangle-panel,.pythagoras-plane-panel{padding:clamp(17px,2.6vw,28px)}.pythagoras-panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;min-height:48px;display:flex}.pythagoras-panel-heading span,.pythagoras-controls label>span{color:var(--sienna);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:850}.pythagoras-panel-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.08rem,2vw,1.5rem);font-weight:680}.pythagoras-panel-heading>strong{color:var(--sienna);font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:650}.pythagoras-triangle-svg,.pythagoras-plane-svg{touch-action:none;width:100%;display:block}.pythagoras-triangle-svg{max-height:630px;margin:5px auto 0}.pythagoras-a-fill,.pythagoras-a-tile{fill:var(--pythagoras-blue)}.pythagoras-b-fill,.pythagoras-b-tile{fill:var(--pythagoras-coral)}.pythagoras-a-tile,.pythagoras-b-tile{stroke:#27262357;stroke-width:.012px;vector-effect:non-scaling-stroke}.pythagoras-square-outline,.pythagoras-triangle-face{stroke:var(--pythagoras-ink);stroke-linejoin:round;stroke-width:3.4px;vector-effect:non-scaling-stroke}.pythagoras-square-outline{fill:none}.pythagoras-triangle-face{fill:#fffdf9}.pythagoras-copied-grid line,.pythagoras-grid-lines line{stroke:var(--pythagoras-ink);vector-effect:non-scaling-stroke}.pythagoras-copied-grid line{stroke-width:1.55px}.pythagoras-grid-lines line{stroke-width:.022px}.pythagoras-right-mark{fill:none;stroke:var(--pythagoras-ink);stroke-linejoin:miter;stroke-width:2.2px;vector-effect:non-scaling-stroke}.pythagoras-mirror,.pythagoras-controls button,.pythagoras-controls select{border:1px solid var(--line);color:var(--muted);font:inherit;background:#ffffffdb;font-size:.67rem;font-weight:780}.pythagoras-mirror,.pythagoras-controls button{cursor:pointer;border-radius:999px}.pythagoras-mirror{flex:none;padding:8px 13px}.pythagoras-mirror[aria-pressed=true]{border-color:var(--sienna);background:var(--ink);color:#fff}.pythagoras-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;margin:10px 0 0;display:grid}.pythagoras-controls label{gap:5px;min-width:0;display:grid}.pythagoras-controls select{border-radius:9px;width:100%;min-height:34px;padding:7px 28px 7px 9px}.pythagoras-controls button{min-height:34px;padding:7px 11px}.pythagoras-mirror:hover,.pythagoras-controls button:hover,.pythagoras-controls select:hover{border-color:var(--sienna);color:var(--sienna)}.pythagoras-mirror:focus-visible,.pythagoras-controls button:focus-visible,.pythagoras-controls select:focus-visible,.pythagoras-angle-control input:focus-visible{outline-offset:2px;outline:3px solid #e2a51c}.pythagoras-attribution{min-height:1.1em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 10px;font-size:.61rem;line-height:1.4;overflow:hidden}.pythagoras-plane-svg{aspect-ratio:4.5/3.24;cursor:grab;background:#fff;border:1px solid #44251c47;border-radius:15px}.pythagoras-plane-svg:active{cursor:grabbing}.pythagoras-plane-background{fill:#fffefa}.pythagoras-plane-tiles{isolation:isolate}.pythagoras-anchor-hit{fill:#0000;stroke:#0000;cursor:grab;outline:none}.pythagoras-anchor-hit:focus{stroke:#fff;stroke-width:.055px}.pythagoras-anchor{fill:#efb624;stroke:#2b211b;stroke-width:.025px;pointer-events:none}.pythagoras-anchor-centre{fill:#2b211b;pointer-events:none}.is-pythagoras-embedded{padding-top:0}.is-pythagoras-embedded .pythagoras-hero{padding-top:8px;padding-bottom:16px}.is-pythagoras-embedded .pythagoras-hero h1{font-size:clamp(2rem,5.3vw,4.3rem)}.tessellation-card-list{gap:18px;display:grid}.tessellation-card-list .cosine-landing-card{margin-top:0}.tessellation-card-list .cosine-landing-card:first-child{margin-top:28px}.pythagoras-card-preview{background:#fffefa;border-radius:14px;min-height:270px;position:relative;overflow:hidden}.pythagoras-card-preview:before,.pythagoras-card-preview:after{content:"";border:1px solid #2726236b;position:absolute}.pythagoras-card-preview:before{background:#9fcde7;width:116px;height:116px;top:28%;left:17%}.pythagoras-card-preview:after{background:#f1b5a7;width:72px;height:72px;top:19%;left:52%}.pythagoras-card-grid{background-image:linear-gradient(#181512d6 1px,#0000 1px),linear-gradient(90deg,#181512d6 1px,#0000 1px);background-size:82px 82px;position:absolute;inset:-28%;transform:rotate(-30deg)}@media (width<=980px){.pythagoras-stage{grid-template-columns:1fr}.pythagoras-triangle-svg{width:min(100%,680px);max-height:520px}}@media (width<=620px){.pythagoras-lab{padding-inline:0}.pythagoras-hero{padding:17px 2px 13px}.pythagoras-hero h1{margin-top:11px;font-size:clamp(2rem,10.4vw,3.05rem)}.pythagoras-hero h1>span{white-space:normal}.pythagoras-angle-control{border-radius:14px;grid-template-columns:auto minmax(80px,1fr) 49px;gap:8px;width:100%;margin-bottom:10px;padding:8px 11px}.pythagoras-angle-control label{font-size:.6rem}.pythagoras-angle-control output{font-size:.94rem}.pythagoras-stage{gap:10px}.pythagoras-panel{border-radius:16px}.pythagoras-triangle-panel,.pythagoras-plane-panel{padding:11px 10px}.pythagoras-panel-heading{min-height:37px}.pythagoras-panel-heading h2{font-size:.98rem}.pythagoras-panel-heading>strong{font-size:1.03rem}.pythagoras-triangle-svg{height:min(24vh,210px);margin-top:-5px}.pythagoras-controls{margin-top:4px}.pythagoras-controls label>span{display:none}.pythagoras-controls select,.pythagoras-controls button{min-height:31px;font-size:.61rem}.pythagoras-attribution{margin:5px 0 7px;font-size:.55rem}.pythagoras-plane-svg{aspect-ratio:1.62;height:min(26vh,230px)}.is-pythagoras-embedded .pythagoras-hero{padding-top:2px;padding-bottom:9px}.is-pythagoras-embedded .pythagoras-hero h1{font-size:clamp(1.85rem,9.3vw,2.75rem)}}@media (prefers-reduced-motion:reduce){.pythagoras-lab *,.pythagoras-lab :before,.pythagoras-lab :after{transition:none!important}}:root{--paper:#f6efe4;--paper-deep:#eadbc9;--ink:#44251c;--muted:#7b5b4d;--sienna:sienna;--line:#d7bea5;--danger:#c73e32;--success:#2f7652}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 9% 7%, #a0522d14, transparent 24rem), linear-gradient(180deg, #fbf6ee 0%, var(--paper) 60%, #efe3d5 100%);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.page-shell{width:min(1460px,100%);margin:0 auto;padding:36px clamp(18px,4vw,64px) 24px}.sandbox-nav{border:1px solid var(--line);background:#ffffff80;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:8px 8px 8px 16px;display:flex;box-shadow:0 8px 30px #44251c0f}.lab-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.lab-brand img{object-fit:cover;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #44251c24}.lab-brand span{flex-direction:column;line-height:1.05;display:flex}.lab-brand strong{font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:650}.lab-brand small{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-top:4px;font-size:.56rem;font-weight:800}.lab-brand:hover strong{color:var(--sienna)}.lab-brand:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #e2a51c}.sandbox-nav>div{gap:4px;display:flex}.sandbox-nav>div a{color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.74rem;font-weight:800;text-decoration:none;display:inline-flex}.sandbox-nav>div a span{opacity:.68;font-family:ui-monospace,monospace;font-size:.65rem}.sandbox-nav>div a:hover{color:var(--sienna);background:#a0522d14}.sandbox-nav>div a.is-active{background:var(--ink);color:#fff}.sandbox-nav>div a:focus-visible{outline-offset:2px;outline:3px solid #e2a51c}.page-shell.is-embedded{width:100%;padding:16px}.is-embedded .hero{padding-top:4px}.lab-index{min-height:calc(100vh - 120px);padding:clamp(26px,6vw,78px) 0 40px}.lab-index>header{max-width:880px}.lab-index h1{letter-spacing:-.065em;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.8rem,10vw,8rem);font-weight:500;line-height:.9}.lab-index>header>p{max-width:680px;color:var(--muted);margin:25px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5}.lab-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(38px,6vw,74px);display:grid}.lab-card{border:1px solid var(--line);min-height:500px;color:var(--ink);background:#ffffff94;border-radius:20px;flex-direction:column;padding:18px 30px 30px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 42px #44251c0f}.lab-card:after{content:"";border:28px solid #a0522d14;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-65px;right:-55px}.lab-card:hover{border-color:var(--sienna);transform:translateY(-4px);box-shadow:0 20px 50px #44251c1f}.lab-card:focus-visible{outline-offset:3px;outline:4px solid #e2a51c}.lab-card-number{color:var(--sienna);letter-spacing:.11em;text-transform:uppercase;margin-top:22px;font-family:ui-monospace,monospace;font-size:.68rem;font-weight:800}.lab-card h2{letter-spacing:-.035em;max-width:330px;margin:13px 0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.03}.lab-card p{max-width:360px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.65}.lab-card strong{z-index:1;color:var(--sienna);text-transform:uppercase;margin-top:auto;padding-top:32px;font-size:.75rem}.lab-card-preview{background:#efe7dc;border:1px solid #44251c1a;border-radius:14px;place-items:center;width:calc(100% + 24px);min-height:188px;margin:-6px -12px 0;display:grid;position:relative;overflow:hidden}.lab-card-preview:before{content:"";background:radial-gradient(circle at 82% 15%,#a0522d2e,#0000 34%),linear-gradient(135deg,#ffffff8c,#0000);position:absolute;inset:0}.lab-preview-board{z-index:1;background:#fffc;border:1px solid #44251c29;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:2px;width:150px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #44251c29}.lab-preview-board>span{aspect-ratio:1;background:#a0522d1f;display:block}.lab-preview-board>span.is-open{background:#ffffff85;box-shadow:inset 0 0 0 1px #44251c0f}.lab-preview-board .kolam-art{width:100%;height:100%;display:block}.preview-build{grid-template-columns:1fr 62px;gap:11px;padding:18px}.preview-build .lab-preview-board{justify-self:end}.preview-tray{z-index:1;grid-template-columns:repeat(2,1fr);gap:3px;width:62px;display:grid;position:relative}.preview-tray .kolam-art{border-radius:2px;width:100%;display:block}.preview-slide .preview-move{z-index:2;width:34px;height:34px;color:var(--ink);background:#e2a51c;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:900;display:grid;position:absolute;bottom:14px;right:calc(50% - 86px);box-shadow:0 8px 18px #44251c2e}.preview-match{grid-template-columns:1fr auto 1fr;gap:8px;padding:18px 12px}.preview-match .lab-preview-board{width:min(118px,100%)}.preview-match>span{z-index:1;color:var(--sienna);font-size:1.45rem;position:relative}.preview-octahedron{padding:8px 16px}.preview-octahedron svg{z-index:1;filter:drop-shadow(0 12px 18px #44251c24);width:min(100%,360px);height:auto;display:block;position:relative}.mathnomad-return{color:var(--muted);text-underline-offset:4px;margin-top:28px;font-size:.74rem;font-weight:750;display:inline-flex}.hero{border-bottom:1px solid var(--line);padding-bottom:26px}.eyebrow{color:var(--sienna);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:14px;font-size:.72rem;font-weight:800;display:flex}.eyebrow-line{background:var(--sienna);width:62px;height:1px}.hero h1{letter-spacing:-.055em;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.55rem,6vw,5.2rem);font-weight:500;line-height:.95}.subtitle{color:var(--muted);margin:16px 0 0;font-size:1.08rem;line-height:1.5}.how-to-play{border-left:3px solid var(--sienna);max-width:1040px;color:var(--muted);background:#ffffff8c;margin:18px 0 0;padding:12px 16px;font-size:.78rem;line-height:1.55}.how-to-play strong{color:var(--ink)}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,5vw,76px);padding:38px 0 24px;display:grid}.board-column,.tile-column{min-width:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.step-number{border:1px solid var(--line);width:31px;height:31px;color:var(--sienna);border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:.7rem;display:inline-flex}h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:600}.placement-count{color:var(--sienna);font-family:Georgia,serif;font-size:2rem;line-height:1}.placement-count small{color:var(--muted);text-transform:uppercase;margin-left:5px;font-family:Inter,sans-serif;font-size:.66rem;font-weight:700}.board-wrap,.tile-tray{width:100%;margin:20px 0 0;position:relative}.square-grid{aspect-ratio:1;border:7px solid var(--ink);background:var(--paper-deep);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 20px 50px #44251c24,inset 0 2px #fff9}.board-grid{width:100%}.board-cell,.tray-slot{aspect-ratio:1;border-bottom:1px solid #44251c3d;border-right:1px solid #44251c3d;min-width:0;min-height:0;position:relative;overflow:hidden}.board-cell:nth-child(4n),.tray-slot:nth-child(4n){border-right:0}.board-cell:nth-child(n+13),.tray-slot:nth-child(n+13){border-bottom:0}.board-cell{cursor:pointer;background:#fffaf280;border-top:0;border-left:0;margin:0;padding:0}.board-cell:hover{background:#ffffffbf}.board-cell:focus-visible,.tray-tile:focus-visible,.action-button:focus-visible,.label-toggle:focus-within{outline-offset:-4px;z-index:8;outline:4px solid #e2a51c}.cell-filled,.tray-tile{touch-action:none}.cell-filled:hover{filter:brightness(1.04)}.board-cell.is-selected,.board-cell.is-target{z-index:5;box-shadow:inset 0 0 0 5px #f5c44d}.board-cell.is-target:after{content:"Place here";background:var(--ink);color:#fff;text-transform:uppercase;white-space:nowrap;padding:4px 7px;font-size:.56rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-mark{color:#b6967d;border:1px dashed #c9ac91;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-family:ui-monospace,monospace;font-size:.7rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kolam-art{pointer-events:none;width:100%;height:100%;display:block}.board-label,.tray-label{z-index:3;color:#fff;letter-spacing:.08em;pointer-events:none;background:#44251cd6;border-radius:4px;padding:4px 5px;font-family:ui-monospace,monospace;font-size:clamp(.48rem,.8vw,.66rem);font-weight:750;line-height:1;position:absolute;top:5px;left:5px}.edge-alert{z-index:6;background:var(--danger);pointer-events:none;position:absolute;box-shadow:0 0 0 1px #fff,0 0 8px #c73e32a6}.edge-n,.edge-s{height:5px;left:8%;right:8%}.edge-e,.edge-w{width:5px;top:8%;bottom:8%}.edge-n{top:0}.edge-s{bottom:0}.edge-e{right:0}.edge-w{left:0}.board-correct .board-grid{border-color:var(--success);animation:.8s ease-out successGlow}.success-ribbon{z-index:8;background:var(--success);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:.72rem;font-weight:800;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #2f765240}@keyframes successGlow{0%{box-shadow:0 0 #2f765273}to{box-shadow:0 0 0 24px #2f765200}}.board-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px;display:flex}.action-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px;font-size:.75rem;font-weight:750}.action-button:hover:not(:disabled){border-color:var(--sienna);color:var(--sienna);background:#fff}.action-button:disabled{cursor:not-allowed;opacity:.35}.action-example{background:var(--ink);border-color:var(--ink);color:#fff}.label-toggle{border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:.7rem;font-weight:700;display:flex}.label-toggle input{accent-color:var(--sienna)}.tile-tray{gap:0}.tray-slot{background:#fffaf280}.tray-tile,.used-placeholder{border:0;border-radius:0;width:100%;height:100%;display:block;overflow:hidden}.tray-tile{background:var(--sienna);cursor:grab;padding:0;transition:filter .15s,transform .15s}.tray-tile:hover{filter:brightness(1.06);z-index:2}.tray-tile:active{cursor:grabbing;transform:scale(.97)}.tray-tile.is-selected{box-shadow:inset 0 0 0 5px #f5c44d}.used-placeholder{color:#a38a76;background:#eadbc97a;justify-content:center;align-items:center;display:flex}.used-placeholder span{text-transform:uppercase;font-size:clamp(.48rem,.75vw,.64rem);font-weight:800}.slot-used .tray-label{background:#7d5b4db8}.page-footer{min-height:34px;color:var(--muted);padding-top:8px;font-size:.7rem;line-height:1.5}.page-footer p{margin:0}.drag-ghost{z-index:100;background:var(--sienna);opacity:.9;pointer-events:none;border:3px solid #f5c44d;border-radius:10px;width:92px;height:92px;position:fixed;overflow:hidden;transform:translate(-50%,-50%)rotate(2deg);box-shadow:0 18px 42px #44251c59}.drag-ghost span{background:var(--ink);color:#fff;padding:3px 5px;font-family:ui-monospace,monospace;font-size:.58rem;position:absolute;bottom:4px;left:4px}.puzzle-workspace{padding:38px 0 24px}.puzzle-board-column{width:min(100%,760px);margin:0 auto}.puzzle-board-column>.section-heading{width:min(100%,650px);margin:0 auto}.puzzle-stats{align-items:stretch;gap:10px;display:flex}.move-count{color:var(--sienna);align-items:baseline;gap:6px;font-family:Georgia,serif;font-size:2rem;line-height:1;display:flex}.move-count small{color:var(--muted);text-transform:uppercase;font-family:Inter,sans-serif;font-size:.66rem;font-weight:750}.distance-count{border-left:1px solid var(--line);color:var(--ink);align-items:center;gap:7px;padding:7px 11px;display:flex}.distance-count strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:500;line-height:1}.distance-count small{max-width:108px;color:var(--muted);text-transform:uppercase;font-size:.6rem;font-weight:750;line-height:1.2}.puzzle-board-wrap{width:min(100%,650px);margin:20px auto 0;position:relative}.puzzle-grid{width:100%}.puzzle-cell{aspect-ratio:1;background:var(--sienna);border:1px solid #ffffff24;border-top:0;border-left:0;min-width:0;min-height:0;margin:0;padding:0;position:relative;overflow:hidden}.puzzle-cell:nth-child(4n){border-right:0}.puzzle-cell:nth-child(n+13){border-bottom:0}.puzzle-tile{cursor:default}.puzzle-tile:disabled{opacity:1}.puzzle-tile.is-movable{z-index:2;cursor:pointer;box-shadow:inset 0 0 0 5px #f5c44d}.puzzle-tile.is-movable:hover{filter:brightness(1.08)}.puzzle-tile.is-movable:active{transform:scale(.975)}.puzzle-tile:focus-visible{outline-offset:-4px;z-index:9;outline:4px solid #e2a51c}.puzzle-blank{cursor:default;background:linear-gradient(145deg,#e6d4c1,#f8eee1);box-shadow:inset 0 0 30px #44251c17}.puzzle-blank:disabled{opacity:1}.puzzle-solved .puzzle-grid{border-color:var(--success);animation:.8s ease-out successGlow}.puzzle-actions{justify-content:center;gap:8px;margin-top:30px;display:flex}.epsilon-card{border:1px solid var(--line);background:#ffffff94;border-radius:18px;padding:20px;box-shadow:0 12px 34px #44251c0f}.orbit-card{width:min(100%,650px);margin:28px auto 0}.epsilon-card-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-kicker{color:var(--sienna);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.62rem;font-weight:850;display:block}.epsilon-toggle{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:3px;display:flex}.epsilon-toggle button{cursor:pointer;min-width:48px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 11px;font-family:Georgia,serif;font-size:.9rem;font-weight:700}.epsilon-toggle button.is-active{background:var(--ink);color:#fff;box-shadow:0 4px 12px #44251c2e}.epsilon-toggle button:focus-visible{outline-offset:2px;outline:3px solid #e2a51c}.epsilon-readout{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;margin-top:18px;padding:15px 17px;display:grid}.epsilon-readout>span{font-family:Georgia,serif;font-size:1.1rem}.epsilon-readout strong{grid-area:1/2/span 2;font-family:Georgia,serif;font-size:2.55rem;font-weight:500;line-height:1}.epsilon-readout small{color:#d9c8ba;margin-top:3px;font-size:.65rem}.epsilon-details{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.epsilon-details summary{cursor:pointer;color:var(--sienna);font-size:.72rem;font-weight:800}.epsilon-details p{color:var(--muted);margin:12px 0 10px;font-size:.7rem;line-height:1.55}.epsilon-details code{background:var(--paper-deep);color:var(--ink);border-radius:4px;padding:2px 4px}.epsilon-formula{background:var(--paper);text-align:center;border-radius:10px;padding:10px;font-family:Georgia,serif;font-size:1rem}.epsilon-details dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 0;display:grid}.epsilon-details dl div{border:1px solid var(--line);border-radius:9px;padding:8px}.epsilon-details dt{color:var(--muted);text-transform:uppercase;font-size:.56rem;font-weight:800}.epsilon-details dd{margin:3px 0 0;font-family:ui-monospace,monospace;font-size:.68rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comparison-workspace{padding:38px 0 24px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,4vw,60px);display:grid}.comparison-column{min-width:0}.comparison-heading{justify-content:space-between;align-items:center;gap:14px;min-height:46px;margin-bottom:18px;display:flex}.comparison-heading>div:first-child{align-items:center;gap:11px;display:flex}.configuration-letter{background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:1rem;display:inline-flex}.target-letter{border:1px solid var(--line);color:var(--sienna);background:#fff}.comparison-heading h2{font-size:clamp(1rem,2vw,1.35rem)}.comparison-metrics{gap:8px;display:flex}.comparison-metrics span{min-width:64px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;align-items:flex-end;font-size:.55rem;font-weight:800;display:flex}.comparison-metrics strong{color:var(--sienna);letter-spacing:0;font-family:Georgia,serif;font-size:1.5rem;font-weight:500;line-height:1}.fixed-badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:.6rem;font-weight:800}.comparison-board{width:100%;position:relative}.comparison-board .puzzle-cell{transition:filter .15s,transform .15s,box-shadow .15s}.comparison-board .kolam-art rect{transition:fill .2s}.comparison-board .puzzle-cell.is-recent{z-index:4;box-shadow:inset 0 0 0 6px #f6c94f,0 0 20px #e2a51cb3}.comparison-board .puzzle-cell.is-recent .kolam-art rect{fill:#d98b32}.target-board .square-grid{border-color:var(--sienna-deep,#7d3f26);box-shadow:0 16px 38px #44251c1a}.target-cell{cursor:default}.comparison-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:32px auto 0;display:flex}.solution-button{min-width:142px}.comparison-orbit{width:min(100%,760px);margin:24px auto 0}.shared-epsilon-readout{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;margin-top:18px;padding:15px 17px;display:grid}.shared-epsilon-readout>span{font-family:Georgia,serif;font-size:1.08rem}.shared-epsilon-readout strong{grid-area:1/2/span 2;font-family:Georgia,serif;font-size:2.4rem;font-weight:500;line-height:1}.shared-epsilon-readout small{color:#d9c8ba;margin-top:3px;font-size:.65rem}@media (width<=760px){.page-shell{padding-top:24px}.workspace{grid-template-columns:1fr;gap:44px;padding-top:30px}.board-column,.tile-column{width:100%}.square-grid{border-width:5px}.tile-heading{align-items:flex-start}}@media (width<=980px){.puzzle-board-wrap{width:min(100%,650px)}.comparison-grid{grid-template-columns:1fr;gap:50px;width:min(100%,650px);margin:0 auto}.lab-card-grid{grid-template-columns:1fr}.lab-card{min-height:470px}}@media (width<=430px){.page-shell{padding-left:12px;padding-right:12px}.hero h1{font-size:2.55rem}.subtitle{font-size:.95rem}.how-to-play{font-size:.7rem}.section-heading{align-items:flex-start}.tile-heading{flex-direction:column}.placement-count{font-size:1.65rem}.board-label,.tray-label{padding:3px 4px;font-size:.45rem}.action-button{padding:8px 11px}.sandbox-nav{border-radius:18px;flex-direction:column;align-items:flex-start;padding:12px}.sandbox-nav>div{width:100%}.sandbox-nav>div a{flex:1;justify-content:center;padding-inline:8px}.page-shell.is-embedded{padding:12px}.lab-index{padding-top:34px}.lab-index h1{font-size:3.8rem}.lab-card{min-height:470px;padding:16px 22px 24px}.lab-card-preview{width:calc(100% + 16px);margin-inline:-8px}.puzzle-tile.is-movable{box-shadow:inset 0 0 0 3px #f5c44d}.puzzle-board-column>.section-heading{flex-direction:column;align-items:flex-start}.puzzle-stats{justify-content:space-between;width:100%}.distance-count{margin-left:auto}.epsilon-details dl{grid-template-columns:1fr}.comparison-heading{flex-direction:column;align-items:flex-start}.comparison-metrics{justify-content:flex-start;width:100%}.comparison-metrics span{align-items:flex-start}.fixed-badge{margin-left:45px}.shared-epsilon-readout>span{font-size:.9rem}.shared-epsilon-readout small{max-width:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}