#practice-container{margin-top:20px;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 20px}.practice-header{background:linear-gradient(135deg,#667eea,#764ba2);border:6px solid #000;box-shadow:8px 8px #000c;padding:20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-family:"Press Start 2P",cursive}.header-left,.header-right{display:flex;gap:15px;align-items:center}.header-center{flex:1;display:flex;justify-content:center}.practice-title{font-size:1.5rem;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.5)}.timer-display{font-size:1.3rem;color:#fff;background:#0000004d;padding:10px 20px;border:3px solid #000;box-shadow:3px 3px #00000080;min-width:120px;text-align:center}.practice-btn{font-family:"Press Start 2P",cursive;font-size:.9rem;padding:12px 24px;border:4px solid #000;cursor:pointer;transition:all .2s;box-shadow:4px 4px #000c;display:flex;align-items:center;gap:8px;text-transform:uppercase}.practice-btn:disabled{opacity:.5;cursor:not-allowed}.practice-btn:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000c}.practice-btn:not(:disabled):active{transform:translate(2px,2px);box-shadow:2px 2px #000c}.start-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.practice-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.practice-btn.full-width{width:100%;justify-content:center;margin-top:15px}.btn-icon{font-size:1rem}.practice-main{min-height:calc(100vh - 250px)}.practice-grid{display:grid;grid-template-columns:1fr 450px;gap:20px}.camera-section{background:#fff;border:6px solid #000;box-shadow:8px 8px #000c;padding:15px;display:flex;flex-direction:column;width:100%;height:100%}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:4px solid #000}.section-header h3{font-family:"Press Start 2P",cursive;font-size:1rem;color:#667eea;margin:0;flex:1}.section-icon{font-size:1.5rem}.landmark-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #000;box-shadow:3px 3px #00000080;padding:8px 12px;cursor:pointer;transition:all .2s;font-size:1rem}.landmark-toggle-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #0009}.landmark-toggle-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #00000080}.landmark-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669)}#practiceVideo{width:100%;max-width:100%;max-height:500px;height:auto;background:#000;display:block;border:4px solid #000;box-shadow:inset 0 0 10px #00000080;object-fit:cover}.status-message{padding:12px;text-align:center;margin-top:12px;font-weight:600;border:3px solid #000;font-family:"Press Start 2P",cursive;font-size:.75rem}.status-message.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-message.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-message.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.info-panel{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border:6px solid #000;box-shadow:8px 8px #000c;padding:20px}.current-gesture{font-size:4rem;font-weight:700;text-align:center;margin:20px 0;color:#667eea;transition:all .3s;font-family:"Press Start 2P",cursive;height:50px}.current-gesture.correct{color:#10b981;transform:scale(1.1);text-shadow:4px 4px 0 rgba(16,185,129,.3)}.confidence-display{margin-top:15px}.confidence-label{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#666;margin-bottom:8px;text-align:center}.confidence-bar{width:100%;height:35px;background:#e5e7eb;border:3px solid #000;overflow:hidden;position:relative}.confidence-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:"Press Start 2P",cursive;font-size:.75rem}.target-section{text-align:center;padding:20px;background:linear-gradient(135deg,#f9fafb,#e5e7eb);border:3px solid #000;margin-top:15px;height:150px;box-sizing:border-box}.target-label{font-family:"Press Start 2P",cursive;font-size:.7rem;color:#666;margin-bottom:10px;text-transform:uppercase}.target-gesture{font-size:3rem;font-weight:700;color:#667eea;margin:15px 0;font-family:"Press Start 2P",cursive;height:30px}.target-selector{width:100%;padding:12px;font-size:.9rem;border:3px solid #000;font-family:"Press Start 2P",cursive;background:#fff;cursor:pointer;box-shadow:3px 3px #0000004d}.probability-item{display:grid;grid-template-columns:80px 1fr 70px;gap:10px;align-items:center;margin-bottom:12px;padding:10px;background:linear-gradient(135deg,#f9fafb,#e5e7eb);border:3px solid #000}.prob-gesture{font-weight:600;color:#667eea;font-family:"Press Start 2P",cursive;font-size:.8rem}.prob-bar-container{background:#e5e7eb;height:25px;border:2px solid #000;overflow:hidden}.prob-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s}.prob-value{text-align:right;font-size:.75rem;color:#666;font-family:"Press Start 2P",cursive}@media(max-width:1024px){.practice-grid{grid-template-columns:1fr 400px;gap:15px}.practice-title{font-size:1.2rem}.timer-display{font-size:1.1rem;padding:8px 16px}.info-card{padding:18px}}@media(max-width:768px){#practice-container{padding:40px 10px 0;margin-top:15px}.practice-header{flex-direction:column;gap:15px;padding:15px;margin-bottom:15px}.header-left,.header-right{width:100%;justify-content:center}.header-center{order:-1}.practice-title{font-size:1rem}.timer-display{font-size:1rem;width:100%}.practice-btn{font-size:.75rem;padding:10px 18px}.practice-grid{grid-template-columns:1fr;gap:15px}.camera-section,.info-card{padding:12px}.section-header{margin-bottom:10px;padding-bottom:6px}.section-header h3{font-size:.85rem}#practiceVideo{max-width:100%;max-height:400px}.current-gesture{font-size:3rem;margin:15px 0}.confidence-bar{height:30px}.confidence-fill{font-size:.7rem}.target-section{padding:15px}.target-gesture{font-size:2.5rem;margin:12px 0}.target-selector{padding:10px;font-size:.8rem}.probability-item{grid-template-columns:70px 1fr 60px;gap:8px;padding:8px;margin-bottom:10px}.prob-gesture{font-size:.7rem}.prob-bar-container{height:22px}.prob-value{font-size:.65rem}.status-message{padding:12px;font-size:.7rem}}@media(max-width:480px){#practice-container{margin-top:10px}.practice-header{padding:12px;border:4px solid #000;box-shadow:4px 4px #000c}.practice-title{font-size:.85rem}.timer-display{font-size:.9rem;padding:8px 12px;border:2px solid #000}.practice-btn{font-size:.7rem;padding:10px 15px;border:3px solid #000;box-shadow:3px 3px #000c}.practice-btn:not(:disabled):hover{box-shadow:4px 4px #000c}.camera-section,.info-card{padding:10px;border:4px solid #000;box-shadow:4px 4px #000c}.section-header{margin-bottom:8px;padding-bottom:5px;border-bottom:3px solid #000}.section-header h3{font-size:.75rem}.section-icon{font-size:1.2rem}#practiceVideo{max-width:100%;max-height:350px;border:3px solid #000}.current-gesture{font-size:2.5rem;margin:12px 0}.confidence-bar{height:28px;border:2px solid #000}.confidence-fill{font-size:.65rem}.target-section{padding:12px;border:2px solid #000}.target-gesture{font-size:2rem}.target-selector{padding:8px;font-size:.75rem;border:2px solid #000}.probability-item{grid-template-columns:60px 1fr 55px;gap:6px;padding:6px;border:2px solid #000}.prob-gesture{font-size:.65rem}.prob-bar-container{height:20px}.prob-value{font-size:.6rem}.status-message{padding:10px;font-size:.65rem;border:2px solid #000}}@media(max-width:768px)and (orientation:landscape){.practice-grid{grid-template-columns:1fr 350px;gap:10px}.practice-header{flex-direction:row;padding:10px 15px}.header-center{order:0}.practice-title{font-size:.9rem}.timer-display{font-size:.85rem;min-width:100px}.camera-section,.info-card{padding:10px}.section-header{margin-bottom:8px;padding-bottom:5px}#practiceVideo{max-width:100%;max-height:300px}.current-gesture{font-size:2rem;margin:10px 0}.target-gesture{font-size:2rem}}