.app-container{display:flex;flex-direction:column;height:100vh;background:#0a0a0a}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2a2a2a;background:#141414;flex-wrap:wrap;gap:8px}.app-main-content{display:flex;flex-direction:column;flex:1;gap:16px;padding:16px;overflow:hidden}.app-left-panel{flex:1;display:flex;flex-direction:column;gap:12px}.app-game-container{width:100%;margin:0 auto;border-radius:8px;overflow:hidden;border:2px solid #2a2a2a;flex-shrink:0}.app-chat-section{flex:1;display:flex;flex-direction:column;background:#141414;border:1px solid #2a2a2a;border-radius:8px;min-height:200px}.app-staff-panel{flex-shrink:0}.app-input-bar{display:flex;gap:8px;padding:12px;border-top:1px solid #2a2a2a}.app-task-input{flex:1;padding:12px;background:#111;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;font-family:inherit;min-height:44px}.app-send-btn{padding:12px 20px;background:#4a9eff;color:#0a0a0a;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:600;min-height:44px;min-width:44px}.app-send-btn:disabled{background:#555;color:#888;cursor:not-allowed}.mobile-staff-panel{position:fixed;bottom:0;left:0;right:0;background:#141414;border-top:2px solid #2a2a2a;border-radius:12px 12px 0 0;transform:translateY(100%);transition:transform .3s ease;z-index:1000;max-height:70vh;overflow-y:auto}.mobile-staff-panel.open{transform:translateY(0)}.mobile-staff-panel-handle{display:flex;justify-content:center;align-items:center;padding:12px;background:#2a2a2a;border-radius:12px 12px 0 0;cursor:pointer;min-height:44px}.mobile-staff-panel-handle:before{content:"";width:40px;height:4px;background:#888;border-radius:2px}.mobile-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#4a9eff;border:none;color:#0a0a0a;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #4a9eff4d;z-index:999;display:none}@media (min-width: 768px){.app-main-content{flex-direction:row}.app-left-panel{flex:1}.app-staff-panel{width:320px;flex-shrink:0}.mobile-staff-panel{display:none!important}.mobile-staff-panel-handle{display:none}.mobile-fab{display:none!important}}@media (min-width: 1024px){.app-game-container{max-width:800px}}@media (max-width: 767px){.app-staff-panel{display:none}.mobile-fab{display:flex;align-items:center;justify-content:center}}.auth-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#0a0a0a;padding:20px}.auth-box{text-align:center;padding:40px;background:#141414;border-radius:12px;border:1px solid #2a2a2a;width:100%;max-width:400px}.auth-title{color:#e0e0e0;margin-bottom:8px;font-size:24px}.auth-subtitle{color:#888;margin-bottom:20px;font-size:14px}.auth-input{display:block;width:100%;padding:12px 14px;margin-bottom:12px;background:#111;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;font-size:14px;outline:none;box-sizing:border-box;min-height:44px}.auth-input:focus{border-color:#4a9eff}.auth-button{padding:12px 32px;background:#4a9eff;color:#0a0a0a;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:600;min-height:44px;width:100%}.auth-button:hover{background:#3a8eef}.auth-error{color:#f44;font-size:12px;margin-top:8px}.auth-switch{margin-top:16px;color:#888;font-size:12px}.auth-switch-link{color:#4a9eff;cursor:pointer;text-decoration:underline}.auth-switch-link:hover{color:#3a8eef}.loading-spinner{border:2px solid #2a2a2a;border-top:2px solid #4a9eff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}