@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=TASA+Orbiter&display=swap";#root{margin:0}#siteLayout{display:grid;width:100vw;height:100vh}@media(orientation:landscape){#siteLayout{grid-template-areas:"header header" "controls gumballs";grid-template-rows:50px 1fr;grid-template-columns:2fr 3fr}}@media(orientation:portrait){#siteLayout{grid-template-areas:"header" "gumballs" "controls";grid-template-rows:50px 3fr 2fr;grid-template-columns:1fr}}#siteLayout #headerbar{grid-area:header}#siteLayout #controls{grid-area:controls}#siteLayout #gumball-container{grid-area:gumballs}#controls{width:100%;height:100%;padding:30px;display:flex;flex-direction:column;align-items:center;overflow-y:hidden}#control-panel{width:100%;max-width:500px;height:100%;border:var(--standard-border-width) solid var(--color-secondary);border-radius:var(--standard-border-radius);padding:15px;gap:15px;background-color:var(--color-fg);overflow:hidden;display:flex;flex-direction:column}.controlsInner{flex-grow:1;overflow-y:scroll;flex-shrink:1;min-height:0}.controlsInner img{max-width:100%;max-height:30%;object-fit:contain;margin:0 auto}.controlButton{flex-shrink:0;flex-grow:0}.controlMessageContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#gumball-canvas{pointer-events:none;outline:none}#gumball-wrapper{width:100%;height:100%}#gumball-container{position:relative;overflow:hidden}.square-constraint{position:absolute;inset:0;margin:auto;aspect-ratio:1 / 1;max-width:100%;max-height:100%;width:auto;height:auto}.loading-cover{width:100%;height:100%;padding:30px;display:flex;flex-direction:column;background-color:var(--color-bg)}.progress-container{flex-grow:1;margin:0;padding:0}.progress-container p{font-family:monospace}.technical-credits{flex-grow:0;font-family:monospace}*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #030207;--color-fg: #232226;--color-text: #d0d0d1;--color-text-darker: #b0b0b2;--color-primary: #2c1584;--color-primary-light: #8b75e4;--color-primary-dark: #18171d;--color-secondary: #e2826a;--color-secondary-light: #e7aa9a;--color-secondary-dark: #1c100d;--standard-border-width: 1.5px;--standard-border-radius: 5px}:root{font-family:TASA Orbiter,sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:1.4em;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-secondary);text-decoration:inherit}a:hover{color:var(--color-secondary-light)}body{margin:0;width:100vw;height:100vh}title,h1,h2,h3,h4,h5,h6{font-family:Share Tech Mono}title{font-size:2em}h1{font-size:1.6em}h2{font-size:1.4em}h3{font-size:1.2em}h4{font-size:1.1em}h5{font-size:1em}h6{font-size:.9em}button{border-radius:var(--standard-border-radius);border:var(--standard-border-width) solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary-dark);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary-light)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.buttonDisabled:hover{border-color:var(--color-secondary);color:var(--color-text-darker)}#headerbar{background-color:var(--color-fg);display:flex;align-items:center;justify-content:space-between;padding:0 30px;overflow:hidden;border-bottom:var(--standard-border-width) solid var(--color-secondary)}.iconBox{display:flex}.iconBoxIcon{transition:color .3s ease;display:inline-flex;align-items:center;margin:5px}