.welcome-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(3px)}.welcome-modal-content{background-color:#1a1a1a;border-radius:8px;width:90%;max-width:800px;max-height:90vh;box-shadow:0 4px 30px rgba(0,0,0,.3);color:#f0f0f0;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .3s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid rgba(255,255,255,.1);background-color:#272727}.welcome-tabs{display:flex}.welcome-tabs button{padding:15px 20px;background:none;border:none;color:#a0a0a0;font-size:16px;cursor:pointer;transition:all .2s ease;position:relative}.welcome-tabs button:hover{color:#ffffff;background-color:rgba(255,255,255,.05)}.welcome-tabs button.active{color:#ffffff;background-color:rgba(255,255,255,.1)}.welcome-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#4c9aff}.welcome-close-button{background:none;border:none;color:#a0a0a0;font-size:24px;cursor:pointer;padding:0 20px;transition:color .2s ease}.welcome-close-button:hover{color:#ffffff}.welcome-modal-body{padding:20px 30px;overflow-y:auto;max-height:calc(90vh - 60px)}.welcome-tab h1{color:#ffffff;margin-top:0;margin-bottom:20px;font-size:28px;text-align:center}.welcome-tab p{font-size:16px;line-height:1.6;margin-bottom:25px}.welcome-features{display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap}.feature{flex:1;min-width:200px;padding:20px;margin:10px;background-color:#272727;border-radius:8px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.feature-icon{font-size:36px;margin-bottom:10px;display:block}.feature h3{margin:10px 0;color:#ffffff}.feature p{font-size:14px;margin:0}.welcome-button-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:10px}.start-button{padding:12px 30px;background-color:#4c9aff;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.start-button:hover{background-color:#3d8bf8}.instruction-step{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.instruction-step:last-child{border-bottom:none}.instruction-step h3{color:#4c9aff;margin:5px 0 10px}.instruction-step p,.instruction-step ul{font-size:15px;line-height:1.5;margin:10px 0}.instruction-step ul{padding-left:20px}.instruction-step li{margin-bottom:8px}.effect-fireball{color:#ff5a00;font-weight:700}.effect-severe{color:#ff0000;font-weight:700}.effect-moderate{color:#ff7f50;font-weight:700}.effect-thermal{color:#32cd32;font-weight:700}.effect-light{color:#ffff00;font-weight:700}.about-tab h2{color:#ffffff;margin-top:0}.about-tab h3{color:#4c9aff;margin:20px 0 10px}.about-tab p,.about-tab ul{font-size:15px;line-height:1.6}.about-tab ul{padding-left:20px}.about-tab li{margin-bottom:8px}@media (max-width:600px){.welcome-modal-content{width:95%;max-height:95vh}.welcome-features{flex-direction:column}.feature{margin:5px 0}.welcome-tabs button{padding:10px 15px;font-size:14px}.welcome-modal-body{padding:15px}}