.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:3rem}.tool-card{background:var(--bg-deep, #0a4a2d);border:2px solid var(--border-subtle, rgba(60, 179, 113, .3));border-radius:12px;padding:24px;text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{transform:translateY(-4px);border-color:var(--primary, #3CB371);box-shadow:0 8px 24px #0000004d}.tool-icon{width:80px;height:80px;object-fit:contain;margin-bottom:16px}.tool-card h2{color:var(--text-light, #FFFFFF);font-size:1.25rem;margin-bottom:8px;font-weight:700}.tool-card p{color:var(--text-muted, #C8E6C9);font-size:.95rem;margin-bottom:16px;flex-grow:1}.tool-cta{color:var(--accent-brass, #D4AF37);font-weight:600;font-size:.9rem}.quiz-container{background:var(--bg-deep, #0a4a2d);border:2px solid var(--border-subtle, rgba(60, 179, 113, .3));border-radius:12px;padding:32px;margin-bottom:2rem}.quiz-start{text-align:center;padding:24px 0}.quiz-start-icon{width:100px;height:100px;margin-bottom:16px;object-fit:contain}.quiz-start h2{color:var(--text-light, #FFFFFF);font-size:1.5rem;margin-bottom:12px}.quiz-start p{color:var(--text-muted, #C8E6C9);margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto}.quiz-start ul{list-style:none;text-align:left;max-width:400px;margin:0 auto 24px}.quiz-start li{color:var(--text-muted, #C8E6C9);padding:8px 0 8px 28px;position:relative}.quiz-start li:before{content:"✓";position:absolute;left:0;color:var(--primary, #3CB371);font-weight:700}.quiz-progress{margin-bottom:24px}.quiz-progress-text{display:block;font-size:.85rem;color:var(--text-muted, #C8E6C9);margin-bottom:8px}.quiz-progress-bar{height:8px;background:var(--bg-alt, #2d1b4e);border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--primary, #3CB371);border-radius:4px;transition:width .3s ease}.quiz-question-card{animation:fadeIn .3s ease}.quiz-question{color:var(--text-light, #FFFFFF);font-size:1.35rem;font-weight:600;margin-bottom:12px;line-height:1.4}.quiz-help{color:var(--text-muted, #C8E6C9);font-size:.9rem;margin-bottom:24px;font-style:italic}.quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quiz-option{background:var(--bg-alt, #2d1b4e);border:2px solid var(--accent-purple, #6B5B95);border-radius:8px;padding:16px 20px;color:var(--text-light, #FFFFFF);font-family:Jost,sans-serif;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease}.quiz-option:hover{border-color:var(--primary, #3CB371);background:var(--bg-alt-light, #3d2a5e)}.quiz-option.selected{border-color:var(--accent-brass, #D4AF37);background:var(--bg-alt-light, #3d2a5e);box-shadow:0 0 0 2px var(--accent-brass, #D4AF37)}.quiz-option:focus{outline:2px solid var(--accent-brass, #D4AF37);outline-offset:2px}.quiz-nav{display:flex;gap:16px;justify-content:space-between}.quiz-nav .btn-retro{flex:1;max-width:200px}.quiz-nav .btn-retro.secondary{background:var(--bg-alt, #2d1b4e);border-color:var(--accent-purple, #6B5B95)}.quiz-nav .btn-retro.secondary:disabled{opacity:.5;cursor:not-allowed}.quiz-result{text-align:center;padding:24px;animation:fadeIn .4s ease}.result-icon{font-size:3.5rem;margin-bottom:16px}.result-title{color:var(--text-light, #FFFFFF);font-size:1.5rem;margin-bottom:16px}.result-explanation{color:var(--text-muted, #C8E6C9);font-size:1.05rem;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.result-section{background:var(--bg-alt, #2d1b4e);border-radius:8px;padding:20px;margin-bottom:20px;text-align:left}.result-section h3{color:var(--accent-brass, #D4AF37);font-size:1.1rem;margin-bottom:12px}.result-section ul,.result-section ol{padding-left:24px;color:var(--text-muted, #C8E6C9)}.result-section li{margin-bottom:8px}.result-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px}.result-cta .btn-retro{min-width:180px}.result-positive .result-title{color:var(--primary, #3CB371)}.result-negative .result-title{color:var(--text-muted, #C8E6C9)}.result-verify .result-title,.result-conditional .result-title,.result-possible .result-title{color:var(--accent-brass, #D4AF37)}.calculator-container{background:var(--bg-deep, #0a4a2d);border:2px solid var(--border-subtle, rgba(60, 179, 113, .3));border-radius:12px;padding:32px;margin-bottom:2rem}.calc-form{display:flex;flex-direction:column;gap:20px}.calc-field{display:flex;flex-direction:column;gap:8px}.calc-field label{color:var(--text-light, #FFFFFF);font-weight:600;font-size:.95rem}.calc-field input,.calc-field select{background:var(--bg-alt, #2d1b4e);border:2px solid var(--accent-purple, #6B5B95);border-radius:8px;padding:12px 16px;color:var(--text-light, #FFFFFF);font-family:Jost,sans-serif;font-size:1rem}.calc-field input:focus,.calc-field select:focus{outline:none;border-color:var(--primary, #3CB371)}.calc-field .help-text{color:var(--text-muted, #C8E6C9);font-size:.85rem;font-style:italic}.calc-results{background:var(--bg-alt, #2d1b4e);border-radius:12px;padding:24px;margin-top:24px;text-align:center}.calc-results h3{color:var(--accent-brass, #D4AF37);font-size:1.25rem;margin-bottom:16px}.calc-amount{font-size:2.5rem;font-weight:700;color:var(--primary, #3CB371);margin-bottom:12px}.calc-breakdown{color:var(--text-muted, #C8E6C9);font-size:.95rem}.tool-disclaimer{background:var(--bg-alt, #2d1b4e);border-left:4px solid var(--accent-purple, #6B5B95);padding:20px;border-radius:0 8px 8px 0;margin-bottom:2rem}.tool-disclaimer p{color:var(--text-muted, #C8E6C9);font-size:.9rem;margin-bottom:12px}.tool-disclaimer p:last-child{margin-bottom:0}.tool-disclaimer strong{color:var(--accent-purple-light, #8A7AB0)}.tool-disclaimer a{color:var(--primary, #3CB371)}.cta-section{background:var(--bg-alt, #2d1b4e);border-radius:12px;padding:32px;text-align:center;margin-bottom:2rem}.cta-section h2{color:var(--accent-brass, #D4AF37);font-size:1.5rem;margin-bottom:12px}.cta-section p{color:var(--text-muted, #C8E6C9);margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto}.game-container{background:var(--primary-dark, #004225);border:3px solid var(--primary, #3CB371);border-radius:12px;overflow:hidden;margin-bottom:2rem}.game-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-deep, #0a4a2d);border-bottom:2px solid var(--primary, #3CB371)}.game-score,.game-lives{color:var(--text-light, #FFFFFF);font-weight:600}.game-canvas-wrapper{position:relative;width:100%;background:var(--primary-dark, #004225)}.game-canvas{display:block;width:100%;height:auto}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:10}.game-overlay h2{color:var(--accent-brass, #D4AF37);font-size:2rem;margin-bottom:16px}.game-overlay p{color:var(--text-muted, #C8E6C9);margin-bottom:24px;text-align:center;max-width:300px}.game-controls{padding:16px;background:var(--bg-deep, #0a4a2d);display:flex;justify-content:center;gap:12px}.game-controls .btn-retro{min-width:100px}.touch-controls{display:none;padding:16px;background:var(--bg-deep, #0a4a2d);border-top:2px solid var(--primary, #3CB371)}.touch-controls-row{display:flex;justify-content:center;gap:12px}.touch-btn{width:60px;height:60px;border-radius:50%;background:var(--bg-alt, #2d1b4e);border:2px solid var(--accent-purple, #6B5B95);color:var(--text-light, #FFFFFF);font-size:1.5rem;display:flex;align-items:center;justify-content:center}.touch-btn:active{background:var(--accent-purple, #6B5B95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr}.quiz-container,.calculator-container{padding:24px 16px}.quiz-question{font-size:1.2rem}.quiz-nav{flex-direction:column;gap:12px}.quiz-nav .btn-retro{max-width:none;width:100%;justify-content:center}.result-cta .btn-retro{width:100%;min-width:auto}.calc-amount{font-size:2rem}.touch-controls{display:block}.game-controls{display:none}}@media (max-width: 480px){.quiz-container,.calculator-container{padding:20px 12px}.quiz-start-icon{width:80px;height:80px}.tool-icon{width:60px;height:60px}}
