html,body{height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#fff8f3}*,:after,:before{box-sizing:border-box;margin:0}#game-field{display:block;background-color:white;width:95dvmin;height:95dvmin;box-shadow:0 4px 12px rgba(0,0,0,0.1);touch-action:none}#user-counter{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;font-optical-sizing:auto;font-style:normal;color:#fdff00;font-weight:bold;font-size:40px;position:fixed;right:24px;top:14px;text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;pointer-events:none;z-index:5}#color-palette{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:8px 12px;border-radius:999px;background-color:rgba(255,255,255,0.92);box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:5}.color-swatch{width:30px;height:30px;border-radius:50%;border:0;padding:0;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-in-out, box-shadow .12s ease-in-out}.color-swatch[data-color="#ffffff"]{outline:1px solid #d0d0d0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{transform:scale(1.15);z-index:1}@media (max-width: 460px){.color-swatch{width:24px;height:24px}#color-palette{gap:6px;padding:6px 10px}}