.container{display:flex;justify-content:space-around;gap:10px;padding:10px;flex-wrap:wrap}.table-container{display:flex;flex-direction:column}.table1-and-dropdown-container{display:flex;gap:10px;flex-wrap:wrap}.scroll-archive{max-height:450px;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc}.scroll-archive::-webkit-scrollbar{width:24px}.scroll-archive::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:12px}.scroll-archive::-webkit-scrollbar-thumb:hover{background-color:#888}.tight-table{border-collapse:collapse;width:100%}.fixed-table{table-layout:fixed}.tight-table th,.tight-table td{border:1px solid #ccc;padding:2px;text-align:center;font-size:10px}.highlight-tirage-border{border:3px solid blue!important}.highlight-stat-row{background-color:#e0e0e0}.highlight{background-color:#ff0}.clickable-cell{cursor:pointer;transition:background-color .2s}.clickable-cell:hover{background-color:#f0f0f0}.dropdown-list{border:1px solid #ccc;padding:10px;background-color:#fff;max-height:450px;overflow-y:auto;width:150px}.dropdown-list ul{list-style:none;padding:0}.clickable-tirage{cursor:pointer;padding:2px 0}.clickable-tirage:hover{text-decoration:underline}.tirage-filter-container{margin-top:20px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.filter-inputs{display:flex;gap:5px}.filter-inputs input{width:100%;padding:5px;font-size:10px;border:1px solid #ccc;border-radius:3px}.reset-button{margin-top:10px;padding:5px 10px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;width:100%}.reset-button:hover{background-color:#d32f2f}.random-button{margin-top:5px;padding:5px 10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;width:100%}.random-button:hover{background-color:#45a049}.hot-cold-buttons-container{display:flex;justify-content:space-between;margin-top:15px;gap:10px}.button-column{display:flex;flex-direction:column;flex:1;gap:5px}.button-column h4{margin:0 0 5px;text-align:center;font-size:14px}.hot-button{padding:5px 10px;background-color:#ff5722;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;width:100%}.hot-button:hover{background-color:#e64a19}.cold-button{padding:5px 10px;background-color:#00bcd4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;width:100%}.cold-button:hover{background-color:#00acc1}.match-count-display{margin-top:10px;font-size:12px;padding:5px;background-color:#f0f0f0;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-footer{width:100%;text-align:center;margin-top:40px;padding:10px 0;font-size:12px;color:#666;border-top:1px solid #ccc}.update-section{margin-top:20px;text-align:center}.update-button{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;width:100%}.update-button:hover:not(:disabled){background-color:#1976d2}.update-button:disabled{opacity:.6;cursor:not-allowed}.update-message{margin-top:8px;font-size:12px;color:#333}@media (max-width: 768px){.container{flex-direction:column;align-items:stretch}.table-container{width:100%!important;margin-bottom:20px}.dropdown-list{width:auto;flex-grow:1}.table1-and-dropdown-container{flex-direction:column}}@media (min-width: 769px){.table-container{width:250px!important}}