body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3b82f6;--primary-dark:#1e40af;--primary-light:#93c5fd;--success-color:#10b981;--success-light:#d1fae5;--success-dark:#047857;--warning-color:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--danger-color:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body{background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6}.App,body{max-width:100vw;overflow-x:hidden;width:100%}.App{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-8);padding:1.5rem 0;padding:var(--spacing-6) 0}.header-content{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-4);text-align:center}.header-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;flex-wrap:wrap;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;gap:.75rem;gap:var(--spacing-3);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}@media (max-width:768px){.header-title{flex-direction:column;font-size:1.25rem;font-size:var(--font-size-xl);gap:.5rem;gap:var(--spacing-2);line-height:1.2;padding:0 .5rem;padding:0 var(--spacing-2);text-align:center}.header-title-text{display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin-top:.25rem;margin-top:var(--spacing-1);max-width:100%;word-break:break-word}.header-title svg{height:28px;margin-bottom:.25rem;margin-bottom:var(--spacing-1);width:28px}.header-subtitle{font-size:.875rem;font-size:var(--font-size-sm);-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-top:.5rem;margin-top:var(--spacing-2);max-width:100%;padding:0 .75rem;padding:0 var(--spacing-3);word-break:break-word}.app-header{padding:1rem 0;padding:var(--spacing-4) 0}}@media (max-width:480px){.header-title{font-size:1.125rem;font-size:var(--font-size-lg);gap:.25rem;gap:var(--spacing-1);line-height:1.1;padding:0 .25rem;padding:0 var(--spacing-1)}.header-title-text{font-size:1rem;font-size:var(--font-size-base);font-weight:700;margin-top:.25rem;margin-top:var(--spacing-1)}.header-title svg{height:24px;margin-bottom:.25rem;margin-bottom:var(--spacing-1);width:24px}.header-subtitle{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.3;margin-top:.25rem;margin-top:var(--spacing-1);padding:0 .5rem;padding:0 var(--spacing-2)}.app-header{padding:.75rem 0;padding:var(--spacing-3) 0}}@media (max-width:420px){.header-title{font-size:1rem;font-size:var(--font-size-base);gap:var(--spacing-0)}.header-title-text{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.1;margin-top:var(--spacing-0)}.header-title svg{height:20px;margin-bottom:var(--spacing-0);width:20px}.header-subtitle{font-size:11px;line-height:1.2;margin-top:.25rem;margin-top:var(--spacing-1);padding:0 .25rem;padding:0 var(--spacing-1)}.app-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding:.5rem 0;padding:var(--spacing-2) 0}}@media (max-width:375px){.header-title{flex-direction:column;gap:var(--spacing-0)}.header-title-text{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.1;margin-top:var(--spacing-0)}.header-title svg{height:18px;width:18px}.header-subtitle{font-size:10px;line-height:1.1;padding:0}.app-header{padding:.25rem 0 .5rem;padding:var(--spacing-1) 0 var(--spacing-2)}}.header-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.top-promotional-banner{background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding:.75rem;padding:var(--spacing-3)}.promotional-content{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4);margin:0 auto;max-width:1200px;padding:0 .75rem;padding:0 var(--spacing-3)}.top-promotional-image{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);flex-shrink:0;height:auto;max-width:250px;transition:transform .3s ease}.top-promotional-image:hover{transform:scale(1.05)}.promotional-text-content{flex:1 1}.promotional-text-content h3{color:#fff;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.promotional-text-content p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--spacing-3);opacity:.9}.promotional-button{align-items:center;background:#fff;border-radius:.5rem;border-radius:var(--radius-md);color:#3b82f6;color:var(--primary-color);display:inline-block;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;justify-content:center;min-height:40px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all .2s ease}.promotional-button:hover{background:#f3f4f6;background:var(--gray-100);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.top-promotional-banner{margin-bottom:1.25rem;margin-bottom:var(--spacing-5);padding:.75rem;padding:var(--spacing-3)}.promotional-content{flex-direction:column;gap:.75rem;gap:var(--spacing-3);padding:0 .5rem;padding:0 var(--spacing-2);text-align:center}.top-promotional-image{margin:0 auto;max-width:200px;order:-1}.promotional-text-content{text-align:center}.promotional-text-content h3{font-size:1rem;font-size:var(--font-size-base);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.promotional-text-content p{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.promotional-button{font-size:.875rem;font-size:var(--font-size-sm);max-width:200px;min-height:44px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);width:100%}}@media (max-width:480px){.top-promotional-banner{margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:.5rem;padding:var(--spacing-2)}.promotional-content{gap:.5rem;gap:var(--spacing-2);padding:0 .25rem;padding:0 var(--spacing-1)}.top-promotional-image{max-width:160px}.promotional-text-content h3{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.1}.promotional-text-content p{font-size:11px;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.promotional-button{font-size:.75rem;font-size:var(--font-size-xs);max-width:180px;min-height:40px;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}}@media (max-width:375px){.top-promotional-banner{margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding:.25rem;padding:var(--spacing-1)}.promotional-content{gap:.25rem;gap:var(--spacing-1)}.top-promotional-image{max-width:140px}.promotional-text-content h3{font-size:.75rem;font-size:var(--font-size-xs)}.promotional-text-content p{font-size:10px}.promotional-button{font-size:11px;max-width:160px;min-height:36px;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}}@media (hover:none) and (pointer:coarse){.promotional-button:hover{background:#fff;transform:none}.promotional-button:active{background:#f3f4f6;background:var(--gray-100);transform:scale(.98)}.top-promotional-image:hover{transform:none}.top-promotional-image:active{transform:scale(1.02)}}.main-container{grid-gap:1.5rem;grid-gap:var(--spacing-6);box-sizing:border-box;display:grid;gap:1.5rem;gap:var(--spacing-6);margin:0 auto;max-width:1200px;padding:0 .75rem;padding:0 var(--spacing-3);width:100%}.main-container>*{box-sizing:border-box;max-width:100%}@media (max-width:768px){.main-container{gap:1rem;gap:var(--spacing-4);max-width:100vw;overflow-x:hidden;padding:0 .5rem;padding:0 var(--spacing-2)}.main-container>*{margin-left:0;margin-right:0;max-width:100%}}@media (max-width:480px){.main-container{gap:.75rem;gap:var(--spacing-3);max-width:100vw;padding:0 .25rem;padding:0 var(--spacing-1)}.main-container>*{border-radius:.5rem;border-radius:var(--radius-md);box-sizing:border-box;max-width:100%;width:100%!important}.charts-container,.educational-content,.faq-section,.input-form,.results-container,.risk-warnings-container,.simulation-container,.tab-navigation{margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}}@media (max-width:375px){.main-container{gap:.5rem;gap:var(--spacing-2);max-width:100vw;padding:0}.main-container>*{border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;width:100%!important}.charts-container,.educational-content,.faq-section,.input-form,.results-container,.risk-warnings-container,.simulation-container,.tab-navigation{border-radius:0;margin-left:0;margin-right:0;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.bankroll-guidelines,.chart-content,.config-summary,.content-section,.detailed-stats,.educational-section,.faq-item,.form-grid,.risk-assessment,.statistics-grid,.table-container,.warnings-section{box-sizing:border-box;max-width:100%!important;width:100%!important}}.tab-navigation{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:.75rem;padding:var(--spacing-3)}.tab-list,.tab-navigation{box-sizing:border-box;max-width:100%;width:100%}.tab-list{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:.25rem;gap:var(--spacing-1);margin-bottom:.75rem;margin-bottom:var(--spacing-3);overflow-x:auto;padding-bottom:.25rem;padding-bottom:var(--spacing-1);scrollbar-width:none}.tab-list::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.25rem;gap:var(--spacing-1);min-height:40px;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.tab-button.active{background:#3b82f6;background:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}@media (max-width:768px){.tab-navigation{border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding:.5rem;padding:var(--spacing-2)}.tab-list{gap:var(--spacing-0);margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-0);padding-right:.25rem;padding-right:var(--spacing-1)}.tab-button{font-size:.75rem;font-size:var(--font-size-xs);gap:var(--spacing-0);min-height:36px;padding:.5rem;padding:var(--spacing-2) var(--spacing-2)}.tab-button svg{height:14px;width:14px}}@media (max-width:480px){.tab-navigation{margin-bottom:.5rem;margin-bottom:var(--spacing-2);overflow:hidden;padding:.25rem;padding:var(--spacing-1)}.tab-button{font-size:11px;min-height:32px;padding:.25rem;padding:var(--spacing-1) var(--spacing-1)}.tab-button svg{display:none;height:12px;width:12px}.tab-button span{margin-left:0}}@media (max-width:375px){.tab-button{border-radius:.375rem;border-radius:var(--radius-sm);flex-shrink:0;font-size:10px;min-height:30px;padding:.25rem;padding:var(--spacing-1)}.tab-button:first-child{min-width:70px}.tab-button:nth-child(2){min-width:55px}.tab-button:nth-child(3){min-width:50px}.tab-button:nth-child(4){min-width:65px}.tab-button:nth-child(5){min-width:75px}.tab-list{padding-right:.25rem;padding-right:var(--spacing-1)}}@media (hover:none) and (pointer:coarse){.tab-button:hover{background:none;color:#4b5563;color:var(--gray-600)}.tab-button.active:hover{background:#3b82f6;background:var(--primary-color);color:#fff}.tab-button:active{background:#f3f4f6;background:var(--gray-100)}.tab-button.active:active{background:#1e40af;background:var(--primary-dark)}}.input-form{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.form-header{background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:1rem;padding:var(--spacing-4);text-align:center}.form-header h2{align-items:center;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;gap:var(--spacing-2);justify-content:center;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-header p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4;opacity:.9}.form-grid{grid-gap:1rem;grid-gap:var(--spacing-4);box-sizing:border-box;display:grid;gap:1rem;gap:var(--spacing-4);padding:1rem;padding:var(--spacing-4);width:100%}@media (max-width:768px){.input-form{border-radius:.5rem;border-radius:var(--radius-md)}.form-header{padding:.75rem;padding:var(--spacing-3)}.form-header h2{flex-direction:column;font-size:1.125rem;font-size:var(--font-size-lg);gap:.25rem;gap:var(--spacing-1)}.form-header p{font-size:.75rem;font-size:var(--font-size-xs)}.form-grid{gap:.75rem;gap:var(--spacing-3);padding:.75rem;padding:var(--spacing-3)}}@media (max-width:480px){.form-header{padding:.5rem;padding:var(--spacing-2)}.form-header h2{font-size:1rem;font-size:var(--font-size-base)}.form-grid{gap:.5rem;gap:var(--spacing-2);padding:.5rem;padding:var(--spacing-2)}}@media (max-width:768px){.form-grid{gap:1.5rem;gap:var(--spacing-6);padding:1rem;padding:var(--spacing-4)}.form-section{gap:.75rem;gap:var(--spacing-3)}.form-section h3{font-size:1.125rem;font-size:var(--font-size-lg);padding-bottom:.25rem;padding-bottom:var(--spacing-1)}.input-group{gap:.25rem;gap:var(--spacing-1)}.input-field,.input-label,.select-field{font-size:1rem;font-size:var(--font-size-base)}.input-field,.select-field{min-height:48px;padding:.75rem;padding:var(--spacing-3)}.calculate-button{min-height:56px;padding:1rem;padding:var(--spacing-4);width:100%}}@media (max-width:480px){.form-grid{gap:1rem;gap:var(--spacing-4);padding:.75rem;padding:var(--spacing-3)}.form-section h3{font-size:1rem;font-size:var(--font-size-base)}.input-field,.select-field{font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--spacing-3)}}.form-section{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4)}.form-section h3{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-color);color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;padding-bottom:.5rem;padding-bottom:var(--spacing-2)}.input-group{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid}.input-group,.input-label{gap:.5rem;gap:var(--spacing-2)}.input-label{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.optional{color:#6b7280;color:var(--gray-500);font-style:italic;font-weight:400}.input-field,.select-field{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-3);transition:all .2s ease}.input-field:focus,.select-field:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-field.error{border-color:#ef4444;border-color:var(--danger-color)}.error-message{color:#ef4444;color:var(--danger-color);font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-1)}.odds-input-group{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4)}.odds-type-selector{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;gap:.5rem;gap:var(--spacing-2)}.odds-preview{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-4)}.odds-preview h4{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.odds-grid{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media (max-width:768px){.odds-grid{font-size:.75rem;font-size:var(--font-size-xs);gap:.5rem;gap:var(--spacing-2);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.odds-grid{gap:.25rem;gap:var(--spacing-1);grid-template-columns:1fr}.odds-grid>div{padding:.5rem;padding:var(--spacing-2);text-align:center}}.odds-grid>div{color:#374151;color:var(--gray-700);font-weight:500}.tooltip{cursor:help;display:inline-flex;position:relative}.tooltip-text{background:#111827;background:var(--gray-900);border-radius:.375rem;border-radius:var(--radius-sm);bottom:100%;color:#fff;font-size:.75rem;font-size:var(--font-size-xs);left:50%;margin-bottom:.25rem;margin-bottom:var(--spacing-1);opacity:0;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.form-actions{margin-top:1rem;margin-top:var(--spacing-4);text-align:center}.calculate-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8);transition:all .2s ease}.calculate-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calculate-button:disabled{cursor:not-allowed;opacity:.6}.risk-notice{align-items:flex-start;background:#fef3c7;background:var(--warning-light);border:1px solid #f59e0b;border:1px solid var(--warning-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--spacing-3);margin-top:1.5rem;margin-top:var(--spacing-6);padding:1rem;padding:var(--spacing-4)}.risk-notice strong{color:#d97706;color:var(--warning-dark)}.results-container{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.config-summary{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.config-summary h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.config-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-2)}.config-item strong{color:#111827;color:var(--gray-900)}.odds-detail{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);margin-left:.5rem;margin-left:var(--spacing-2)}.statistics-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detailed-stats,.statistics-grid{padding:1.5rem;padding:var(--spacing-6)}.detailed-stats{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.detailed-stats h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.stats-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3)}.stat-row{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);justify-content:space-between;padding:.75rem;padding:var(--spacing-3)}.stat-name,.stat-row{align-items:center;display:flex}.stat-name{color:#374151;color:var(--gray-700);font-weight:500;gap:.5rem;gap:var(--spacing-2)}.stat-row .stat-value{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin:0}.table-controls{align-items:flex-end;background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}@media (max-width:768px){.table-controls{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-3);padding:1rem;padding:var(--spacing-4)}.controls-left{text-align:center}.controls-left h3{font-size:1.125rem;font-size:var(--font-size-lg)}.controls-left p{font-size:.875rem;font-size:var(--font-size-sm)}.controls-right{gap:.5rem;gap:var(--spacing-2);justify-content:center;width:100%}.action-button,.toggle-button{flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);min-height:44px;min-width:120px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}}@media (max-width:480px){.table-controls{padding:.75rem;padding:var(--spacing-3)}.controls-right{flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.action-button,.toggle-button{justify-content:center;width:100%}}.controls-left h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.controls-left p{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}.controls-right{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.action-button,.toggle-button{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.action-button:hover,.toggle-button:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.table-container{-webkit-overflow-scrolling:touch;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}@media (max-width:768px){.table-container{margin:0 -.5rem;margin:0 calc(var(--spacing-2)*-1);width:calc(100% + 1rem);width:calc(100% + var(--spacing-2)*2)}.results-table{min-width:600px}.results-table td,.results-table th{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--spacing-2)}.results-table th.sortable{padding:.5rem;padding:var(--spacing-2);white-space:nowrap}.badge,.currency{font-size:.75rem;font-size:var(--font-size-xs)}.badge{padding:.25rem;padding:var(--spacing-1)}}@media (max-width:480px){.table-container{margin:0 -.25rem;margin:0 calc(var(--spacing-1)*-1);width:calc(100% + .5rem);width:calc(100% + var(--spacing-1)*2)}.results-table{min-width:700px}.results-table td,.results-table th{padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.results-table td:nth-child(4),.results-table td:nth-child(6),.results-table th:nth-child(4),.results-table th:nth-child(6){display:none}}.results-table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.results-table th{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#111827;color:var(--gray-900);font-weight:600;padding:.75rem;padding:var(--spacing-3);text-align:left;white-space:nowrap}.results-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.results-table th.sortable:hover{background:#f3f4f6;background:var(--gray-100)}.results-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:.75rem;padding:var(--spacing-3);white-space:nowrap}.results-table tr:hover{background:#f9fafb;background:var(--gray-50)}.results-table tr.target-met{background:#d1fae5;background:var(--success-light)}.results-table tr.danger-zone{background:#fee2e2;background:var(--danger-light)}.currency{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;text-align:right}.currency.profit{color:#10b981;color:var(--success-color)}.currency.loss{color:#ef4444;color:var(--danger-color)}.round-number{color:#111827;color:var(--gray-900);font-weight:600}.round-number,.status{text-align:center}.badge{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.badge.success{background:#d1fae5;background:var(--success-light);color:#047857;color:var(--success-dark)}.badge.danger{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger-dark)}.badge.neutral{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.table-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1rem;padding:var(--spacing-4);text-align:center}.link-button{background:none;border:none;color:#3b82f6;color:var(--primary-color);cursor:pointer;font-size:inherit;text-decoration:underline}.table-legend{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.table-legend h4{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.legend-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid}.legend-grid,.legend-item{gap:.75rem;gap:var(--spacing-3)}.legend-item{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm)}.charts-container{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.charts-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6);text-align:center}.charts-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.charts-header p{color:#4b5563;color:var(--gray-600)}.chart-nav{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);overflow-x:auto;padding:1rem;padding:var(--spacing-4)}.chart-nav,.chart-nav-button{display:flex;gap:.5rem;gap:var(--spacing-2)}.chart-nav-button{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.chart-nav-button:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.chart-nav-button.active{background:#3b82f6;background:var(--primary-color);border-color:#3b82f6;border-color:var(--primary-color);color:#fff}.chart-content{padding:1.5rem;padding:var(--spacing-6)}.chart-info{margin-bottom:1.5rem;margin-bottom:var(--spacing-6);text-align:center}.chart-info h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.chart-info p{color:#4b5563;color:var(--gray-600)}.chart-wrapper{margin-bottom:1.5rem;margin-bottom:var(--spacing-6);min-height:400px}.chart-tooltip{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--spacing-3)}.tooltip-label{color:#111827;color:var(--gray-900);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.risk-chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;gap:var(--spacing-8);justify-content:center;padding:1rem;padding:var(--spacing-4)}.risk-metrics{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);min-width:200px}.risk-metric{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--spacing-3);text-align:center}.metric-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.metric-value{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.metric-value.positive{color:#10b981;color:var(--success-color)}.metric-value.negative{color:#ef4444;color:var(--danger-color)}.recharts-wrapper{margin:0 auto}.recharts-cartesian-axis-tick-value{fill:#4b5563;fill:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs)}.recharts-cartesian-axis-line{stroke:#d1d5db;stroke:var(--gray-300)}.recharts-cartesian-grid line{stroke:#e5e7eb;stroke:var(--gray-200)}.recharts-text.recharts-label{fill:#374151;fill:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.recharts-legend-wrapper{padding-top:1rem;padding-top:var(--spacing-4)}.recharts-legend-item-text{color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm)}.recharts-tooltip-wrapper{z-index:1000}.recharts-cartesian-axis .recharts-label{transform:translate(0)}.recharts-yAxis .recharts-label{transform:translate(-10px) rotate(-90deg)}.chart-wrapper .recharts-surface{display:block;margin:0 auto}.chart-insights{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.chart-insights h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.insights-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4)}.insight{background:#fff;border-left:4px solid #3b82f6;border-left:4px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;padding:1rem;padding:var(--spacing-4)}.insight strong{color:#3b82f6;color:var(--primary-color)}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--spacing-4);padding:1rem;padding:var(--spacing-4);transition:transform .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.success{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.stat-card.danger{border-left:4px solid #ef4444;border-left:4px solid var(--danger-color)}.stat-card.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.stat-card.neutral{border-left:4px solid #9ca3af;border-left:4px solid var(--gray-400)}.stat-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:center;padding:.75rem;padding:var(--spacing-3)}.stat-card.success .stat-icon{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success-color)}.stat-card.danger .stat-icon{background:#fee2e2;background:var(--danger-light);color:#ef4444;color:var(--danger-color)}.stat-card.warning .stat-icon{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning-color)}.stat-card.neutral .stat-icon{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500)}.stat-content{flex:1 1}.stat-value{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.stat-detail{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-1)}@media (max-width:768px){.main-container{padding:0 .5rem;padding:0 var(--spacing-2)}.form-grid{gap:1.5rem;gap:var(--spacing-6);padding:1rem;padding:var(--spacing-4)}.config-grid,.statistics-grid{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr}.tab-list{gap:.25rem;gap:var(--spacing-1);justify-content:flex-start}.tab-button{font-size:.875rem;font-size:var(--font-size-sm);min-height:44px;padding:.75rem;padding:var(--spacing-3) var(--spacing-3)}.controls-right{gap:.5rem;gap:var(--spacing-2);justify-content:flex-start;width:100%}.action-button,.toggle-button{font-size:1rem;font-size:var(--font-size-base);min-height:44px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.chart-nav{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.chart-nav-button{min-height:44px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.chart-wrapper{min-height:300px}.recharts-cartesian-axis-tick-value,.recharts-text.recharts-label{font-size:.75rem;font-size:var(--font-size-xs)}.recharts-legend-wrapper{padding-top:.5rem;padding-top:var(--spacing-2)}.input-field,.select-field{min-height:48px;padding:1rem;padding:var(--spacing-4)}.calculate-button,.input-field,.select-field{font-size:1rem;font-size:var(--font-size-base)}.calculate-button{min-height:56px;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6);width:100%}.promotional-content{flex-direction:column;gap:1rem;gap:var(--spacing-4);text-align:center}.top-promotional-image{margin:0 auto;max-width:250px}.promotional-button{min-height:48px;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.results-table td,.results-table th{font-size:.75rem;font-size:var(--font-size-xs);padding:.75rem .5rem;padding:var(--spacing-3) var(--spacing-2)}.results-table th.sortable{padding:.75rem;padding:var(--spacing-3)}.header-title{flex-direction:column;font-size:1.5rem;font-size:var(--font-size-2xl);gap:.5rem;gap:var(--spacing-2);text-align:center}.header-subtitle{font-size:1rem;font-size:var(--font-size-base);padding:0 .5rem;padding:0 var(--spacing-2)}.app-header{padding:1rem 0;padding:var(--spacing-4) 0}}@media (max-width:480px){.chart-wrapper{min-height:250px}.recharts-cartesian-axis-tick-value,.recharts-text.recharts-label{font-size:9px}.recharts-legend-wrapper{bottom:0!important;padding-top:.75rem;padding-top:var(--spacing-3);position:relative!important}.recharts-default-legend{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2);justify-content:center}.recharts-legend-item{margin:0!important}.header-title{font-size:1.25rem;font-size:var(--font-size-xl)}.form-header h2,.header-title{gap:.25rem;gap:var(--spacing-1)}.form-header h2{flex-direction:column;font-size:1.125rem;font-size:var(--font-size-lg)}.table-controls{align-items:stretch;gap:.75rem;gap:var(--spacing-3)}.controls-right,.table-controls{flex-direction:column}.action-button,.toggle-button{justify-content:center;width:100%}.form-section h3{font-size:1.125rem;font-size:var(--font-size-lg)}.input-label{font-size:1rem;font-size:var(--font-size-base)}.stat-value{font-size:1.125rem;font-size:var(--font-size-lg)}.stat-label{font-size:.875rem;font-size:var(--font-size-sm)}.results-table td:nth-child(4),.results-table td:nth-child(6),.results-table th:nth-child(4),.results-table th:nth-child(6){display:none}.top-promotional-image{max-width:200px}.promotional-text-content h3{font-size:1.125rem;font-size:var(--font-size-lg)}.promotional-text-content p{font-size:.875rem;font-size:var(--font-size-sm)}}@media (max-width:768px){input[type=number],input[type=text],select,textarea{font-size:16px!important}.action-button,.calculate-button,.chart-nav-button,.tab-button,.toggle-button{font-size:1rem;font-size:var(--font-size-base);min-height:44px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.input-group{margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:none}}@media (max-width:768px){.table-container::-webkit-scrollbar{display:none}.promotional-content{flex-direction:column;gap:1rem;gap:var(--spacing-4);padding:0 .5rem;padding:0 var(--spacing-2);text-align:center}.top-promotional-image{margin:0 auto;max-width:250px}.promotional-text-content{text-align:center}.promotional-button{font-size:.75rem;font-size:var(--font-size-xs);min-height:40px;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6);width:50%}}@media (max-width:480px){.header-title{flex-direction:column;font-size:1.25rem;font-size:var(--font-size-xl);gap:.25rem;gap:var(--spacing-1);text-align:center}.header-subtitle{font-size:.875rem;font-size:var(--font-size-sm);padding:0 .5rem;padding:0 var(--spacing-2)}.input-field,.select-field{font-size:1rem;font-size:var(--font-size-base);min-height:48px;padding:.75rem;padding:var(--spacing-3)}.results-table td:nth-child(4),.results-table td:nth-child(6),.results-table th:nth-child(4),.results-table th:nth-child(6){display:none}.controls-right{flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.action-button,.toggle-button{justify-content:center;width:100%}.top-promotional-image{max-width:200px}.promotional-text-content h3{font-size:1.125rem;font-size:var(--font-size-lg)}.promotional-text-content p{font-size:.875rem;font-size:var(--font-size-sm)}}@media (hover:none) and (pointer:coarse){.action-button:hover,.calculate-button:hover:not(:disabled),.chart-nav-button:hover,.tab-button:hover,.toggle-button:hover{background:none;transform:none}.tab-button.active:hover{background:#3b82f6;background:var(--primary-color)}.tooltip:active .tooltip-text,.tooltip:focus .tooltip-text{opacity:1;visibility:visible}.tooltip:hover .tooltip-text{opacity:0;visibility:hidden}.tooltip:active .tooltip-text,.tooltip:focus .tooltip-text{opacity:1;visibility:visible}.action-button:hover,.calculate-button:hover:not(:disabled),.chart-nav-button:hover,.tab-button:hover,.toggle-button:hover{background:none;transform:none}.tab-button.active:hover{background:#3b82f6;background:var(--primary-color)}}.risk-warnings-container{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.risk-assessment{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.risk-header{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.risk-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.risk-summary{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6)}.risk-level{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4);padding:.75rem 0;padding:var(--spacing-3) 0}.risk-label{color:#374151;color:var(--gray-700);font-size:1rem;font-size:var(--font-size-base);font-weight:600}.risk-badge{border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.risk-badge.high{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger-dark)}.risk-badge.moderate{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning-dark)}.risk-badge.low{background:#d1fae5;background:var(--success-light);color:#047857;color:var(--success-dark)}.key-metrics{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between;padding:1rem;padding:var(--spacing-4)}.metric span:first-child{color:#374151;color:var(--gray-700);font-weight:600}.text-red{color:#ef4444;color:var(--danger-color);font-weight:600}.text-orange{color:#f59e0b;color:var(--warning-color);font-weight:600}.text-green{color:#10b981;color:var(--success-color);font-weight:600}.warnings-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.warnings-section h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.warnings-section p{color:#4b5563;color:var(--gray-600);line-height:1.6;margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.warnings-list{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4)}.warning-item{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease}.warning-item:hover{transform:translateY(-1px)}.warning-item.warning-critical{background:#fee2e2;background:var(--danger-light);border-color:#ef4444;border-color:var(--danger-color)}.warning-item.warning-moderate{background:#fef3c7;background:var(--warning-light);border-color:#f59e0b;border-color:var(--warning-color)}.warning-item.warning-info{background:#93c5fd;background:var(--primary-light);border-color:#3b82f6;border-color:var(--primary-color)}.warning-content{gap:1rem;gap:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.warning-content,.warning-icon{align-items:center;display:flex}.warning-icon{flex-shrink:0}.warning-text{flex:1 1;line-height:1.5}.warning-text,.warning-text strong{font-size:.875rem;font-size:var(--font-size-sm)}.warning-text strong{display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.warning-actions{flex-shrink:0}.acknowledge-button{background:#3b82f6;background:var(--primary-color);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.acknowledge-button:hover{background:#1e40af;background:var(--primary-dark);transform:translateY(-1px)}.bankroll-guidelines{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.bankroll-guidelines h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--spacing-5);text-align:center}.guidelines-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guideline-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.25rem;padding:var(--spacing-5);transition:transform .2s ease,box-shadow .2s ease}.guideline-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.guideline-card h5{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600}.guideline-card h5,.guideline-value{margin-bottom:.75rem;margin-bottom:var(--spacing-3);text-align:center}.guideline-value{color:#3b82f6;color:var(--primary-color);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.guideline-card p{color:#4b5563;color:var(--gray-600);line-height:1.5;margin-bottom:1rem;margin-bottom:var(--spacing-4);text-align:center}.comparison,.kelly-analysis,.ruin-analysis{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--spacing-3);text-align:center}.status-good{color:#10b981;color:var(--success-color)}.status-good,.status-poor{display:block;font-weight:600;margin-top:.25rem;margin-top:var(--spacing-1)}.status-poor{color:#ef4444;color:var(--danger-color)}.status-moderate{color:#f59e0b;color:var(--warning-color);display:block;font-weight:600;margin-top:.25rem;margin-top:var(--spacing-1)}.educational-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-sizing:border-box;max-width:100%;padding:1.5rem;padding:var(--spacing-6);width:100%}.details-toggle{align-items:center;background:#3b82f6;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin:0 auto;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}.details-toggle:hover{background:#1e40af;background:var(--primary-dark);transform:translateY(-1px)}.risk-education{margin-top:1.5rem;margin-top:var(--spacing-6)}.education-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-8)}.education-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.25rem;padding:var(--spacing-5)}.education-card h5{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.education-card ul{list-style:none;margin:0;padding:0}.education-card li{color:#374151;color:var(--gray-700);line-height:1.5;padding:.5rem 0;padding:var(--spacing-2) 0;padding-left:1rem;padding-left:var(--spacing-4);position:relative}.education-card li:before{color:#3b82f6;color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.probability-examples{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.25rem;padding:var(--spacing-5)}.probability-examples h5{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4);text-align:center}.probability-table{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;gap:.5rem;gap:var(--spacing-2)}.prob-header{color:#374151;color:var(--gray-700);font-weight:600}.prob-header,.prob-row{grid-gap:1rem;grid-gap:var(--spacing-4);background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr 1fr 1fr;padding:.75rem;padding:var(--spacing-3)}.prob-row{font-size:.875rem;font-size:var(--font-size-sm)}.prob-row:nth-child(2n),.warning-actions{background:#f9fafb;background:var(--gray-50)}.warning-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}.action-status{font-size:.875rem;font-size:var(--font-size-sm)}.action-status,.status-complete{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.status-complete{color:#10b981;color:var(--success-color);font-weight:600}.status-pending{color:#f59e0b;color:var(--warning-color);font-weight:500}.proceed-button{background:#3b82f6;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-width:200px;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease}.proceed-button:hover:not(:disabled){background:#1e40af;background:var(--primary-dark);transform:translateY(-1px)}.proceed-button:disabled{cursor:not-allowed;opacity:.6}.proceed-button.enabled{background:#10b981;background:var(--success-color)}.proceed-button.enabled:hover{background:#047857;background:var(--success-dark)}.no-warnings{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:2rem;padding:var(--spacing-8);text-align:center}.no-warnings h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:1rem 0 .75rem;margin:var(--spacing-4) 0 var(--spacing-3)}.no-warnings p{color:#4b5563;color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);margin-left:auto;margin-right:auto;max-width:400px}.text-center{text-align:center}.text-danger{color:#ef4444!important;color:var(--danger-color)!important}.text-success{color:#10b981!important;color:var(--success-color)!important}.text-warning{color:#f59e0b!important;color:var(--warning-color)!important}.bg-danger{background-color:#fee2e2!important;background-color:var(--danger-light)!important}.bg-success{background-color:#d1fae5!important;background-color:var(--success-light)!important}.bg-warning{background-color:#fef3c7!important;background-color:var(--warning-light)!important}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.p-4{padding:1rem;padding:var(--spacing-4)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.tab-content{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.tab-actions{display:flex;gap:.5rem;gap:var(--spacing-2);margin-top:1rem;margin-top:var(--spacing-4)}.progress-indicator{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-8);padding:1.5rem;padding:var(--spacing-6)}.progress-steps{align-items:center;display:flex;justify-content:space-between;position:relative}.progress-steps:before{background:#e5e7eb;background:var(--gray-200);content:"";height:2px;left:0;position:absolute;right:0;top:50%;z-index:1}.step{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);min-width:80px;padding:.75rem;padding:var(--spacing-3);transition:all .2s ease;z-index:2}.step.active{background:#93c5fd;background:var(--primary-light);border-color:#3b82f6;border-color:var(--primary-color);color:#3b82f6;color:var(--primary-color)}.step.completed{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success-color);color:#10b981;color:var(--success-color)}.educational-footer{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-top:3rem;margin-top:var(--spacing-12);padding:2rem;padding:var(--spacing-8)}.footer-content{grid-gap:2rem;grid-gap:var(--spacing-8);display:grid;gap:2rem;gap:var(--spacing-8);grid-template-columns:2fr 1fr}.disclaimer h3{align-items:center;color:#ef4444;color:var(--danger-color);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.disclaimer p{color:#374151;color:var(--gray-700);line-height:1.7}.educational-links h4{color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.educational-links ul{list-style:none;margin:0;padding:0}.educational-links li{color:#3b82f6;color:var(--primary-color);cursor:pointer;font-weight:500;padding:.5rem 0;padding:var(--spacing-2) 0;transition:color .2s ease}.educational-links li:hover{color:#1e40af;color:var(--primary-dark)}.educational-links li:before{color:#9ca3af;color:var(--gray-400);content:"→";margin-right:.5rem;margin-right:var(--spacing-2)}@media (max-width:768px){.footer-content{gap:1.5rem;gap:var(--spacing-6);grid-template-columns:1fr}.progress-steps{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.progress-steps:before{display:none}.step{flex:1 1;min-width:auto}}.simulation-container{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.simulation-header{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color),var(--warning-dark));color:#fff;padding:1.5rem;padding:var(--spacing-6);text-align:center}.simulation-header h3{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.simulation-header p{font-size:1rem;font-size:var(--font-size-base);opacity:.9}.simulation-notice{color:#4b5563;color:var(--gray-600);padding:1.5rem;padding:var(--spacing-6);text-align:center}.simulation-controls{align-items:flex-end;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}.control-group{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;gap:.5rem;gap:var(--spacing-2)}.control-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.control-actions{display:flex;gap:.5rem;gap:var(--spacing-2)}.action-button.primary{background:#3b82f6;background:var(--primary-color);border-color:#3b82f6;border-color:var(--primary-color);color:#fff}.action-button.primary:hover:not(:disabled){background:#1e40af;background:var(--primary-dark);border-color:#1e40af;border-color:var(--primary-dark)}.action-button.secondary{background:#fff;color:#374151;color:var(--gray-700)}.simulation-progress{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:.375rem;border-radius:var(--radius-sm);height:8px;margin-bottom:.5rem;margin-bottom:var(--spacing-2);overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1e40af);background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));height:100%;transition:width .3s ease}.simulation-summary{padding:1.5rem;padding:var(--spacing-6)}.simulation-summary h4{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.detailed-simulation-stats{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.detailed-simulation-stats h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.stats-table{grid-gap:.5rem;grid-gap:var(--spacing-2);display:grid;gap:.5rem;gap:var(--spacing-2)}.stats-table .stat-row{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);justify-content:space-between;padding:.75rem;padding:var(--spacing-3)}.positive{color:#10b981;color:var(--success-color);font-weight:600}.negative{color:#ef4444;color:var(--danger-color);font-weight:600}.simulation-charts{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.chart-section{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.chart-section:last-child{margin-bottom:0}.chart-section h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.chart-section p{color:#4b5563;color:var(--gray-600);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.simulation-insights{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem;padding:var(--spacing-6)}.simulation-insights h4{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}@media (max-width:768px){.simulation-controls{align-items:stretch;flex-direction:column}.control-actions{justify-content:center;width:100%}}@media (max-width:480px){.simulation-controls{gap:.75rem;gap:var(--spacing-3)}.control-actions{flex-direction:column}.action-button{justify-content:center;width:100%}}@media (max-width:768px){.risk-summary{gap:1rem;gap:var(--spacing-4)}.risk-level{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.key-metrics{grid-template-columns:1fr}.key-metrics,.warning-content,.warnings-list{gap:.75rem;gap:var(--spacing-3)}.warning-content{align-items:flex-start;flex-direction:column;padding:.75rem;padding:var(--spacing-3)}.warning-actions{justify-content:flex-end;width:100%}.guidelines-grid{gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr}.guideline-card{padding:1rem;padding:var(--spacing-4)}.guideline-value{font-size:1.25rem;font-size:var(--font-size-xl)}.education-grid{gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr}.warning-actions{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.proceed-button{min-width:auto;width:100%}.prob-header,.prob-row{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr 1fr}.prob-header span:last-child,.prob-row span:last-child{display:none}}@media (max-width:480px){.bankroll-guidelines,.educational-section,.risk-assessment,.warnings-section{padding:1rem;padding:var(--spacing-4)}.risk-header h3{font-size:1.125rem;font-size:var(--font-size-lg)}.risk-badge{padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.metric,.risk-badge{font-size:.75rem;font-size:var(--font-size-xs)}.metric{padding:.75rem;padding:var(--spacing-3)}.warning-item{border-radius:.375rem;border-radius:var(--radius-sm)}.acknowledge-button{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.details-toggle{justify-content:center;width:100%}.education-card{padding:1rem;padding:var(--spacing-4)}.education-card li{font-size:.875rem;font-size:var(--font-size-sm);padding-left:.75rem;padding-left:var(--spacing-3)}.probability-table{font-size:.75rem;font-size:var(--font-size-xs)}.prob-header,.prob-row{gap:.5rem;gap:var(--spacing-2);padding:.5rem;padding:var(--spacing-2)}}.educational-content{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:2rem;margin-bottom:var(--spacing-8);max-width:100%;padding:2rem;padding:var(--spacing-8);width:100%}.content-section{margin:0 auto;max-width:800px}.content-section h2{border-bottom:3px solid #3b82f6;border-bottom:3px solid var(--primary-color);color:#111827;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-4);padding-bottom:.5rem;padding-bottom:var(--spacing-2)}.content-section h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:1.5rem 0 .75rem;margin:var(--spacing-6) 0 var(--spacing-3)}.content-section p{color:#374151;color:var(--gray-700);font-size:1rem;font-size:var(--font-size-base);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.content-section ul{list-style:none;margin:1rem 0;margin:var(--spacing-4) 0;padding:0}.content-section li{color:#374151;color:var(--gray-700);line-height:1.6;padding:.5rem 0;padding:var(--spacing-2) 0;padding-left:1.5rem;padding-left:var(--spacing-6);position:relative}.content-section li:before{color:#10b981;color:var(--success-color);content:"✓";font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;left:0;position:absolute}.cta-section{background:linear-gradient(135deg,#93c5fd,#3b82f6);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.5rem;margin-top:var(--spacing-6);padding:1.5rem;padding:var(--spacing-6);text-align:center}.cta-section h3{border:none;color:#fff;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.cta-section p{color:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.promotional-section{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--spacing-4);padding:1rem;padding:var(--spacing-4);text-align:center}.promotional-image{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:auto;margin-bottom:.75rem;margin-bottom:var(--spacing-3);max-width:100%;transition:transform .2s ease}.promotional-image:hover{transform:scale(1.02)}.promotional-text{color:#ffffffe6;font-size:.875rem;font-size:var(--font-size-sm);margin:0}.promotional-text a{color:#fff;font-weight:600;text-decoration:underline}.promotional-text a:hover{color:#93c5fd;color:var(--primary-light)}.faq-section{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);max-width:100%;padding:1.5rem;padding:var(--spacing-6);width:100%}.faq-section h2{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-color);color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-4);padding-bottom:.5rem;padding-bottom:var(--spacing-2);text-align:center}.faq-item{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.75rem;margin-bottom:var(--spacing-3);overflow:hidden;transition:all .2s ease}.faq-item:last-child{margin-bottom:0}.faq-question{align-items:center;background:#f9fafb;background:var(--gray-50);border:none;cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-2);justify-content:space-between;min-height:56px;padding:.75rem;padding:var(--spacing-3);text-align:left;transition:background-color .2s ease;width:100%}.faq-question:hover{background:#f3f4f6;background:var(--gray-100)}.faq-question h3{color:#111827;color:var(--gray-900);flex:1 1;font-size:1rem;font-size:var(--font-size-base);font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;padding-right:.5rem;padding-right:var(--spacing-2);word-break:break-word}.faq-toggle{color:#3b82f6;color:var(--primary-color);flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;min-width:22px;text-align:center;transition:transform .2s ease}.faq-question[aria-expanded=true] .faq-toggle{transform:rotate(0deg)}.faq-answer{animation:fadeIn .2s ease;background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:.75rem;padding:var(--spacing-3)}.faq-answer p{color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;margin:0;word-break:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-section{margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.faq-section h2{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding-bottom:.25rem;padding-bottom:var(--spacing-1)}.faq-item{border-radius:.375rem;border-radius:var(--radius-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.faq-question{gap:.25rem;gap:var(--spacing-1);min-height:52px;padding:.5rem;padding:var(--spacing-2)}.faq-question h3{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.2;padding-right:.25rem;padding-right:var(--spacing-1)}.faq-toggle{font-size:1rem;font-size:var(--font-size-base);min-width:20px}.faq-answer{padding:.5rem;padding:var(--spacing-2)}.faq-answer p{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.4}}@media (max-width:480px){.faq-section{margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding:.75rem;padding:var(--spacing-3)}.faq-section h2{border-width:1px;font-size:1rem;font-size:var(--font-size-base);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.faq-question{min-height:48px;padding:.5rem .25rem;padding:var(--spacing-2) var(--spacing-1)}.faq-question h3{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.1}.faq-toggle{font-size:.875rem;font-size:var(--font-size-sm);min-width:18px}.faq-answer{padding:.5rem .25rem;padding:var(--spacing-2) var(--spacing-1)}.faq-answer p{font-size:11px;line-height:1.3}}@media (max-width:768px){.educational-content,.faq-section{margin-bottom:1.25rem;margin-bottom:var(--spacing-5);padding:1.25rem;padding:var(--spacing-5)}.content-section h2,.faq-section h2{font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding-bottom:.5rem;padding-bottom:var(--spacing-2);text-align:center}.content-section h3{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.3;margin:1rem 0 .5rem;margin:var(--spacing-4) 0 var(--spacing-2)}.content-section p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5}.cta-section{margin-top:1rem;margin-top:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.cta-section p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4}.faq-item{border-radius:.5rem;border-radius:var(--radius-md);border-width:1px;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.faq-question{gap:.5rem;gap:var(--spacing-2);min-height:56px;padding:.75rem;padding:var(--spacing-3)}.faq-question h3{font-size:1rem;font-size:var(--font-size-base);font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;padding-right:.5rem;padding-right:var(--spacing-2);word-break:break-word}.faq-toggle{flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;min-width:22px}.faq-answer{padding:.75rem;padding:var(--spacing-3)}.faq-answer p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;word-break:break-word}}@media (max-width:480px){.educational-content,.faq-section{margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.content-section h2,.faq-section h2{border-width:2px;font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding-bottom:.25rem;padding-bottom:var(--spacing-1)}.content-section h3{font-size:1rem;font-size:var(--font-size-base);margin:.75rem 0 .5rem;margin:var(--spacing-3) 0 var(--spacing-2)}.content-section li,.content-section p{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.4}.content-section li{padding-left:.75rem;padding-left:var(--spacing-3)}.content-section li:before{font-size:.875rem;font-size:var(--font-size-sm)}.faq-item{border-radius:.375rem;border-radius:var(--radius-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.faq-question{gap:.25rem;gap:var(--spacing-1);min-height:52px;padding:.5rem;padding:var(--spacing-2)}.faq-question h3{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;line-height:1.2;padding-right:.25rem;padding-right:var(--spacing-1)}.faq-toggle{font-size:1rem;font-size:var(--font-size-base);font-weight:700;min-width:20px}.faq-answer{padding:.5rem;padding:var(--spacing-2)}.faq-answer p{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.4}}@media (max-width:420px){.faq-section{margin-bottom:.75rem;margin-bottom:var(--spacing-3);padding:.75rem;padding:var(--spacing-3)}.faq-section h2{font-size:1rem;font-size:var(--font-size-base);line-height:1.1;margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding-bottom:.25rem;padding-bottom:var(--spacing-1)}.faq-question{min-height:48px;padding:.5rem .25rem;padding:var(--spacing-2) var(--spacing-1)}.faq-question h3{font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;line-height:1.1}.charts-container,.educational-content,.faq-section,.input-form,.main-container,.results-container,.risk-warnings-container,.simulation-container,.tab-content,.tab-navigation{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.bankroll-guidelines,.chart-content,.config-summary,.content-section,.detailed-stats,.educational-section,.faq-item,.form-grid,.main-container>*,.risk-assessment,.statistics-grid,.tab-content>*,.table-container,.warnings-section{box-sizing:border-box!important;max-width:100%!important;width:100%!important}@media (max-width:768px){.App,.app-header,.charts-container,.educational-content,.faq-section,.header-content,.input-form,.main-container,.results-container,.risk-warnings-container,.simulation-container,.tab-navigation,body{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}.main-container>*,.tab-content>*{margin-left:0!important;margin-right:0!important}.chart-nav,.results-table,.tab-list,.table-container{box-sizing:border-box!important;max-width:100%!important;min-width:auto!important;width:100%!important}.tab-navigation{padding-left:.25rem!important;padding-left:var(--spacing-1)!important}.tab-list,.tab-navigation{padding-right:.25rem!important;padding-right:var(--spacing-1)!important}}@media (max-width:480px){.charts-container,.educational-content,.faq-section,.input-form,.main-container,.results-container,.risk-warnings-container,.simulation-container,.tab-navigation{padding-left:0!important;padding-right:0!important}.bankroll-guidelines,.chart-content,.config-summary,.content-section,.detailed-stats,.educational-section,.form-grid,.risk-assessment,.statistics-grid,.warnings-section{padding-left:.5rem!important;padding-left:var(--spacing-2)!important;padding-right:.5rem!important;padding-right:var(--spacing-2)!important}.results-table{min-width:100%!important;width:100%!important}}@media (max-width:375px){.main-container>*,.tab-content>*{padding-left:0!important;padding-right:0!important}.bankroll-guidelines,.chart-content,.config-summary,.content-section,.detailed-stats,.educational-section,.form-grid,.risk-assessment,.statistics-grid,.warnings-section{padding-left:.25rem!important;padding-left:var(--spacing-1)!important;padding-right:.25rem!important;padding-right:var(--spacing-1)!important}}.faq-toggle{font-size:.875rem;font-size:var(--font-size-sm);min-width:18px}.faq-answer{padding:.5rem .25rem;padding:var(--spacing-2) var(--spacing-1)}.faq-answer p{font-size:11px;line-height:1.3}}@media (max-width:375px){.faq-section{margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding:.5rem;padding:var(--spacing-2)}.faq-section h2{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-1);padding-bottom:var(--spacing-0)}.faq-question{min-height:44px;padding:.25rem;padding:var(--spacing-1)}.faq-question h3{font-size:11px;line-height:1.1}.faq-toggle{font-size:.75rem;font-size:var(--font-size-xs);min-width:16px}.faq-answer{padding:.25rem;padding:var(--spacing-1)}.faq-answer p{font-size:10px;line-height:1.2}}@media (hover:none) and (pointer:coarse){.faq-question:hover{background:#f9fafb;background:var(--gray-50)}.faq-question:active{background:#f3f4f6;background:var(--gray-100)}.faq-item{transition:transform .1s ease}.faq-item:active{transform:scale(.98)}}
/*# sourceMappingURL=main.ff3f27a0.css.map*/