:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0d14;--fg:#f2f0fa;--muted:#9b97b0;--accent:#8b7bff;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100dvh;padding:1.5rem;display:flex}h1{margin:0;font-size:1.5rem}p{color:var(--muted);margin:0}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.75rem;font-weight:600}.row{align-items:center;gap:.5rem;display:flex}.chip{background:#24223a;padding:.45rem .9rem}.chip.on{background:var(--accent)}.lanterns{grid-template-columns:repeat(4,3rem);gap:1rem;display:grid}.lantern{background:#24223a;border-radius:.75rem;height:4rem;transition:background .2s,box-shadow .2s}.lantern.lit{background:#ffc857;box-shadow:0 0 1.5rem #ffc85780}.grid{gap:.5rem;display:grid}.cols-3{grid-template-columns:repeat(3,4.5rem)}.cols-8{grid-template-columns:repeat(8,2.25rem);gap:.2rem}.tile{background:#24223a;border-radius:1rem;height:4.5rem;padding:0}.tile.on{background:#3ac7c0}.pixel{border-radius:.3rem;height:2.25rem;padding:0}.swatch{border:2px solid #0000;width:2rem;height:2rem;padding:0}.swatch.on{border-color:#fff}.sky{background:linear-gradient(#4b3a9a,#ffc47a);border-radius:1.5rem;width:12rem;height:12rem;position:relative;overflow:hidden}.kite{clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);background:#ff7a59;width:2rem;height:2.5rem;transition:bottom .4s;position:absolute;left:calc(50% - 1rem)}.board{flex-direction:column;gap:.5rem;width:min(20rem,100%);display:flex}.entry{text-align:left;background:#24223a;border-radius:.75rem;justify-content:space-between;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden}.entry .fill{opacity:.55;background:#8b7bff;transition:width .2s;position:absolute;inset:0 auto 0 0}.entry .label,.entry .count{position:relative}.disc{background:radial-gradient(circle,#ff7a5c 0 22%,#0c0b12 23%);border-radius:50%;width:9rem;height:9rem;animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}