body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #1a5f2a;--primary-dark: #0d3d16;--secondary-color: #c9a227;--accent-color: #d4af37;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--text-color: #333;--text-light: #666;--bg-color: #f5f5f5;--card-bg: #ffffff;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);min-height:100vh;color:var(--text-color)}.app{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:30px 20px;color:#fff}.header-content{text-align:center;flex:1}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-header .subtitle{font-size:1.1rem;opacity:.9}.settings-button{background:#fff3;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#ffffff4d;transform:rotate(45deg)}.app-main{flex:1;display:flex;flex-direction:column;gap:20px}.controls{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.reference-button,.reset-button,.challenge-button{padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.reference-button{background:var(--secondary-color);color:#fff}.reference-button:hover{background:var(--accent-color);transform:translateY(-2px)}.reset-button{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.reset-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.challenge-button{background:#fff;color:var(--secondary-color);border:2px solid var(--secondary-color)}.challenge-button:hover{background:var(--secondary-color);color:#fff;transform:translateY(-2px)}.challenge-button.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.challenge-button.active:hover{background:var(--accent-color);border-color:var(--accent-color)}.scoreboard{background:var(--card-bg);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow)}.scoreboard h3{text-align:center;margin-bottom:15px;color:var(--primary-color);font-size:1.2rem}.score-stats{display:flex;justify-content:space-around;gap:20px}.stat{text-align:center;padding:10px 20px;border-radius:8px;min-width:80px}.stat.correct{background:#28a7451a}.stat.incorrect{background:#dc35451a}.stat.percentage{background:#1a5f2a1a}.stat-value{display:block;font-size:2rem;font-weight:700}.stat.correct .stat-value{color:var(--success-color)}.stat.incorrect .stat-value{color:var(--error-color)}.stat.percentage .stat-value{color:var(--primary-color)}.stat-label{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.quiz-card{background:var(--card-bg);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow-lg)}.quiz-card.loading{text-align:center;padding:60px;color:var(--text-light)}.question-section{text-align:center;margin-bottom:30px}.bet-name{font-size:2rem;color:var(--primary-color);margin-bottom:8px}.bet-description{color:var(--text-light);font-size:1rem;margin-bottom:20px}.bet-amount{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:#fff;padding:20px 30px;border-radius:var(--border-radius);display:inline-block;margin-bottom:20px}.bet-amount .label{display:block;font-size:.9rem;opacity:.9;margin-bottom:5px}.bet-amount .amount{font-size:2.5rem;font-weight:700}.question-prompt{font-size:1.3rem;color:var(--text-color);font-weight:600}.options-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.option-button{padding:20px;font-size:1.5rem;font-weight:700;border:3px solid var(--primary-color);border-radius:var(--border-radius);background:#fff;color:var(--primary-color);cursor:pointer;transition:all .3s ease}.option-button:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.02)}.option-button.correct{background:var(--success-color);border-color:var(--success-color);color:#fff;animation:pulse .5s ease}.option-button.incorrect{background:var(--error-color);border-color:var(--error-color);color:#fff}.option-button.disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.typed-answer-section{display:flex;flex-direction:column;gap:15px;align-items:center}.typed-input-wrapper{display:flex;align-items:center;background:#fff;border:3px solid var(--primary-color);border-radius:var(--border-radius);padding:10px 20px;font-size:1.5rem;width:100%;max-width:300px}.dollar-prefix{color:var(--primary-color);font-weight:700;margin-right:5px}.typed-answer-input{border:none;outline:none;font-size:1.5rem;font-weight:700;color:var(--primary-color);width:100%;background:transparent}.typed-answer-input::placeholder{color:#aaa;font-weight:400}.typed-answer-input::-webkit-outer-spin-button,.typed-answer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.typed-answer-input[type=number]{-moz-appearance:textfield;appearance:textfield}.typed-input-wrapper:has(.typed-answer-input.correct){border-color:var(--success-color);background:#28a7451a}.typed-input-wrapper:has(.typed-answer-input.incorrect){border-color:var(--error-color);background:#dc35451a}.typed-answer-input.correct{color:var(--success-color)}.typed-answer-input.incorrect{color:var(--error-color)}.submit-answer-button{padding:15px 40px;font-size:1.2rem;font-weight:700;border:none;border-radius:var(--border-radius);background:var(--primary-color);color:#fff;cursor:pointer;transition:all .3s ease}.submit-answer-button:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.02)}.submit-answer-button:disabled{opacity:.5;cursor:not-allowed}.result{padding:20px;border-radius:var(--border-radius);text-align:center}.correct-result{background:#28a7451a;border:2px solid var(--success-color)}.correct-result p{font-size:1.3rem;color:var(--success-color);margin-bottom:15px}.incorrect-result{background:#dc35450d;border:2px solid var(--error-color)}.incorrect-result>p:first-child{font-size:1.2rem;color:var(--error-color);margin-bottom:15px}.hint{background:#ffc1071a;border-left:4px solid var(--warning-color);padding:15px;margin:15px 0;text-align:left;border-radius:0 8px 8px 0}.hint p{margin-bottom:10px;line-height:1.6}.hint p:last-child{margin-bottom:0}.hint strong{color:var(--primary-dark)}.hint-level-3 p:last-child{background:var(--success-color);color:#fff;padding:10px;border-radius:6px;text-align:center}.next-button,.hint-button{padding:12px 30px;font-size:1rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;margin:5px;font-weight:600}.next-button{background:var(--primary-color);color:#fff}.next-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.hint-button{background:var(--warning-color);color:var(--text-color)}.hint-button:hover{background:#e0a800;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:var(--border-radius);max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--primary-color);color:#fff}.modal-header h3{margin:0;font-size:1.3rem}.close-button{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.close-button:hover{background:#fff3}.modal-body{padding:20px;overflow-y:auto}.bet-group{margin-bottom:25px}.bet-group h4{color:var(--primary-color);margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid var(--secondary-color)}.bet-group table{width:100%;border-collapse:collapse}.bet-group th,.bet-group td{padding:10px;text-align:left;border-bottom:1px solid #eee}.bet-group th{background:#f8f9fa;font-weight:600;color:var(--text-color)}.bet-group tr:hover{background:#f8f9fa}.app-footer{text-align:center;padding:20px;color:#fffc;font-size:.9rem}@media(max-width:600px){.app-header h1{font-size:1.8rem}.options-section{grid-template-columns:1fr}.option-button{padding:15px;font-size:1.3rem}.bet-amount .amount{font-size:2rem}.score-stats{flex-direction:column;gap:10px}.stat{padding:8px 15px}.stat-value{font-size:1.5rem}.controls{flex-direction:column}.reference-button,.reset-button,.challenge-button{width:100%}.app-header{flex-wrap:wrap;gap:15px}.settings-button{position:absolute;top:20px;right:20px}}.settings-modal{max-width:500px}.settings-section{margin-bottom:25px}.settings-section h4{color:var(--primary-color);margin-bottom:8px;font-size:1.1rem}.settings-description{color:var(--text-light);font-size:.9rem;margin-bottom:20px}.setting-item{padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.toggle-label input[type=checkbox]{display:none}.toggle-switch{position:relative;width:50px;height:26px;background:#ccc;border-radius:13px;transition:background .3s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--primary-color)}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(24px)}.toggle-text{color:var(--text-color)}.setting-hint{margin-top:10px;font-size:.85rem;color:var(--text-light);padding-left:62px}.amount-range .setting-hint{padding-left:0}.amount-inputs{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.amount-label{display:flex;flex-direction:column;gap:5px}.amount-label span{font-size:.85rem;color:var(--text-light);font-weight:500}.amount-input{width:100px;padding:10px 12px;border:2px solid #ddd;border-radius:8px;font-size:1.1rem;font-weight:600;color:var(--primary-color);transition:border-color .3s ease}.amount-input:focus{outline:none;border-color:var(--primary-color)}.amount-separator{font-weight:500;color:var(--text-light);padding-top:20px}.craps-table{margin:20px 0;perspective:500px}.table-felt{background:linear-gradient(145deg,#1a6b1a,#0d4d0d);border:6px solid #8b4513;border-radius:12px;padding:15px 10px;box-shadow:inset 0 2px 10px #0000004d,0 4px 15px #0003}.place-boxes{display:flex;justify-content:center;gap:4px}.place-box{width:52px;height:70px;background:linear-gradient(180deg,#1a6b1a,#145214);border:2px solid #ffd700;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;position:relative;transition:all .3s ease}.place-box.active{background:linear-gradient(180deg,#2d8b2d,#1a6b1a);border-color:#fff;box-shadow:0 0 15px #ffd70099,inset 0 0 10px #ffffff1a;transform:scale(1.05)}.box-number{font-family:Georgia,serif;font-size:1.1rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.chip-stack{position:absolute;bottom:5px;display:flex;flex-direction:column;align-items:center}.chip{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#e63946,#c1121f,#9d0208);border:3px dashed #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #0006,inset 0 2px 4px #fff3;animation:chipDrop .3s ease-out}@keyframes chipDrop{0%{transform:translateY(-20px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.chip-value{font-size:.55rem;font-weight:700;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}@media(max-width:400px){.place-box{width:44px;height:60px}.box-number{font-size:.9rem}.chip{width:32px;height:32px}.chip-value{font-size:.5rem}}.table-felt.crapless{background:linear-gradient(145deg,#1a4d6b,#0d3d4d)}.table-label{text-align:center;color:gold;font-size:.7rem;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.crapless-boxes{flex-wrap:wrap;max-width:340px;margin:0 auto}.crapless-boxes .place-box{width:46px;height:62px}.crapless-boxes .chip{width:34px;height:34px}.crapless-boxes .chip-value{font-size:.5rem}@media(max-width:400px){.crapless-boxes .place-box{width:38px;height:54px}.crapless-boxes .box-number{font-size:.8rem}.crapless-boxes .chip{width:28px;height:28px}.crapless-boxes .chip-value{font-size:.45rem}}.timer-display{background:var(--card-bg);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow)}.timer-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.timer-icon{font-size:1.5rem}.timer-title{font-size:1.2rem;font-weight:600;color:var(--primary-color)}.timer-content{display:flex;flex-direction:column;align-items:center;gap:15px}.timer-clock{text-align:center}.timer-time{font-size:3rem;font-weight:700;color:var(--primary-color);font-variant-numeric:tabular-nums}.timer-time.complete{color:var(--success-color)}.timer-progress{width:100%;max-width:300px;text-align:center}.progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:6px;transition:width .3s ease}.progress-text{font-size:1rem;color:var(--text-light);font-weight:500}.timer-result{text-align:center;padding:10px}.timer-result p{margin:5px 0}.timer-result .new-best{font-size:1.3rem;font-weight:700;color:var(--accent-color);animation:pulse .5s ease}.timer-result .best-time{font-size:.95rem;color:var(--text-light)}.timer-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.timer-button{padding:12px 30px;font-size:1.1rem;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.timer-button:hover{transform:translateY(-2px)}.timer-button.start{background:var(--success-color);color:#fff}.timer-button.start:hover{background:#218838}.timer-button.stop{background:var(--error-color);color:#fff}.timer-button.stop:hover{background:#c82333}.timer-button.reset{background:var(--primary-color);color:#fff}.timer-button.reset:hover{background:var(--primary-dark)}.timer-button.share{background:var(--secondary-color);color:#fff}.timer-button.share:hover{background:var(--accent-color)}.timer-prompt{background:#ffc10726;border:2px solid var(--warning-color);border-radius:var(--border-radius);padding:15px 20px;text-align:center;margin-bottom:20px;color:var(--text-color);font-weight:500}@media(max-width:600px){.timer-time{font-size:2.5rem}.timer-button{padding:10px 20px;font-size:1rem}}