#root{width:100%}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;height:100vh;overflow:hidden}.screen{width:100%;height:calc(100vh - 60px - var(--tg-safe-area-inset-bottom, 0px));overflow:hidden;position:relative}#chat-screen,#earn-screen{display:flex;flex-direction:column;align-items:center}#stats-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:10px}.stat{margin:0;padding:0;text-align:left;font-size:1.2em;font-weight:600;color:#333;line-height:32px;height:32px;display:inline-flex;align-items:center}.deposit-button{margin-top:20px;padding:10px 20px;font-size:1em;font-weight:600;color:#fff;background-color:#0078d7;border:none;border-radius:5px;cursor:pointer}.deposit-button:hover{background-color:#005fb3}#app-container{width:90%;max-width:500px;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;height:80%;max-height:600px;margin-top:20px;margin-bottom:30px;overflow:hidden}#chat-container{flex:1;overflow-y:auto;margin-bottom:15px;padding-right:5px;display:flex;flex-direction:column;max-height:calc(100% - 70px)}.message{padding:10px 15px;margin:5px 0;border-radius:10px;max-width:90%;word-wrap:break-word}.agent-message{align-self:flex-start;background:#f0f0f0;color:#333}.user-message{align-self:flex-end;background:#0078d7;color:#fff}#input-container{display:flex;justify-content:space-between;width:100%;padding:10px 0 0}#user-input{flex:1;border:1px solid #ccc;box-sizing:border-box;padding:10px;border-radius:5px;margin-right:10px;font-size:1em;font-family:Inter,sans-serif;background:#f5f5f5;outline:none;resize:none;height:40px;line-height:20px;max-height:100px;overflow-y:hidden}#user-input:focus{border:1px solid #0078d7;box-shadow:0 0 4px #0078d780}#send-button{background:#0078d7;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1em}#send-button:hover{background:#005fb3}#earn-container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}#earn-stats-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px;gap:10px}#tasks-container{width:90%;max-width:500px;margin-top:30px}.task{background:#fff;padding:15px;margin-bottom:10px;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:space-between}.task-description{font-size:1em;color:#333;flex:1}.task-button{margin-left:15px;padding:8px 15px;font-size:.9em;font-weight:600;color:#fff;background-color:#28a745;border:none;border-radius:5px;cursor:pointer}.task-button:hover{background-color:#218838}.task-button:disabled{background-color:#6c757d;cursor:not-allowed}#bottom-nav{position:fixed;bottom:0;left:var(--tg-safe-area-inset-left, 0px);right:var(--tg-safe-area-inset-right, 0px);height:calc(60px + var(--tg-safe-area-inset-bottom, 0px));background:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-around;align-items:center;padding-bottom:var( --tg-safe-area-inset-bottom, 0px );box-sizing:border-box;z-index:1000}.nav-button{flex:1;text-align:center;font-size:.9em;color:#555;cursor:pointer;padding:10px;position:relative;display:flex;flex-direction:column;align-items:center}.nav-button.active{color:#0078d7;font-weight:600}.nav-icon{width:24px;height:24px;margin-bottom:5px;display:block}.nav-button:not(:last-child):after{content:"";position:absolute;right:0;top:20%;width:1px;height:60%;background-color:#ccc}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;border-radius:10px;position:relative;text-align:center}.close{color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000}.deposit-option{margin:10px;padding:10px 20px;font-size:1em;font-weight:600;color:#fff;background-color:#0078d7;border:none;border-radius:5px;cursor:pointer}.deposit-option:hover{background-color:#005fb3}#toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{min-width:150px;max-width:300px;padding:10px 15px;background-color:#333;color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;opacity:0;transform:translateY(-20px);animation:fadeIn .5s forwards,fadeOut .5s forwards 4.5s;display:flex;justify-content:space-between;align-items:center}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.toast.info{background-color:#17a2b8}.toast .close-toast{margin-left:15px;cursor:pointer;font-weight:700}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}#nav-stats .nav-icon{width:24px;height:24px;margin-bottom:5px}#stats-screen{padding:20px;max-width:500px;margin:0 auto;box-sizing:border-box;background:transparent}#stats-screen h2{text-align:center;margin-top:0;margin-bottom:15px;font-size:1.8em;color:#333}#detailed-stats-general,#detailed-stats-personal{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.detailed-stat{display:flex;align-items:center;gap:15px;padding:15px 20px;border-left:5px solid #0078d7;border-radius:5px;background-color:#fff;font-size:1.1em;color:#333;transition:background-color .3s,transform .3s}.detailed-stat:hover{background-color:#f9f9f9;transform:translateY(-2px)}#detailed-prize-pool{border-left-color:#28a745}#detailed-total-players{border-left-color:#17a2b8}#detailed-total-messages{border-left-color:#ffc107}#detailed-user-balance{border-left-color:#007bff}#detailed-user-messages{border-left-color:#dc3545}.reset-button{background:transparent;border:none;cursor:pointer;margin-top:10px}.reset-icon{width:24px;height:24px}#achievements-container{width:90%;max-width:500px;margin:20px auto;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.achievement-item{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:background-color .3s;position:relative}.achievement-item:hover{background-color:#f9f9f9}.achievement-header{display:flex;justify-content:space-between;align-items:center}.achievement-name{font-size:1em;font-weight:600;color:#333}.achievement-status{font-size:.9em;font-weight:600;padding:5px 10px;border-radius:5px;color:#fff}.achievement-status.completed{background-color:#28a745}.achievement-status.not-completed{background-color:#dc3545}.achievement-description{margin-top:10px;font-size:.9em;color:#555;display:none}.achievement-item.expanded .achievement-description{display:block}#achievements-screen{overflow-y:auto}#achievements-screen h2{text-align:center}.balance-container{display:flex;align-items:center;gap:10px;height:32px}.deposit-button.deposit-icon{background:none;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.deposit-button.deposit-icon img{width:28px;height:28px}.reset-button.reset-text{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;font-size:1em;color:#333;height:32px}.reset-button.reset-text:hover{color:#0078d7}.reset-button.reset-text .reset-icon{width:28px;height:28px}#stats-container,#earn-stats-container{margin:10px 0;padding:0}.info-container{width:90%;max-width:600px;margin:20px auto;padding:0 20px}.info-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}.info-section h3{color:#0078d7;margin-top:0;margin-bottom:15px}.info-section p{margin:10px 0;line-height:1.5;color:#333}#info-screen{overflow-y:auto}#info-screen h2{text-align:center;margin:20px 0;color:#333}