body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center}:root{--bg-gradient: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);--text-color: #333;--card-bg: #ffffff;--button-bg: #e0e0e0;--button-hover-bg: #d5d5d5;--accent-win: #4caf50;--accent-lose: #f44336;--accent-draw: #ffa000}.dark-mode{--bg-gradient: linear-gradient(135deg, #2b2b2b 0%, #1e1e1e 100%);--text-color: #f0f0f0;--card-bg: #2c2c2c;--button-bg: #444;--button-hover-bg: #555}.app-container.light-mode,.app-container.dark-mode{background:var(--bg-gradient);color:var(--text-color)}.card{background-color:var(--card-bg);border-radius:16px;padding:40px 30px;box-shadow:0 10px 30px #0000001a;text-align:center;width:90%;max-width:450px;transition:background-color .3s,color .3s}.app-title{font-size:2.2rem;margin-bottom:20px;font-weight:600}.subtitle{font-size:1.3rem;margin-bottom:20px;font-weight:500}.moves{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.move-button{width:100px;display:flex;flex-direction:column;align-items:center;background-color:var(--button-bg);border:none;border-radius:12px;padding:15px 20px;font-size:1rem;color:var(--text-color);cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .3s}.move-button:hover{background-color:var(--button-hover-bg);transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.move-button:active{transform:scale(.9)}.result-banner{margin:20px 0;padding:15px;border-radius:10px;text-align:center;font-size:1.5rem;font-weight:700;color:#fff}.result-player{background-color:var(--accent-win)}.result-computer{background-color:var(--accent-lose)}.result-draw{background-color:var(--accent-draw)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.result-banner.animate{animation:pop .6s ease}.result-computer.animate{animation:shake .6s ease-in-out}.chosen-lines{margin-top:20px;text-align:center}.chosen-lines p{margin:5px 0;font-size:1.1rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-top:20px}.stat-card{background-color:var(--card-bg);padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.stat-card h3{font-size:1.2rem;margin-bottom:10px}.stat-card p{font-size:1.5rem;font-weight:700;margin:0}.stat-icon{font-size:2rem;margin-bottom:10px}.theme-toggle-button,.show-stats-button{margin-top:20px;font-size:1rem;padding:10px 20px;border:none;border-radius:8px;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .3s}.theme-toggle-button:hover,.show-stats-button:hover{background-color:var(--button-hover-bg);transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.loading{margin-top:20px;font-size:1rem;color:var(--text-color);opacity:.8}