*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.container{max-width:900px;margin:0 auto;padding:20px}header{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content>div{text-align:center;flex:1}.logout-btn{padding:8px 16px;background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b;border-radius:5px;cursor:pointer;font-size:.85rem;font-weight:700;flex-shrink:0;transition:background .2s}.logout-btn:hover{background:#ff6b6b66}h1{font-size:2rem;margin-bottom:10px;color:#00d4ff}.team-info{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:15px 20px;border-radius:10px;margin-bottom:20px}.team-name{font-size:1.2rem;font-weight:700}.score{font-size:1.5rem;color:#0f8}.question-list{display:grid;gap:15px}.question-card{background:#ffffff14;border-radius:10px;padding:20px;transition:transform .2s,box-shadow .2s}.question-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.question-card.answered{border-left:4px solid #00ff88;opacity:.7}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.question-service{background:#5c6bc0;padding:3px 10px;border-radius:15px;font-size:.8rem}.trigger-badge{padding:3px 10px;border-radius:15px;font-size:.75rem;font-weight:700}.trigger-customer{background:#0095ff40;color:#4db8ff;border:1px solid rgba(0,149,255,.4)}.trigger-colleague{background:#00c85333;color:#69f0ae;border:1px solid rgba(0,200,83,.4)}.trigger-alert{background:#ff525233;color:#ff8a80;border:1px solid rgba(255,82,82,.4)}.difficulty-badge{padding:3px 10px;border-radius:15px;font-size:.75rem;font-weight:700}.difficulty-hard{background:#ff980040;color:#ffb74d;border:1px solid rgba(255,152,0,.5)}.question-points{color:#ffd93d;font-weight:700;flex-shrink:0}.scenario-text{font-size:.9rem;color:#ffffffbf;background:#ffffff0a;border-left:3px solid rgba(255,255,255,.2);padding:10px 14px;margin-bottom:12px;border-radius:0 5px 5px 0;line-height:1.6}.question-text{font-size:1.1rem;margin-bottom:15px}.answer-form{display:flex;gap:10px}.answer-input{flex:1;padding:10px 15px;border:none;border-radius:5px;background:#ffffff1a;color:#fff;font-size:1rem}.answer-input::placeholder{color:#ffffff80}.answer-input:focus{outline:2px solid #00d4ff}.submit-btn{padding:10px 25px;background:#00d4ff;color:#000;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#00a8cc}.submit-btn:disabled{background:#666;cursor:not-allowed}.result-message{margin-top:10px;padding:10px;border-radius:5px}.result-message.correct{background:#0f83;color:#0f8}.result-message.incorrect{background:#ff6b6b33;color:#ff6b6b}.login-form{max-width:400px;margin:100px auto;background:#ffffff14;padding:40px;border-radius:15px}.login-form h2{text-align:center;margin-bottom:20px}.login-form input{width:100%;padding:12px;margin-bottom:15px;border:none;border-radius:5px;background:#ffffff1a;color:#fff;font-size:1rem}.login-form button{width:100%;padding:12px;background:#00d4ff;color:#000;border:none;border-radius:5px;font-weight:700;cursor:pointer;font-size:1rem}.login-form .error-message{color:#ff6b6b;margin-bottom:10px;text-align:center}.game-status-banner{padding:15px 20px;border-radius:10px;margin-bottom:20px;text-align:center;font-weight:700}.game-status-banner.waiting{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.game-status-banner.active{background:#00ff8826;border:1px solid #00ff88;color:#0f8}.game-status-banner.finished{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.o11y-links{background:#5c6bc033;border:1px solid #5c6bc0;padding:15px 20px;border-radius:10px;margin-bottom:20px}.o11y-links summary{cursor:pointer;color:#5c6bc0;font-weight:700}.o11y-links a{color:#00d4ff;text-decoration:none}.o11y-links a:hover{text-decoration:underline}.o11y-links ul{margin:10px 0 0 20px;line-height:2}.rules-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:15px 20px;border-radius:10px;margin-bottom:20px}.rules-panel summary{cursor:pointer;font-weight:700;color:#ffd93d}.rules-panel ul{margin:10px 0 0 20px;line-height:1.8;color:#fffc}.rules-panel strong{color:#0f8}.hint-text{font-size:.85rem;color:#ffffff80;margin-bottom:10px;font-style:italic}.explanation-box{margin-top:10px;padding:12px;border-radius:5px;background:#00d4ff1a;border-left:3px solid #00d4ff;font-size:.9rem;color:#ffffffe6}.leaderboard{background:#ffffff0d;border-radius:10px;padding:15px 20px;margin-bottom:20px}.leaderboard summary{cursor:pointer;font-weight:700;color:#ffd93d}.leaderboard table{width:100%;border-collapse:collapse;margin-top:10px}.leaderboard th,.leaderboard td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard th{color:#00d4ff;font-size:.85rem}.leaderboard .self-row{background:#00d4ff26}.leaderboard .rank-1{color:gold}.leaderboard .rank-2{color:silver}.leaderboard .rank-3{color:#cd7f32}.progress-summary{display:flex;gap:15px;margin-bottom:15px}.progress-summary .prog-item{flex:1;text-align:center;padding:10px;background:#ffffff0d;border-radius:8px}.progress-summary .prog-value{font-size:1.3rem;font-weight:700;color:#0f8}.progress-summary .prog-label{font-size:.8rem;color:#fff9}#loading{text-align:center;padding:50px}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}