:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow:hidden}#wrap{position:relative;width:100vw;height:100vh;overflow:hidden;touch-action:none;background:#000}#bucket-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#00000080;padding:10px 20px;border-radius:40px;pointer-events:none;color:#fff;font-family:system-ui,sans-serif;font-weight:700;z-index:100;transition:opacity .3s;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.mosaic-bucket{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;position:relative;transition:transform .2s,background-color .2s,opacity .2s}.mosaic-bucket.interactive:hover{transform:scale(1.1);background:#fff3}.mosaic-bucket.interactive{animation:pulsate 1.5s infinite ease-in-out}@keyframes pulsate{0%{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 10px 5px #fff3}to{transform:scale(1);box-shadow:0 0 #fff6}}.mosaic-bucket.filled{background:#fff3;box-shadow:0 0 15px #ffffff4d}.bucket-dot{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.8;z-index:0;transition:opacity .3s}.mosaic-bucket.filled .bucket-dot{opacity:1}.bucket-count,.bucket-check{z-index:1;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.bucket-check{font-size:24px;color:#fff;filter:drop-shadow(0 0 4px #2ecc70)}.mosaic-bucket.reveal-mode .bucket-count{font-size:20px}#lobby{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;align-items:center;z-index:100}#lobby h1{color:#fff;font-size:4rem;margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5)}#game-instruction{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.8rem;font-weight:700;pointer-events:none;text-shadow:0 4px 10px rgba(0,0,0,1),0 0 20px rgba(0,0,0,.9);transition:opacity .5s ease-out;opacity:0;z-index:200;text-align:center;width:100%}#game-instruction.visible{opacity:1}#background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-size:cover;background-position:center}