:root{font-family:system-ui,sans-serif;color:#182c49;background:#eef3f9}*{box-sizing:border-box}body{margin:0}main{max-width:1250px;margin:auto;padding:30px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(32px,5vw,54px);margin:8px 0}h2{margin-top:0;font-size:22px}small{color:#657791}section{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 6px 25px #183a6210}p{line-height:1.6;color:#52647d}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,button{border-radius:9px;padding:11px;border:1px solid #cbd6e4;font:inherit}input[type=number]{width:100px}button{background:#183f77;color:white;cursor:pointer;border:0}button:hover{background:#2760a7}.ball{display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;background:#1d58a4;color:#fff;font-weight:700;margin:4px}.chance{background:#df3873}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.tile{background:#e7f5ee;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:6px}.tile strong{font-size:24px}.tile span{font-size:13px}.absent{background:#fcebed}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th,td{padding:11px;border-bottom:1px solid #e1e8f0;text-align:center}th{background:#edf2f8}td.match{background:#edf8ef}.error,.notice{padding:12px;border-radius:8px}.error{background:#fee5e9;color:#923045}.notice{background:#e1f4e8;color:#225c36}footer{font-size:13px;color:#657791;line-height:1.6;margin:25px 0}@media(max-width:600px){header{display:block}section{padding:18px}main{padding:20px 12px}}