*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;display:flex;font-family:Arial,sans-serif;justify-content:center;max-height:100vh;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;left:0;overscroll-behavior:none;overscroll-behavior-y:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;width:100%}body,html{background:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;-webkit-background-size:cover;background-size:cover}html{height:100%}.game-container{align-items:center;display:flex;height:88vh;height:88dvh;height:-webkit-fill-available;height:88svh;justify-content:center;overflow:hidden;overscroll-behavior:none;position:relative;width:100vw;width:100dvw}.language-selector{position:absolute;right:10px;top:10px;z-index:1000}.language-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:hsla(0,0%,100%,.95);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.2);color:#333;cursor:pointer;font-size:14px;font-weight:700;min-width:120px;padding:8px 32px 8px 12px}.language-selector select:focus{box-shadow:0 4px 16px rgba(0,0,0,.3);outline:none}.language-selector select option{background:#fff;color:#333;padding:8px}.canvas-wrapper{display:inline-block;position:relative}#gameCanvas{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:20px;cursor:pointer;display:block;max-height:100%;max-width:100%;touch-action:none}.canvas-overlay{align-items:flex-start;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;left:0;padding:10px;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.counter{background:hsla(0,0%,100%,.95);order:2}.counter,.current-item{border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.2);color:#333;font-size:16px;font-weight:700;padding:8px 16px;pointer-events:none;white-space:nowrap}.current-item{background:hsla(0,0%,100%,.9);flex:1;line-height:normal;margin-right:10px;max-width:calc(100% - 180px);order:1;overflow:hidden;text-overflow:ellipsis}.game-over-screen,.intro-screen{align-items:center;background:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;justify-content:center;left:50%;max-height:calc(88vh - 69px);max-width:331px;overflow-y:auto;padding:16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:calc(100% - 69px);z-index:100;-webkit-overflow-scrolling:touch;border-radius:20px;box-sizing:border-box}.intro-screen h1{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;font-size:1.8em;margin-bottom:12px;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.intro-screen p{font-size:.95em;line-height:1.4;margin-bottom:12px;max-width:100%}input#playerName{-webkit-appearance:none;appearance:none;font-size:16px!important}.restart-btn,.start-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:15px;padding:12px 30px;transition:transform .3s ease}.restart-btn:hover,.start-btn:hover{transform:scale(1.05)}.game-over-screen h2{color:#4ecdc4;font-size:1.5em;margin-bottom:15px}.player-list{border-radius:15px;margin:15px 0;max-height:200px;min-width:250px;overflow-y:auto;padding:15px;width:100%}.player-item,.player-list{background:hsla(0,0%,100%,.1)}.player-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;margin:8px 0;padding:10px}.player-name{font-size:.9em;font-weight:700}.player-score{color:#4ecdc4;font-size:1em}.message{font-size:.85em;font-style:italic;line-height:1.5;margin-top:15px;max-width:100%}.ball{background:radial-gradient(circle at 30% 30%,#fff,#ff6b6b);border-radius:50%;box-shadow:0 8px 32px rgba(0,0,0,.3);position:absolute;transition:transform .1s ease}.ball:hover{transform:scale(1.05)}.touch-effect{animation:ripple .6s ease-out;background:hsla(0,0%,100%,.8);border-radius:50%;height:20px;pointer-events:none;position:absolute;width:20px}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@media (max-width:768px){html{left:0;overflow:hidden;position:fixed;top:0;width:100%}body,html{height:100%;height:-webkit-fill-available}body{padding:0}.game-over-screen,.intro-screen{max-height:calc(88vh - 69px);padding:12px;width:calc(100% - 69px)}.intro-screen h1{font-size:1.5em;margin-bottom:10px}.intro-screen p{font-size:.85em;line-height:1.3;margin-bottom:10px}.canvas-overlay{padding:5px}.counter,.current-item{font-size:14px;padding:6px 12px}.current-item{margin-right:5px}.restart-btn,.start-btn{font-size:.9em;margin-top:12px;padding:10px 25px}.player-list{margin:12px 0;max-height:180px;padding:12px}.game-over-screen h2{font-size:1.3em;margin-bottom:12px}.message{font-size:.8em;line-height:1.4;margin-top:12px}#playerName{font-size:16px!important;margin:12px 0!important;padding:8px!important}.player-item{margin:6px 0;padding:8px}.player-name{font-size:.85em}.player-score{font-size:.9em}}@media (max-height:700px){.game-over-screen,.intro-screen{max-height:calc(88vh - 20px);padding:10px}.intro-screen h1{font-size:1.3em;margin-bottom:8px}.intro-screen p{font-size:.8em;line-height:1.3;margin-bottom:8px}.restart-btn,.start-btn{font-size:.85em;margin-top:10px;padding:8px 20px}.player-list{max-height:150px;padding:10px}.game-over-screen h2{font-size:1.2em;margin-bottom:10px}.message{font-size:.75em;margin-top:10px}#playerName{font-size:16px!important;margin:10px 0!important;padding:8px!important}}@media (max-height:600px){.intro-screen h1{font-size:1.2em}.intro-screen p{font-size:.75em}.player-list{max-height:120px}}