*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#1a1a1a;justify-content:center;align-items:center;min-height:100vh;font-family:Kanit,sans-serif;display:flex}.calculator-container{background-color:#1a1a1a;border-radius:8px;width:100%;max-width:800px;padding:2rem}h1{text-align:center;color:#fff;margin-bottom:2rem;font-size:1.5rem;font-weight:500}.logo-container{text-align:center;margin-bottom:1rem}.logo{filter:drop-shadow(0 4px 6px #00000080);max-width:250px;height:auto}#matches-container,.controls-row,.calc-btn-container,#result-container{max-width:500px;margin-left:auto;margin-right:auto}.match-row{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}input,select,button{outline:none;font-family:Kanit,sans-serif}.match-number{text-align:center;color:gold;width:25px;font-weight:500}.odds-input{color:#999;background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;flex:none;width:150px;padding:10px 15px;font-size:.95rem}.odds-input::placeholder{color:#666}.odds-input:focus{color:#fff;border-color:#555}.select-wrapper{flex:none;width:150px;position:relative}.select-wrapper:after{content:"⌄";color:#fff;pointer-events:none;font-size:1.2rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.outcome-select{appearance:none;color:#fff;cursor:pointer;background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;width:100%;padding:10px 30px 10px 15px;font-size:.95rem;font-weight:500}.outcome-select:focus{border-color:#555}.remove-btn{color:#f44;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.5rem}.remove-btn:hover{color:red}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:15px;margin-bottom:25px;display:flex}#add-match-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;padding:10px 15px;font-weight:500;transition:background-color .2s}#add-match-btn:hover{background-color:#383838}#bet-amount{color:#999;background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;width:190px;min-width:160px;padding:10px 15px;font-size:.95rem}#bet-amount::placeholder{color:#666}#bet-amount:focus{color:#fff;border-color:#555}.calc-btn-container{justify-content:center;gap:10px;display:flex}#calculate-btn,#reset-btn{color:#fff;cursor:pointer;background-color:#333;border:1px solid #444;border-radius:6px;padding:10px 30px;font-size:1rem;font-weight:500;transition:background-color .2s}#calculate-btn:hover,#reset-btn:hover{background-color:#444}#result-container{text-align:center;margin-top:25px}.result-box{background-color:#2a2a2a;border:1px solid #4caf50;border-radius:8px;width:100%;max-width:360px;margin:0 auto;padding:20px;box-shadow:0 4px 10px #4caf501a}.result-box p{color:#fff;font-size:1.2rem;font-weight:500}#total-payout{color:#4caf50;font-size:1.4rem;font-weight:600}.result-box .sub-text{color:#aaa;margin-top:5px;font-size:.95rem}#net-profit{color:#81c784}.hidden{display:none}.promotions-section{border-top:1px solid #333;margin-top:40px;padding-top:30px}.promotions-section h2{text-align:center;color:#ff9800;margin-bottom:20px;font-size:1.3rem}.promo-cards-wrapper{align-items:stretch;gap:20px;display:flex}.promo-card{background-color:#242424;border:1px solid #3a3a3a;border-radius:8px;flex:1;overflow:hidden}.promo-header{color:gold;text-align:center;background-color:#333;border-bottom:1px solid #444;padding:12px 20px;font-size:1.1rem;font-weight:600}.promo-body{padding:20px}.promo-list{margin-bottom:20px;list-style-type:none}.promo-list li{color:#e0e0e0;border-bottom:1px dashed #444;padding:6px 0;font-size:.95rem}.promo-list li:last-child{border-bottom:none}.promo-rules{background-color:#1f1f1f;border-left:3px solid #ff9800;border-radius:6px;padding:15px}.promo-rules strong{color:#ff9800;margin-bottom:8px;font-size:.95rem;display:block}.promo-rules ol{color:#aaa;margin-left:20px;font-size:.9rem}.promo-rules ol li{margin-bottom:5px}.promo-rules small{color:#888}@media (width<=768px){.promo-cards-wrapper{flex-direction:column}.promo-card{margin-bottom:20px}}@media (width<=600px){.calculator-container{border-radius:0;min-height:100vh;padding:1rem}.logo{max-width:200px}h1{margin-bottom:1.5rem;font-size:1.3rem}.match-row{background-color:#242424;border:1px solid #333;border-radius:8px;grid-template-columns:25px 1fr 30px;grid-template-areas:"num odds del""num sel del";align-items:center;gap:8px 10px;margin-bottom:12px;padding:12px;display:grid}.match-number{color:gold;text-align:center;grid-area:num;width:auto;font-size:1.1rem}.odds-input{grid-area:odds;width:100%;padding:10px 12px;font-size:16px!important}.select-wrapper{grid-area:sel;width:100%}.outcome-select{width:100%;padding:10px 30px 10px 12px;font-size:16px!important}.remove-btn{grid-area:del;justify-content:center;align-items:center;height:100%;margin:0;padding:0;font-size:1.8rem;display:flex}.controls-row{flex-direction:column;gap:15px}#add-match-btn,#bet-amount,#calculate-btn,#reset-btn{width:100%;font-size:16px!important}.result-box p{font-size:1.1rem}#total-payout{margin-top:5px;font-size:1.3rem;display:block}.promotions-section h2{font-size:1.2rem}.promo-header{font-size:1rem}.promo-list li{font-size:.85rem}}
