@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}header{display:none!important}}@media (min-width:768px){header,.screen{max-width:650px;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{--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)}.btn-bold.large{padding:1rem}button.shadow{box-shadow:0 0}.button-box{display:flex;flex-direction:column;gap:.75rem;width:100%}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:1rem 2rem}header{display:flex;flex-direction:row;justify-content:space-around;align-items: center;gap:1rem;width:100%}.level-footer{display:flex;justify-content:center;align-items: center;margin-block-start:auto;padding:1rem 0}.hidden{display:none!important}.flex.center{display:flex;justify-content:center;align-items: center}.flex{display:flex}.row{flex-direction:row}.column{flex-direction:column}.screen{display:flex;flex-direction:column;flex:1;align-self:stretch;align-items:stretch;gap:.5rem;width:100%;height:100%}#game-screen{justify-content:center;align-items: center;gap:.75rem}#game-screen canvas.game-board{display:block;background:linear-gradient(#363c47 0%,#2b313b 100%);border-radius:18px;width:min(92vmin,680px);height:min(92vmin,680px);box-shadow:0 30px 70px #12161c38}#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:3rem}#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}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;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}