html,body{margin:0;padding:0;height:100%;font-family:Segoe UI,sans-serif;background:#1a1a2e;display:flex;flex-direction:column;overflow:hidden}#score-panel{display:flex;justify-content:center;gap:1.5rem;padding:1rem;color:#fff;font-size:1.2rem;background:#16213e}#game-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}#colors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:400px;width:100%;aspect-ratio:2 / 3}.color-btn{border:none;border-radius:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:#ffffff26;box-shadow:0 4px 12px #0000004d}.color-btn:active{transform:scale(.95)}.color-btn[data-color=red]{background:linear-gradient(135deg,#e63946,#c1121f)}.color-btn[data-color=orange]{background:linear-gradient(135deg,#fb8500,#e85d04)}.color-btn[data-color=yellow]{background:linear-gradient(135deg,#f4a261,#e9c46a)}.color-btn[data-color=green]{background:linear-gradient(135deg,#2a9d8f,#219ebc)}.color-btn[data-color=blue]{background:linear-gradient(135deg,#457b9d,#1d3557)}.color-btn[data-color=purple]{background:linear-gradient(135deg,#9d4edd,#7b2cbf)}#overlay{position:fixed;inset:0;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}#overlay button{font-size:1.5rem;padding:1rem 2.5rem;border:none;border-radius:12px;cursor:pointer;font-weight:700}#start-btn{background:#2a9d8f;color:#fff}#start-btn:hover{background:#219ebc}#restart-btn{background:#f4a261;color:#1a1a2e}#message{color:#fff;font-size:1.5rem;text-align:center;margin:0}.hidden{display:none!important}