.rules-page{background-color:#fff}.rules-content{padding:20px 40px;max-width:800px;margin:0 auto;line-height:1.6}.table-of-contents{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:30px}.table-of-contents h3{margin-top:0;border-bottom:2px solid #007bff;padding-bottom:10px}.table-of-contents ul{list-style-type:none;padding-left:0}.table-of-contents li{margin-bottom:8px}.table-of-contents a{text-decoration:none;color:#0056b3;font-weight:700}.table-of-contents a:hover{text-decoration:underline}.table-of-contents .sub-list{padding-left:40px;margin-top:8px}.rules-content h2{border-bottom:2px solid #e2e8f0;padding-bottom:10px;margin-top:40px}.rules-content a{color:#007bff;font-weight:700}.contact-page-content{position:relative;padding:20px 40px;max-width:800px;margin:20px auto 0;line-height:1.6;text-align:center;border-radius:8px}.contact-background{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.075;z-index:0}.contact-text{position:relative;z-index:1}.contact-info{margin-top:40px}body{background-color:#daebfd;font-family:sans-serif}.tile-counter{position:fixed;top:20px;right:20px;width:80px;height:80px;background-color:#007bffe6;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 8px #0003;z-index:100}button{padding:10px 20px;border-radius:8px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease;margin:10px}button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-confirm{background-color:#28a745;color:#fff}.btn-confirm:hover:not(:disabled){background-color:#218838}.btn-neutral{background-color:#007bff;color:#fff}.btn-neutral:hover:not(:disabled){background-color:#0056b3}.btn-cancel{background-color:#dc3545;color:#fff}.btn-cancel:hover:not(:disabled){background-color:#c82333}.settings-container,.dealer-toggle{padding:0 20px}.tile-grid-container{padding:20px;display:flex;flex-direction:column;gap:20px}.suit-block{padding:15px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d}.suit-block h3{margin-top:0;margin-bottom:15px;font-size:18px;color:#4a5568;border-bottom:1px solid #eee;padding-bottom:5px}.tile-container{display:flex;flex-wrap:wrap;gap:8px}.tile{width:65px;height:91px;border:2px solid #ccc;box-sizing:border-box;transition:all .2s ease-in-out;position:relative}.tile img{width:100%;height:100%;display:block}.tile.selected{border-color:#007bff;transform:scale(1.05)}.quantity-controls{display:flex;position:absolute;bottom:0;left:0;width:100%;height:22px;background-color:#ffffffd9}.quantity-display{flex:1;text-align:center;font-weight:700;font-size:15px;line-height:22px;background-color:#f0f0f0}.quantity-controls button{flex:1;border:none;background-color:#ddd;font-size:18px;font-weight:700;cursor:pointer;padding:0;margin:0;border-radius:0;color:#333}.quantity-controls button:hover{background-color:#ccc}.concealed-tag{margin-left:15px;padding:3px 10px;background-color:#c20000;color:#fff;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.side-menu{height:100%;width:250px;position:fixed;z-index:1000;top:0;left:-250px;background:linear-gradient(to right,rgb(0,200,255),rgb(0,13,255));padding-top:60px;transition:.3s;color:#fff}.side-menu.open{left:0}.side-menu h2{padding:0 16px}.side-menu ul{list-style-type:none;padding:0}.side-menu li{padding:8px 16px;cursor:pointer;transition:.2s}.side-menu li:hover{background-color:#575757}.side-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.main-content{transition:margin-left .3s}.main-content.menu-open{margin-left:250px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.page-title{flex-grow:1;text-align:center}.menu-button{background:none;border:none;cursor:pointer;padding:0;width:40px;height:40px;margin:0}.menu-button img{width:100%;height:100%}.page-logo{height:80px;width:auto}
