body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}#root,body,html{width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.clipboard-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;margin-bottom:20px;min-height:80px;overflow:hidden;padding:16px 20px;position:relative}.clipboard-banner.high{background:linear-gradient(135deg,#4caf50,#8bc34a);border-color:#4caf504d}.clipboard-banner.medium{background:linear-gradient(135deg,#ff9800,#ffc107);border-color:#ff98004d}.clipboard-banner.low{background:linear-gradient(135deg,#9c27b0,#e91e63);border-color:#9c27b04d}.banner-content{gap:16px;position:relative;width:100%;z-index:2}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50%;font-size:24px;height:40px;justify-content:center;min-width:40px}.banner-text{color:#fff;flex:1 1}.banner-title{font-size:16px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px #0003}.banner-subtitle{font-size:13px;font-weight:400;opacity:.9}.banner-actions{gap:12px}.banner-actions,.paste-button{align-items:center;display:flex}.paste-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:10px 20px;text-shadow:0 1px 2px #0003;transition:all .2s ease}.paste-button:hover:not(:disabled){background:#ffffff59;border-color:#ffffff80;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.paste-button:disabled{cursor:not-allowed;opacity:.7}.paste-button.loading{pointer-events:none}.loading-spinner{display:inline-block;font-size:16px}.dismiss-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dismiss-button:hover{background:#ffffff40;border-color:#fff6}.confidence-bar{background:#fff9;border-radius:0 0 12px 12px;height:3px}.confidence-bar,.confidence-pulse{bottom:0;left:0;position:absolute;z-index:1}.confidence-pulse{background:#ffffff1a;border-radius:12px;pointer-events:none;right:0;top:0}.mobile-confidence{align-items:center;display:flex;gap:6px;position:relative}.confidence-icon{font-size:14px;min-width:16px}.confidence-text{flex:1 1}.confidence-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:11px;left:0;margin-top:4px;padding:8px 12px;position:absolute;right:0;top:100%;z-index:10}.confidence-tooltip:before{border-bottom:4px solid #000c;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.paste-button.mobile{min-width:100px;padding:10px 16px}.clipboard-banner{touch-action:pan-x;user-select:none;-webkit-user-select:none}.banner-content.single-line{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:0}@media (max-width:480px){.clipboard-banner{border-radius:10px;margin-bottom:16px;min-height:64px;padding:12px 16px}}.banner-icon-inline{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;min-width:32px}.banner-text-inline{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis}.banner-text-inline,.paste-button-inline{color:#fff;font-weight:600;text-shadow:0 1px 2px #0003;white-space:nowrap}.paste-button-inline{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;justify-content:center;min-height:36px;padding:8px 16px;transition:all .2s ease}.paste-button-inline:hover:not(:disabled){background:#ffffff59;border-color:#ffffff80;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.paste-button-inline:disabled{cursor:not-allowed;opacity:.7}.dismiss-button-inline{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.dismiss-button-inline:hover{background:#ffffff40;border-color:#fff6}@media (max-width:420px){.banner-text-inline{font-size:13px}.paste-button-inline{font-size:12px;min-height:32px;padding:6px 12px}.banner-icon-inline{font-size:18px;height:28px;min-width:28px}.dismiss-button-inline{font-size:11px;height:28px;width:28px}}@media (max-width:360px){.banner-content.single-line{gap:8px;min-height:44px}.banner-text-inline{font-size:12px}.paste-button-inline{font-size:11px;min-height:30px;padding:6px 10px}.banner-icon-inline{font-size:16px;height:26px;min-width:26px}.dismiss-button-inline{font-size:10px;height:26px;width:26px}}@media (max-width:768px){.clipboard-banner:after{background:#ffffff4d;border-radius:1px;box-shadow:0 -4px 0 #ffffff4d,0 4px 0 #ffffff4d;content:"";height:2px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px}.clipboard-banner:active:after{opacity:.6}.banner-subtitle{border-radius:4px;padding:4px 0;transition:background-color .2s ease}.banner-subtitle:active{background-color:#ffffff1a}.dismiss-button,.paste-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dismiss-button{min-height:44px;min-width:44px}.paste-button{min-height:44px}}@media (max-width:480px){.confidence-tooltip{left:50%;max-width:200px;right:auto;text-align:center;transform:translateX(-50%)}}@media (max-width:360px){.confidence-tooltip{font-size:10px;max-width:160px;padding:6px 10px}}.clipboard-banner *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.confidence-tooltip{-webkit-user-select:text;user-select:text}@media (max-width:1024px) and (min-width:769px){.clipboard-banner{padding:15px 18px}.banner-title{font-size:15px}.banner-subtitle{font-size:13px}}@media (max-width:768px) and (min-width:481px){.clipboard-banner{border-radius:10px;margin-bottom:16px;padding:14px 16px}.banner-content{gap:12px}.banner-icon{font-size:20px;height:36px;min-width:36px}.banner-title{font-size:15px}.banner-subtitle{font-size:12px}.paste-button{font-size:13px;min-width:100px;padding:8px 14px}.dismiss-button{font-size:12px;height:28px;width:28px}}@media (max-width:480px) and (min-width:361px){.clipboard-banner{border-radius:8px;margin-bottom:14px;padding:12px 14px}.banner-content{flex-direction:column;gap:10px;text-align:center}.banner-icon{font-size:18px;height:32px;min-width:32px}.banner-title{font-size:14px;margin-bottom:2px}.banner-subtitle{font-size:11px}.banner-actions{gap:10px;justify-content:center;width:100%}.paste-button{flex:1 1;font-size:12px;max-width:180px;min-width:90px;padding:8px 12px}.dismiss-button{font-size:11px;height:26px;width:26px}}@media (max-width:360px){.clipboard-banner{border-radius:6px;margin-bottom:12px;min-height:60px;padding:10px 12px}.banner-content{flex-direction:column;gap:8px;text-align:center}.banner-icon{font-size:16px;height:28px;min-width:28px}.banner-title{font-size:13px;margin-bottom:1px}.banner-subtitle{font-size:10px}.mobile-confidence{gap:4px;justify-content:center}.confidence-icon{font-size:12px;min-width:14px}.banner-actions{gap:8px;justify-content:center;width:100%}.paste-button{flex:1 1;font-size:11px;max-width:140px;min-width:80px;padding:6px 10px}.dismiss-button{font-size:10px;height:24px;width:24px}.button-icon,.loading-spinner{font-size:12px}}@media (prefers-color-scheme:dark){.clipboard-banner{box-shadow:0 8px 32px #0000004d}.banner-subtitle,.banner-title{text-shadow:0 1px 3px #0006}}@media (prefers-reduced-motion:reduce){.clipboard-banner *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confidence-pulse{display:none}}@media (prefers-contrast:high){.clipboard-banner,.dismiss-button,.paste-button{border:2px solid #fff}}.dismiss-button:focus,.paste-button:focus{outline:2px solid #fffc;outline-offset:2px}.clipboard-banner *,.clipboard-banner :after,.clipboard-banner :before{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media print{.clipboard-banner{display:none}}.smart-paste-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.smart-paste-button.small{border-radius:6px;font-size:12px;gap:6px;padding:6px 12px}.smart-paste-button.medium{border-radius:8px;font-size:14px;gap:8px;padding:8px 16px}.smart-paste-button.large{border-radius:10px;font-size:16px;gap:10px;padding:12px 20px}.smart-paste-button.floating{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;box-shadow:0 4px 16px #667eea4d;color:#fff}.smart-paste-button.inline{background:#667eea1a;border:1px solid #667eea4d;box-shadow:0 2px 8px #667eea1a;color:#667eea}.smart-paste-button.minimal{background:#0000;border:1px solid #667eea33;box-shadow:none;color:#667eea}.smart-paste-button.confidence-high{background:linear-gradient(135deg,#4caf50,#8bc34a);box-shadow:0 4px 16px #4caf504d}.smart-paste-button.confidence-high.inline{background:#4caf501a;border-color:#4caf504d;color:#4caf50}.smart-paste-button.confidence-high.minimal{border-color:#4caf5033;color:#4caf50}.smart-paste-button.confidence-medium{background:linear-gradient(135deg,#ff9800,#ffc107);box-shadow:0 4px 16px #ff98004d}.smart-paste-button.confidence-medium.inline{background:#ff98001a;border-color:#ff98004d;color:#ff9800}.smart-paste-button.confidence-medium.minimal{border-color:#ff980033;color:#ff9800}.smart-paste-button.confidence-low{background:linear-gradient(135deg,#9c27b0,#e91e63);box-shadow:0 4px 16px #9c27b04d}.smart-paste-button.confidence-low.inline{background:#9c27b01a;border-color:#9c27b04d;color:#9c27b0}.smart-paste-button.confidence-low.minimal{border-color:#9c27b033;color:#9c27b0}.button-icon{align-items:center;display:inline-flex;font-size:1em;justify-content:center;line-height:1}.button-text{font-weight:500;white-space:nowrap}.confidence-indicator{background:#fff3;bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.confidence-fill{background:#fff9;border-radius:0 1px 1px 0;height:100%}.smart-paste-button.inline .confidence-fill,.smart-paste-button.minimal .confidence-fill{background:currentColor;opacity:.6}.high-confidence-pulse{background:#ffffff1a;border-radius:inherit;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.smart-paste-button:hover:not(:disabled){box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.smart-paste-button.floating:hover:not(:disabled){box-shadow:0 8px 25px #667eea66}.smart-paste-button.confidence-high:hover:not(:disabled){box-shadow:0 8px 25px #4caf5066}.smart-paste-button.confidence-medium:hover:not(:disabled){box-shadow:0 8px 25px #ff980066}.smart-paste-button.confidence-low:hover:not(:disabled){box-shadow:0 8px 25px #9c27b066}.smart-paste-button.inline:hover:not(:disabled),.smart-paste-button.minimal:hover:not(:disabled){background:#667eea26;transform:translateY(-1px)}.smart-paste-button.confidence-high.inline:hover:not(:disabled),.smart-paste-button.confidence-high.minimal:hover:not(:disabled){background:#4caf5026}.smart-paste-button.confidence-medium.inline:hover:not(:disabled),.smart-paste-button.confidence-medium.minimal:hover:not(:disabled){background:#ff980026}.smart-paste-button.confidence-low.inline:hover:not(:disabled),.smart-paste-button.confidence-low.minimal:hover:not(:disabled){background:#9c27b026}.smart-paste-button:disabled{box-shadow:0 2px 8px #0000001a!important;cursor:not-allowed;opacity:.6;transform:none!important}.smart-paste-button:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.smart-paste-button.confidence-high:focus{box-shadow:0 0 0 3px #4caf504d}.smart-paste-button.confidence-medium:focus{box-shadow:0 0 0 3px #ff98004d}.smart-paste-button.confidence-low:focus{box-shadow:0 0 0 3px #9c27b04d}@media (max-width:768px){.smart-paste-button.large{font-size:15px;padding:10px 16px}.smart-paste-button.medium{font-size:13px;padding:7px 14px}.smart-paste-button.small{font-size:11px;padding:5px 10px}}@media (hover:none) and (pointer:coarse){.smart-paste-button{-webkit-tap-highlight-color:transparent;min-height:44px;touch-action:manipulation}.smart-paste-button.small{min-height:36px;min-width:60px}.smart-paste-button.medium{min-width:80px}.smart-paste-button.large{min-height:48px;min-width:100px}.smart-paste-button:active{transform:scale(.98);transition-duration:.1s}}@media (prefers-contrast:high){.smart-paste-button{border-width:2px}.smart-paste-button.floating{background:#06c;border-color:#fff;color:#fff}.smart-paste-button.inline,.smart-paste-button.minimal{background:#0000;border-color:#06c;color:#06c}}@media (prefers-reduced-motion:reduce){.smart-paste-button,.smart-paste-button *,.smart-paste-button :after,.smart-paste-button :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.high-confidence-pulse{display:none}}@media (prefers-color-scheme:dark){.smart-paste-button.inline{background:#667eea33;border-color:#667eea66}.smart-paste-button.minimal{border-color:#667eea4d}.confidence-indicator{background:#ffffff1a}}@media print{.smart-paste-button{display:none}}.clipboard-intro-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.clipboard-intro{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;overflow:hidden;position:relative;width:100%}.clipboard-intro.closing{pointer-events:none}.intro-content{padding:32px;position:relative;text-align:center}.intro-icon{align-items:center;display:flex;font-size:48px;height:60px;justify-content:center;margin-bottom:20px}.intro-text{margin-bottom:28px}.intro-title{color:#1a1a1a;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}.intro-description{color:#666;font-size:16px;line-height:1.5;margin:0 0 16px}.intro-benefit{align-items:center;background:#f8f9ff;border:1px solid #e1e5ff;border-radius:8px;color:#4338ca;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px}.benefit-icon{font-size:16px}.intro-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px}.intro-actions,.intro-button{display:flex;justify-content:center}.intro-button{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;gap:8px;min-width:140px;padding:12px 24px;transition:all .2s ease}.intro-button.primary{background:#4338ca;color:#fff}.intro-button.primary:hover{background:#3730a3;box-shadow:0 4px 12px #4338ca4d;transform:translateY(-1px)}.intro-button.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.intro-button.secondary:hover{background:#e5e7eb;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.intro-button:active{transform:translateY(0)}.intro-button:disabled{cursor:not-allowed;opacity:.6}.button-icon{font-size:16px}.intro-privacy{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;justify-content:center;line-height:1.4}.privacy-icon{font-size:12px}.never-ask-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:inherit;margin-left:4px;padding:0;text-decoration:underline}.never-ask-link:hover{color:#374151}.intro-background-pulse{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@media (max-width:640px){.clipboard-intro-overlay{padding:16px}.intro-content{padding:24px}.intro-icon{font-size:40px;height:50px;margin-bottom:16px}.intro-title{font-size:20px}.intro-description{font-size:15px}.intro-actions{flex-direction:column;gap:8px}.intro-button{min-width:100%;padding:14px 24px}.intro-privacy{flex-direction:column;gap:4px;text-align:center}}@media (prefers-color-scheme:dark){.clipboard-intro{background:#1f2937;box-shadow:0 20px 40px #0000004d}.intro-title{color:#f9fafb}.intro-description{color:#d1d5db}.intro-benefit{background:#1e293b;border-color:#334155;color:#8b5cf6}.intro-button.secondary{background:#374151;border-color:#4b5563;color:#f9fafb}.intro-button.secondary:hover{background:#4b5563}.intro-privacy,.never-ask-link{color:#9ca3af}.never-ask-link:hover{color:#d1d5db}}@media (prefers-reduced-motion:reduce){.intro-background-pulse{animation:none}.intro-button,.intro-icon div{transition:none!important}}@media (prefers-contrast:high){.clipboard-intro,.intro-benefit,.intro-button.primary,.intro-button.secondary{border:2px solid #000}}.pgn-uploader{margin:0 auto;max-width:800px;padding:2rem}.upload-section{display:flex;flex-direction:column;gap:1.2rem}.upload-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff 30%,#fff 60%,#e6f3ff);-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem;position:relative;text-align:center;text-shadow:0 2px 8px #ffffff1a}.upload-section h2:after{background:linear-gradient(90deg,#fff3,#fffc 50%,#fff3);border-radius:1px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.upload-section p{color:#ffffffd9;font-size:1.15rem;font-weight:500;letter-spacing:.2px;margin-bottom:.2rem;text-align:center}.drop-zone{background:#667eea0d;border:2px dashed #667eea;border-radius:12px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.drop-zone.drag-active,.drop-zone:hover{background:#764ba21a;border-color:#764ba2;transform:translateY(-2px)}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{font-size:3rem;margin-bottom:.5rem}.file-input{display:none}.file-input-label{cursor:pointer}.file-input-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.file-input-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.divider{align-items:center;display:flex;gap:1rem;margin:1rem 0;opacity:.6}.divider:after,.divider:before{background:currentColor;content:"";flex:1 1;height:1px}.text-input-section{display:flex;flex-direction:column;gap:1rem}.textarea-container{display:flex;flex-direction:column;position:relative}.smart-paste-overlay{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.smart-paste-overlay>*{pointer-events:auto}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.pgn-textarea{background:#ffffff0d;border:2px solid #667eea4d;color:inherit;font-family:Courier New,monospace;min-height:200px;resize:vertical;transition:border-color .3s ease}.pgn-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pgn-textarea::placeholder{opacity:.6}.sample-button{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff4d;border-radius:12px;color:#ffffffe6;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.sample-button:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sample-button:hover{background:linear-gradient(135deg,#fff3,#ffffff26);border-color:#ffffff80;box-shadow:0 8px 25px #ffffff26;color:#fff;transform:translateY(-2px)}.sample-button:hover:before{left:100%}.sample-button:active{transform:translateY(0)}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;padding:1rem;text-align:center}.analyze-button{align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.analyze-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.analyze-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.analysis-profile-section{margin:1rem 0}.analysis-profile-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin-bottom:.8rem;text-align:center}.profile-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:100%}.profile-option{align-items:center;background:#ffffff14;border:2px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;min-height:100px;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-option:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-option:hover{background:#ffffff1f;border-color:#ffffff4d;box-shadow:0 8px 32px #667eea26;transform:translateY(-3px) scale(1.02)}.profile-option:hover:before{opacity:1}.profile-option.selected{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea99;box-shadow:0 12px 40px #667eea40,inset 0 1px 0 #fff3;transform:translateY(-2px)}.profile-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.profile-content{align-items:center;display:flex;gap:1rem;position:relative;width:100%;z-index:1}.profile-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:1.6rem;min-width:2rem;text-align:center}.profile-text{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.profile-text strong{color:#fffffff2;font-size:1rem;font-weight:700;letter-spacing:.3px;line-height:1.2;text-shadow:0 1px 2px #0000001a}.profile-text small{color:#ffffffb3;font-size:.85rem;font-weight:500;line-height:1.3;opacity:.9}@media (max-width:1024px) and (min-width:769px){.profile-options{gap:.8rem;grid-template-columns:repeat(3,1fr)}.profile-option{padding:.9rem}.profile-text strong{font-size:.95rem}.profile-text small{font-size:.8rem}}@media (max-width:768px){.pgn-uploader{padding:1rem}.drop-zone{padding:2rem 1rem}.upload-section h2{font-size:1.8rem}.upload-section p{font-size:1rem}.profile-options{gap:.8rem;grid-template-columns:1fr;max-width:100%}.profile-option{min-height:auto;padding:1rem}.profile-content{gap:1rem}.profile-icon{font-size:1.6rem;min-width:2rem}.profile-text strong{font-size:1rem}.profile-text small{font-size:.85rem}.button-row{gap:.8rem;justify-content:center}.smart-paste-overlay{display:flex;justify-content:center;margin:1rem 0;position:static;transform:none}.textarea-container{gap:1rem}.sample-button{order:1}}.pgn-textarea.valid{background:#10b98108;border-color:#10b981;box-shadow:0 0 0 3px #10b98140,0 4px 12px #10b98126}.pgn-textarea.invalid{background:#ef444408;border-color:#ef4444;box-shadow:0 0 0 3px #ef444440,0 4px 12px #ef444426}.pgn-textarea.valid::placeholder{color:#10b98199}.pgn-textarea.invalid::placeholder{color:#ef4444cc}.profile-option.disabled{cursor:not-allowed;opacity:.5;pointer-events:auto;position:relative}@media (max-width:768px){.upload-section h2{font-size:2.2rem;letter-spacing:-.01em}.upload-section h2:after{width:60px}}@media (max-width:480px){.upload-section h2{font-size:1.8rem;margin-bottom:.8rem}.upload-section h2:after{height:1.5px;width:40px}.sample-button{align-self:center;font-size:.9rem;max-width:200px;padding:.6rem 1.2rem;width:100%}}.profile-option.disabled:before{background:#0003;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.profile-option.disabled:hover{background:#667eea14;box-shadow:0 8px 32px #667eea26,inset 0 1px 0 #ffffff1a;cursor:not-allowed;transform:none}.profile-option.disabled input{pointer-events:none}.premium-chessboard-container{background:#0f1423f2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #0009,0 15px 35px #0006,inset 0 1px 2px #ffffff1a;overflow:hidden;padding:60px;position:relative;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.board-luxury-frame{background:linear-gradient(135deg,#8b451333,#a0522d26 25%,#8b45131a 50%,#65432126 75%,#8b451333);border:2px solid #8b45134d;border-radius:16px;box-shadow:inset 0 4px 8px #ffd7001a,inset 0 -4px 8px #0003;padding:30px;position:relative}.frame-corner{background:radial-gradient(circle,#ffd70033,#0000);border:3px solid #ffd70099;height:20px;position:absolute;width:20px}.frame-corner.top-left{border-bottom:none;border-right:none;border-top-left-radius:8px;left:-2px;top:-2px}.frame-corner.top-right{border-bottom:none;border-left:none;border-top-right-radius:8px;right:-2px;top:-2px}.frame-corner.bottom-left{border-bottom-left-radius:8px;border-right:none;border-top:none;bottom:-2px;left:-2px}.frame-corner.bottom-right{border-bottom-right-radius:8px;border-left:none;border-top:none;bottom:-2px;right:-2px}.coordinates{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.files{align-items:center;bottom:5px;display:flex;justify-content:space-around;left:30px;position:absolute;right:30px}.files .coordinate-label{flex:1 1;text-align:center}.ranks{align-items:center;bottom:30px;display:flex;flex-direction:column;justify-content:space-around;left:5px;position:absolute;top:30px}.ranks .coordinate-label{align-items:center;display:flex;flex:1 1;justify-content:center}.coordinate-label{color:#ffd700e6;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;text-shadow:0 1px 2px #00000080,0 0 8px #ffd7004d}.premium-chessboard{background:linear-gradient(45deg,#8b45131a,#a0522d0d);border:2px solid #ffd70033;border-radius:12px;box-shadow:0 20px 40px #0006,0 8px 16px #0000004d,inset 0 2px 4px #ffffff1a;overflow:hidden;position:relative}.board-row{display:flex}.premium-square{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.light-square{background:linear-gradient(135deg,#f5f5dcf2,#fafaebe6 25%,#f8f8e1f2 75%,#f0f0d7e6)}.dark-square{background:linear-gradient(135deg,#8b4513e6,#a0522dd9 25%,#8b4513e6 75%,#654321d9)}.square-effects{pointer-events:none}.marble-texture,.square-effects{bottom:0;left:0;position:absolute;right:0;top:0}.marble-texture{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#0000000d 0,#0000 50%);opacity:.6}.lighting-gradient{background:linear-gradient(135deg,#ffffff26,#0000 40%,#0000 60%,#0000001a)}.lighting-gradient,.reflection-layer{bottom:0;left:0;position:absolute;right:0;top:0}.reflection-layer{background:linear-gradient(180deg,#ffffff1a,#0000 30%)}.premium-square.highlighted{animation:pulseGlow 2s infinite;background:radial-gradient(circle,#ffd700cc 0,#ffa50099 50%,#ffd70066 100%)!important;box-shadow:0 0 20px #ffd70099,inset 0 0 10px #ffd7004d}.premium-square.highlighted-alternative{animation:pulseGlowPurple 2s infinite;background:radial-gradient(circle,#8a2be2cc 0,#9370db99 50%,#8a2be266 100%)!important;box-shadow:0 0 20px #8a2be299,inset 0 0 10px #8a2be24d}.premium-square.highlighted-suggestion{animation:pulseGlowOrange 2s infinite;background:radial-gradient(circle,#ff8c00cc 0,#ffa50099 50%,#ff8c0066 100%)!important;box-shadow:0 0 20px #ff8c0099,inset 0 0 10px #ff8c004d}.premium-square.last-move{background:radial-gradient(circle,#00bfffb3 0,#1e90ff80 50%,#00bfff4d 100%)!important;box-shadow:0 0 15px #00bfff80,inset 0 0 8px #00bfff33}.premium-square.hovered{box-shadow:0 8px 25px #ffd7004d,0 4px 12px #0003,inset 0 2px 4px #fff3;transform:scale(1.02)}.premium-piece{cursor:pointer;font-size:42px;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:2}.piece-symbol{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));position:relative;z-index:3}.white-piece .piece-symbol{color:#fff;text-shadow:0 2px 4px #0009,0 0 8px #ffffff4d,0 1px 0 #000c}.black-piece .piece-symbol{color:#2c2c2c;text-shadow:0 2px 4px #000c,0 0 6px #fff3,0 1px 0 #ffffff1a}.piece-shadow{background:radial-gradient(ellipse,#0006 0,#0003 50%,#0000 100%);bottom:-8px;height:8px;left:50%;transform:translateX(-50%);width:80%;z-index:1}.piece-glow,.piece-shadow{border-radius:50%;position:absolute}.piece-glow{background:radial-gradient(circle,#ffd7001a 0,#0000 70%);bottom:-10px;left:-10px;opacity:0;right:-10px;top:-10px;transition:opacity .3s ease;z-index:0}.premium-piece:hover .piece-glow{opacity:1}.piece-highlight{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:50%;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:1}.premium-piece:hover .piece-highlight{opacity:1}.board-shine-overlay{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a 45%,#fff3 50%,#ffffff1a 55%,#0000);z-index:10}.ambient-lighting,.board-shine-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ambient-lighting{z-index:0}.light-beam{animation:floatingLight 4s ease-in-out infinite;background:radial-gradient(ellipse,#ffd7001a 0,#ffd7000d 50%,#0000 100%);position:absolute}.beam-1{animation-delay:0s;left:-20%}.beam-1,.beam-2{height:40%;top:-20%;width:40%}.beam-2{animation-delay:1.3s;right:-20%}.beam-3{animation-delay:2.6s;bottom:-20%;height:40%;left:50%;transform:translateX(-50%);width:60%}.square-coordinate{bottom:2px;color:#ffd700cc;font-size:10px;font-weight:600;left:2px;pointer-events:none;position:absolute;text-shadow:0 1px 2px #00000080;z-index:4}.file-coord{margin-right:2px}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ffd70099,inset 0 0 8px #ffd7004d}50%{box-shadow:0 0 25px #ffd700cc,inset 0 0 12px #ffd70080}}@keyframes pulseGlowPurple{0%,to{box-shadow:0 0 20px #8a2be299,inset 0 0 10px #8a2be24d}50%{box-shadow:0 0 25px #8a2be2cc,inset 0 0 12px #8a2be280}}@keyframes pulseGlowOrange{0%,to{box-shadow:0 0 20px #ff8c0099,inset 0 0 10px #ff8c004d}50%{box-shadow:0 0 25px #ff8c00cc,inset 0 0 12px #ff8c0080}}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(300%) rotate(45deg)}}@keyframes floatingLight{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.6;transform:translate(10px,-10px) scale(1.1)}}@media (max-width:768px){.premium-chessboard-container{padding:30px}.board-luxury-frame{padding:20px}.coordinate-label{font-size:12px}.premium-piece{font-size:36px}.premium-chessboard-container{border-radius:16px;box-shadow:0 15px 40px #0006,0 8px 20px #0000004d,inset 0 1px 2px #ffffff1a;padding:12px}.board-luxury-frame{border-radius:12px;border-width:1px;padding:8px}.frame-corner{border-width:2px;height:15px;width:15px}.coordinates{display:none}.coordinate-label{font-size:11px;font-weight:700}.premium-piece{transition:transform .15s ease}.premium-square{border-radius:3px;min-height:40px;min-width:40px}.premium-square:active{transform:scale(.95);transition:transform .1s ease}.premium-piece{font-size:1.15em;padding:2px;text-shadow:0 2px 4px #000000b3,0 0 8px #ffffff4d;transform:scale(1.05)}.white-piece .piece-symbol{text-shadow:0 3px 6px #000c,0 0 12px #fff6,0 1px 0 #000000e6}.black-piece .piece-symbol{text-shadow:0 3px 6px #000000e6,0 0 8px #ffffff4d,0 1px 0 #ffffff26}}@media (max-width:480px){.premium-chessboard-container{border-radius:12px;padding:8px}.board-luxury-frame{border-radius:8px;padding:6px}.frame-corner{border-width:1px;height:12px;width:12px}.coordinate-label{font-size:10px;font-weight:700}.premium-piece{font-size:1.25em;padding:3px;text-shadow:0 3px 6px #000c,0 0 10px #fff6;transform:scale(1.1)}.board-luxury-frame:before{display:none}.premium-square{border-radius:2px;min-height:35px;min-width:35px}.premium-square:active{background-color:#ffffff1a!important;transform:scale(.9)}}.premium-chessboard-container.mobile-optimized{box-shadow:0 8px 25px #0006,0 4px 12px #0000004d}.mobile-optimized .board-luxury-frame{background:#8b451326;border:1px solid #8b451340}.mobile-optimized .premium-piece{-webkit-tap-highlight-color:transparent;cursor:pointer}.mobile-optimized .premium-piece:active{transform:scale(1.15);transition:transform .1s ease}.mobile-optimized .premium-square:active{background-color:#ffffff26!important}.alternative-lines{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:0 auto;max-width:100%;padding:1rem;text-align:center;width:680px}.alternative-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.alternative-header h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.alternative-count{background:#fff3;border-radius:20px;color:#fffc;font-size:.75rem;padding:.25rem .5rem}.alternatives-list{display:flex;flex-direction:column;gap:.5rem}.alternative-item{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;justify-content:center;padding:.75rem;transition:all .2s ease}.alternative-item:hover{background:#ffffff1a;border-color:#ffffff4d}.alternative-icon{font-size:1.2rem;min-width:24px;text-align:center}.alternative-content{flex:1 1}.alternative-move{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.move-notation{color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.advantage-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;padding:.125rem .5rem;text-transform:capitalize}.alternative-description{color:#ffffffb3;font-size:.8rem;line-height:1.3}.try-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:all .2s ease}.alternative-item:hover .try-button{box-shadow:0 2px 8px #667eea4d;transform:translateX(2px)}.alternative-note{border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:.75rem;text-align:center}.alternative-note small{color:#fff9;font-size:.75rem}@media (max-width:480px){.alternative-header{flex-direction:column;gap:.25rem}.alternative-header h4{font-size:.9rem}.alternative-count{font-size:.7rem;padding:.2rem .4rem}.alternative-item{gap:.5rem;padding:.5rem}.alternative-move{align-items:flex-start;flex-direction:column;gap:.25rem}.try-button{font-size:.7rem;padding:.25rem .5rem}}@media (min-width:481px) and (max-width:768px){.alternative-header h4{font-size:.95rem}.alternative-count{font-size:.72rem}}.analysis-panel{background:#0000;border:none;border-radius:12px;height:100%;overflow-y:auto;padding:1rem;transition:all .3s ease-in-out}.analysis-panel>div{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.analysis-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.analysis-header h3{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.3px;margin:0}.move-number{background:#3498db;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.4rem .8rem}.analysis-content{display:flex;flex-direction:column;gap:1rem;padding-bottom:.5rem}.evaluation-section{background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:1rem;position:relative;z-index:1}.evaluation-bar-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.evaluation-label{color:#fffc;font-size:.9rem;font-weight:500}.evaluation-value{color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;font-weight:700}.evaluation-bar{background:#0000004d;border:1px solid #fff3;border-radius:4px;height:8px;overflow:hidden;position:relative}.evaluation-fill{border-radius:4px;height:100%;transition:width .5s ease,background .3s ease}.move-quality-and-suggestion{background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:.9rem;position:relative;z-index:1}.compact-analysis-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.move-quality-section{align-items:center;display:flex;gap:.75rem}.quality-label{color:#fffc;font-size:.95rem;font-weight:500}.classification-badge{border-radius:16px;color:#1a1a1a;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.35rem .75rem;text-shadow:0 1px 2px #fffc;text-transform:uppercase}.suggested-move-section{align-items:center;display:flex;gap:.75rem}.suggestion-label{color:#fffc;font-size:.95rem;font-weight:500}.move-suggestion-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 3px 12px #667eea40;color:#fff;cursor:pointer;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:relative;transition:transform .15s ease,box-shadow .15s ease;z-index:10}.move-suggestion-btn:hover{box-shadow:0 5px 18px #667eea59;transform:translateY(-1px)}.move-suggestion-btn:active{transform:translateY(0)}.master-games-info{background:#3498db1a;border:1px solid #3498db33;border-radius:12px;margin-top:1rem;padding:.75rem 1rem;text-align:center}.master-games-info small{color:#fffc;font-size:.85rem}@media (max-width:1024px) and (min-width:769px){.analysis-panel{padding:.9rem}.analysis-content{gap:.9rem}}@media (max-width:768px){.analysis-panel{padding:.8rem}.analysis-content{gap:.8rem}.compact-analysis-row{align-items:stretch;flex-direction:column;gap:1rem}.move-quality-section,.suggested-move-section{justify-content:space-between;width:100%}.move-suggestion-btn{font-size:1rem;padding:.6rem 1.2rem}}@media (max-width:480px){.analysis-panel{padding:.75rem}.analysis-header{margin-bottom:.75rem;padding-bottom:.5rem}.analysis-content{gap:.75rem}.evaluation-section,.move-quality-and-suggestion{padding:.75rem}.compact-analysis-row{gap:.75rem}.quality-label,.suggestion-label{font-size:.85rem}.move-suggestion-btn{font-size:.85rem;padding:.45rem .9rem}}.best-move-header{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.best-move-header span:first-child{color:#ffffffe6;font-size:1rem;font-weight:600;margin-bottom:.5rem}.best-move{background:#f39c1233;border:1px solid #f39c124d;border-radius:6px;color:#f39c12;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;font-weight:700;padding:.3rem .6rem;transition:all .2s ease}.best-move-interactive:hover{background:#f39c124d!important;border-color:#f39c1280;box-shadow:0 4px 8px #f39c1233;transform:translateY(-1px)}.explanation-section{background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:1rem;position:relative;z-index:1}.explanation-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.explanation-text{color:#ffffffd9;font-size:.95rem;line-height:1.6;margin:0}.engine-info{background:#ffffff08;border-radius:8px;border-top:1px solid #ffffff26;margin-top:.75rem;padding:.75rem;text-align:center}.engine-info small{color:#fff9;font-size:.8rem}.no-move-selected{color:#ffffffb3;padding:1.5rem 0;text-align:center}.no-move-selected p{font-size:1rem;margin-bottom:1.5rem}.analysis-preview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.preview-item{align-items:center;background:#3498db14;border:1px solid #3498db1a;border-radius:12px;display:flex;flex-direction:column;padding:1rem}.preview-icon{font-size:1.5rem;margin-bottom:.5rem}.preview-item span:last-child{color:#ecf0f1;font-size:.9rem;font-weight:500}.critical-moments-section,.tactical-patterns-section{background:#3498db14;border:1px solid #ffffff26;border-radius:12px;padding:1rem;position:relative;z-index:1}.critical-moments-section h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .8rem}.critical-moments-list{margin:0;padding-left:1.2em}.critical-moments-item{color:#ffffffe6;font-weight:500;line-height:1.4;margin-bottom:.5em}.endgame-section,.opening-section{background:#3498db14;border:1px solid #ffffff26;border-radius:16px;padding:1.5rem;position:relative;z-index:1}.endgame-section h4,.opening-section h4,.tactical-patterns-section h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .8rem}.patterns-list{flex-wrap:wrap;gap:.5rem}.pattern-badge{background:#e74c3c;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem;text-transform:capitalize}.endgame-result{display:flex;flex-direction:column;gap:.5rem}.result-badge{border-radius:8px;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-align:center;width:-webkit-fit-content;width:fit-content}.result-badge.winning{background:#27ae60;color:#fff}.result-badge.draw{background:#95a5a6;color:#fff}.result-badge.losing{background:#e74c3c;color:#fff}.result-badge.won{background:#2ecc71;color:#fff}.result-badge.lost{background:#c0392b;color:#fff}.opening-info p{color:#ffffffe6;font-weight:500;margin:0 0 .5rem}.opening-info small{color:#ffffffb3;display:block;margin-bottom:.5rem}.theory-adherence{background:#2ecc711a;border-radius:8px;color:#27ae60;font-size:.8rem;font-weight:500;padding:.3rem .6rem;width:-webkit-fit-content;width:fit-content}.master-games{color:#8e44ad!important;display:block!important;font-weight:500!important;margin-top:.5rem!important}@media (max-width:768px){.analysis-panel{background:#0000;border-radius:12px;height:auto;max-height:none;overflow-y:visible;padding:.5rem}.desktop-only{display:none!important}.analysis-content{gap:1.2rem}.analysis-header{border-bottom:2px solid #3498db66;margin-bottom:1rem;padding-bottom:.8rem}.analysis-header h3{color:#3498db;font-size:1.1rem;text-shadow:0 1px 3px #00000080}.best-move-section,.evaluation-section,.explanation-section,.move-classification{padding:1.2rem}.analysis-preview{grid-template-columns:1fr}.best-move-header,.classification-header,.evaluation-bar-container{flex-direction:column;gap:.8rem;text-align:center}.best-move-header{align-items:center}.critical-moments-section,.endgame-section,.opening-section,.tactical-patterns-section{padding:1.2rem}}@media (min-width:769px){.desktop-only{opacity:1;transform:translateY(0);transition:all .3s ease}.critical-moments-section,.endgame-section,.tactical-patterns-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.critical-moments-section h4,.endgame-section h4,.tactical-patterns-section h4{color:#3498db;font-size:1.1rem;margin-bottom:1rem}}.mobile-analysis-panel{background:#000000b3;border:1px solid #3498db4d;border-radius:12px;margin:8px 0;padding:12px 16px}.mobile-analysis-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.mobile-quality-section{align-items:center;display:flex;flex:1 1;gap:6px}.mobile-quality-emoji{font-size:16px}.mobile-quality-badge{border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.mobile-best-move{display:flex;flex:1 1;justify-content:flex-end}.mobile-move-btn{align-items:center;background:#3498db33;border:1px solid #3498db66;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;min-height:32px;padding:6px 10px;transition:all .2s ease}.mobile-move-btn:active{background:#3498db66;transform:scale(.98)}.mobile-move-icon{font-size:14px}.mobile-move-text{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.mobile-move-context{color:#fff9;font-size:10px;font-weight:500;margin-top:6px;text-align:center}@media (hover:none) and (pointer:coarse){.mobile-move-btn{min-height:36px;padding:8px 12px}}@media (max-width:375px){.mobile-analysis-panel{padding:10px 12px}.mobile-analysis-row{gap:8px}.mobile-quality-badge{font-size:11px;padding:3px 6px}.mobile-move-btn{font-size:12px;padding:5px 8px}}@media (max-height:500px) and (orientation:landscape){.mobile-analysis-panel{margin:4px 0;padding:8px 12px}.mobile-move-context{display:none}}.move-scrubber{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:16px 20px;transition:all .3s ease;width:100%}.move-scrubber:hover{background:#ffffff0d;border-color:#ffffff1f}.scrubber-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.move-info{align-items:baseline;display:flex;gap:8px}.move-label{color:#fff9;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.move-counter{align-items:baseline;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:6px}.move-counter .current{color:#fffffff2;font-size:20px;font-weight:600}.move-counter .separator{color:#fff6;font-size:14px;margin:0 2px}.move-counter .total{color:#ffffffb3;font-size:16px;font-weight:500}.playback-controls{gap:8px}.play-btn,.playback-controls{align-items:center;display:flex}.play-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#fffc;cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.play-btn:hover{background:#ffffff1f;border-color:#fff3;color:#fffffff2}.play-btn.playing{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.speed-selector{overflow:visible}.speed-buttons{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;display:flex;gap:2px;padding:2px}.speed-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:11px;font-weight:500;height:24px;justify-content:center;min-width:28px;padding:4px 8px;transition:all .15s ease}.speed-btn:hover{background:#ffffff14;color:#fffc}.speed-btn.active{background:#3b82f633;color:#3b82f6;font-weight:600}.play-btn:focus,.speed-btn:focus{outline:2px solid #3b82f666;outline-offset:1px}.timeline-container{margin:12px 0 8px;position:relative}.timeline-track{background:#ffffff14;border-radius:2px;cursor:pointer;height:4px;margin:12px 0;overflow:hidden;position:relative}.timeline-track:hover{background:#ffffff1f}.timeline-progress{background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .2s ease}.timeline-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:22px;left:0;outline:none;position:absolute;top:-8px;width:100%}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.timeline-slider::-webkit-slider-thumb:hover{border-color:#764ba2;transform:scale(1.2)}.timeline-slider::-moz-range-thumb{background:#fff;border:3px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;width:20px}.position-dots{height:2px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.current-dot,.end-dot,.start-dot{border-radius:50%;height:6px;position:absolute;transform:translateY(-50%);width:6px}.start-dot{background:#fff6;left:0}.end-dot{background:#fff6;right:0}.current-dot{background:#fff;box-shadow:0 0 8px #fff9;z-index:1}.move-ticks{top:14px;width:100%}.move-ticks,.tick{height:8px;position:absolute}.tick{background:#fff3;transform:translateX(-50%);width:1px}@media (max-width:768px){.move-scrubber{background:#0009;border-radius:8px;margin:4px 0;padding:8px 12px}.scrubber-header{margin-bottom:8px}.move-counter .current{font-size:18px}.move-counter .separator,.move-counter .total{font-size:14px}.play-btn{border-radius:6px;padding:8px}.play-btn svg{height:14px;width:14px}.speed-controls{gap:6px}.speed-label{font-size:11px}.speed-buttons{gap:2px;padding:1px}.speed-btn{font-size:10px;min-width:28px;padding:4px 6px}.timeline-track{height:8px;margin:10px 0}.timeline-slider{height:24px;top:-8px}.timeline-slider::-webkit-slider-thumb{height:20px;width:20px}.timeline-slider::-moz-range-thumb{height:20px;width:20px}.scrubber-guidance .guidance-text h4{font-size:14px}.scrubber-guidance .guidance-text p{font-size:11px}.hint-row{gap:12px}.hint-item{font-size:10px}.hint-item kbd{font-size:8px;min-width:14px;padding:1px 4px}}@media (max-width:480px){.move-scrubber{border-radius:6px;margin:2px 0;padding:6px 10px}.scrubber-header{margin-bottom:6px}.move-counter .current{font-size:16px}.move-counter .separator,.move-counter .total{font-size:12px}.play-btn{border-radius:4px;padding:6px}.play-btn svg{height:12px;width:12px}.speed-controls{gap:4px}.speed-label{font-size:10px}.speed-buttons{gap:1px}.speed-btn{font-size:9px;min-width:24px;padding:3px 5px}.timeline-container{margin:6px 0}.timeline-track{height:6px;margin:8px 0}.timeline-slider{height:20px;top:-7px}.timeline-slider::-webkit-slider-thumb{height:18px;width:18px}.timeline-slider::-moz-range-thumb{height:18px;width:18px}.control-hints,.move-ticks,.scrubber-guidance{display:none}}.move-scrubber.disabled{background:#ffffff05;border-color:#ffffff0a;opacity:.5;pointer-events:none}.move-scrubber.disabled .control-hints,.move-scrubber.disabled .move-counter,.move-scrubber.disabled .move-label{opacity:.6}.move-scrubber.disabled .timeline-progress{background:linear-gradient(90deg,#ffffff4d,#ffffff26)}.move-scrubber.disabled .current-dot{background:#fff6;box-shadow:0 0 8px #fff3}.play-btn.disabled{cursor:not-allowed;opacity:.4}.play-btn.disabled:hover{background:#ffffff0d;transform:none}.timeline-slider:disabled{cursor:not-allowed}.timeline-slider:disabled::-webkit-slider-thumb{background:#ffffff4d;cursor:not-allowed}.timeline-slider:disabled::-moz-range-thumb{background:#ffffff4d;cursor:not-allowed}.contextual-hint{background:#1e1e1ef2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:50%;padding:8px 12px;pointer-events:none;position:absolute;top:-45px;transform:translateX(-50%);z-index:1000}.hint-content{align-items:center;display:flex;gap:6px;white-space:nowrap}.hint-icon{font-size:14px}.hint-text{color:#ffffffe6;font-size:12px;font-weight:500}@media (max-width:768px){.contextual-hint{padding:6px 10px;top:-40px}.hint-text{font-size:11px}.hint-icon{font-size:13px}}.insights-panel{background:#ffffff14;border:none;border-radius:0;box-shadow:none;color:#fff;height:-webkit-fit-content;height:fit-content;padding:2rem}.insights-header{display:none}.insights-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.ai-coach-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.insights-content{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem}.insights-content section{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:2rem;position:relative;z-index:1}.insights-content h4{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.patterns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.patterns-header h4{margin:0}.patterns-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.stats-grid{gap:1.2rem;margin-bottom:1rem}.stat-bar,.stats-grid{display:flex;flex-direction:column}.stat-bar{gap:.5rem;position:relative;z-index:1}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.stat-label{color:#fffffff2;font-size:.95rem;letter-spacing:.2px}.stat-value{color:#ffffffe6;font-size:1.1rem;text-shadow:0 1px 2px #0000001a}.stat-bar-bg{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:10px;height:14px;overflow:hidden}.stat-bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:inset 0 1px 2px #fff3;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.patterns-section{border-left-color:#f39c12!important}.patterns-list{display:flex;flex-direction:column;gap:.75rem}.pattern-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0003;padding:1.5rem}.pattern-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.pattern-type{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.pattern-type[data-type=OPENING]{background:#f39c12;color:#fff}.pattern-type[data-type=TACTIC]{background:#e74c3c;color:#fff}.pattern-type[data-type=ENDGAME]{background:#9b59b6;color:#fff}.patterns-summary{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr;max-height:350px;overflow-y:auto;padding:.5rem 0}.pattern-group{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.pattern-group:hover{border-color:#667eea4d;box-shadow:0 8px 30px #667eea33;transform:translateY(-4px) scale(1.02)}.pattern-group .pattern-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.pattern-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.8rem;font-weight:700;padding:.4rem .8rem}.pattern-group .pattern-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.pattern-group .pattern-move,.pattern-moves{color:#ffffffb3;font-size:.9rem;font-style:italic}.no-patterns{background:#ffffff08;border:1px dashed #fff3;border-radius:16px;color:#fff9;padding:3rem 2rem;text-align:center}.no-patterns-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.no-patterns p{color:#ffffffb3;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.no-patterns small{color:#ffffff80;font-size:.9rem}.confidence{color:#27ae60;font-size:.8rem;font-weight:600}.pattern-name{color:#fff;font-size:.95rem;font-weight:600}.pattern-move{color:#ffffffb3;font-size:.8rem;margin-top:.25rem}.coach-section{border-left-color:#9b59b6!important}.coach-tips{flex-direction:column}.coach-tip,.coach-tips{display:flex;gap:.75rem}.coach-tip{align-items:flex-start;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 15px #0003;padding:1rem}.tip-icon{font-size:1.2rem;margin-top:.1rem}.tip-text{color:#fffc;font-size:.95rem;line-height:1.6}.performance-section{border-left-color:#27ae60!important}.performance-score{align-items:center;display:flex;gap:1.5rem}.score-circle{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;width:80px}.score-value{font-size:1.5rem;font-weight:700;line-height:1}.score-label{font-size:.8rem;opacity:.9}.score-description{flex:1 1}.score-description p{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0 0 .5rem}.improvement-note{color:#ffffffb3!important;font-style:italic}.color-analysis-section{background:linear-gradient(135deg,#1e90ff26,#ff149326);border:1px solid #fff3}.color-analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.color-analysis-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;margin:0}.color-badge{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:25px;color:#fff;font-size:.85rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 1px 2px #0003}.strategic-profile{background:#ffffff14;border-left:4px solid #4facfe;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem}.profile-item{display:flex;flex-direction:column;gap:.5rem}.profile-label{color:#ffffffb3;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.profile-value{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4}.key-strengths h5,.personalized-advice h5,.phase-performance h5{color:#ffffffe6;font-size:1rem;font-weight:700;letter-spacing:1px;margin:0 0 1rem;text-transform:uppercase}.strengths-grid{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.strength-item{align-items:center;background:#ffffff0d;border-left:3px solid gold;border-radius:8px;display:flex;gap:.8rem;padding:.8rem 1rem}.strength-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.1rem}.strength-text{color:#fffffff2;font-size:.95rem;font-weight:500;line-height:1.3}.phase-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.phase-item{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:1rem;text-align:center;transition:all .3s ease}.phase-item.best{background:linear-gradient(135deg,#2ecc7133,#27ae6033);border-color:#2ecc7180;transform:scale(1.02)}.phase-item:hover{background:#ffffff1f;transform:translateY(-2px)}.phase-label{color:#ffffffb3;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.phase-value{color:#fff;display:block;font-size:1.1rem;font-weight:700}.tactical-profile{margin:1.5rem 0}.tactical-item{align-items:center;background:#ffffff0f;border-left:4px solid #ff6b6b;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.5rem}.tactical-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));font-size:1.3rem}.tactical-text{color:#fffffff2;font-size:1rem;font-weight:600;line-height:1.4}.advice-list{display:flex;flex-direction:column;gap:.8rem}.advice-item{align-items:flex-start;background:#ffffff0f;border-left:4px solid #9b59b6;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.2rem;transition:all .3s ease}.advice-item:hover{background:#ffffff1a;transform:translateX(4px)}.advice-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.1rem;margin-top:.1rem}.advice-text{color:#fffffff2;flex:1 1;font-size:.95rem;font-weight:500;line-height:1.5}@media (max-width:768px){.insights-panel{padding:1rem}.insights-content{gap:2rem}.insights-content section{padding:1.5rem}.stats-grid{gap:1rem}.performance-score{gap:1rem}.coach-tip,.performance-score{flex-direction:column;text-align:center}.coach-tips,.patterns-list{gap:.8rem}.color-analysis-header{flex-direction:column;gap:1rem;text-align:center}.phase-grid{gap:.6rem;grid-template-columns:1fr 1fr}.advice-item,.strategic-profile,.tactical-item{padding:.8rem 1rem}.profile-item{text-align:center}.time-analysis-header{flex-direction:column;gap:.8rem;text-align:center}}.time-analysis-section{background:linear-gradient(135deg,#ffc10726,#ff572226);border:1px solid #ffc1074d;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.time-analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.time-analysis-header h4{color:#fff;font-size:1.4rem;font-weight:800;margin:0}.time-control-badge{background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:25px;color:#fff;font-size:.85rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 1px 2px #0003}.time-efficiency{align-items:center;background:#ffffff14;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.efficiency-label{color:#fffc;font-weight:600}.efficiency-value{color:#ffab00;font-size:1.2rem;font-weight:700}.time-management-style{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.8rem 1rem}.style-icon{font-size:1.2rem}.style-text{color:#ffffffe6;font-weight:500}.time-advice h5{color:#ffab00;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.time-advice-list{display:flex;flex-direction:column;gap:.8rem}.time-advice-item{align-items:flex-start;background:#ffffff0f;border-left:3px solid #ffab00;border-radius:10px;display:flex;gap:.8rem;padding:.8rem 1rem}.time-advice-icon{flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.time-advice-text{color:#ffffffe6;font-weight:500;line-height:1.4}.learning-insights-section{display:flex;flex-direction:column;gap:2.5rem}.skill-assessment h4{align-items:center;color:#4fc3f7;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.skill-overview{align-items:center;background:#4fc3f726;border:1px solid #4fc3f74d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.2rem 1.5rem}.skill-rating{align-items:flex-start;display:flex;flex-direction:column}.skill-level{color:#4fc3f7;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.skill-score{color:#fff;font-size:2rem;font-weight:900;line-height:1}.skill-percentile{color:#fffc;font-size:.95rem;font-weight:600}.skill-breakdown h5{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.skill-bars{display:flex;flex-direction:column;gap:.8rem}.improvement-areas h4{color:#ff9800;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.priority-list{display:flex;flex-direction:column;gap:1.5rem}.priority-item{background:#ffffff0f;border-left:4px solid;border-radius:12px;padding:1.5rem}.priority-item.priority-critical{background:#f443361a;border-left-color:#f44336}.priority-item.priority-high{background:#ff98001a;border-left-color:#ff9800}.priority-item.priority-medium{background:#2196f31a;border-left-color:#2196f3}.priority-header{align-items:center;display:flex;gap:.8rem;margin-bottom:.8rem}.priority-icon{font-size:1.2rem}.priority-title{color:#fff;flex:1 1;font-size:1.1rem;font-weight:700}.priority-badge{background:#fff3;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.priority-description{color:#fffc;line-height:1.5;margin:0 0 1rem}.priority-advice{display:flex;flex-direction:column;gap:.5rem}.advice-point{align-items:flex-start;display:flex;gap:.5rem}.advice-bullet{color:#4fc3f7;font-weight:700;margin-top:.2rem}.advice-point .advice-text{color:#ffffffe6;line-height:1.4}.learning-opportunities h4{color:#8bc34a;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.learning-grid{display:flex;flex-direction:column;gap:1.5rem}.learning-category h5{align-items:center;color:#ffffffe6;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.learning-item{align-items:flex-start;background:#ffffff0d;border-radius:10px;display:flex;gap:1rem;margin-bottom:.8rem;padding:1rem 1.2rem}.learning-item.tactical{border-left:3px solid #e74c3c}.learning-item.positional{border-left:3px solid #3498db}.learning-icon{flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.learning-content{display:flex;flex-direction:column;gap:.3rem}.learning-title{color:#fff;font-size:.95rem;font-weight:600}.learning-description{color:#fffc;font-size:.9rem;line-height:1.4}.study-plan h4{color:#9c27b0;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.study-content{display:flex;flex-direction:column;gap:1.5rem}.daily-routine h5,.practice-recommendations h5{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.recommendation-list,.routine-list{display:flex;flex-direction:column;gap:.8rem}.recommendation-item,.routine-item{align-items:center;background:#9c27b01a;border-left:3px solid #9c27b0;border-radius:8px;display:flex;gap:.8rem;padding:.8rem 1rem}.recommendation-icon,.routine-icon{flex-shrink:0;font-size:1.1rem}.recommendation-text,.routine-text{color:#ffffffe6;font-weight:500;line-height:1.4}@media (max-width:768px){.skill-overview{align-items:flex-start;flex-direction:column;gap:1rem}.priority-header{flex-wrap:wrap;gap:.5rem}.learning-item{padding:.8rem 1rem}}.critical-moments-container{background:linear-gradient(135deg,#4a6fa5,#5a7fb8 50%,#4a6fa5);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:1rem 0}.critical-moments-header{border-bottom:1px solid #ffffff26;padding:1.5rem 1.5rem 0}.critical-moments-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-shadow:0 2px 4px #0003}.tab-navigation{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem}.tab-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-1px)}.tab-button.active{background:#3b82f6cc;border-color:#3b82f6;color:#fff}.tab-icon{font-size:1rem}.tab-label{font-weight:500}.critical-moments-content{background:#0000000d;border-radius:0 0 16px 16px;padding:1.5rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2rem}.stat-card{background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 4px 16px #0000001a;padding:1.25rem;text-align:center}.stat-number{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 4px #0003}.stat-label{color:#ffffffe6;font-size:.9rem;text-transform:capitalize}.stat-breakdown{color:#ffffffb3;font-size:.8rem;font-style:italic;margin-top:.5rem}.decisive-moment,.most-critical-move{margin-bottom:1.5rem}.decisive-moment h4,.most-critical-move h4{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0 0 .75rem}.critical-move-card,.decisive-move-card{align-items:center;background:#ffc10726;border-left:4px solid #ffc107;border-radius:12px;box-shadow:0 4px 16px #ffc1071a;display:flex;gap:1rem;padding:1.25rem}.decisive-move-card{background:#4caf5026;border-left:4px solid #4caf50;box-shadow:0 4px 16px #4caf501a}.critical-move-card:hover,.decisive-move-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.move-number{color:#92400e;font-weight:600}.decisive-move-card .move-number{color:#166534}.move-description{color:#78350f;flex:1 1}.decisive-move-card .move-description{color:#14532d}.blunders-list,.missed-list,.pressure-list{display:flex;flex-direction:column;gap:1rem}.blunder-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.blunder-card:hover{background:#ffffff1f;border-color:#ff6b6b80;box-shadow:0 8px 24px #ff6b6b26;transform:translateY(-2px)}.blunder-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.blunder-severity{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.blunder-severity.catastrophic{background:#dc2626}.blunder-severity.major{background:#ea580c}.blunder-severity.significant{background:#d97706}.blunder-severity.minor{background:#ca8a04}.move-info{color:#ffffffb3;font-size:.875rem;font-weight:500}.blunder-details{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.move-played{color:#ffffffe6;font-family:Monaco,Menlo,Courier New,monospace;font-size:1.1rem;font-weight:600}.centipawn-loss{color:#ff6b6b;font-size:.875rem;font-weight:600}.blunder-description{color:#fffc;font-size:.875rem;margin-bottom:.5rem}.impact-tag{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.impact-tag.game_deciding{background:#ff575733;border:1px solid #ff57574d;color:#ff7979}.impact-tag.advantage_shifting{background:#ffa50233;border:1px solid #ffa5024d;color:#fdcb6e}.impact-tag.major_opportunity_loss{background:#ffc10733;border:1px solid #ffc1074d;color:#f39c12}.impact-tag.positional_setback{background:#74b9ff33;border:1px solid #74b9ff4d;color:#74b9ff}.missed-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;padding:1.25rem;transition:all .2s}.missed-card:hover{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b26}.missed-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.missed-icon{font-size:1.25rem}.missed-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.played-vs-best{display:flex;flex-direction:column;gap:.25rem}.played-vs-best span{color:#374151;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem}.advantage-missed{color:#f59e0b;font-size:.875rem;font-weight:600}.missed-description{color:#4b5563;font-size:.875rem}.pressure-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.pressure-card:hover{border-color:#ef4444;box-shadow:0 2px 8px #ef444426}.pressure-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.pressure-icon{font-size:1.25rem}.impact-level{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.impact-level.high{background:#fee2e2;color:#dc2626}.impact-level.medium{background:#fed7aa;color:#ea580c}.impact-level.low{background:#f3f4f6;color:#6b7280}.pressure-description{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.eval-change{color:#6b7280;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem}.clutch-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.clutch-player{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.clutch-player h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.clutch-score{color:#059669;font-size:2rem;font-weight:700;margin-bottom:.5rem}.clutch-details{display:flex;flex-direction:column;gap:.25rem}.clutch-details span{color:#64748b;font-size:.875rem}.clutch-moves h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.clutch-move-card{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.clutch-move-card:hover{background:#dcfce7;border-color:#16a34a}.clutch-move-number{color:#166534;font-weight:600;min-width:60px}.clutch-move-notation{color:#15803d;font-family:Monaco,Menlo,Courier New,monospace;font-weight:600;min-width:60px}.clutch-performance-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.clutch-performance-badge.excellent{background:#dcfce7;color:#166534}.clutch-performance-badge.good{background:#fef3c7;color:#92400e}.clutch-loss{color:#64748b;font-size:.75rem}.game-flow-timeline{padding-left:2rem;position:relative}.game-flow-timeline:before{background:#e5e7eb;bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.timeline-moment{cursor:pointer;margin-bottom:1.5rem;position:relative}.timeline-marker{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.timeline-icon{align-items:center;background:linear-gradient(135deg,#5a7fb8,#4a6fa5);border:2px solid #ffffff4d;border-radius:50%;color:#ffffffe6;display:flex;font-size:.875rem;height:2rem;justify-content:center;left:-2rem;position:absolute;top:.25rem;width:2rem}.timeline-moment.high .timeline-icon{background:#fef2f2;border-color:#dc2626}.timeline-moment.medium .timeline-icon{background:#fffbeb;border-color:#f59e0b}.timeline-move{color:#ffffffe6;font-weight:600}.timeline-content{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffe6;padding:1.25rem;transition:all .3s ease}.timeline-moment:hover .timeline-content{border-color:#9ca3af;box-shadow:0 2px 4px #0000001a}.timeline-description{color:#374151;font-size:.875rem;margin-bottom:.5rem}.timeline-color{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.clickable{cursor:pointer}.no-data{background:#f9fafb;border-radius:8px;color:#9ca3af;padding:2rem}@media (max-width:768px){.critical-moments-content,.critical-moments-header{padding:1rem}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tab-navigation{flex-wrap:nowrap;overflow-x:auto}.tab-button{flex-shrink:0}.blunder-details,.missed-details{align-items:flex-start;flex-direction:column;gap:.5rem}.clutch-stats{grid-template-columns:1fr}}.shortcuts-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.shortcuts-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.shortcuts-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 24px 16px}.shortcuts-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.close-btn{border:1px solid #fff3;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:36px;width:36px}.close-btn:hover{transform:scale(1.05)}.shortcuts-content{display:flex;flex-direction:column;gap:32px;padding:24px}.shortcuts-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:16px;padding:12px 16px;transition:all .2s ease}.shortcut-item:hover{background:#ffffff1a;transform:translateX(4px)}.shortcut-key{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff;font-family:Courier New,monospace;font-size:13px;font-weight:700;padding:8px 12px}.gesture-icon,.shortcut-key{border-radius:6px;min-width:60px;text-align:center}.gesture-icon{background:#ffffff1a;font-size:24px;padding:8px}.shortcut-description{color:#ffffffe6;font-size:14px;font-weight:500}.status-indicator{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:120px;z-index:1000}.status-item{background:#000c;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.status-icon,.status-item{align-items:center;display:flex}.status-icon{font-size:14px;justify-content:center}.pulsing{animation:pulse 1.5s infinite}.auto-play-status{background:linear-gradient(135deg,#ff7e5f,#feb47b);color:#fff}.alternative-status{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.zoom-status{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.interaction-hints{background:#000c;border:1px solid #fff3;border-radius:25px;bottom:30px;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:13px;font-weight:500;left:50%;max-width:90vw;padding:12px 20px;position:fixed;text-align:center;transform:translateX(-50%);z-index:900}.hint-text{display:block;white-space:nowrap}.help-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.help-button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.shortcuts-modal{margin:10px;max-width:95vw}.shortcuts-header{padding:16px}.shortcuts-content{gap:24px;padding:16px}.shortcuts-section{display:flex;flex-direction:column}.shortcuts-list{gap:8px}.shortcut-item{gap:12px;padding:10px 12px}.shortcut-key{font-size:12px;min-width:50px;padding:6px 10px}.gesture-icon{font-size:20px;min-width:50px;padding:6px}.shortcut-description{font-size:13px}.status-indicator{gap:6px;right:10px;top:80px}.status-item{font-size:11px;padding:6px 10px}.status-icon{font-size:12px}.interaction-hints{bottom:20px;font-size:12px;padding:10px 16px}.help-button{bottom:20px;font-size:16px;height:44px;right:20px;width:44px}}@media (max-width:480px){.shortcuts-modal{max-height:90vh}.shortcuts-content{gap:20px}.shortcut-item{align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.gesture-icon,.shortcut-key{align-self:flex-start}.status-indicator{flex-direction:row;justify-content:center;margin:10px auto;position:relative;right:auto;top:auto}.interaction-hints{font-size:11px;padding:8px 12px}}.chess-analyzer{background:linear-gradient(145deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0;position:relative;width:100%}.analyzer-header{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.analyzer-header,.analyzer-header-compact{align-items:center;display:flex;justify-content:space-between}.analyzer-header-compact{background:#000c;border-bottom:1px solid #ffffff1a;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.analyzer-header-compact:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.header-left{display:flex;flex-direction:column;gap:.25rem;justify-self:start}.header-center{align-items:center;display:flex;justify-content:center;justify-self:center}.tournament-info{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem}.player-names-section-center{align-items:center;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:16px;cursor:pointer;display:flex;gap:1.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.player-names-section-center:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.header-left h2{color:#fffffff2;font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.game-info{display:flex;flex-direction:column;gap:.3rem}.player-names-section{align-items:center;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #fff3;border-radius:16px;display:flex;gap:1.5rem;justify-content:center;margin-bottom:.5rem;padding:.75rem 1rem}.player-name{align-items:center;color:#fffffff2;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.player-piece{font-size:1.2rem;opacity:.9}.player-name-text{text-shadow:0 1px 2px #0000004d}.vs-separator{color:#fff9;font-size:.9rem;font-style:italic;font-weight:400}.game-players{color:#ffffffe6;font-size:.8rem;font-weight:500}.tournament-display{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:6px;color:#ffffffe6;font-size:.85rem;font-weight:500;max-width:200px;overflow:hidden;padding:.35rem .7rem;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.game-meta{color:#ffffffbf;font-size:.75rem;font-weight:400}.analyzer-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:.75rem;justify-self:end}.analyzer-header-compact .header-controls button{border-radius:8px;font-size:1rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease}.analyzer-header-compact .insights-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.analyzer-header-compact .reset-button{background:#ffffff1a;border:1px solid #ffffff40;color:#fffffff2}.analyzer-header-compact .header-controls button:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.header-hidden{pointer-events:none}.insights-toggle{background:linear-gradient(135deg,#764ba2e6,#667eeae6);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #764ba266,0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.insights-toggle:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.insights-toggle:hover:before{left:100%}.insights-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 48px #764ba280,0 6px 24px #667eea66;transform:translateY(-3px) scale(1.02)}.reset-button{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d;color:#fffffff2;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.reset-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.reset-button:hover:before{left:100%}.reset-button:hover{background:linear-gradient(135deg,#667eeacc,#764ba2cc);border-color:#fff6;box-shadow:0 8px 32px #667eea66,0 4px 16px #764ba24d;color:#fff;transform:translateY(-3px) scale(1.02)}.analyzer-main-content{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:2rem;max-height:calc(100vh - 120px);min-height:650px;padding:24px;position:relative;z-index:1}.board-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:24px;overflow:visible;padding:32px;width:100%}.board-section,.navigation-center{align-items:center;display:flex;height:100%;min-height:650px}.navigation-center{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 15px 30px #00000026,0 5px 15px #00000014,inset 0 1px 1px #ffffff26;justify-content:center;padding:2rem 1rem;position:relative}.board-container{transform-origin:center;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.board-container *{transition:opacity .3s ease-in-out}.chess-square{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.chess-square:hover{filter:brightness(1.1);transform:scale(1.02)}.board-container-modern{background:#ffffff26;border:2px solid #ffffff40;border-radius:20px;box-shadow:0 15px 40px #0006;overflow:hidden;padding:1rem;position:relative}.analysis-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;display:flex;flex-direction:column;gap:24px;height:100%;min-height:650px;overflow-y:auto;padding:32px;position:relative}.analysis-section>*{position:relative;z-index:1}.desktop-scrubber-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:16px 20px;width:100%}.desktop-scrubber-section .move-scrubber{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0;width:100%}.desktop-scrubber-section .move-scrubber:hover{background:#0000}.game-insights-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:2rem;overflow:hidden;padding:0}.insights-header{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1rem}.insights-header h2{color:#667eea;font-size:2.2rem;font-weight:700;margin:0 0 .5rem}.insights-header p{color:#ffffffb3;font-size:1.1rem;margin:0}.board-container-large .chess-board{box-shadow:0 25px 80px #00000080!important}.chess-piece{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.chess-piece:hover{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3)) brightness(1.2)!important;transform:scale(1.1)!important}@media (max-width:1200px){.analyzer-header h1{font-size:2.5rem}.analyzer-main-content{gap:2rem}.board-container-modern{padding:1.5rem}}@media (max-width:1024px){.analyzer-main-content{gap:2rem;grid-template-columns:1fr}.board-section{order:1}.analysis-section{order:2}}.desktop-scrubber,.mobile-scrubber-section{display:block}@media (max-width:768px){body,html{-webkit-overflow-scrolling:touch!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}.chess-analyzer{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:0}.analyzer-header-compact{border-radius:0;box-shadow:0 4px 20px #0006;flex-direction:column;gap:10px;left:0;padding:14px 16px;position:fixed;right:0;text-align:center;top:0;z-index:1000}.insights-toggle,.reset-button{border-radius:12px!important;font-size:14px!important;min-height:44px;padding:10px 16px!important}.color-btn{font-size:13px!important;min-height:40px;padding:8px 12px!important}.header-left{order:2}.header-center{order:1}.tournament-info{align-items:center;justify-content:center;margin-top:6px}.tournament-display{font-size:.75rem;max-width:150px;padding:.25rem .5rem;text-align:center}.analyzer-main-content{display:flex;flex-direction:column;gap:16px;height:auto;margin-top:120px;min-height:calc(100vh - 120px);overflow-y:visible;padding:0 16px 60px}.user-color-selection{justify-content:center!important;margin:0!important}.board-section{background:#ffffff0d;border-radius:16px;box-shadow:none;margin:0 0 16px;min-height:auto;order:1;padding:20px}.board-container-modern{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;margin:0 auto;max-width:calc(100vw - 1rem);padding:0}.board-container{margin:0 auto;max-width:100%;padding:1rem;width:100%!important}.premium-chessboard{margin:0 auto;max-width:min(85vw,400px);width:100%!important}.mobile-scrubber-section{margin:0;order:3;padding:0}.navigation-center{display:none!important}.navigation-center:after{display:none}.nav-buttons{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.nav-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;font-size:16px;min-height:40px;min-width:40px;padding:8px;touch-action:manipulation}.nav-button:active{background:#ffffff40}.move-scrubber{background:#0000;border:none;border-radius:0;margin:0;padding:.5rem .5rem .25rem}.scrubber-track{background:#ffffff26;border:1px solid #fff3;height:48px}.scrubber-progress{background:linear-gradient(90deg,#ff7e5f,#feb47b)}.auto-play-controls{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.auto-play-btn{border-radius:12px;font-size:20px;height:48px;min-width:55px}.speed-controls{align-items:center;display:flex;gap:.5rem}.speed-btn{border-radius:8px;font-size:12px;min-height:36px;min-width:38px;padding:4px 8px}.speed-label{color:#fffc;font-size:12px}.analysis-section{background:#0000;border:none;border-radius:0;margin-top:0;max-height:none;min-height:auto;order:2;overflow-y:visible;padding:0;position:relative}.analysis-section:before{display:none}.alternative-lines{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:12px;margin:1rem auto 0;max-width:calc(100vw - 2rem);padding:1rem;width:100%!important}.alternative-item{background:#ffffff0d;border-radius:10px;margin:.75rem 0;padding:1rem}.try-move-btn{border-radius:8px;font-size:14px;margin-top:.5rem;min-height:44px;padding:10px 16px;width:100%}.board-container>div:first-child{border-radius:12px!important;font-size:13px!important;margin-bottom:12px!important;padding:8px 12px!important}.analyzer-header{display:none}.insights-header{padding:1rem}.insights-header h2{font-size:1.5rem}.status-indicator{position:fixed;right:10px;top:130px;z-index:999}.status-item{font-size:11px;padding:6px 10px}.help-button{bottom:20px;font-size:16px;height:48px;right:20px;width:48px}.interaction-hints{bottom:15px;font-size:11px;max-width:calc(100vw - 80px);padding:8px 12px}}@media (max-width:1400px) and (min-width:769px){.analyzer-main-content{gap:16px;grid-template-columns:1fr 1fr}.board-section{min-height:auto;order:1}.analysis-section{min-height:auto;order:2}}@media (max-width:1024px){.analyzer-main-content{gap:1rem;grid-template-columns:1fr;min-height:auto}}@media (max-width:480px){.analyzer-header-compact{font-size:14px;gap:6px;padding:12px 14px}.header-left h2{font-size:16px;margin:0}.tournament-display{display:none}.game-details{font-size:13px}.user-color-selection{margin:6px 0!important}.color-btn{border-radius:8px!important;font-size:12px!important;min-height:38px;min-width:65px;padding:6px 10px!important}.insights-toggle,.reset-button{border-radius:10px!important;font-size:13px!important;min-height:42px;padding:8px 14px!important}.analyzer-main-content{margin-top:100px}.board-section{padding:.75rem .25rem}.board-container-modern{margin:0 .25rem;max-width:calc(100vw - .5rem)}.board-container{padding:.75rem}.premium-chessboard{max-width:min(90vw,340px)!important}.board-container>div:first-child{font-size:11px!important;margin-bottom:10px!important;padding:6px 10px!important}.navigation-center{padding:.5rem .25rem}.nav-buttons{gap:.5rem;margin-bottom:.5rem}.nav-button{border-radius:10px;font-size:1.1rem;min-height:44px;min-width:44px;padding:8px}.move-scrubber{padding:.75rem .25rem .5rem}.auto-play-controls{gap:.75rem;margin-bottom:.5rem}.auto-play-btn{border-radius:10px;font-size:18px;height:44px;min-width:48px}.speed-controls{gap:.25rem}.speed-btn{border-radius:6px;font-size:10px;min-height:30px;min-width:32px;padding:2px 4px}.speed-label{font-size:10px;margin-right:4px}.scrubber-track{border-radius:22px;height:44px}.analysis-section{padding:.75rem}.alternative-lines{border-radius:10px;margin:.75rem .25rem 0;max-width:calc(100vw - .5rem);padding:.75rem}.alternative-item{border-radius:8px;margin:.5rem 0;padding:.75rem}.try-move-btn{border-radius:6px;font-size:13px;min-height:40px;padding:8px 12px}.status-indicator{right:5px;top:110px}.status-item{font-size:10px;padding:4px 8px}.help-button{bottom:15px;font-size:14px;height:42px;right:15px;width:42px}.interaction-hints{bottom:10px;font-size:10px;max-width:calc(100vw - 70px);padding:6px 10px}.insights-header{padding:.75rem}.insights-header h2{font-size:1.3rem}.shortcut-item{gap:10px;padding:8px 12px}.gesture-icon,.shortcut-key{font-size:11px;min-width:45px;padding:4px 8px}.gesture-icon{font-size:18px}}.user-color-selector{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.user-color-selector-header{align-items:center;display:flex;gap:.75rem;margin-right:1rem}.selector-label-compact{color:#ffffffe6;font-size:.9rem;font-weight:600;white-space:nowrap}.color-toggle-compact{background:#0003;border-radius:6px;display:flex;gap:.25rem;padding:.2rem}.color-btn-compact{background:#0000;border:none;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.color-btn-compact:hover{background:#ffffff1a;color:#fffffff2;transform:translateY(-1px)}.color-btn-compact.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.selector-label{color:#ffffffe6;font-size:1rem;font-weight:600;white-space:nowrap}.color-toggle{background:#0003;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.color-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.color-btn:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-1px)}.color-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.color-btn.active:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.user-color-selector{align-items:flex-start;flex-direction:column;gap:.75rem}.color-toggle{justify-content:space-between;width:100%}.color-btn{flex:1 1;justify-content:center}}.game-header-clickable{border:1px solid #0000;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .2s ease}.game-header-clickable:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.game-header-clickable h2{color:#fffffff2;font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.game-details{display:flex;flex-direction:column;gap:.2rem}.pgn-available{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;font-size:.65rem;padding:.2rem .5rem;width:-webkit-fit-content;width:fit-content}.pgn-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.pgn-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:100%}.pgn-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.pgn-modal-header h3{color:#fffffff2;font-size:1.25rem;font-weight:600;margin:0}.close-button{border-radius:4px;color:#ffffffb3;transition:all .2s ease}.close-button:hover{color:#ffffffe6}.pgn-content{flex:1 1;overflow:hidden;padding:1.5rem}.pgn-textarea{background:#0003;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;height:300px;line-height:1.5;overflow-y:auto;padding:1rem;resize:none;width:100%}.pgn-textarea:focus{border-color:#fff6;box-shadow:0 0 0 2px #667eea4d;outline:none}.pgn-modal-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding:1.5rem}.copy-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.copy-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}@media (max-width:768px){.pgn-modal-overlay{padding:1rem}.pgn-modal{max-height:90vh}.pgn-textarea{font-size:.8rem;height:250px}}@media (min-width:1401px){.analyzer-main-content{grid-template-columns:1fr 1fr}.board-section{order:1}.analysis-section{order:2}}.cache-manager-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cache-manager{background:linear-gradient(135deg,#1e3c72,#2a5298);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;color:#fff;max-width:500px;padding:2rem;width:90%}.cache-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cache-header h3{font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.close-button:hover{background:#ffffff1a}.cache-stats{margin-bottom:1.5rem}.stat-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0}.stat-value{color:#64ffda;font-weight:600}.cache-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.cache-info p{font-size:.9rem;margin:.5rem 0;opacity:.9}.cache-actions{display:flex;gap:1rem;justify-content:flex-end}.clear-button,.refresh-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.refresh-button:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.clear-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.clear-button:hover:not(:disabled){box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-2px)}.clear-button:disabled{cursor:not-allowed;opacity:.5}.loading-trivia-overlay{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-trivia-container{background:linear-gradient(135deg,#ffffff26,#ffffff14 50%,#ffffff0d);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 32px 64px #00000040,inset 0 1px 0 #fff3;max-width:650px;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;width:90%}.loading-trivia-container:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#ffffff0d);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.loading-header{margin-bottom:2rem}.chess-pieces-animation{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff 50%,#e6f3ff);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 6px 12px rgba(255,255,255,.3));font-size:4rem;margin-bottom:1rem}.loading-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff 30%,#fff 60%,#e6f3ff);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5rem;text-shadow:0 2px 8px #ffffff1a}.loading-header p{color:#ffffffd9;font-size:1.2rem;font-weight:500;letter-spacing:.3px;margin:0;text-shadow:0 1px 2px #0003}.trivia-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #fff3;display:flex;flex-direction:column;justify-content:center;margin:2.5rem 0;min-height:180px;padding:2.5rem 2rem;position:relative}.trivia-fact{color:#fffffff2;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:1.2rem;text-shadow:0 2px 4px #0000001a}.trivia-context{color:#ffffffbf;font-size:1.1rem;font-style:italic;font-weight:400;letter-spacing:.2px;line-height:1.5;opacity:.9}.trivia-progress-container{margin:2rem 0 1.5rem}.trivia-progress-bar{background:#ffffff26;border:1px solid #fff3;border-radius:6px;height:8px;margin-bottom:1.5rem;overflow:hidden}.trivia-progress-fill{background:linear-gradient(90deg,#fffc,#fff 50%,#fffc);border-radius:6px;box-shadow:0 0 20px #fff6,0 2px 8px #fff3;height:100%}.trivia-indicators{display:flex;gap:.8rem;justify-content:center}.trivia-indicator{background:#ffffff4d;border:2px solid #fff3;border-radius:50%;height:10px;transition:all .4s cubic-bezier(.4,0,.2,1);width:10px}.trivia-indicator.active{background:#ffffffe6;border-color:#fffc;box-shadow:0 0 16px #fff9,0 4px 8px #fff3;transform:scale(1.3)}.loading-status{border-top:1px solid #fff3;margin-top:2rem;padding-top:1.5rem}.loading-dots{color:#fffc;font-size:1rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0000001a}@media (max-width:768px){.loading-trivia-container{border-radius:20px;margin:1rem;padding:2.5rem 1.8rem}.chess-pieces-animation{font-size:3.5rem}.loading-header h2{font-size:1.8rem}.loading-header p{font-size:1.1rem}.trivia-fact{font-size:1.2rem}.trivia-context{font-size:1rem}.trivia-card{border-radius:16px;min-height:160px;padding:2rem 1.5rem}}@media (max-width:480px){.loading-trivia-container{border-radius:16px;margin:.5rem;padding:2rem 1.2rem}.chess-pieces-animation{font-size:3rem}.loading-header h2{font-size:1.6rem}.loading-header p{font-size:1rem}.trivia-fact{font-size:1.1rem}.trivia-context{font-size:.95rem}.trivia-card{margin:2rem 0;min-height:140px;padding:1.8rem 1.2rem}.trivia-progress-container{margin:1.5rem 0 1rem}}.analytics-widget{bottom:20px;position:fixed;right:20px;z-index:1000}.widget-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:1px solid #fff3;border-radius:50px;box-shadow:0 10px 25px #0003;cursor:pointer;display:flex;gap:8px;min-height:44px;padding:12px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.widget-compact:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#ffffff4d;box-shadow:0 15px 35px #0000004d;transform:translateY(-2px)}.analytics-widget.error .widget-compact,.analytics-widget.loading .widget-compact{background:linear-gradient(135deg,#6b7280e6,#4b5563e6);justify-content:center;min-width:50px;padding:12px}.analytics-widget.error .widget-compact{background:linear-gradient(135deg,#ef4444e6,#dc2626e6)}.analytics-icon{font-size:18px;justify-content:center}.analytics-icon,.quick-stats{align-items:center;color:#fff;display:flex}.quick-stats{font-size:13px;font-weight:600;gap:12px}.online-count{align-items:center;background:#ffffff26;border-radius:12px;color:#fff;display:flex;font-size:12px;gap:6px;padding:4px 8px}.online-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.total-visitors{color:#ffffffe6;font-weight:500}.loading-text{color:#fffc;font-size:12px;font-weight:500}.error-text{color:#fff;font-size:14px;font-weight:700}.widget-expanded{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:20px;bottom:80px;box-shadow:0 25px 50px #00000040;color:#fff;padding:20px;position:fixed;right:20px;width:320px}.expanded-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.expanded-header h4{align-items:center;color:#f1f5f9;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.expanded-header h4:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 13h4v8H3v-8zm6-5h4v13H9V8zm6-5h4v18h-4V3z' fill='%23f1f5f9' fill-opacity='.9'/%3E%3Cpath d='M3 13h4v8H3v-8zm6-5h4v13H9V8zm6-5h4v18h-4V3z' stroke='%23f1f5f9' stroke-width='.5' stroke-opacity='.3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:18px;margin-right:4px;width:18px}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.close-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease}.stat-item:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);transform:translateY(-2px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text;color:#3b82f6;font-size:24px}.stat-label{font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2;text-transform:uppercase}.view-full-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:16px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease;width:100%}.view-full-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.view-full-btn:hover:before{left:100%}.view-full-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 10px 25px #3b82f64d;transform:translateY(-2px)}.last-updated{align-items:center;color:#64748b;display:flex;font-size:10px;font-style:italic;gap:4px;justify-content:center;text-align:center}.last-updated:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%2364748b' stroke-width='2'/%3E%3Cpath stroke='%2364748b' stroke-width='2' stroke-linecap='round' d='M12 6v6l4 2'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:10px;margin-right:2px;width:10px}@media (max-width:768px){.analytics-widget{bottom:15px;left:auto;right:15px;width:auto}.widget-compact{border-radius:25px;box-shadow:0 4px 15px #00000026;justify-content:center;max-width:120px;min-height:36px;padding:8px 12px}.widget-expanded{bottom:60px;left:15px;max-height:60vh;overflow-y:auto;position:fixed;right:15px;width:auto}.quick-stats{font-size:11px;gap:6px}.analytics-icon{font-size:14px}.online-count{border-radius:10px;font-size:10px;padding:3px 6px}.online-dot{height:6px;width:6px}.total-visitors{display:none}.stats-grid{gap:12px}.stat-item{padding:12px 8px}.stat-value{font-size:20px}}@media (max-width:375px){.analytics-widget{bottom:10px;right:10px}.widget-compact{max-width:100px;min-height:32px;padding:6px 10px}.quick-stats{font-size:10px;gap:4px}.analytics-icon{font-size:12px}.online-count{border-radius:8px;font-size:9px;padding:2px 4px}.online-dot{height:5px;width:5px}}@media (max-width:1024px) and (min-width:769px){.widget-expanded{bottom:75px;right:15px;width:280px}}@media (prefers-color-scheme:dark){.widget-expanded{background:#020617f2;border-color:#ffffff1a}.stat-item{background:linear-gradient(135deg,#ffffff08,#ffffff03)}}@media (prefers-reduced-motion:reduce){.close-btn,.stat-item,.view-full-btn,.widget-compact{transition:none}.online-dot{animation:none}.close-btn:hover,.stat-item:hover,.view-full-btn:hover,.widget-compact:hover{transform:none}}.close-btn:focus,.view-full-btn:focus,.widget-compact:focus{outline:2px solid #3b82f6;outline-offset:2px}.analytics-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.dashboard-header{align-items:center;background:#1e293bf2;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:1200px;padding:20px 24px}.dashboard-header h2{color:#f1f5f9;font-size:24px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.refresh-btn{background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.refresh-btn:hover{background:#3b82f64d;border-color:#3b82f680}.close-dashboard-btn{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:40px}.close-dashboard-btn:hover{background:#ef44444d;border-color:#ef444480}.dashboard-content{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px}.dashboard-section{background:#1e293bf2;border:1px solid #ffffff1a;border-radius:16px;color:#fff;padding:24px}.dashboard-section h3{border-bottom:1px solid #ffffff1a;color:#f1f5f9;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.dashboard-section h4{color:#e2e8f0;font-size:16px;font-weight:600;margin:20px 0 16px}.error-state,.loading-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px;transition:background .2s ease}.retry-btn:hover{background:#2563eb}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.info-label{color:#94a3b8;font-weight:500}.info-value{color:#f1f5f9;font-weight:600}.error-count{color:#ef4444!important}.stats-grid-large{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.stat-card.primary{background:#3b82f626;border-color:#3b82f64d}.stat-card.success{background:#22c55e26;border-color:#22c55e4d}.stat-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-value{color:#f1f5f9;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#94a3b8;font-size:14px;font-weight:500}.profiles-section{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px}.profile-bars{display:flex;flex-direction:column;gap:12px}.profile-bar{align-items:center;display:flex;gap:12px}.profile-name{color:#e2e8f0;font-size:14px;font-weight:500;min-width:80px;text-transform:capitalize}.bar-container{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}.profile-count{color:#94a3b8;font-size:14px;font-weight:600;min-width:30px;text-align:right}.two-column{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.device-list,.geographic-list{display:flex;flex-direction:column;gap:8px}.device-item,.geographic-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.device-icon{font-size:18px;margin-right:8px}.device-name,.timezone-name{color:#e2e8f0;flex:1 1;font-weight:500;text-transform:capitalize}.device-count,.timezone-count{color:#94a3b8;font-weight:600}.no-data{color:#64748b;font-style:italic;padding:20px;text-align:center}.feature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.feature-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:16px;text-align:center}.feature-name{color:#e2e8f0;font-size:14px;font-weight:500;margin-bottom:8px;text-transform:capitalize}.feature-count{color:#3b82f6;font-size:20px;font-weight:700}@media (max-width:768px){.analytics-dashboard{padding:10px}.dashboard-header{flex-direction:column;gap:12px;padding:16px;text-align:center}.dashboard-header h2{font-size:20px}.dashboard-section{padding:16px}.stats-grid-large{gap:16px}.info-grid,.stats-grid-large,.two-column{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.profile-bar{align-items:stretch;flex-direction:column;gap:8px}.profile-count,.profile-name{text-align:center}}@media (max-width:480px){.analytics-dashboard{padding:5px}.dashboard-content{gap:16px}.dashboard-section{padding:12px}.stat-card{gap:12px;padding:16px}.stat-icon{font-size:20px;height:40px;width:40px}.stat-value{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}.app{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.modern-brand{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 3rem;max-width:1200px;padding:2rem 1rem 1rem;position:relative}.modern-brand .brand-content{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:center}.modern-brand:before{background:linear-gradient(90deg,#0000,#fffc 25%,#fff 50%,#fffc 75%,#0000);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.brand-icon{-webkit-text-fill-color:#0000;animation:subtle-glow 4s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#f0f8ff 50%,#e6f3ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 12px rgba(255,255,255,.25));font-size:3rem}@keyframes subtle-glow{0%{filter:drop-shadow(0 4px 12px rgba(255,255,255,.25))}to{filter:drop-shadow(0 6px 20px rgba(255,255,255,.4))}}.brand-text{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff 30%,#fff 60%,#e6f3ff);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:800;letter-spacing:-.03em;line-height:.9;margin:0;position:relative;text-shadow:0 2px 4px #0000001a}.brand-name:after{background:linear-gradient(90deg,#ffffff4d,#fffc 50%,#ffffff4d);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;opacity:.7;position:absolute;width:100%}.brand-tagline{color:#ffffffd9;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin-top:4px;text-shadow:0 1px 2px #0003;text-transform:uppercase}@media (max-width:768px){.modern-brand{gap:12px;margin-bottom:2rem;padding:1.5rem 1rem .8rem}.brand-icon{font-size:2.5rem}.brand-name{font-size:2.4rem;letter-spacing:-.02em}.brand-tagline{font-size:.9rem;letter-spacing:.4px}}@media (max-width:480px){.modern-brand{flex-direction:column;gap:8px;text-align:center}.brand-text{align-items:center}.brand-name{font-size:2rem}.brand-tagline{font-size:.8rem}}.app-header{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff1f,#ffffff14 50%,#ffffff0f);border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0000001f,inset 0 1px 0 #fff3,0 1px 0 #ffffff0d;margin-bottom:1.5rem;overflow:hidden;padding:1.2rem 0;position:relative}.app-header:before{background:linear-gradient(135deg,#667eea1a,#764ba214 50%,#ffffff05);bottom:0;content:"";left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.header-chess-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:2.5rem;opacity:.8;transition:opacity .3s ease;-webkit-user-select:none;user-select:none}.header-chess-icon.left{color:#fff;text-shadow:0 2px 8px #ffffff4d}.header-chess-icon.right{color:#e0e7ff;text-shadow:0 2px 8px #667eea66}.header-text{display:flex;flex:1 1;flex-direction:column;gap:.4rem;text-align:center}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 30%,#c7d2fe);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,255,255,.1));font-size:2.2rem;font-weight:800;letter-spacing:.5px;margin:0;position:relative;text-shadow:0 2px 8px #0003}.header-text h1:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#ffffff0d);-webkit-background-clip:text;background-clip:text;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:0}50%{opacity:.3}}.header-text p{color:#ffffffd9;font-size:1rem;font-weight:500;letter-spacing:.3px;margin:0;text-shadow:0 1px 2px #0003}.cache-button{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1.5px solid #ffffff40;border-radius:12px;color:#fffffff2;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.2px;overflow:hidden;padding:.6rem 1rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.cache-button:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cache-button:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:#fff6;box-shadow:0 8px 32px #ffffff26,0 4px 16px #667eea1a;transform:translateY(-2px) scale(1.02)}.cache-button:hover:before{opacity:1}.app-main{flex:1 1;min-height:calc(100vh - 200px);width:100%}.analyzing,.app-main{display:flex;flex-direction:column}.analyzing{align-items:center;gap:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analyzing p{font-size:1.1rem;opacity:.8}@media (max-width:768px){.app-header{padding:1rem 0}.header-content{flex-direction:column;gap:1.2rem;padding:0 1rem;position:relative}.header-chess-icon{font-size:1.8rem;opacity:.4;position:absolute}.header-chess-icon.left{left:1rem;top:-.5rem}.header-chess-icon.right{right:1rem;top:-.5rem}.header-text h1{font-size:1.8rem}.header-text p{font-size:.95rem}.cache-button{border-radius:10px;font-size:.8rem;padding:.5rem .9rem}}@media (max-width:480px){.header-text h1{font-size:1.6rem}.header-text p{font-size:.9rem}.app-header{margin-bottom:1.5rem;padding:.8rem 0}.header-content{gap:1rem}.header-chess-icon{font-size:1.5rem;opacity:.3}.cache-button{font-size:.75rem;padding:.4rem .8rem}}
/*# sourceMappingURL=main.922e3d3e.css.map*/