@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Open+Sans:wght@600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,sans-serif;margin:0;min-height:100vh;background-color:#d8d8d8;background-image:radial-gradient(ellipse at bottom,rgba(0,0,0,.3) 0%,transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px);display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden}.top-controls{position:absolute;top:20px;right:20px;display:flex;gap:15px}.control-btn{width:50px;height:50px;background:#fff;border:3px solid #1c6dd0;border-radius:8px;box-shadow:0 4px #14408e;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;color:#1c6dd0;text-decoration:none;font-family:Fredoka One,cursive;line-height:1;-webkit-user-select:none;user-select:none}.control-btn:active{transform:translateY(4px);box-shadow:0 0 #14408e}.top-left-control{position:absolute;top:20px;left:20px}.turn-card{position:absolute;bottom:20px;right:-130px;background:#fff;border:3px solid #1c6dd0;border-radius:8px;width:110px;text-align:center;overflow:hidden;box-shadow:0 5px 15px #0003}.turn-header{background:#1c6dd0;color:#fff;font-size:13px;font-weight:600;padding:6px 0;text-transform:uppercase}.turn-body{padding:15px;display:flex;justify-content:center;align-items:center;height:80px;position:relative}.static-piece{width:60px;height:60px;border-radius:50%}.static-piece.red{background:radial-gradient(circle at 30% 30%,#e65c00,#c43212);border:4px solid #a32002;box-shadow:inset 0 5px 10px #ffffff4d,inset 0 -5px 10px #0006}.static-piece.yellow{background:radial-gradient(circle at 30% 30%,#facc22,#e6b800);border:4px solid #cc9900;box-shadow:inset 0 5px 10px #fff9,inset 0 -5px 10px #0003}.classic-piece{width:64px;height:64px;border-radius:50%;position:absolute;top:8px;left:8px;animation:classicDrop .5s cubic-bezier(.55,.085,.68,.53) forwards}.classic-piece.red{background:radial-gradient(circle at 30% 30%,#e65c00,#c43212);border:4px solid #a32002;box-shadow:inset 0 5px 10px #ffffff4d,inset 0 -5px 10px #0006}.classic-piece.yellow{background:radial-gradient(circle at 30% 30%,#facc22,#e6b800);border:4px solid #cc9900;box-shadow:inset 0 5px 10px #fff9,inset 0 -5px 10px #0003}@keyframes classicDrop{0%{transform:translateY(-500px)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}75%{transform:translateY(-30px);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}90%{transform:translateY(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}96%{transform:translateY(-10px)}to{transform:translateY(0)}}.hover-triangle{position:absolute;top:0;left:50%;transform:translate(-50%)}.hitbox-col{flex:1;height:100%;cursor:pointer;position:relative}.hitbox-col:hover{background:#ffffff1a}.timer-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;color:#1c6dd0;font-family:Fredoka One,cursive;font-size:24px}.winner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 40px;border-radius:12px;border:4px solid #1c6dd0;box-shadow:0 10px 30px #00000080;text-align:center;z-index:100;font-family:Fredoka One,cursive;color:#1c6dd0}.winner-overlay h2{font-size:32px;margin-bottom:20px}