body{margin:0;padding:0;color:#ffffff;font-family:Arial,sans-serif;overflow:hidden}body,canvas{background:#000000}canvas{display:block;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes bubbleIn{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes bubbleOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(-20px);opacity:0}}@keyframes urgencyPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.challenge-button{background:linear-gradient(45deg,#2196F3,#21CBF3);border:none;color:white;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;margin:8px}.challenge-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.4)}.challenge-button.speed{background:linear-gradient(45deg,#FF9800,#FFB74D)}.challenge-button.accuracy{background:linear-gradient(45deg,#4CAF50,#81C784)}.challenge-button.confidence{background:linear-gradient(45deg,#9C27B0,#BA68C8)}.analysis-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.3);box-shadow:0 8px 32px rgba(0,255,136,.1)}.analysis-container::-webkit-scrollbar{width:4px}.analysis-container::-webkit-scrollbar-track{background:rgba(0,255,136,.1);border-radius:2px}.analysis-container::-webkit-scrollbar-thumb{background:rgba(0,255,136,.5);border-radius:2px}@keyframes hologram-flicker{0%,to{opacity:1}98%{opacity:1}99%{opacity:.8}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(400px)}}@keyframes matrix-rain{0%{transform:translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(400px);opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(0,255,136,.3),inset 0 0 20px rgba(0,255,136,.1)}50%{box-shadow:0 0 40px rgba(0,255,136,.6),inset 0 0 30px rgba(0,255,136,.2)}}.diagnostic-game-panel{background:linear-gradient(135deg,rgba(0,20,40,.95),rgba(0,40,80,.95) 50%,rgba(0,20,60,.95)),radial-gradient(circle at 20% 20%,rgba(0,255,136,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,150,255,.1) 0,transparent 50%);border:2px solid transparent;border-image:linear-gradient(45deg,rgba(0,255,136,.8),rgba(0,150,255,.8),rgba(0,255,136,.8)) 1;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;animation:hologram-flicker 8s infinite}.diagnostic-game-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.03) 0,rgba(0,255,136,.03) 4px);pointer-events:none;animation:scan-line 3s linear infinite}.diagnostic-game-panel:after{content:"";position:absolute;top:-50px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.8),transparent);animation:scan-line 4s linear infinite;animation-delay:1s}.timer-ring{position:relative;filter:drop-shadow(0 0 10px rgba(0,255,136,.5))}.timer-ring:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:conic-gradient(from 0deg,rgba(0,255,136,.2),rgba(0,150,255,.2),rgba(0,255,136,.2));animation:spin 10s linear infinite;z-index:-1}.timer-progress{filter:drop-shadow(0 0 5px rgba(0,255,136,.8));stroke:url(#timer-gradient)}.condition-card{background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,150,255,.1));border:1px solid rgba(0,255,136,.3);box-shadow:0 8px 32px rgba(0,255,136,.1),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden;animation:glow-pulse 4s ease-in-out infinite}.condition-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.solve-btn{background:linear-gradient(135deg,#00ff88,#00cc6a);box-shadow:0 4px 15px rgba(0,255,136,.4),inset 0 1px 0 rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.solve-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.solve-btn:hover:before{left:100%}.learn-btn{background:linear-gradient(135deg,rgba(0,150,255,.2),rgba(0,100,200,.2));border:1px solid rgba(0,150,255,.5);box-shadow:0 4px 15px rgba(0,150,255,.2),inset 0 1px 0 rgba(255,255,255,.1)}.analysis-stream{background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,20,40,.8));border:1px solid rgba(0,255,136,.2);box-shadow:inset 0 0 20px rgba(0,255,136,.1);font-family:Courier New,monospace;position:relative;overflow:hidden}.analysis-stream:before{content:"01001001 01001110 01000110 01001111";position:absolute;top:0;left:0;right:0;font-size:8px;color:rgba(0,255,136,.1);animation:matrix-rain 5s linear infinite;pointer-events:none}.toast{background:linear-gradient(135deg,rgba(0,20,40,.95),rgba(0,40,80,.95));border:1px solid rgba(0,255,136,.5);box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 20px rgba(0,255,136,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pulse-indicator{background:radial-gradient(circle,#00ff88 0,#00cc6a 70%,transparent 100%);box-shadow:0 0 20px rgba(0,255,136,.6),0 0 40px rgba(0,255,136,.3);position:relative}.pulse-indicator:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid rgba(0,255,136,.3);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.score{text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4);background:linear-gradient(45deg,#00ff88,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.diagnostic-game-panel svg{position:absolute;width:0;height:0}.diagnostic-game-panel,.diagnostic-game-panel *,.diagnostic-game-panel:after,.diagnostic-game-panel:before{transform:translateZ(0);will-change:transform,opacity}.premium-controls-panel{background:linear-gradient(135deg,rgba(0,20,40,.95),rgba(0,40,80,.95) 50%,rgba(0,20,60,.95)),radial-gradient(circle at 80% 20%,rgba(0,255,136,.1) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,150,255,.1) 0,transparent 50%);border:2px solid transparent;border-image:linear-gradient(45deg,rgba(0,255,136,.8),rgba(0,150,255,.8),rgba(0,255,136,.8)) 1;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;animation:hologram-flicker 8s infinite}.premium-controls-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.03) 0,rgba(0,255,136,.03) 4px);pointer-events:none;animation:scan-line 4s linear infinite}.control-section{margin-bottom:16px}.control-section:last-child{margin-bottom:0}.control-label{font-size:10px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.8);margin-bottom:8px;text-shadow:0 0 10px rgba(0,255,136,.3)}.scale-control{gap:12px}.scale-btn,.scale-control{display:flex;align-items:center}.scale-btn{width:32px;height:32px;border:1px solid rgba(0,255,136,.5);background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,150,255,.1));color:#00ff88;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;justify-content:center}.scale-btn:hover{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2));box-shadow:0 0 15px rgba(0,255,136,.3);transform:scale(1.05)}.scale-display{flex:1 1;display:flex;align-items:center;gap:8px}.scale-bar{flex:1 1;height:6px;background:rgba(0,0,0,.5);border-radius:3px;border:1px solid rgba(0,255,136,.3);position:relative;overflow:hidden}.scale-fill{height:100%;background:linear-gradient(90deg,#00ff88,#00cc6a);border-radius:2px;width:100%;transition:width .3s ease;box-shadow:0 0 10px rgba(0,255,136,.5);position:relative}.scale-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.scale-value{font-size:11px;font-weight:600;color:#00ff88;min-width:35px;text-align:right;text-shadow:0 0 8px rgba(0,255,136,.5)}.control-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.3),transparent);margin:16px 0;position:relative}.control-divider:after{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#00ff88;border-radius:50%;box-shadow:0 0 8px rgba(0,255,136,.8)}.toggle-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,150,255,.1));border:1px solid rgba(0,255,136,.5);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.toggle-btn:hover{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2));box-shadow:0 0 20px rgba(0,255,136,.3);transform:translateY(-2px)}.toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.toggle-btn:hover:before{left:100%}.toggle-btn.active{background:linear-gradient(135deg,rgba(0,255,136,.3),rgba(0,150,255,.3));box-shadow:0 0 25px rgba(0,255,136,.4)}.btn-icon{font-size:14px;filter:drop-shadow(0 0 5px rgba(0,255,136,.8))}.btn-text{text-shadow:0 0 8px rgba(0,255,136,.3)}.premium-controls-panel,.premium-controls-panel *,.premium-controls-panel:before{transform:translateZ(0);will-change:transform,opacity}.instructions-panel{background:linear-gradient(135deg,rgba(0,20,40,.95),rgba(0,40,80,.95) 50%,rgba(0,20,60,.95)),radial-gradient(circle at 50% 50%,rgba(0,255,136,.1) 0,transparent 50%);border:2px solid transparent;border-image:linear-gradient(45deg,rgba(0,255,136,.8),rgba(0,150,255,.8),rgba(0,255,136,.8)) 1;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;position:relative;overflow:hidden;animation:hologram-flicker 8s infinite}.instructions-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.03) 0,rgba(0,255,136,.03) 4px);pointer-events:none;animation:scan-line 4s linear infinite}.instructions-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#fff;position:relative;z-index:1}.instruction-group{display:flex;align-items:center;gap:6px;white-space:nowrap}.instruction-icon{font-size:14px;filter:drop-shadow(0 0 5px rgba(0,255,136,.8))}.instruction-text{color:rgba(255,255,255,.9);font-weight:500;text-shadow:0 0 8px rgba(0,255,136,.3)}.key{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2));border:1px solid rgba(0,255,136,.5);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;color:#00ff88;font-family:monospace;min-width:16px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);text-shadow:0 0 5px rgba(0,255,136,.8)}.instruction-divider{width:1px;height:16px;background:linear-gradient(180deg,transparent,rgba(0,255,136,.5),transparent);margin:0 4px}@media (max-width:768px){.instructions-panel{bottom:10px;left:10px;right:10px;transform:none;padding:10px 16px}.instructions-content{font-size:11px;gap:8px}.instruction-group{gap:4px}.key{padding:1px 4px;font-size:9px}.instruction-divider{display:none}}.instructions-panel,.instructions-panel *,.instructions-panel:before{transform:translateZ(0);will-change:transform,opacity}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,136,.2)}.score-section{display:flex;flex-direction:column;gap:12px}.score-display{text-align:center}.score-label{font-size:9px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.7);margin-bottom:4px}.score-value{font-size:24px;font-weight:700;color:#00ff88;text-shadow:0 0 15px rgba(0,255,136,.8);background:linear-gradient(45deg,#00ff88,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-display{display:flex;align-items:center;justify-content:center;gap:6px}.streak-icon{font-size:16px;filter:drop-shadow(0 0 8px rgba(255,107,53,.8))}.streak-value{font-size:16px;font-weight:600;color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.timer-section{display:flex;flex-direction:column;align-items:center;gap:8px}.timer-label{font-size:9px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.7)}.scan-prompt{text-align:center;padding:20px}.scan-title{font-size:16px;font-weight:700;letter-spacing:1px;color:#00ff88;margin-bottom:8px;text-shadow:0 0 15px rgba(0,255,136,.6)}.scan-subtitle{font-size:13px;color:rgba(255,255,255,.8);margin-bottom:20px;line-height:1.4}.progress-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,150,255,.1));border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:80px}.action-btn:hover{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2));border-color:rgba(0,255,136,.5);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,136,.2)}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.btn-icon{font-size:18px;filter:drop-shadow(0 0 8px rgba(0,255,136,.6))}.btn-text{font-weight:600;letter-spacing:.5px}.btn-count{font-size:9px;color:rgba(255,255,255,.6);font-weight:400}.nurse-btn .btn-icon{filter:drop-shadow(0 0 8px rgba(255,182,193,.8))}.hint-btn .btn-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.consultation-btn{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2))!important;border-color:rgba(0,255,136,.5)!important;box-shadow:0 4px 15px rgba(0,255,136,.3),inset 0 1px 0 rgba(255,255,255,.1)!important;position:relative;overflow:hidden}.consultation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.3),transparent);transition:left .5s}.consultation-btn:hover:before{left:100%}.consultation-btn:hover{background:linear-gradient(135deg,rgba(0,255,136,.3),rgba(0,150,255,.3))!important;box-shadow:0 8px 25px rgba(0,255,136,.4),inset 0 1px 0 rgba(255,255,255,.2)!important;transform:translateY(-2px)!important}.consultation-btn .btn-icon{filter:drop-shadow(0 0 8px rgba(0,255,136,.8))}.consultation-btn .btn-count{color:#00ff88!important;font-weight:700}:root,body,html{height:100%}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}.fade-out{opacity:0;transition:opacity .5s ease-out}.fade-in{opacity:1;transition:opacity .5s ease-in}main{height:100vh;width:100vw;margin:0;padding:0;position:relative}#webgl{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:block;z-index:0;pointer-events:auto}.diagnostic-game-panel .timer-display{display:flex;flex-direction:column;align-items:center;gap:8px}.diagnostic-game-panel .timer-value{font-size:18px;font-weight:700;color:#00ff88;text-shadow:0 0 15px rgba(0,255,136,.8);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diagnostic-game-panel .timer-bar{width:80px;height:6px;background:rgba(0,0,0,.5);border-radius:3px;border:1px solid rgba(0,255,136,.3);overflow:hidden;position:relative}.diagnostic-game-panel .timer-fill{height:100%;background:linear-gradient(90deg,#00ff88,#00cc6a);border-radius:2px;width:100%;transition:width .4s ease;box-shadow:0 0 10px rgba(0,255,136,.5);position:relative}.diagnostic-game-panel .timer-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.diagnostic-game-panel .score-value{font-size:28px!important;font-weight:800!important;letter-spacing:-.5px}.diagnostic-game-panel .action-btn{min-width:90px;font-size:12px;padding:14px 18px}.diagnostic-game-panel .action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,255,136,.25)}.diagnostic-game-panel .ai-status-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,136,.4)!important;box-shadow:0 4px 20px rgba(0,255,136,.1)}.diagnostic-game-panel .conditions-section{margin-top:16px}.diagnostic-game-panel .conditions-label{font-size:10px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.8);margin-bottom:8px}.diagnostic-game-panel .no-conditions{color:rgba(255,255,255,.7);text-align:center;padding:12px;font-size:13px}.diagnostic-game-panel .scan-instruction{font-weight:600;color:#00ff88;margin-bottom:4px}.diagnostic-game-panel .scan-tip{font-size:11px;color:rgba(255,255,255,.6);font-style:italic}.diagnostic-game-panel .audio-control-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.diagnostic-game-panel .audio-btn:hover{background:rgba(0,255,136,.1)!important;transform:translateY(-1px)}.diagnostic-game-panel .audio-type-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,255,136,.2)}.diagnostic-game-panel .audio-type-btn.active{background:rgba(0,255,136,.3)!important;box-shadow:0 0 10px rgba(0,255,136,.4)}.diagnostic-game-panel input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,255,136,.2);border-radius:2px;height:4px;outline:none}.diagnostic-game-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#00ff88;cursor:pointer;box-shadow:0 0 5px rgba(0,255,136,.5)}.diagnostic-game-panel input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#00ff88;cursor:pointer;border:none;box-shadow:0 0 5px rgba(0,255,136,.5)}.diagnostic-game-panel .phase-info-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:3px solid #00ff88;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.diagnostic-game-panel .progress-section{margin:16px 0}.diagnostic-game-panel .progress-label{font-size:10px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.8);margin-bottom:8px}.diagnostic-game-panel .progress-bar{height:6px;background:rgba(0,0,0,.5);border-radius:3px;border:1px solid rgba(0,255,136,.3);overflow:hidden}.diagnostic-game-panel .progress-fill{height:100%;background:linear-gradient(90deg,#00ff88,#00cc6a);width:0;transition:width .4s ease;box-shadow:0 0 8px rgba(0,255,136,.5)}.diagnostic-game-panel .audio-environment-section{background:linear-gradient(135deg,rgba(0,20,40,.95),rgba(0,40,80,.95) 50%,rgba(0,20,60,.95)),radial-gradient(circle at 30% 30%,rgba(0,255,136,.08) 0,transparent 50%);border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:16px;margin:16px 0;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;animation:hologram-flicker 8s infinite}.diagnostic-game-panel .audio-environment-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.02) 0,rgba(0,255,136,.02) 4px);pointer-events:none;animation:scan-line 4s linear infinite}.diagnostic-game-panel .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:1}.diagnostic-game-panel .section-title{display:flex;align-items:center;gap:8px}.diagnostic-game-panel .section-icon{font-size:14px;filter:drop-shadow(0 0 8px rgba(0,255,136,.8))}.diagnostic-game-panel .section-label{font-size:10px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.9);text-shadow:0 0 10px rgba(0,255,136,.3)}.diagnostic-game-panel .audio-main-toggle{background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,150,255,.1));border:1px solid rgba(0,255,136,.4);border-radius:8px;color:#fff;padding:8px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;position:relative;overflow:hidden}.diagnostic-game-panel .audio-main-toggle:hover{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2));border-color:rgba(0,255,136,.6);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,136,.2)}.diagnostic-game-panel .audio-main-toggle.enabled{background:linear-gradient(135deg,rgba(0,255,136,.3),rgba(0,150,255,.3));border-color:rgba(0,255,136,.7);box-shadow:0 0 20px rgba(0,255,136,.4)}.diagnostic-game-panel .audio-main-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.diagnostic-game-panel .audio-main-toggle:hover:before{left:100%}.diagnostic-game-panel .audio-status{margin-bottom:12px;position:relative;z-index:1;text-align:center}.diagnostic-game-panel .status-text{font-size:11px;color:rgba(255,255,255,.7);line-height:1.4}.diagnostic-game-panel .audio-controls-expanded{position:relative;z-index:1;animation:slideInUp .3s ease-out}.diagnostic-game-panel .volume-section{margin-bottom:16px}.diagnostic-game-panel .control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.diagnostic-game-panel .control-label{font-size:9px;font-weight:600;letter-spacing:1px;color:rgba(0,255,136,.8)}.diagnostic-game-panel .control-value{font-size:10px;font-weight:600;color:#00ff88;min-width:30px;text-align:right;text-shadow:0 0 8px rgba(0,255,136,.5)}.diagnostic-game-panel .premium-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:rgba(0,0,0,.5);border-radius:3px;border:1px solid rgba(0,255,136,.3);outline:none}.diagnostic-game-panel .premium-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(45deg,#00ff88,#00cc6a);cursor:pointer;box-shadow:0 0 10px rgba(0,255,136,.6),0 2px 4px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2)}.diagnostic-game-panel .audio-type-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:8px}.diagnostic-game-panel .audio-type-card{background:linear-gradient(135deg,rgba(0,255,136,.05),rgba(0,150,255,.05));border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:10px 8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden}.diagnostic-game-panel .audio-type-card:hover{background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,150,255,.1));border-color:rgba(0,255,136,.4);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,255,136,.2)}.diagnostic-game-panel .audio-type-card.active{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,150,255,.2));border-color:rgba(0,255,136,.6);box-shadow:0 0 15px rgba(0,255,136,.3)}.diagnostic-game-panel .type-icon{font-size:16px;filter:drop-shadow(0 0 5px rgba(0,255,136,.6))}.diagnostic-game-panel .type-name{font-size:9px;font-weight:600;color:#fff;letter-spacing:.5px}.diagnostic-game-panel .type-status{font-size:8px;color:rgba(255,255,255,.6);font-weight:500}.diagnostic-game-panel .audio-type-card.active .type-status{color:#00ff88;text-shadow:0 0 5px rgba(0,255,136,.5)}@media (max-width:768px){.diagnostic-game-panel .section-header{flex-direction:column;gap:8px;align-items:stretch}.diagnostic-game-panel .audio-main-toggle{justify-content:center}.diagnostic-game-panel .audio-type-grid{grid-template-columns:1fr;gap:6px}.diagnostic-game-panel .audio-type-card{flex-direction:row;justify-content:space-between;padding:8px 12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 10px rgba(0,255,136,.3)}50%{box-shadow:0 0 20px rgba(0,255,136,.6)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes scan{0%{left:-100%}to{left:100%}}@keyframes achievementSlideDown{0%{transform:translateX(-50%) translateY(-100px);opacity:0}20%,80%{transform:translateX(-50%) translateY(0);opacity:1}to{transform:translateX(-50%) translateY(-100px);opacity:0}}@keyframes premiumFloatUp{0%{transform:translateY(-50%) scale(.8);opacity:0}10%{transform:translateY(-50%) scale(1.1);opacity:1}70%{transform:translateY(-50%) scale(1) translateY(-100px);opacity:1}to{transform:translateY(-50%) scale(.9) translateY(-200px);opacity:0}}.hardware-accelerated{transform:translateZ(0);will-change:transform,opacity}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.holographic-glow{text-shadow:0 0 10px rgba(0,255,136,.5)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 20px rgba(0,255,136,.3)}.hover-glow:hover{box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 20px rgba(0,255,136,.3),inset 0 1px 0 rgba(255,255,255,.2)}.hover-brighten:hover{filter:brightness(1.1)}