@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght,GRAD@0,17..18,400..700,-50..200;1,17..18,400..700,-50..200&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Public Sans,sans-serif;font-style:normal;font-weight:400;outline:none!important}@media (max-width:767px){.screen{max-width:100%;margin:0}}@media (min-width:768px){header{max-width:650px;margin:0 auto}.screen:not(:-webkit-any(#editor-screen,#tutorial-screen)){max-width:800px;margin:0 auto}.screen:not(:-moz-any(#editor-screen,#tutorial-screen)){max-width:800px;margin:0 auto}.screen:not(:is(#editor-screen,#tutorial-screen)){max-width:800px;margin:0 auto}}@media (prefers-color-scheme:light){body{color:#4b4b4b;background:#fff}}button:not(.btn-bold){pointer-events:stroke;color:#4b4b4b;background-color:#0000;border:2px solid #4b4b4b;border-radius:.75rem;padding:calc(.75rem + 2px) 1rem;font-size:1rem;font-weight:700;transform:translateY(2px)}.btn-bold.btn-basic{--variant-color:black;--variant-background:white;--variant-border:#7b7b7b}.btn-primary{--variant-color:#fff;--variant-background:#007bff}.btn-secondary{--variant-color:#fff;--variant-background:#59cc62}.btn-tertiary{--variant-color:#fff;--variant-background:#f0ad4e}.btn-danger{--variant-color:#fff;--variant-background:#dc3545}.btn-bold:disabled{--variant-color:#fff;--variant-background:#999;cursor:not-allowed}input,select{--variant-color:black;--variant-background:white;--variant-border:#ccc;font-weight:400!important}label{font-size:1rem;font-weight:700}.btn-bold,.container-bold,input,select,input[type=checkbox]{--variant-border:color-mix(in srgb,var(--variant-background)80%,#202020 20%);cursor:pointer;text-decoration:none;text-align:center;border:none;border:2px solid var(--variant-border);color:var(--variant-color);background-color:var(--variant-background);border-bottom:.4rem solid var(--variant-border);border-radius:.75rem;margin-bottom:.1rem;padding:.75rem 1rem;transition:all .1s ease-in-out;font-size:1rem;font-weight:700}.btn-bold:hover{border-bottom:.4rem solid var(--variant-border);transform:translateY(-.1rem)}.btn-bold:active{border-bottom:.2rem solid var(--variant-border);background-color:color-mix(in srgb,var(--variant-background)80%,black 4%);margin-bottom:.3rem;transform:translateY(.2rem)}input[type=checkbox]{-webkit-appearance:none;appearance:none;--variant-background:#dc3545;width:2rem;height:2rem}input[type=checkbox]:checked{--variant-background:#59cc62}.btn-bold.large{padding:1rem}button.shadow{box-shadow:0 0}.button-box{display:flex;flex-direction:column;flex-grow:1;gap:.75rem;width:100%}.btn-fill{display:flex;justify-content:center;align-items: center;width:4rem;height:4rem;padding:0}.btn-fill>span.material-symbols-rounded{pointer-events:none;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;--variant-border:#595959;color:var(--variant-border);font-size:1.7rem}.btn-discord{--variant-color:#fff;--variant-background:#5865f2;display:inline-flex;user-select:none;justify-content:center;align-items: center}.btn-discord:before{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -28.5 256 256'%3E%3Cpath fill='%23ffffff' fill-rule='nonzero' d='M216.856 16.597C200.285 8.843 182.566 3.208 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.401-4.55-9.645-6.846-14.046C73.353 3.208 55.613 8.864 39.042 16.638 5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193 5.215-7.178 9.866-14.808 13.873-22.849-7.631-2.9-14.94-6.478-21.846-10.632 1.832-1.357 3.624-2.776 5.356-4.237 42.123 19.702 87.89 19.702 129.51 0 1.752 1.46 3.544 2.88 5.356 4.237-6.927 4.175-14.256 7.753-21.887 10.653 4.007 8.02 8.638 15.671 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.192 5.316-56.288-9.08-105.09-38.055-148.36zM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18 0-14.375 10.149-26.2 23.015-26.2 12.867 0 23.236 11.804 23.015 26.2.02 14.376-10.148 26.18-23.015 26.18zm85.051 0c-12.645 0-23.015-11.805-23.015-26.18 0-14.375 10.149-26.2 23.015-26.2 12.866 0 23.236 11.804 23.015 26.2 0 14.376-10.149 26.18-23.015 26.18z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:1.25em;height:1.25em;margin-right:.5rem}.btn-basic.btn-discord:before,button:not(.btn-bold).btn-discord:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -28.5 256 256'%3E%3Cpath fill='%235865F2' fill-rule='nonzero' d='M216.856 16.597C200.285 8.843 182.566 3.208 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.401-4.55-9.645-6.846-14.046C73.353 3.208 55.613 8.864 39.042 16.638 5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193 5.215-7.178 9.866-14.808 13.873-22.849-7.631-2.9-14.94-6.478-21.846-10.632 1.832-1.357 3.624-2.776 5.356-4.237 42.123 19.702 87.89 19.702 129.51 0 1.752 1.46 3.544 2.88 5.356 4.237-6.927 4.175-14.256 7.753-21.887 10.653 4.007 8.02 8.638 15.671 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.192 5.316-56.288-9.08-105.09-38.055-148.36zM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18 0-14.375 10.149-26.2 23.015-26.2 12.867 0 23.236 11.804 23.015 26.2.02 14.376-10.148 26.18-23.015 26.18zm85.051 0c-12.645 0-23.015-11.805-23.015-26.18 0-14.375 10.149-26.2 23.015-26.2 12.866 0 23.236 11.804 23.015 26.2 0 14.376-10.149 26.18-23.015 26.18z'/%3E%3C/svg%3E")}label{display:flex;flex-direction:column;flex:1;gap:.25rem}a.btn-bold{display:flex;justify-content:center;align-items: center}dialog.modal{box-shadow:none;animation:.18s cubic-bezier(.16,1,.3,1) forwards modal-pop;display:flex;background-color:#fff;border:none;border-radius:1rem;flex-direction:column;gap:.75rem;width:90%;max-width:440px;margin:auto;padding:1.5rem;font-family:inherit}dialog.modal::backdrop{backdrop-filter:blur(2px);background-color:#0f172a73}dialog.modal .modal-title{margin:0 0 8px;font-size:1.25rem;font-weight:600;line-height:1.3}dialog.modal.modal-error .modal-title{color:#dc2626}dialog.modal .modal-body{color:#4b5563;word-break:break-word;margin-bottom:24px;font-size:.95rem;line-height:1.5}dialog.modal .modal-actions{display:flex;justify-content:flex-end}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.tutorial-screen{overflow:auto;justify-content:center;align-items: center;padding:1rem 0}.tutorial-step{display:flex;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:.75rem;width:min(100%,68rem);min-height:0;margin:0 auto}.tutorial-content-row{display:flex;flex:1;justify-content:center;align-items: center;gap:clamp(1rem,5vw,4rem);width:100%;height:100%}.text-container{display:flex;text-align:left;flex-direction:column;flex:1 1 0;justify-content:center;align-items: center;gap:.5rem;min-width:0;max-width:34rem;margin-bottom:1rem;padding:0 2rem}.tutorial-heading{display:flex;justify-content:center;align-items: center;gap:.75rem;width:100%}.tutorial-controls{display:flex;justify-content:space-between;align-items: center;gap:.75rem;width:100%}.tutorial-title,.tutorial-content,.tutorial-hint,.tutorial-status{margin:0}.tutorial-title{text-align:left;font-size:1.7rem}.tutorial-content,.tutorial-hint{max-width:38rem;font-size:1.2rem;line-height:1.45}.tutorial-game-board{display:flex;aspect-ratio:1;overflow:hidden;object-fit:contain;flex:0 auto;justify-content:center;align-items: center;width:min(46vw,500px);max-width:100%;min-height:0;max-height:100%}.tutorial-board{display:block;cursor:pointer;touch-action:none;aspect-ratio:1;border-radius:1rem;max-width:100%;max-height:100%}.tutorial-hint{color:#5e5d5d;min-height:1.5em;font-size:1.2rem}.tutorial-status{color:#19763b;min-height:1.5em;font-style:italic;font-weight:700}.tutorial-controls{flex-wrap:wrap;justify-content:center;margin-top:auto}.tutorial-controls button{min-width:7rem}@media (max-width:560px){.tutorial-screen{padding:.5rem 0}.tutorial-heading{flex-direction:column;justify-content:center;align-items: center}.tutorial-content-row{flex-direction:column;gap:.75rem}.text-container{flex:0 auto;width:100%;padding:0 1rem}.tutorial-title{text-align:center}.tutorial-progress{align-self: center}.tutorial-game-board{flex-basis:auto;width:min(100%,25rem)}.tutorial-controls button{flex:7rem}}body{display:flex;background:radial-gradient(circle at top,#fffffff5,#f0f2f5f0 48%,#e4e8ee 100%);flex-direction:column;justify-content:center;align-items: center;gap:1rem;min-height:100dvh;max-height:100vh;margin:0;padding:.5rem 2rem}header{display:flex;flex-direction:row;flex:0 0 4.5rem;justify-content:space-around;align-items: center;gap:1rem;width:100%;height:4.5rem}.title-container{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:.25rem}.level-footer{display:flex;justify-content:center;align-items: center;margin-block-start:auto;padding:1rem 0}.discover-container{display:flex;flex-direction:column;gap:1rem;width:min(100%,62rem);min-height:0;margin:0 auto}.discover-container h2{text-align:center;margin:0}.discover-controls{display:grid;grid-template-columns:minmax(0,1fr)repeat(2,minmax(10rem,.45fr));gap:.6rem}.discover-controls input,.discover-controls select{box-sizing:border-box;font:inherit;min-width:0;padding:.65rem .75rem}.discover-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));overflow-y:auto;align-content: start;gap:.7rem;min-height:0;padding:.25rem}.discover-level{display:flex;text-align:left;flex-direction:column;align-items: flex-start;gap:.35rem;min-height:4.5rem}.discover-level small{opacity:.7}.editor-level-select{overflow:hidden;gap:1rem;width:min(100%,62rem);min-height:0;margin:0 auto}.editor-level-select-header{text-align:center;align-items: center;gap:.25rem}.editor-level-select-header h2,.editor-level-select-header p{margin:0}.editor-level-select-header p,.editor-level-empty{opacity:.7}.editor-level-select-actions{justify-content:center;gap:.7rem}.editor-level-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));overflow-y:auto;align-content: start;gap:.7rem;min-height:0;padding:.25rem}.editor-level-card{display:flex;text-align:left;flex-direction:column;align-items: flex-start;gap:.35rem;min-height:4.5rem}.editor-level-card small{opacity:.7}.editor-level-empty{grid-column:1/-1;text-align:center;margin:0}.hidden{display:none!important}.flex.center{display:flex;justify-content:center;align-items: center}.flex{display:flex}.row{display:flex;flex-direction:row}.w-full{flex:1;width:100%}.gap-1{gap:.5rem}.gap-2{gap:1rem}.column{display:flex;flex-direction:column}.screen{display:flex;flex-direction:column;flex:1;align-self:stretch;align-items:stretch;gap:.5rem;width:100%;min-width:0;height:auto;min-height:0}#editor-screen{overflow:auto}#game-screen{justify-content:center;align-items: center;gap:.75rem}#game-screen .game-board-holder{display:flex;aspect-ratio:1;overflow:hidden;object-fit:scale-down;justify-content:center;align-items: center;max-width:100%;margin:auto}#game-screen canvas.game-board{display:flex;border-radius:1rem;flex:1;width:100%;height:100%;aspect-ratio:1!important}#game-screen h1,#game-screen #status{text-align:center}#game-screen #status{color:#3f4754}#complete-level-btn{align-self: center}.complete-container{display:flex;justify-content:center;height:4.5rem}#completion-dialog{color:#202020;background:#fff;border:2px solid #4b4b4b;border-radius:.75rem;padding:1.5rem;box-shadow:0 1rem 3rem #12161c40}#completion-dialog::backdrop{background:#12161c73}#completion-dialog form{display:flex;justify-content:flex-end;margin-top:1.25rem}body:not(#title-screen.hidden) .highscore-box{display:none}.space{justify-content:space-evenly}.placeholder{aspect-ratio:4/3;display:flex;justify-content:center;align-items: center}#title-screen{display:flex;justify-content:center;align-items: center;gap:clamp(1.5rem,5vw,3rem);width:min(100%,34rem);margin:0 auto}#title-screen .placeholder{aspect-ratio:1;flex:none;width:min(100%,24rem)}#title-screen .icon{object-fit:contain;border-radius:1.5rem;width:min(100%,18rem);max-width:100%;max-height:none}#title-screen .button-box{gap:.75rem;width:min(100%,28rem)}#title-screen .button-box>.flex{gap:.75rem}#title-screen #btn-play-discover,#title-screen #btn-play-editor,#title-screen #btn-tutorial,#title-screen .button-box>a{display:inline-flex;justify-content:center;align-items: center;gap:.4rem}#title-screen .button-box>a{box-sizing:border-box}#title-screen .stardance-label{display:block;color:inherit;font:inherit;line-height:inherit}@media (min-width:768px){#title-screen{display:grid;grid-template-columns:minmax(0,1.1fr)minmax(18rem,.9fr);gap:clamp(2rem,7vw,5rem);width:min(100%,58rem);max-width:58rem}#title-screen .placeholder,#title-screen .button-box{width:100%}#title-screen .icon{width:min(100%,23rem)}}.community-editor-suite{display:grid;grid-template-rows:auto minmax(0,1fr)auto;overflow:hidden;gap:.75rem;width:100%;min-width:0;min-height:0}.community-editor-header{flex-wrap:wrap;flex:none;align-items: center;gap:.75rem;min-width:0;padding:.3rem}.community-editor-header strong{font-size:1.1rem}.community-editor-title{font:inherit;flex:1;min-width:12rem;padding:.65rem .75rem;font-weight:700}.community-editor-status,.community-editor-validation{font-size:.9rem}.community-editor-header .community-editor-status{margin-right:auto}.community-editor-share-button{display:inline-flex;justify-content:center;align-items: center;gap:.4rem}.community-editor-share-button .material-symbols-rounded{font-size:1.2rem;line-height:1}.community-editor-workspace{overflow:hidden;align-items: flex-start;gap:1rem;width:100%;min-width:0;min-height:0}.community-editor-sidebar{overflow-y:auto;gap:.75rem;width:auto;min-width:0;height:100%;max-height:none;padding-right:.25rem}.community-editor-section{gap:.6rem}.community-editor-section label{font-size:.76rem}.community-editor-section input,.community-editor-section select{box-sizing:border-box;width:100%;padding:.4rem .5rem}.community-editor-dimensions{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.community-editor-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.community-editor-tool{aspect-ratio:16/9;min-width:0;margin-bottom:.3rem;padding-inline-start:.25rem;padding-inline-end:.25rem;font-size:.72rem}.community-editor-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.community-editor-color{height:2rem;margin-bottom:.3rem}.community-editor-color:hover{outline-offset:1px}.community-editor-color:focus-visible{outline-offset:1px}.community-editor-tools{flex:0 0 8rem;gap:.5rem;width:8rem}.community-editor-board{display:block;aspect-ratio:1;cursor:crosshair;border-radius:.8rem;place-self: center;width:min(720px,100%,100dvh - 13rem);max-width:100%;height:auto;max-height:100%;margin:.5rem auto}.community-editor-validation{min-height:1.2rem;margin:0}@media (max-width:700px){.discover-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.discover-controls input[type=search]{grid-column:1/-1}.editor-level-select-actions{justify-content:stretch}.editor-level-select-actions button{width:100%}.community-editor-suite{display:flex;overflow:visible;flex-direction:column}.community-editor-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.community-editor-header .community-editor-status{grid-column:1/-1;margin-right:0}.community-editor-header button{width:100%;min-width:0}.community-editor-workspace{display:contents;overflow:visible;width:100%}.community-editor-tools{flex:initial;flex-flow:wrap;width:100%}.community-editor-sidebar{box-sizing:border-box;overflow:visible;width:100%;height:auto;max-height:none}.community-editor-section{box-sizing:border-box;width:100%}.community-editor-validation{order:2;padding:0 .25rem}.community-editor-sidebar{order:1}.community-editor-board{order:3;width:min(94vw,720px)}.button-box .w-full{flex:0!important}}dialog{position:fixed;border:none;margin:auto;inset:0}.icon{border-radius:1rem;max-width:70%;max-height:60dvh}.level-select-container{display:flex;flex-direction:column;flex:1;align-items: center;gap:16px;width:100%;max-width:500px;height:100%;margin:0 auto}.level-tab-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.level-tab-bar .btn.active{outline:2px solid #fff}.level-grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%}.level-cell-btn{display:flex;text-align:center;aspect-ratio:1;flex-direction:column;justify-content:center;align-items: center;gap:.5rem;min-height:72px;padding:3rem 1rem}.level-cell-btn .level-number{font-size:1rem;font-weight:700}.level-cell-btn .level-score{opacity:.9;margin-top:4px;font-size:.75rem}.dialog-content{display:flex;text-align:center;flex-direction:column;gap:1.5rem;padding:1rem 2rem}.dialog-content h2{margin:0}.dialog-stats{display:flex;border-radius:8px;flex-direction:column;gap:8px;padding:12px}.stat-row{display:flex;justify-content:space-between}.stat-row>span{font-size:1.2rem;font-weight:700}.new-record-banner{color:#f59e0b;margin-top:1.5rem;font-size:1.3rem;font-weight:700}.new-record-banner.hidden{display:none}.dialog-actions{display:flex;gap:8px}#completion-btn-finish{flex:1;padding:1rem 2rem}h2{font-weight:700}@media (max-width:600px){body{padding:.5rem}}