:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e8eef7;background:radial-gradient(circle at 50% 20%,#0f1b2d,#05070d 70%);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex}header{padding:.4rem .75rem}nav a{color:#6f88ab;font-size:.8rem;text-decoration:none}main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}h1{z-index:2;color:#6f88ab;letter-spacing:.05em;margin:0;font-size:1rem;font-weight:400;position:absolute;top:.5rem;left:.75rem}#stage{flex:1;position:relative;overflow:hidden}#score,#best{z-index:2;color:#b9c8de;font-family:ui-monospace,monospace;position:absolute;top:.6rem;right:1rem}#score{font-size:1.1rem}#best{color:#6f88ab;font-size:.8rem;top:2rem}#bubble{cursor:pointer;background:radial-gradient(circle at 35% 30%,#fffffff2,#96d2ff8c 45%,#78a0ff40 75%,#78a0ff0d 100%);border:none;border-radius:50%;padding:0;transition:opacity .15s,transform .15s;position:absolute;box-shadow:0 0 18px #96d2ff73}#bubble.popped{opacity:0;transform:scale(1.6)}#flash{z-index:1;color:#fff;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:4rem;font-weight:600;transition:opacity .4s;display:flex;position:absolute;inset:0}#flash.show{opacity:.85}