@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Lexend:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Rubik+Glitch&display=swap";.appear{translate:calc(100% + 1.5vw)}.hidden{display:none!important}.badge{z-index:777;box-sizing:border-box;height:auto;min-height:7.5vh;position:absolute;bottom:1vw!important;right:1vw!important}.badge.glass-btn{gap:0}.badge.glass-btn:hover{transform:none}.logo{flex-shrink:0;width:4vh!important;height:4vh!important}.badge-cont{white-space:nowrap;opacity:0;flex-direction:column;flex:none;gap:.15rem;width:0;margin-left:0;font-size:1.4rem;font-weight:500;transition:width .5s ease-in-out,margin-left .5s ease-in-out,opacity .5s ease-in-out;display:flex;overflow:hidden}.badge:hover .badge-cont,.badge:focus-visible .badge-cont{opacity:1;width:calc(13ch + .1rem);margin-left:.6rem}.badge-cont>*{margin:0}.badge-cont .hyper{text-align:left;font-size:.7rem;font-weight:300;line-height:1.2}.badge-cont .title{font-size:1.4rem;font-weight:500;line-height:1.15}.badge-cont .sub{text-align:center;font-size:.65rem;font-weight:300;line-height:1.2}.placeholder{flex-shrink:0;width:0;height:5vh;margin-left:-1.5vw;transition:width .3s,margin-left .3s}.placeholder.expanded{width:5vh;margin-left:0}.ctrl-container{justify-content:center;align-items:center;gap:1.5vw;width:100%;height:10vh;transition:translate .2s ease-in-out;display:flex;position:absolute;bottom:6vh}.play-control{width:5vh;height:5vh;position:relative}.glass-btn{-webkit-backdrop-filter:blur(5px)saturate(70%);color:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3c;border-radius:100vw;flex-direction:row;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.2rem;font-family:Roboto Mono,monospace;font-size:1.3rem;transition:background .2s ease-in-out,border-color .2s ease-in-out,-webkit-backdrop-filter .2s ease-in-out,backdrop-filter .2s ease-in-out,transform .2s ease-in-out;display:inline-flex}.glass-btn:hover{-webkit-backdrop-filter:blur(10px)saturate(90%);background:#ffffff2c;border-color:#ffffff50;transform:scale(1.05)}.glass-btn:active{transform:scale(.98)}.glass-btn:focus-visible{outline-offset:3px;outline:2px solid #ffffff80}.glass-btn img{object-fit:contain;width:1.2em;height:1.2em}.play-btn,.stop-btn{border-radius:50%;width:5vh;height:5vh;position:absolute;inset:0}.stop-btn{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:translate .3s,opacity .2s,visibility 0s linear .3s,background .2s ease-in-out,border-color .2s ease-in-out,-webkit-backdrop-filter .2s ease-in-out,backdrop-filter .2s ease-in-out,transform .2s ease-in-out;translate:0}.stop-btn.appear{opacity:1;visibility:visible;pointer-events:auto;transition:translate .3s,opacity .2s,visibility;translate:calc(100% + 1.5vw)}.stop-btn:hover{translate:calc(100% + 1.5vw)}.sw-btn{justify-content:space-evenly;width:8vw;height:5vh}.sim{background:#f6eee3;width:100vh;height:100vh}.cfg{background:#e2d6c4;width:calc(100vw - 100vh);height:100vh;position:relative}.main{flex-direction:row;width:100vw;height:100vh;display:flex}body{margin:0;padding:0}.sim{flex-shrink:0;position:relative}#simulation-canvas{width:100%;height:100%;display:block}.cfg-content{color:#4a4136;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a39680 transparent;height:90vh;padding:clamp(1rem,3vh,2rem) clamp(1rem,2.2vw,2.5rem) 1.25rem;font-family:Atkinson Hyperlegible,sans-serif;overflow-y:auto}.cfg-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.cfg-heading>span{font-size:1.15rem}.cfg select{min-width:0;max-width:100%;font:inherit;color:inherit;background:#ffffff28;border:1px solid #88765b40;border-radius:.4rem;padding:.4rem .5rem}.language-control select{font-size:.85rem}.stat-container{border-bottom:1px solid #88765b40;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .75rem;padding-bottom:1.3rem;display:grid}.stat{flex-direction:column;gap:.25rem;min-width:0;display:flex}.stat>span{color:#706454;font-size:.8rem}.stat output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font:.9rem Roboto Mono,monospace}.stat-state output{font-family:Atkinson Hyperlegible,sans-serif}.settings{flex-direction:column;gap:1.2rem;padding-top:1.3rem;display:flex}.setting{flex-direction:column;gap:.5rem;display:flex}.setting label{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.setting output{text-align:right;font:.82rem Roboto Mono,monospace}.setting select{align-self:flex-start;margin-bottom:.3rem}.settings input[type=range]{appearance:none;cursor:pointer;accent-color:#77624b;background:0 0;width:100%;height:1.1rem;margin:0}.settings input[type=range]::-webkit-slider-runnable-track{background:#b9ad99;border-radius:2px;height:3px}.settings input[type=range]::-moz-range-track{background:#b9ad99;border-radius:2px;height:3px}.settings input[type=range]::-webkit-slider-thumb{appearance:none;background:#f6eee3;border:2px solid #77624b;border-radius:50%;width:14px;height:14px;margin-top:-5.5px}.settings input[type=range]::-moz-range-thumb{background:#f6eee3;border:2px solid #77624b;border-radius:50%;width:10px;height:10px}.settings input[type=range]:focus-visible,.cfg select:focus-visible,.physics-notes summary:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #88765b}.render-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1rem;padding-top:.3rem;display:grid}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:.6rem;min-height:2rem;font-size:.9rem;display:flex;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-indicator{background:#ffffff25;border:1px solid #88765b80;border-radius:3px;flex:none;place-items:center;width:14px;height:14px;display:grid}.toggle input:checked+.toggle-indicator{background:#77624b;border-color:#77624b}.toggle input:checked+.toggle-indicator:after{content:"";border-bottom:1.5px solid #f6eee3;border-left:1.5px solid #f6eee3;width:6px;height:3px;transform:rotate(-45deg)translateY(-1px)}.toggle input:focus-visible+.toggle-indicator{outline-offset:3px;outline:2px solid #88765b}.physics-notes{color:#706454;border-top:1px solid #88765b40;padding-top:.85rem;font-size:.82rem;line-height:1.55}.physics-notes summary{cursor:pointer}.physics-notes p{margin:.65rem 0 0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (aspect-ratio<=3/2){.sim{width:55vw}.cfg{width:45vw}.sw-btn{width:auto}}@media (width<=1000px){.stat-container{grid-template-columns:repeat(2,minmax(0,1fr))}.render-settings{grid-template-columns:1fr}}@media (width<=600px){.main{height:auto;min-height:100vh;flex-direction:column!important}.sim{width:100%;height:48vh}.cfg{width:100%;height:auto;min-height:52vh;padding-bottom:10vh}.cfg-content{height:auto;overflow:visible}.stat-container{grid-template-columns:repeat(3,minmax(0,1fr))}.render-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.main.flipped{flex-direction:column-reverse!important}}.setting-heading,.stat-label,.label-help,.toggle-row,.note-row{align-items:baseline;gap:.35rem;min-width:0;display:flex}.setting-heading>label,.toggle-row>label{flex:1;min-width:0}.stat-label{justify-content:space-between}#polygon-label{overflow-wrap:anywhere;min-width:0}.help-button{color:#796953;cursor:help;background:0 0;border:0;flex:none;padding:.2rem;font:.8rem/1.3 Roboto Mono,monospace}.help-button:hover{color:#342a20}.help-button:focus-visible,#help-close:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #88765b}.physics-section{position:relative}.section-help{position:absolute;top:.75rem;right:0}.physics-notes summary{padding-right:2rem}#help-dialog{box-sizing:border-box;color:#4a4136;background:#f6eee3;border:1px solid #88765b60;border-radius:.6rem;width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem;font:1rem/1.6 Atkinson Hyperlegible,sans-serif;overflow:auto;box-shadow:0 12px 45px #342a2025}#help-dialog::backdrop{background:#342a2050}#help-title{margin:0;font-size:1.25rem;font-weight:400}#help-body{white-space:pre-line}#help-close{font:inherit;color:inherit;cursor:pointer;background:#e5decf;border:1px solid #88765b60;border-radius:.4rem;padding:.4rem 1rem}#simulation-canvas{touch-action:none;cursor:default}#simulation-canvas.off-center{cursor:grab}#simulation-canvas.dragging{cursor:grabbing}#simulation-canvas:focus-visible{outline-offset:-3px;outline:2px solid #88765b}.canvas-guidance{color:#706454;pointer-events:none;align-items:center;gap:.4rem;font:.8rem Atkinson Hyperlegible,sans-serif;display:flex;position:absolute;bottom:.6rem;left:.8rem;right:.8rem}.canvas-guidance .help-button{pointer-events:auto;background:#f6eee3dd;border-radius:3px}.camera-center{color:#4a4136;background:#f6eee3bb;border-color:#88765b40;padding:.4rem .8rem;font-size:.85rem;position:absolute;top:.8rem;right:.8rem}