:root{--color-available: #fafafa;--color-reserved: #d29e00;--color-paid: #0d8e2b;--color-background: #f9f9f9;--color-dark: #282c34;--color-light: #ffffff;--color-text: #333;--color-border: #bfbfbf;--color-red: #a70000;--color-orange: #ff6400;--color-success: #28a745}button{background:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);margin:0;width:100%;display:flex}#root{width:100%}.app{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-header{background-color:var(--color-red);color:var(--color-light);padding:10px 0;width:100%;box-shadow:0 2px 4px #0000001a}.logo{max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center}.logo .app-logo{max-width:70%;display:block}.logo .app-logo-helmet{max-width:28%;display:block;margin-left:-45px}main{width:100%;max-width:760px;margin:0 auto;padding:0}.swiper{margin:0 auto 20px;position:relative}.swiper-img{width:100%}swiper-container{--swiper-navigation-color: var(--color-red) !important;--swiper-navigation-size: 30px !important}.infos{width:100%}.infos .img-call{max-width:90%;margin:0 auto;padding-bottom:20px;border-bottom:1px solid #bababa}.infos-desc{display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto;padding-bottom:20px;border-bottom:1px solid #bababa}.infos-desc-1{width:38%;text-align:left;position:relative}.infos-desc-1:after{content:"";height:60px;width:1px;display:block;position:absolute;right:0;top:0;background:#bababa}.infos-desc-2{text-align:right;width:60%}.infos-desc h3{font-size:1.4rem;font-weight:300;font-style:normal}.infos-desc h3 b{font-weight:800;font-style:italic;margin-left:3px}.infos-desc h4{font-size:1rem;color:#333;font-weight:300;margin:0;padding:0}.infos-desc h3,.infos-desc h5,.infos-desc h6{color:var(--color-red);margin:0;padding:0}.infos-desc h5{font-size:1.1rem;font-weight:800}.infos-desc h6{font-size:1rem;font-weight:500}.infos-desc-blocks{margin:10px auto;width:90%;display:flex;justify-content:space-between;align-items:stretch;border-bottom:1px solid #bababa;padding-bottom:10px}.infos-desc-blocks a,.infos-desc-blocks button{display:block;width:48%;display:flex;align-items:center;justify-content:center;background:#bababa;border-radius:5px;padding:10px 0;border:none;text-decoration:none;cursor:pointer}.infos-desc-blocks a img,.infos-desc-blocks button img{width:50px;margin-right:5px}.infos-desc-blocks a h2,.infos-desc-blocks button h2{color:var(--color-light);text-transform:uppercase;font-style:italic;font-size:1.2rem;line-height:1rem;max-width:calc(80% - 50px);text-align:right;margin:0;padding:0}.infos-desc-filter{display:flex;align-items:stretch;justify-content:space-between;width:90%;margin:20px auto}.infos-desc-filter button{display:flex;align-items:center;flex-direction:column;width:24%;border-radius:5px;padding:10px 0;text-decoration:none;outline:none}.infos-desc-filter button:focus,.infos-desc-filter button:active{outline:none}.infos-desc-filter button img{width:60%;max-width:50px;margin:0 auto}.infos-desc-filter button h2{font-size:.9rem;line-height:.9rem;margin:10px auto 0;text-align:center;font-style:italic;font-weight:800;text-transform:uppercase}.all-filter,.all-filter:active,.all-filter:focus{border:1px solid #bababa;color:#333}.paid-filter,.paid-filter:active,.paid-filter:focus{background:var(--color-red);border:1px solid var(--color-red);color:var(--color-light)}.reserved-filter,.reserved-filter:active,.reserved-filter:focus{background:var(--color-orange);border:1px solid var(--color-orange);color:var(--color-light)}.available-filter,.available-filter:active,.available-filter:focus{background:var(--color-border);border:1px solid var(--color-border);color:var(--color-light)}.raffle-grid{display:grid;grid-template-columns:repeat(auto-fill,max(19%));column-gap:1%;row-gap:0;width:90%;font-weight:800;margin:0 auto}.raffle-number{background:transparent;background-image:url(/assets/bg-available-number-DHOClMKz.svg);background-size:90%;background-position:top center;background-repeat:no-repeat;border:none;padding:25px 0 70px;font-size:2rem;cursor:pointer;font-style:italic;font-weight:900;color:var(--color-light);transition:.3s;outline:none}.raffle-number.reserved{background-image:url(/assets/bg-reserved-number-DzkBs2zF.svg);background-size:90%;background-repeat:no-repeat;cursor:not-allowed}.raffle-number.paid{background-image:url(/assets/bg-paid-number-l0wqHOOL.svg);background-size:90%;background-repeat:no-repeat;cursor:not-allowed}.color-box.available{background-color:var(--color-available)}.color-box.reserved{background-color:var(--color-reserved)}.color-box.paid{background-color:var(--color-paid)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px 0}.modal-content{background-color:var(--color-background);padding:5%;border-radius:5px;width:80%;max-width:400px;box-shadow:0 5px 15px #0000004d;max-height:90vh;overflow-y:auto;margin:auto}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content input,.modal-content textarea{padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;font-family:inherit;background-color:var(--color-light);color:var(--color-text)}.modal-content textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-weight:700;transition:all .2s ease;background-color:var(--color-light);color:var(--color-text)}.modal-actions button[type=button]{background-color:#6c757d;color:#fff}.modal-actions button[type=button]:hover:not(:disabled){transform:translateY(-1px)}.modal-actions button[type=submit]{background-color:var(--color-red);color:#fff}.modal-actions button[type=submit]:hover:not(:disabled){background-color:#8b0000;transform:translateY(-1px)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-number-title{background-image:url(/assets/bg-reserved-number-DzkBs2zF.svg);background-size:contain;background-position:center;background-repeat:no-repeat;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;font-weight:900;font-style:italic;color:var(--color-light)}.modal-number-title.modal-number-small{width:60px;height:60px;font-size:1.2rem;margin:0 auto 15px}.modal-numbers-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}.modal-number-item{background-image:url(/assets/bg-reserved-number-DzkBs2zF.svg);background-size:contain;background-position:center;background-repeat:no-repeat;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;font-style:italic;color:var(--color-light)}.regulation-checkbox{display:flex;align-items:flex-start;gap:10px;margin:15px 0;text-align:left}.regulation-checkbox input{margin-top:3px;background-color:var(--color-light);border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;font-size:1rem;padding:10px;position:relative}.regulation-checkbox input[type=checkbox]:checked{background-color:var(--color-red);border-color:var(--color-red)}.regulation-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;display:flex;position:absolute;align-items:center;justify-content:center;top:3px;left:5px}.message{padding:10px;border-radius:5px;margin:1rem auto 0;max-width:80%}.message.success{background-color:#d4edda;color:#155724}.message.error{background-color:#f8d7da;color:#721c24}.success-modal{animation:successBounce .6s ease-out;border:3px solid var(--color-success);box-shadow:0 10px 30px #28a7454d}.success-modal h2{animation:textGlow 2s ease-in-out infinite alternate}.success-modal button:hover{background-color:#218838!important;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d;transition:all .2s ease}@keyframes successBounce{0%{transform:scale(.3) rotate(10deg);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes textGlow{0%{text-shadow:0 0 10px rgba(40,167,69,.5)}to{text-shadow:0 0 20px rgba(40,167,69,.8)}}.footer{border-top:1px solid var(--color-border);padding-top:20px;margin:40px auto;width:90%}.footer h4{text-align:left;color:var(--color-dark);font-size:1.3rem;font-weight:400;margin:0;padding:0}.social{display:flex;align-items:stretch;justify-content:space-between;margin:20px 0}.social a{display:block;flex-direction:column;align-items:center;border-radius:5px;background:var(--color-dark);color:var(--color-red);width:31%;padding:20px 0 10px}.social img{height:50px;margin:0 auto}.social h5{padding:0;margin:5px 0 0;font-size:1.1rem;font-style:italic;font-weight:500}.organizer{width:100%;background:var(--color-border);border-radius:5px;display:flex;justify-content:center;align-items:center;padding:40px 0}.organizer img{width:70px;margin:0 20px 0 0}.organizer h3,.organizer h4,.organizer h5{padding:0;margin:0;text-align:left}.organizer h3{font-style:italic;font-size:1.2rem;font-weight:700}.organizer h4{color:var(--color-light);font-size:1rem}.organizer h5{font-size:.9rem;font-weight:400;line-height:.8rem}.infos-desc-filter button:hover{opacity:1}.infos-desc-filter button.active{opacity:1;filter:brightness(1.2)}.infos-desc-filter button.active img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.infos-desc-filter button.active h2{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 1000px){.raffle-grid{display:grid;grid-template-columns:repeat(auto-fill,max(24%));column-gap:1%;row-gap:5px;width:90%;font-weight:800;margin:0 auto}.raffle-number{font-size:1.5rem;padding:4vw 0 10vw}}.my-numbers-button{position:fixed;bottom:15px;right:15px;background:var(--color-red);color:#fff;border:none;border-radius:50px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #a700004d;cursor:pointer;transition:all .3s ease;z-index:999;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.my-numbers-button:hover{background:#8b0000;transform:translateY(-2px);box-shadow:0 6px 16px #a7000066}.my-numbers-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.my-numbers-button span{line-height:1.1;text-align:left}@media (max-width: 768px){.my-numbers-button{padding:10px 12px;font-size:.7rem}.my-numbers-button img{width:18px;height:18px}}.multiple-purchase-section{margin:0 auto;border-radius:12px;width:90%}.multiple-purchase-section h3{color:var(--color-red);font-size:1.4rem;margin-bottom:15px;font-weight:700}.multiple-purchase-buttons{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #bababa}.multiple-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:15px 20px;background:#fff;color:var(--color-red);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:120px;position:relative;overflow:hidden;width:48%}.multiple-btn img{max-width:50px;margin-right:5px}.multiple-btn-infos{display:flex;flex-direction:column;align-items:flex-start}.multiple-btn:hover:not(:disabled){background:var(--color-red);color:#fff;transform:translateY(-2px)}.multiple-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#ddd}.multiple-btn.active{background:var(--color-red);color:#fff;box-shadow:0 4px 12px #a7000066;animation:pulse 2s infinite}.multiple-btn .quantity{font-size:2rem;font-weight:700;line-height:1}.multiple-btn .text{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.multiple-btn .price{font-size:1.1rem;font-weight:700}.selection-status{margin-top:15px;padding:15px;background:#e7f3ff;border-radius:8px}.selection-status p{margin:0 0 10px;font-size:1.1rem;font-weight:700;color:#007bff}.cancel-selection{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.cancel-selection:hover{background:#c82333;transform:translateY(-1px)}.raffle-number.selected{position:relative;opacity:1!important}.raffle-number.selectable{cursor:pointer;transition:all .2s ease}.selection-mode .raffle-grid .raffle-number{opacity:.7;transition:opacity .3s ease}.selection-mode .raffle-grid .raffle-number.selected{opacity:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.multiple-purchase-section{margin:15px auto;padding:15px}.multiple-purchase-buttons{gap:10px}.multiple-btn{min-width:100px;padding:12px 15px}.multiple-btn .quantity{font-size:1.5rem}.multiple-btn .text{font-size:.8rem}.multiple-btn .price{font-size:1rem}}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#111;color:#fff;padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);box-shadow:0 -8px 24px var(--shadow)}.consent-banner p{margin:0;flex:1;min-width:200px}.consent-actions{display:flex;gap:8px;flex-wrap:wrap}.consent-actions .btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-deny{background:#666;color:#fff}.btn-deny:hover{background:#555}.btn-config{background:#007bff;color:#fff}.btn-config:hover{background:#0056b3}.btn-accept{background:#28a745;color:#fff}.btn-accept:hover{background:#218838}.consent-decided .consent-banner{display:none}.consent-decided .consent-modal{display:none!important}.consent-modal{position:fixed;inset:0;z-index:10000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.consent-modal .box{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.consent-modal label{cursor:pointer;padding:4px 0;border-radius:4px;transition:background-color .2s}.consent-modal label:hover{background-color:#0000000d}.consent-modal input[type=checkbox]{width:18px;height:18px;cursor:pointer}.consent-modal input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}
