:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#252526;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;overflow:hidden;position:fixed}a{font-weight:500;color:#252526;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:auto;min-height:auto;background-color:#252526}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;background-color:#252526}.main-content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;position:relative;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#252526}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(orientation:portrait){.app{transform:rotate(90deg);transform-origin:center;width:100dvh;height:100dvw;overflow-x:hidden;position:absolute;top:50%;left:50%;margin-left:-50dvh;margin-top:-50dvw}}.game-container{display:flex;justify-content:space-between;align-items:center;height:100%;gap:1rem}.team-panel{flex:1;display:flex;margin-top:25px;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.team-panel h3{margin:0;font-size:1.5rem;font-weight:500;cursor:pointer;transition:opacity .2s}.team-panel h3:hover{opacity:.7}.team-name-input{margin:0;font-size:1.5rem;font-weight:500;text-align:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;padding:.3rem .5rem;outline:none;width:150px}.team-name-input:focus{border-color:#ffffff4d;background:#ffffff1a}.score{font-size:5rem;font-weight:700;cursor:pointer}.score.green{color:#3ad86d}.score.red{color:#ff554d}.score.white{color:#fff}.score.orange{color:#ff9800}.controls{display:flex;gap:.5rem}.games-counter{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.5rem}.game-control-btn{font-weight:700;background:none;border:none;color:#fff;font-size:1.5rem;padding:.5em .9em}.game-count{background-color:#fff;color:#181818;font-size:1rem;font-weight:700;padding:.2em;border-radius:4px;min-width:40px;text-align:center;box-sizing:border-box}.categories-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.kofi-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,#fff,#f0f0f0);color:#000;text-decoration:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.95rem;box-shadow:0 2px 8px #00000026;transition:transform .2s,box-shadow .2s;border:1px solid rgba(0,0,0,.1);cursor:pointer;animation:wave 10s ease-in-out infinite}@keyframes wave{0%,94%,to{transform:rotate(0)}95%{transform:rotate(-5deg)}96%{transform:rotate(5deg)}97%{transform:rotate(-5deg)}98%{transform:rotate(5deg)}99%{transform:rotate(-3deg)}}.kofi-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;animation:none}.kofi-button:active{transform:translateY(0);box-shadow:0 2px 6px #00000026;animation:none}.kofi-icon{font-size:1.2rem;animation:waveIcon 10s ease-in-out infinite}@keyframes waveIcon{0%,94%,to{transform:rotate(0) scale(1)}95%{transform:rotate(-10deg) scale(1.15)}96%{transform:rotate(10deg) scale(1.15)}97%{transform:rotate(-10deg) scale(1.15)}98%{transform:rotate(10deg) scale(1.15)}99%{transform:rotate(-5deg) scale(1.1)}}.kofi-text{white-space:nowrap}.category-row{display:flex;align-items:center;gap:.5rem}.category-center{display:flex;flex-direction:column;align-items:center;gap:.25rem}.category-title{background-color:#fff;color:#181818;font-weight:700;padding:.3rem .8rem;border-radius:4px;font-size:.9rem}.category-value{color:#fff;font-size:1.2rem;font-weight:500}.arrow-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:transform .2s}.arrow-btn:hover{transform:scale(1.2)}button{border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;border-radius:4px;padding:.6em .8em;transition:.15s}button:hover{opacity:.9}.btn-red{background-color:#e53935}.btn-blue{background-color:#2196f3}.history{color:#fff;text-align:center;padding:2rem;height:100%;display:flex;flex-direction:column;position:relative}.history h2{margin-bottom:1.5rem;margin-top:0}.history-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.match-record{background-color:#3a3a3c;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.match-date{font-size:.8rem;color:#999;text-align:center}.match-details{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700}.match-teams{display:flex;gap:.5rem;align-items:center}.team-name-history.red{color:#ff554d}.team-name-history.green{color:#3ad86d}.match-score{font-size:1.5rem}.match-score.red{color:#ff554d}.match-score.green{color:#3ad86d}.counter-view{height:100%;width:100%;position:relative}.top-bar{display:flex;align-items:center;justify-content:center;width:100%}.undo-icon{right:10px;top:10px;position:absolute;width:28px;height:28px;cursor:pointer;transition:opacity .2s,transform .2s;opacity:1;transform:scale(1.25)}.restart-icon{left:10px;top:10px;position:absolute;width:28px;height:28px;cursor:pointer;transition:opacity .2s,transform .2s;opacity:1;transform:scale(1.25)}.leaderboard-icon{right:10px;bottom:10px;position:absolute;width:32px;height:32px;cursor:pointer;transition:opacity .2s,transform .2s;opacity:.9;transform:scale(1.2)}.leaderboard-icon:hover{opacity:1;transform:scale(1.3)}.google-play-icon{left:10px;bottom:10px;position:absolute;width:26px;height:26px;cursor:pointer;transition:opacity .2s,transform .2s;opacity:.9;transform:scale(1.2)}.google-play-icon:hover{opacity:1;transform:scale(1.3)}.back-icon{position:absolute;top:20px;left:20px;width:32px;height:32px;cursor:pointer;transition:opacity .2s,transform .2s;opacity:.9}.back-icon:hover{opacity:1;transform:scale(1.15)}.delete-icon{position:absolute;top:20px;right:20px;width:32px;height:32px;cursor:pointer;transition:opacity .2s,transform .2s;opacity:.9}.delete-icon:hover{opacity:1;transform:scale(1.15)}.game-mode-switch{top:10px;position:absolute;display:flex;background-color:#666;border-radius:4px;overflow:hidden;border:1px solid #888}.game-mode-switch button{background-color:transparent;color:#fff;border:none;padding:.2rem 1.2rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s;border-radius:0;min-width:30px}.game-mode-switch button.active{background-color:#3ad86d;color:#fff}