md-dialog{max-width:90%;min-width:50%;max-height:90%;min-height:50%}html,body{margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100vw;height:100svh;overflow:hidden;overscroll-behavior:none;color:var(--md-sys-color-background)}label{vertical-align:middle}#timer-wrapper{justify-content:space-evenly;font-size:18px;font-weight:700;font-family:monospace;-webkit-user-select:none;user-select:none}#share-container{position:fixed;bottom:10px;right:10px;z-index:50;pointer-events:none}#share{opacity:.1;text-decoration:none;font-size:12px;pointer-events:auto}#share:hover{opacity:.3}#share:active{opacity:.5}#fireworks-canvas{pointer-events:none;position:absolute;top:0;left:0;width:100vw;height:100svh;z-index:5}#app{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:center;padding-right:80px}.settings-form{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:24px}.setting-item label{flex:1}.slider-item{display:flex;flex-direction:column;gap:8px}.slider-item md-slider{width:100%;margin:0}#app,.menu-bar,.icon-controls,#share-container{opacity:0;visibility:hidden;transition:opacity var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-standard);pointer-events:none}.ui-visible #app,.ui-visible .menu-bar,.ui-visible .icon-controls,.ui-visible #share-container{opacity:1;visibility:visible;pointer-events:auto}.menu-bar{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:center}fieldset{margin:10px 0!important;padding:var(--md-sys-spacing-container-padding)!important;border-radius:8px}legend{padding:1px 10px!important}#win-popover-trigger-button,#settings-popover-trigger-button{display:none}.close{cursor:pointer;position:absolute;top:0;right:0;padding:10px}#settings-popover-close.close{right:0;left:auto}#cookie-popover-trigger-button{display:none}:root{color-scheme:light;--md-ref-palette-primary40: #6750A4;--md-ref-palette-secondary40: #625B71;--md-ref-palette-tertiary40: #7D5260;--md-ref-palette-error40: #B3261E;--md-ref-palette-neutral10: #1C1B1F;--md-ref-palette-neutral90: #E6E1E5;--md-ref-palette-neutral99: #FFFBFE;--md-sys-color-primary: var(--md-ref-palette-primary40);--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #EADDFF;--md-sys-color-on-primary-container: #21005D;--md-sys-color-secondary: var(--md-ref-palette-secondary40);--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #E8DEF8;--md-sys-color-on-secondary-container: #1D192B;--md-sys-color-tertiary: var(--md-ref-palette-tertiary40);--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFD8E4;--md-sys-color-on-tertiary-container: #31111D;--md-sys-color-error: var(--md-ref-palette-error40);--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #F9DEDC;--md-sys-color-on-error-container: #410E0B;--md-sys-color-background: var(--md-ref-palette-neutral99);--md-sys-color-on-background: var(--md-ref-palette-neutral10);--md-sys-color-surface: var(--md-ref-palette-neutral99);--md-sys-color-on-surface: var(--md-ref-palette-neutral10);--md-sys-color-outline: #79747E;--md-sys-color-surface-variant: #E7E0EC;--md-sys-color-on-surface-variant: #49454F}:root{--md-sys-typescale-body-large-font: Roboto;--md-sys-typescale-body-large-size: 1rem;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-medium-font: Roboto;--md-sys-typescale-body-medium-size: .875rem;--md-sys-typescale-body-medium-weight: 400;--md-sys-typescale-title-medium-font: Roboto;--md-sys-typescale-title-medium-size: 1rem;--md-sys-typescale-title-medium-weight: 500;--md-sys-spacing-track: 40px;--md-sys-spacing-touch-target: 48px;--md-sys-spacing-container-padding: 16px;--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short: .15s;--md-sys-motion-duration-medium: .25s;--md-sys-motion-duration-long: .3s;--md-switch-handle-shape: 12px;--md-switch-track-shape: 12px}md-switch{margin:5px;flex-shrink:0}md-slider{margin:5px;flex:1;min-width:150px}md-checkbox{margin:8px}md-radio{margin:8px;flex-shrink:0}md-outlined-button{margin-top:2px}.icon-controls{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:100}.material-symbols{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-family:Material Symbols Outlined,serif;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;pointer-events:none}.about-popover-title{margin:0 0 1em;text-align:center;font-weight:700;flex-shrink:0}svg{flex:1;width:100%;height:auto;max-height:calc(100svh - 120px);max-width:calc(100vw - 80px);stroke:var(--md-sys-color-outline);display:block;margin:0 auto;contain:content}svg line.bridge{stroke:#00f}svg .interaction-zone{fill-opacity:0;pointer-events:all;stroke:none;fill:none}svg rect.header{stroke-width:1;fill:none;stroke:#000}svg text.header{font-size:16pt;font-family:monospace;text-anchor:middle;dominant-baseline:central}svg tspan{font-size:16pt;font-family:var(--md-sys-typescale-body-large-font);text-anchor:middle;dominant-baseline:central;opacity:1;outline:none}svg tspan.green-text{color:#2ecc71;stroke:#000;stroke-width:.5px}svg tspan.red-text{color:red;stroke:#000;stroke-width:.5px}svg tspan.black-text{color:#000;stroke:#000;stroke-width:.5px}svg circle{fill:var(--md-sys-color-surface);opacity:1}svg circle.vertex-on{fill:#0f0;stroke:#000}svg circle.vertex-over{fill:red;stroke:#000}svg circle.vertex-off{fill:#fff;stroke:#000}svg line.grid-line{stroke:gray;stroke-dasharray:5,5,5,5;stroke-opacity:.4}svg .grid-center-point{fill:#000}