html,body{margin:0;padding:0;height:100%;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;overflow:auto;overflow-x:hidden}.page-wrapper{min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem;box-sizing:border-box}.main-card{width:100%;max-width:800px;display:flex;flex-direction:column;padding:2rem;background-color:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 8px 20px #0000004d;box-sizing:border-box}.title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.5px}.filter-label{text-align:center;color:#bbb;font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.simulate{align-self:center}.simulate button{cursor:pointer;font-size:2rem;padding:1rem;border:none;border-radius:.3rem;color:#e0e0e0;background-color:#3b82f6}.simulate button:hover{transform:translateY(-1px);color:#3b82f6;scale:1.02;background-color:#e0e0e0;transition:ease-in .2s}.strategy-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.strategy-button{padding:.5rem 1rem;border-radius:999px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}.strategy-button:hover{background-color:#fff3;transform:translateY(-1px)}.strategy-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.game-list{flex:1;overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:1.5rem;padding-right:.5rem;margin-top:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.game-list::-webkit-scrollbar{width:8px}.game-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:6px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.game-list::-webkit-scrollbar-thumb:hover{background-color:#fff6}.game-card{max-width:100%;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.25rem 1.5rem;border-radius:12px;box-shadow:0 4px 10px #0000004d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:scale(1.004);box-shadow:0 6px 16px #ffffff1a}.game-card p{font-size:.95rem;color:#ffffffd9;margin-top:.5rem}.game-card strong{font-weight:600;color:#fff}.game-card em{font-style:italic;color:#93c5fd}.pagination{display:flex;justify-content:center;gap:1rem;padding-top:1.5rem}.pagination button{padding:.5rem 1rem;border-radius:999px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}.pagination button:hover:not(:disabled){background-color:#fff3;transform:translateY(-1px)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.chart-row{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;flex-shrink:0}.chart-box{flex:1;min-width:300px;background-color:#ffffff0a;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #00000026;text-align:center;height:330px}.mini-chart-box{flex:1;min-width:300px;background-color:#ffffff0a;border-radius:12px;padding:1rem;box-shadow:0 4px 10px #0003;text-align:center;height:300px;overflow:hidden}.mini-chart-box h3{margin-bottom:1rem;font-size:1rem;font-weight:500;color:#e0e0e0}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff}.game-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;overflow:auto}.game-card-detail{width:600px;max-width:700px;padding:2rem;border-radius:20px;background-color:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #0006}.game-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.game-info{font-size:1rem;color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.game-players h2{font-size:1.25rem;margin-bottom:.75rem}.game-players ul{list-style:disc;padding-left:1.5rem;line-height:1.6;color:#ffffffd9}.game-back-link{display:block;margin-top:2rem;text-align:center;color:#60a5fa;font-weight:500;text-decoration:none;transition:color .2s}.game-back-link:hover{color:#93c5fd;text-decoration:underline}.game-message{padding:2rem;text-align:center;font-size:1.125rem;color:#ccc}.game-message.error{color:#f87171}.back-link{color:#60a5fa}.back-link:hover{text-decoration:underline}.chart-section{margin-top:2rem;background-color:#ffffff0a;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 2px 10px #0003;text-align:center}.chart-section h3{margin-bottom:1rem;font-weight:600;font-size:1.125rem;color:#ddd}