:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#eee;background:#000;margin:0;font-family:system-ui,sans-serif}#app{box-sizing:border-box;flex-direction:column;align-items:center;gap:28px;min-height:100vh;padding:40px;display:flex}h1{letter-spacing:.05em;margin:0;font-size:3rem}.controls{align-items:center;gap:40px;font-size:1.3rem;display:flex}.controls label{align-items:center;gap:12px;display:flex}select,button{color:#eee;cursor:pointer;background:#1a1a1a;border:1px solid #444;border-radius:10px;padding:10px 18px;font-size:1.2rem}button.primary{background:#2e86c1;border-color:#2e86c1}.grid{grid-template-columns:repeat(4,1fr);gap:16px;width:min(900px,90vw);display:grid}.level{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;display:flex}.level:disabled{opacity:.35;cursor:default}.level .num{font-size:1.6rem;font-weight:700}.level .stars{color:#f1c40f;min-height:1.2em}.hint{color:#888;font-size:1rem}.hint a{color:#4aa3df}.tips{color:#aaa;margin:0;font-size:1.1rem;line-height:1.5}.palette-row{margin-top:34px}.palette-row a{color:#4aa3df}canvas{position:fixed;inset:0 auto auto 0}#overlay{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:5vh 0 6vh;font-size:1.5rem;display:flex;position:fixed;inset:0}.overlay-group{flex-direction:column;align-items:center;gap:18px;margin:0 20px;display:flex}.overlay-group.center{margin:auto 20px}#overlay[hidden]{display:none}