@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-text:#344c3d;--secondary-text:#344c3d;--text-color:#344c3d}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}body,html{max-width:100%;overflow-x:hidden}body{font-family:Arial,Verdana,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{outline:3px solid #4d84cf;outline:3px solid var(--primary-color);outline-offset:3px}div,h1,h2,h3,h4,h5,h6,p,span{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:1200px;padding:0 20px}.btn{border-radius:5px;font-size:16px;padding:10px 20px;transition:background-color .3s}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.menu-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;margin:20px auto;padding:24px}.menu-card h2{color:#344c3d;font-size:1.75rem;line-height:1.5;margin:0 0 16px}.menu-card .instructions{color:#344c3d;font-size:1.2rem;letter-spacing:.01em;line-height:1.5;margin-bottom:16px}.round-info{background:#e6e6fa;border-radius:20px;color:#344c3d;display:inline-block;font-size:.9rem;margin-bottom:20px;padding:8px 16px}.menu-gameplay-instructions{background:#a1a79e1a;max-height:70vh;overflow:auto;text-align:left}.instructions-header,.rules-header{margin-bottom:16px;text-align:center}.instructions-header h4,.rules-header h4{color:#4d84cf;font-size:1.1em;font-weight:600;margin:0}.static-instructions{margin-bottom:16px}.instruction-item{background:#fff9;border-radius:8px;color:#344c3d;font-size:1rem;letter-spacing:.01em;line-height:1.5;padding:12px 16px}.instruction-icon{color:#4d84cf;flex-shrink:0}.instruction-item kbd{background:#344c3d;border:1px solid #a1a79e;box-shadow:0 1px 2px #0000001a;font-size:.8em;font-weight:500;padding:2px 6px}.dynamic-rules{border-top:1px solid #cbd5e180;padding-top:16px}.challenge-preview{font-size:.95rem}.constraint-item{color:#344c3d;font-size:1rem;letter-spacing:.01em;line-height:1.5;padding:8px 0}.constraint-icon{color:#a1a79e;flex-shrink:0;font-size:.8em;margin-top:.2em}.time-scoring{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rule-item{background:#fff9;color:#344c3d;font-size:1rem;gap:8px;letter-spacing:.01em;padding:12px 16px}.rule-icon{color:#4d84cf}.special-rules{background:#f3b4a433;border:1px solid #f3b4a466}.special-rules h5{color:#f3b4a4;font-size:.95rem;font-weight:600}.special-rule-item{color:#344c3d;font-size:1rem;letter-spacing:.01em;line-height:1.5;margin:6px 0;padding:6px 0}.button-group{margin-top:24px;text-align:center}.cta-button{background:linear-gradient(135deg,#4d84cf,#a1a79e);box-shadow:0 4px 12px #4d84cf4d;font-size:1.1rem;justify-content:center;padding:12px 32px;text-align:center}.cta-button:hover{box-shadow:0 6px 16px #4d84cf66;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.debug-controls{background:#e6e6fa;border-radius:8px;font-size:.9rem;margin-top:16px;padding:12px}.debug-toggle{align-items:center;cursor:pointer;display:flex;gap:8px}.debug-info{color:#344c3d;font-size:.8rem;line-height:1.5;margin-top:8px}.difficulty-selection{margin:20px 0}.difficulty-selection h4{color:#344c3d;font-size:1rem;font-weight:600;margin-bottom:12px}.difficulty-buttons{grid-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.difficulty-btn{align-items:center;background:#fffc;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .2s ease}.difficulty-btn:hover{background:#fff;border-color:#4d84cf}.difficulty-icon{font-size:1.5em}.difficulty-label{color:#344c3d;font-weight:600}.difficulty-desc{color:#a1a79e;font-size:.85rem}.practice-button{background:#a1a79e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 24px;transition:background-color .2s ease}.practice-button:hover{background:#344c3d}.game-config{border-top:1px solid #cbd5e180;margin-top:16px;padding-top:16px}.config-section,.controls-section{margin-bottom:16px}.config-section h4,.controls-section h4{color:#344c3d;font-size:1rem;font-weight:600;margin:0 0 8px}.config-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.config-item{align-items:center;background:#fff9;border-radius:6px;color:#344c3d;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.config-label{color:#a1a79e;font-weight:500}.config-value{color:#344c3d;font-weight:600}.key-hints{gap:8px}.key-hint{background:#fffc;border-radius:6px;color:#344c3d;font-size:.9rem;padding:8px 12px}.key-hints.dual-mode,.key-hints.single-mode{justify-content:center}@media (max-width:900px){.menu-card{margin:10px;max-height:calc(100vh - 120px);overflow:auto;padding:16px}.menu-gameplay-instructions{max-height:calc(100vh - 240px)}.config-items,.difficulty-buttons,.static-instructions,.time-scoring{grid-template-columns:1fr}.key-hints{align-items:stretch;flex-direction:column}}.challenge-preview{color:#344c3d!important}.challenge-preview strong{color:#344c3d!important;font-weight:600}.challenge-preview *,.challenge-preview div,.challenge-preview span,.challenge-preview strong+*{color:#344c3d!important}.header{align-items:center;background:#fff;display:flex;min-height:60px;padding:8px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header .container{width:100%}.header-content{gap:16px}.header .logo,.header-content{align-items:center;display:flex}.header .logo{margin-right:auto}.header .nav{margin-left:auto}.logo{text-decoration:none}.logo h1{color:#3a3a3a;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1.5px;margin:0;text-transform:uppercase}.logo-image{display:block;height:60px!important;margin-left:0;object-fit:contain;object-position:left center;width:auto}.nav{display:flex;gap:2.5rem}.nav-link{color:#4a4a4a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.8rem;letter-spacing:1.4px;padding-bottom:4px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.nav-link:after{background:#5b8cff;bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;width:100%}.nav-link:hover{color:#2f2f2f}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.logout-button{background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-left:16px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.logout-button:hover{background:#ff3742;box-shadow:0 4px 8px #ff47574d;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;width:24px;z-index:1001}.mobile-menu-btn span{background:#4a4a4a;border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-btn.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:768px){.header{padding:12px 16px}.header-content{position:relative}.mobile-menu-btn{display:flex}.nav{background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 4px 12px #0000001a;flex-direction:column;gap:0;left:0;opacity:0;padding:0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:1000}.nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-bottom:1px solid #f0f0f0;font-size:.9rem;letter-spacing:1px;padding:16px 20px}.nav-link:last-child{border-bottom:none}.nav-link:after{display:none}.nav-link.active{background:#f8f9fa;color:#5b8cff;font-weight:600}}@media (max-width:480px){.header{padding:10px 12px}.logo-image{height:50px!important}.nav-link{font-size:.85rem;padding:14px 16px}}@media (max-width:320px){.header{padding:8px 10px}.logo-image{height:45px!important}.nav-link{font-size:.8rem;padding:12px 14px}}.footer{background:linear-gradient(155deg,#03152d,#063969 42%,#0b6688);border-top:1px solid #94c5ff38;box-shadow:0 -8px 24px #0f172a1f;color:#f1f7ff;overflow:hidden;padding:32px 0;position:relative;width:100%}.footer:before{background:radial-gradient(300px 300px at 20% 50%,#2dd4bf26,#0000 70%),radial-gradient(400px 400px at 80% 50%,#38bdf81f,#0000 65%);content:"";inset:-50px -200px;opacity:.6;pointer-events:none;position:absolute}.footer .container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:1}.footer-content{align-items:center;display:flex;flex-wrap:wrap;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.9rem;gap:1rem;justify-content:space-between}.footer-copy{color:#f1f7ffcc;font-weight:400;letter-spacing:.01em}.footer-links{align-items:center;display:flex;gap:1rem}.footer-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#94c5ff14;border:1px solid #94c5ff26;border-radius:999px;color:#f1f7ffe6;font-size:.9rem;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .25s ease}.footer-link:focus-visible,.footer-link:hover{background:#94c5ff29;border-color:#94c5ff4d;box-shadow:0 4px 12px #2563eb40;color:#f1f7ff;outline:none;transform:translateY(-1px)}@media (max-width:640px){.footer-content{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;width:100%}}.tips-container{background:linear-gradient(90deg,#427c92,#5d813c);color:#fff;padding:12px 0;position:relative;width:100%;z-index:1000}.tips-content{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:1200px;padding:0 20px}.tips-icon{flex-shrink:0;font-size:20px}.tips-text{flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.tips-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:24px;font-weight:700;line-height:1;padding:4px 8px;transition:background-color .2s ease}.tips-close:hover{background-color:#fff3}@media (max-width:768px){.tips-content{gap:8px;padding:0 16px}.tips-text{font-size:14px}.tips-icon{font-size:18px}.tips-close{font-size:20px;padding:2px 6px}}.accessibility-button-container{bottom:20px;position:fixed;right:20px;z-index:9999}.accessibility-button{align-items:center;background:#007bff;border:none;border-radius:16px;box-shadow:0 2px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:48px;min-width:48px;padding:12px 16px;transition:all .2s ease}.accessibility-button:hover{background:#0056b3;box-shadow:0 4px 20px #00000026;transform:translateY(-1px)}.accessibility-button:focus{outline:2px solid #007bff;outline-offset:2px}.accessibility-icon{font-size:20px}.accessibility-panel{background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e5ea;border:2px solid var(--border-color,#e1e5ea);border-radius:16px;bottom:80px;box-shadow:0 8px 32px #0000001a;font-size:14px;max-height:80vh;max-width:calc(100vw - 40px);overflow:visible;position:fixed;right:20px;width:320px;z-index:10000}body.text-size-large .accessibility-panel{bottom:90px!important;max-height:80vh!important;max-width:calc(100vw - 40px)!important;overflow-y:auto!important;width:400px!important}body.text-size-extra-large .accessibility-panel{bottom:100px!important;max-height:70vh!important;max-width:calc(100vw - 40px)!important;overflow-y:auto!important;width:450px!important}body.text-size-extra-large .accessibility-panel-content,body.text-size-large .accessibility-panel-content{padding:12px!important}body.text-size-extra-large .control-buttons,body.text-size-large .control-buttons{flex-wrap:wrap!important;gap:4px!important}body.text-size-extra-large .accessibility-control,body.text-size-large .accessibility-control{margin-bottom:12px!important}.accessibility-panel-header{align-items:center;border-bottom:1px solid #e1e5ea;border-bottom:1px solid var(--border-color,#e1e5ea);display:flex;justify-content:space-between;padding:12px 16px}.accessibility-panel-header h3{color:#333;color:var(--text-color,#333);flex:1 1;font-size:16px!important;font-weight:600;margin:0}.close-btn{color:var(--text-color,#666);font-size:20px;height:32px;width:32px}.close-btn:hover{background-color:var(--border-color,#f8f9fa)}.close-btn:focus{outline:2px solid #007bff;outline-offset:2px}.accessibility-panel-content{padding:16px}.accessibility-control{margin-bottom:16px}.accessibility-control:last-child{margin-bottom:0}.control-label{color:#333;color:var(--text-color,#333);display:block;font-size:13px!important;font-weight:600;margin-bottom:6px}.control-buttons{display:flex;flex-wrap:wrap;gap:6px}.control-button{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e5ea;border:2px solid var(--border-color,#e1e5ea);border-radius:12px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:12px!important;justify-content:center;min-height:32px;min-width:36px;padding:6px 12px;transition:all .2s ease}.control-button:hover{background:#f8f9fa;background:var(--border-color,#f8f9fa);border-color:#007bff}.control-button:focus{outline:2px solid #007bff;outline-offset:2px}.control-button.active{border-color:#007bff}.control-button:first-child{font-size:10px!important}.control-button:nth-child(2){font-size:12px!important}.control-button:nth-child(3){font-size:14px!important}.control-button:nth-child(4){font-size:16px!important}.toggle-btn{background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e5ea;border:2px solid var(--border-color,#e1e5ea);border-radius:12px;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:12px!important;min-height:32px;min-width:50px;padding:6px 12px;transition:all .2s ease}.toggle-btn:hover{background:#f8f9fa;background:var(--border-color,#f8f9fa);border-color:#007bff}.toggle-btn:focus{outline:2px solid #007bff;outline-offset:2px}.toggle-btn.active{background:#28a745;border-color:#28a745;color:#fff}.reset-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #0000;border-radius:12px;box-shadow:0 3px 12px #e74c3c66;font-size:13px!important;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase;width:100%}.reset-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);border-color:#e74c3c;box-shadow:0 5px 20px #e74c3c99;transform:translateY(-2px)}.reset-btn:active{box-shadow:0 2px 8px #e74c3c66}.reset-btn:focus{box-shadow:0 0 0 4px #e74c3c33;outline:2px solid #e74c3c;outline-offset:2px}.text-size-extra-large,.text-size-extra-large *,.text-size-large,.text-size-large *,.text-size-normal,.text-size-normal *,.text-size-small,.text-size-small *{font-size:1em!important;font-size:calc(var(--accessibility-text-scale, 1)*1em)!important}.contrast-high{filter:contrast(150%) brightness(1.2)}.contrast-high .accessibility-button,.contrast-high .close-btn,.contrast-high .control-button,.contrast-high .toggle-btn{border:3px solid #000!important}.contrast-high .control-button:hover,.contrast-high .toggle-btn:hover{background:#000!important;color:#fff!important}.dark-mode .accessibility-panel{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#404040;border-color:var(--border-color,#404040);color:#fff;color:var(--text-color,#fff)}.dark-mode .accessibility-panel-header{border-bottom-color:#404040;border-bottom-color:var(--border-color,#404040)}.dark-mode .control-button{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#404040;border-color:var(--border-color,#404040);color:#fff;color:var(--text-color,#fff)}.dark-mode .control-button:hover{background:#404040;background:var(--border-color,#404040)}.dark-mode .toggle-btn{background:#2d2d2d;background:var(--card-bg,#2d2d2d);border-color:#404040;border-color:var(--border-color,#404040);color:#fff;color:var(--text-color,#fff)}.dark-mode .toggle-btn:hover{background:#404040;background:var(--border-color,#404040)}.dark-mode .close-btn{color:#fff;color:var(--text-color,#fff)}.dark-mode .close-btn:hover{background-color:#404040;background-color:var(--border-color,#404040)}.dark-mode .reset-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 3px 12px #e74c3c80}.dark-mode .reset-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);border-color:#e74c3c;box-shadow:0 5px 20px #e74c3cb3}@media (max-width:768px){.accessibility-button-container{bottom:10px;right:10px}.accessibility-panel{bottom:70px;max-height:70vh;max-width:300px;right:10px;width:calc(100vw - 40px)}.accessibility-panel-content{padding:12px}.control-buttons{flex-wrap:wrap;gap:4px}.accessibility-control{margin-bottom:12px}}.accessibility-button,.accessibility-button *,.accessibility-panel,.accessibility-panel *{font-size:inherit!important;transform:none!important}@media (prefers-reduced-motion:reduce){.accessibility-button,.close-btn,.control-button,.reset-btn,.toggle-btn{transition:none}}.hero{height:48vh;min-height:280px}.hero,.hero-carousel{overflow:hidden;position:relative}.hero-carousel{height:100%;width:100%}.hero-slides{display:flex;height:100%;transition:transform .5s ease-in-out;width:200%}.hero-slide{background:50%/cover no-repeat;flex-shrink:0;height:100%;min-width:50%;position:relative;width:50%}.hero-overlay,.hero-slide{align-items:center;display:flex;justify-content:center}.hero-overlay{background:#00000073;inset:0;position:absolute}.hero-inner{color:#fff;max-width:none;padding:0 24px;position:relative;text-align:center;width:100%;z-index:1}.hero-dots{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.hero-dot{background:#ffffff80!important;border:none!important;border-radius:50%!important;box-sizing:border-box!important;cursor:pointer;margin:0!important;max-height:6px!important;max-width:6px!important;min-height:6px!important;min-width:6px!important;padding:0!important;transition:all .3s ease}.hero-dot,.hero-dot.active{height:8px!important;width:8px!important}.hero-dot.active{background:#fff!important;transform:scale(1.2)}.hero-dot:hover{background:#fffc!important;height:8px!important;width:8px!important}.hero-arrow{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:36px;font-weight:600;height:60px;justify-content:center;position:absolute;text-shadow:2px 2px 4px #00000080;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:20}.hero-arrow-left{left:20px}.hero-arrow-right{right:20px}.hero-arrow:hover{opacity:.8;text-shadow:3px 3px 6px #000000b3;transform:translateY(-50%) scale(1.2)}.hero-arrow span{display:block;line-height:1;margin-top:-2px}@media (max-width:768px){.hero-arrow{font-size:30px;height:50px;width:50px}.hero-arrow-left{left:15px}.hero-arrow-right{right:15px}}@media (max-width:480px){.hero-arrow{font-size:28px;height:45px;width:45px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}}.hero-title{font-size:clamp(28px,4.5vw,48px);font-weight:500;letter-spacing:.5px;line-height:1.1;margin:0 0 14px}.hero-subtitle,.hero-title{font-family:Montserrat,cursive}.hero-subtitle{font-size:clamp(15px,2vw,19px);margin:0 auto 28px;max-width:50%;opacity:.95}.hero-actions{display:flex}.btn,.hero-actions{align-items:center;justify-content:center}.btn{border:0;border-radius:28px;display:inline-flex;font-weight:500;letter-spacing:.4px;outline:none;padding:12px 24px;transition:transform .12s ease,box-shadow .12s ease,background .2s ease}.btn-lg{padding:14px 28px}.btn-primary{background:linear-gradient(90deg,#5b8cff,#2f03f1);box-shadow:0 6px 16px #4f7cff59}.btn-primary:hover{box-shadow:0 8px 20px #4f7cff73;transform:translateY(-1px)}.btn-secondary{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;border:1px solid #ffffff59}.btn-secondary:hover{background:#ffffff38}@media (max-width:640px){.hero-actions{flex-wrap:wrap;gap:10px}.btn-lg{width:100%}}.home-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.home-image{max-height:250px;width:auto}.home-title{color:#fff;font-size:2.5rem;font-weight:500;margin-top:20px}.home-subtitle{color:#ffffffe6;font-size:1.25rem;max-width:none;width:100%}.app .app-footer,.app .footer{margin-top:0!important;position:static!important}.features{background:#f8f9fa;padding:72px 20px}.features-wrap{margin:0;max-width:none;padding:0 20px}.features-title{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin:0}.features-underline{background:linear-gradient(90deg,#5b8cff,#7a5cff);margin:14px auto 48px;width:80px}.feature-card{background:linear-gradient(150deg,#0f766ead,#2563eb9e);background:var(--accent-gradient,linear-gradient(150deg,#0f766ead 0,#2563eb9e 100%));border-top:none}.feature-icon{height:84px;margin:0 auto 16px}.feature-name{color:#f1f6ff;letter-spacing:.01em}.feature-desc{color:#e2ecffc7;font-size:.92rem;line-height:1.64}@media (max-width:1024px){.features-grid{gap:clamp(18px,3vw,24px);grid-template-columns:repeat(2,1fr)}.features .article-item{min-height:280px}.features .article-chip{font-size:.75rem;margin-bottom:16px;padding:8px 16px}.features .article-body{gap:14px;padding:18px}.features .article-text{font-size:.85rem;line-height:1.6}}@media (max-width:768px){.features{padding:clamp(48px,6vw,72px) clamp(16px,5vw,32px)}.features-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.features .article-item{min-height:260px}.features .article-chip{font-size:.7rem;letter-spacing:1px;margin-bottom:14px;padding:8px 14px}.features .article-body{gap:12px;padding:16px}.features .article-text{font-size:.8rem;line-height:1.55}}@media (max-width:560px){.features-grid{gap:20px;grid-template-columns:1fr}.features-title{font-size:32px}.features .article-item{margin:0 auto;max-width:400px;min-height:240px}.features .article-chip{font-size:.75rem;margin-bottom:16px;padding:10px 16px}.features .article-body{gap:14px;padding:18px}.features .article-text{font-size:.85rem;line-height:1.65}}@media (max-width:480px){.features{padding:40px 12px 48px}.features-grid{gap:16px}.features .article-item{border-radius:20px;min-height:220px}.features .article-chip{border-radius:20px;font-size:.7rem;margin-bottom:12px;padding:8px 12px}.features .article-body{border-radius:16px;gap:10px;padding:14px}.features .article-text{font-size:.8rem;line-height:1.6}}@media (max-width:320px){.features{padding:32px 8px 40px}.features-title{font-size:28px}.features .article-item{min-height:200px}.features .article-chip{font-size:.65rem;margin-bottom:10px;padding:6px 10px}.features .article-body{gap:8px;padding:12px}.features .article-text{font-size:.75rem;line-height:1.55}}.hero.hero-static{background:radial-gradient(140% 110% at 18% 25%,#0ea5e959,#0000 58%),radial-gradient(120% 120% at 86% 0,#3b82f66b,#0000 62%),linear-gradient(155deg,#03152d,#063969 42%,#0b6688);color:#f1f7ff;grid-template-columns:.8fr 1.4fr;height:auto;min-height:min(620px,92vh);padding:clamp(64px,9vh,96px) clamp(20px,7vw,110px)}.hero.hero-static .hero-title{font-size:clamp(2.15rem,4.4vw,3.05rem);line-height:1.15}.hero.hero-static .hero-subtitle{max-width:520px}.hero.hero-static .hero-benefits{gap:14px}.hero-parallax{background:radial-gradient(280px 280px at 18% 42%,#2dd4bf4d,#2dd4bf00),radial-gradient(340px 340px at 76% 60%,#38bdf852,#38bdf800)}.hero-brain{stroke:#cbd5e17a;stroke-width:3;fill:none;filter:drop-shadow(0 24px 36px rgba(15,23,42,.35));inset:auto clamp(10%,18vw,24%) clamp(-50px,-9vh,14px) auto;opacity:.5;transform:translate(calc(var(--pointer-x, 0)*12px),calc(var(--pointer-y, 0)*20px));transition:transform .55s ease;width:clamp(300px,34vw,420px)}.hero-static-overlay{background:linear-gradient(160deg,#021c3442,#0323402e)}.hero-neurons{inset:0;pointer-events:none;position:absolute}.hero-neuron{align-items:center;animation:hero-neuron-float 16s ease-in-out infinite;height:120px;justify-content:center;opacity:.5;position:absolute;width:120px}.hero-neuron[data-neuron="0"]{animation-delay:-2s;left:8%;top:12%}.hero-neuron[data-neuron="1"]{animation-delay:-4s;left:32%;top:18%}.hero-neuron[data-neuron="2"]{animation-delay:-6s;right:8%;top:10%}.hero-neuron[data-neuron="3"]{animation-delay:-1s;left:6%;top:36%}.hero-neuron[data-neuron="4"]{animation-delay:-3s;right:12%;top:34%}.hero-neuron[data-neuron="5"]{animation-delay:-5s;bottom:18%;left:18%}.hero-neuron[data-neuron="6"]{animation-delay:-7s;bottom:22%;right:22%}.hero-neuron[data-neuron="7"]{animation-delay:-8s;left:40%;top:50%}.hero-neuron[data-neuron="8"]{animation-delay:-9s;right:34%;top:22%}.hero-neuron[data-neuron="9"]{animation-delay:-10s;bottom:30%;left:42%}.hero-neuron[data-neuron="10"]{animation-delay:-11s;right:8%;top:60%}.hero-neuron[data-neuron="11"]{animation-delay:-12s;bottom:10%;left:6%}.hero-neuron-line{background:linear-gradient(180deg,#94c5ff00,#94c5ff85,#94c5ff00);height:100%;position:absolute;width:2px}.hero-neuron-node{background:#94c5ffb8;box-shadow:0 0 12px #94c5ffa6;height:16px;width:16px}.hero-neuron-node--a{top:18px}.hero-neuron-node--b{bottom:18px}@keyframes hero-neuron-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(8px,-16px,0)}}.hero-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;transform:translate(0,0);transform:translate(calc(var(--pointer-x, 0)*10px),calc(var(--pointer-y, 0)*12px));transition:transform .45s ease-out}.hero-particle{animation:hero-particle-float 14s ease-in-out infinite,hero-particle-twinkle 3.2s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,#ffffffbf 0,#38bdf8b3 40%,#38bdf800 70%);border-radius:50%;box-shadow:0 0 8px #38bdf87a,0 0 14px #0ea5e957;height:14px;opacity:.6;position:absolute;width:14px}.hero-particle:after{border:1px solid #fff9;border-radius:50%;content:"";inset:-3px;opacity:.35;position:absolute}.hero-particle[data-particle="12"],.hero-particle[data-particle="3"],.hero-particle[data-particle="7"]{height:18px;width:18px}.hero-particle[data-particle="1"],.hero-particle[data-particle="14"],.hero-particle[data-particle="9"]{height:12px;width:12px}.hero-particle[data-particle="0"]{animation-delay:-1s,-.2s;left:10%;top:12%}.hero-particle[data-particle="1"]{animation-delay:-3s,-.4s;left:28%;top:20%}.hero-particle[data-particle="2"]{animation-delay:-5s,-.1s;right:20%;top:14%}.hero-particle[data-particle="3"]{animation-delay:-7s,-.3s;left:14%;top:32%}.hero-particle[data-particle="4"]{animation-delay:-9s,-.5s;right:16%;top:36%}.hero-particle[data-particle="5"]{animation-delay:-2s,-.15s;bottom:26%;left:22%}.hero-particle[data-particle="6"]{animation-delay:-4s,-.35s;bottom:20%;right:26%}.hero-particle[data-particle="7"]{animation-delay:-6s,-.25s;left:36%;top:50%}.hero-particle[data-particle="8"]{animation-delay:-8s,-.45s;right:36%;top:26%}.hero-particle[data-particle="9"]{animation-delay:-10s,-.05s;bottom:32%;left:40%}.hero-particle[data-particle="10"]{animation-delay:-11s,-.6s;right:12%;top:60%}.hero-particle[data-particle="11"]{animation-delay:-12s,-.1s;bottom:12%;left:8%}.hero-particle[data-particle="12"]{animation-delay:-13s,-.2s;left:56%;top:8%}.hero-particle[data-particle="13"]{animation-delay:-14s,-.3s;right:40%;top:44%}.hero-particle[data-particle="14"]{animation-delay:-15s,-.4s;bottom:18%;left:66%}.hero-particle[data-particle="15"]{animation-delay:-16s,-.5s;right:8%;top:18%}@keyframes hero-particle-float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(22px,-28px,0) scale(1.12)}}@keyframes hero-particle-twinkle{0%,to{opacity:.8}50%{opacity:1}}@media (max-width:768px){.hero.hero-static{padding:72px 22px 68px}.hero.hero-static .hero-benefits{gap:12px}.hero.hero-static .hero-benefit{min-height:72px;padding:12px 14px 12px 78px}}@media (max-width:620px){.hero.hero-static{--hero-curve-radius:18px;min-height:520px}.hero.hero-static .hero-actions{justify-content:center}.hero.hero-static .hero-cta{max-width:280px;width:100%}}.hero.hero-static{grid-gap:clamp(28px,6vw,48px);--hero-curve-radius:999px;--pointer-x:0;--pointer-y:0;align-items:center;background:radial-gradient(140% 110% at 18% 25%,#0ea5e952,#0000 58%),radial-gradient(120% 120% at 86% 0,#3b82f661,#0000 62%),linear-gradient(155deg,#03152d,#063969 42%,#0b6688);color:#eef7ff;display:grid;gap:clamp(28px,6vw,48px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-height:min(520px,75vh);overflow:hidden;padding:clamp(64px,9vh,96px) clamp(22px,7vw,110px);position:relative}.hero-benefits{grid-gap:clamp(12px,1.6vw,16px);align-items:stretch;display:grid;gap:clamp(12px,1.6vw,16px);grid-template-columns:1fr;justify-content:center;list-style:none;margin:0 auto 26px;max-width:1000px;padding:0}.hero-benefit{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(120% 160% at 30% 20%,#3b82f624,#0f172a24),#0f172a1a;border:1px solid #94c5ff4d;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 26px #020c1b38;color:#e8f3ff;display:flex;gap:12px;justify-content:flex-start;min-height:64px;padding:12px 18px 12px 82px;position:relative;text-align:left;white-space:nowrap;width:100%}.hero-benefit-icon{align-items:center;background:radial-gradient(circle at 40% 40%,#fff 0,#60a5fa 40%,#60a5fa00 70%);border-radius:50%;box-shadow:0 0 12px #3b82f680,0 0 20px #0ea5e959;display:inline-flex;height:28px;justify-content:center;left:18px;position:absolute;top:50%;transform:translateY(-50%);width:28px;z-index:0}.hero-benefit-icon svg{stroke:#fff;stroke-width:3px;fill:none;height:14px;width:14px}.hero-benefit span:last-child{display:block;font-size:clamp(14px,1.6vw,18px);line-height:1.45;margin:0;position:relative;white-space:inherit;word-break:normal;z-index:1}@media (max-width:860px){.hero-benefits{gap:12px;grid-template-columns:1fr}}@media (max-width:1180px) and (min-width:861px){.hero-benefits{grid-template-columns:1fr}}@media (max-width:520px){.hero-benefit{white-space:normal}}.hero.hero-static .hero-benefits .hero-benefit{padding-left:82px}@media (max-width:768px){.hero.hero-static .hero-benefits .hero-benefit{padding-left:78px}}.hero.hero-static .hero-benefits .hero-benefit>span:last-child{display:block;position:relative;z-index:1}.hero.hero-static .hero-benefits .hero-benefit>.hero-benefit-icon{left:18px;z-index:0}.hero.hero-static:after,.hero.hero-static:before{content:"";inset:-16% -28%;pointer-events:none;position:absolute;transition:opacity .55s ease,transform .55s ease}.hero.hero-static:before{background:radial-gradient(420px 420px at 24% 42%,#2dd4bf2e,#0000 68%),radial-gradient(520px 520px at 72% 22%,#a5b4fc29,#0000 70%),radial-gradient(520px 520px at 82% 86%,#0e749038,#0000 78%);transform:translate(0,0);transform:translate(calc(var(--pointer-x, 0)*-12px),calc(var(--pointer-y, 0)*-18px))}.hero.hero-static:after{background-image:radial-gradient(circle at 10% 15%,#ffffff29 0,#0000 26%),radial-gradient(circle at 28% 36%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 38% 64%,#ffffff24 0,#0000 25%),radial-gradient(circle at 58% 48%,#ffffff1a 0,#0000 22%),radial-gradient(circle at 72% 32%,#ffffff2e 0,#0000 24%),radial-gradient(circle at 82% 58%,#ffffff1f 0,#0000 22%),radial-gradient(circle at 64% 78%,#ffffff14 0,#0000 18%);mix-blend-mode:screen;opacity:.34;transform:translate(0,0);transform:translate(calc(var(--pointer-x, 0)*26px),calc(var(--pointer-y, 0)*30px))}.hero.hero-static:hover:after{opacity:.46}.hero-parallax{background:radial-gradient(280px 280px at 18% 42%,#2dd4bf3d,#2dd4bf00),radial-gradient(340px 340px at 76% 60%,#38bdf842,#38bdf800);filter:blur(16px);inset:-180px -240px;opacity:.75;position:absolute;transform:translate3d(0,0,0);transform:translate3d(calc(var(--pointer-x, 0)*-18px),calc(var(--hero-parallax-offset, 0px) + var(--pointer-y, 0)*-14px),0);transition:transform .45s ease-out}.hero-brain{stroke:#ecf5fff2;stroke-width:2.5;fill:#3b82f614;cursor:pointer;filter:drop-shadow(0 0 20px rgba(59,130,246,.6)) drop-shadow(0 25px 50px rgba(15,23,42,.4));inset:auto clamp(-5%,8vw,15%) clamp(-60px,-8vh,10px) auto;opacity:.85;position:absolute;transform:translate(0,0);transform:translate(calc(var(--pointer-x, 0)*12px),calc(var(--pointer-y, 0)*18px));transition:all .3s ease;width:clamp(420px,50vw,580px)}.hero-brain:hover{filter:drop-shadow(0 0 30px rgba(59,130,246,.8)) drop-shadow(0 30px 60px rgba(15,23,42,.5));opacity:1;transform:translate(0,0) scale(1.05);transform:translate(calc(var(--pointer-x, 0)*12px),calc(var(--pointer-y, 0)*18px)) scale(1.05)}.hero-static-overlay{background:linear-gradient(160deg,#021c341f,#0323401a);inset:0;pointer-events:none;position:absolute}.hero.hero-static .hero-content{margin-left:clamp(20px,5vw,60px);max-width:520px;position:relative;z-index:2}.hero.hero-static .hero-title{color:#f4f9ff;font-size:clamp(2.15rem,4.2vw,2.9rem);font-weight:500;letter-spacing:.01em;line-height:1.18;margin:0}.hero.hero-static .hero-subtitle{color:#e2e8f0d1;font-size:.98rem;font-weight:400;margin:clamp(18px,3vw,28px) 0 clamp(20px,4vw,32px)}.hero.hero-static .hero-benefit{align-items:center;background:linear-gradient(135deg,#0ea5e938,#2563eb1f);border:1px solid #94c5ff38;border-radius:999px;border-radius:var(--hero-curve-radius,999px);box-shadow:inset 0 0 0 1px #94c5ff1f,0 16px 26px #0f172a3d;color:#eaf5ff;display:flex;gap:14px;padding:15px 18px}.hero.hero-static .hero-benefit-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9e6,#3b82f6e0);border-radius:50%;box-shadow:0 0 14px #38bdf873;color:#fff;display:inline-flex;height:26px;justify-content:center;width:26px}.hero.hero-static .hero-benefit-icon svg{stroke-width:2.2;height:14px;width:14px}.hero.hero-static .hero-cta{align-items:center;background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border-radius:999px;border-radius:var(--hero-curve-radius,999px);box-shadow:0 18px 34px #2563eb59;color:#f8fcff;display:inline-flex;font-size:1.02rem;font-weight:600;justify-content:center;padding:15px 30px;transition:transform .25s ease,box-shadow .25s ease}.hero.hero-static .hero-cta:focus-visible,.hero.hero-static .hero-cta:hover{box-shadow:0 24px 46px #0ea5e973;transform:translateY(-2px)}@media (max-width:1180px){.hero.hero-static{grid-template-columns:1fr;text-align:center}.hero.hero-static .hero-content{margin:0 auto}.hero.hero-static .hero-benefit{justify-content:center}.hero-brain{inset:auto auto 8% 50%;opacity:.24;transform:translateX(-50%)}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.hero.hero-static{--hero-curve-radius:18px;min-height:450px}.hero.hero-static .hero-actions{justify-content:center}.hero.hero-static .hero-cta{max-width:280px;width:100%}}.features{background:linear-gradient(185deg,#f1fbff,#ecf6ff 45%,#f5fbff);overflow:hidden;padding:clamp(68px,8vw,110px) clamp(22px,7vw,96px);position:relative}.features:after,.features:before{border-radius:50%;content:"";filter:blur(60px);height:320px;opacity:.38;pointer-events:none;position:absolute;width:320px}.features:before{background:#10b98138;inset:auto auto 18% -120px}.features:after{background:#38bdf83d;inset:-120px -160px auto auto}.features-grid{grid-gap:clamp(20px,3.6vw,30px);gap:clamp(20px,3.6vw,30px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-item{background:linear-gradient(150deg,#0f766ead,#2563eb9e);background:var(--accent-gradient,linear-gradient(150deg,#0f766ead 0,#2563eb9e 100%));border-radius:30px;box-shadow:0 22px 48px #141c2d29;display:flex;flex-direction:column;isolation:isolate;min-height:360px;overflow:hidden;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.feature-item:before{animation:feature-surface-breathe 18s ease-in-out infinite;background:radial-gradient(circle at 18% 12%,#3b82f64d 0,#0000 65%),radial-gradient(circle at 84% 88%,#0ea5e999 0,#0000 60%);background:radial-gradient(circle at 18% 12%,var(--accent-glow-soft,#3b82f64d) 0,#0000 65%),radial-gradient(circle at 84% 88%,var(--accent-glow,#0ea5e999) 0,#0000 60%);filter:blur(18px);opacity:.9}.feature-item:after,.feature-item:before{content:"";inset:0;pointer-events:none;position:absolute}.feature-item:after{background:linear-gradient(160deg,#0f172a24,#0f172a05);opacity:.72}.feature-item:focus-within,.feature-item:hover{box-shadow:0 34px 74px #141c2d3d;transform:translateY(-14px)}.feature-link{color:inherit;display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%;padding:24px;position:relative;text-decoration:none;z-index:1}.feature-surface{inset:0;pointer-events:none;position:absolute}.feature-surface-glow{animation:feature-glow-pulse 10s ease-in-out infinite;background:radial-gradient(circle,#0ea5e973 0,#0000 72%);background:radial-gradient(circle,var(--accent-glow,#0ea5e973) 0,#0000 72%);border-radius:50%;filter:blur(20px);height:clamp(160px,32vw,240px);opacity:.8;position:absolute;width:clamp(160px,32vw,240px)}.feature-surface-glow--primary{left:-46px;top:-60px}.feature-surface-glow--secondary{animation-delay:-5s;bottom:-78px;right:-46px}.feature-surface-shape{animation:feature-shape-orbit 14s linear infinite;border:1px solid #ffffff5c;border-radius:40px;inset:18% 16% 40% 12%;mix-blend-mode:screen;opacity:.65;position:absolute}.feature-surface-grid{animation:feature-grid-float 18s linear infinite;background-image:radial-gradient(circle,#ffffff2e 0 1px,#0000 1px);background-size:28px 28px;inset:22% 20% 18% 24%;opacity:.44;position:absolute}.feature-step-number{color:#ffffff26;font-size:4rem;font-weight:600;pointer-events:none;position:absolute;right:20px;text-shadow:0 2px 8px #0000004d;top:20px;-webkit-user-select:none;user-select:none;z-index:0}.feature-chip{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a47;border-radius:999px;box-shadow:0 18px 32px #0f172a38;color:#f3f7fb;display:inline-flex;font-size:.78rem;gap:12px;letter-spacing:.14em;padding:10px 18px;position:relative;text-transform:uppercase;z-index:1}.feature-chip-label{font-weight:500}.feature-body{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a47;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff14;color:#f3f7fb;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:160px;padding:22px;position:relative;z-index:1}.feature-title{color:#f3f7fb;font-size:1.18rem;font-weight:600;line-height:1.3;margin:0}.feature-text{color:#f8fafcf2;font-size:.9rem;line-height:1.72;margin:0}@keyframes feature-surface-breathe{0%,to{opacity:.82;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes feature-grid-float{0%{transform:translateZ(0) rotate(0deg)}to{transform:translate3d(-12%,-10%,0) rotate(3deg)}}.features .article-text{color:#fff;font-size:.9rem;line-height:1.72}.features .article-surface-glow{filter:blur(22px);height:clamp(180px,35vw,260px);opacity:.9;width:clamp(180px,35vw,260px)}.features .article-surface-shape{border:1.5px solid #ffffff73;opacity:.75}.features .article-surface-grid{background-size:24px 24px;opacity:.5}.features .article-chip{align-self:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a59;border:1px solid #ffffff1a;box-shadow:0 8px 24px #0f172a4d;margin-bottom:18px}.features .article-body{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a40;border:1px solid #ffffff14;flex:1 1;margin-top:auto;min-height:160px}.features .article-link{display:flex;flex:1 1;flex-direction:column;gap:clamp(18px,3.2vw,28px);height:100%;justify-content:space-between;padding:clamp(22px,4.4vw,30px);position:relative;z-index:1}.features .article-item:hover{box-shadow:0 36px 80px #141c2d47;transform:translateY(-16px)}.features .article-item:hover .article-surface-glow{opacity:1;transform:scale(1.05)}.features .article-surface-glow{transition:opacity .4s ease,transform .4s ease}.features .article-surface-shape{animation:article-shape-orbit 16s linear infinite}.features .article-surface-grid{animation:article-grid-float 20s linear infinite}.feature-card{border-radius:30px;box-shadow:0 22px 48px #141c2d2e;color:#f3f7fb;display:flex;flex-direction:column;gap:clamp(18px,3.2vw,28px);isolation:isolate;justify-content:space-between;min-height:320px;overflow:hidden;padding:clamp(22px,4.4vw,30px);position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.features .feature-card .support-media{background:var(--accent-gradient)}.feature-card:focus-within,.feature-card:hover{box-shadow:0 34px 74px #141c2d3d;transform:translateY(-14px)}.feature-card-glow,.feature-card-surface{display:none}.feature-card-glow--primary{right:-48px;top:-64px}.feature-card-glow--secondary{animation-delay:-4s;bottom:-80px;left:-60px}.feature-card-shape{display:none}.feature-card-shape--orbit{left:-14%;top:16%}.feature-card-shape--pulse{animation-direction:reverse;bottom:-12%;right:-10%}.feature-card-grid{display:none}.feature-card-chip{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a26;border-radius:999px;box-shadow:0 18px 32px #0f172a38;color:#f3f7fb;display:inline-flex;font-size:.78rem;font-weight:500;gap:10px;letter-spacing:.14em;margin-bottom:18px;padding:10px 18px;position:relative;text-transform:uppercase;z-index:2}.feature-card-chip:after{background:linear-gradient(120deg,#ffffff52,#fff0);border-radius:inherit;content:"";inset:0;opacity:.4;position:absolute}.feature-card-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a26;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff14;display:flex;flex-direction:column;gap:16px;padding:22px;position:relative;z-index:1}.feature-card-chip-label{font-weight:500}.feature-name{color:#fff;font-weight:600;margin:0}.feature-desc{color:#fff;font-size:.9rem;line-height:1.72}@keyframes feature-surface-wave{0%,to{opacity:.82;transform:translate3d(-12%,-14%,0) scale(1)}50%{opacity:1;transform:translate3d(10%,8%,0) scale(1.08)}}@keyframes feature-glow-pulse{0%,to{opacity:.58;transform:scale(.9)}50%{opacity:.82;transform:scale(1.05)}}@keyframes feature-shape-orbit{0%{transform:rotate(0deg) translateZ(0) scale(.96)}50%{transform:rotate(180deg) translate3d(4%,-6%,0) scale(1.02)}to{transform:rotate(1turn) translateZ(0) scale(.96)}}@keyframes feature-grid-drift{0%{transform:translateZ(0) rotate(0deg)}to{transform:translate3d(-10%,-8%,0) rotate(2deg)}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-card-chip:after,.feature-card-glow,.feature-card-grid,.feature-card-shape,.feature-card:after,.feature-card:before,.features:after,.features:before,.hero-brain,.hero-neuron,.hero-parallax,.hero-particle,.hero.hero-static:after,.hero.hero-static:before{animation:none!important;transition:none!important}}.hero-brain-outline{fill:#3b82f614;stroke:#f8fafcf2;stroke-width:2.5;filter:drop-shadow(0 0 15px rgba(14,165,233,.6)) drop-shadow(0 0 25px rgba(59,130,246,.45));transition:all .3s ease}.hero-brain:hover .hero-brain-outline{fill:#3b82f626;stroke:#f8fafc;filter:drop-shadow(0 0 20px rgba(14,165,233,.8)) drop-shadow(0 0 35px rgba(59,130,246,.6))}.hero-brain-cerebrum{fill:#6366f11f;stroke:#f8fafcd9;stroke-width:2;opacity:.9;transition:all .3s ease}.hero-brain:hover .hero-brain-cerebrum{fill:#6366f12e;stroke:#f8fafc;opacity:1}.hero-brain-frontal{fill:#a855f72e}.hero-brain-frontal,.hero-brain-parietal{stroke:#f8fafccc;stroke-width:1.5;opacity:.85;transition:all .3s ease}.hero-brain-parietal{fill:#0ea5e92e}.hero-brain-temporal{fill:#22c55e2e}.hero-brain-occipital,.hero-brain-temporal{stroke:#f8fafccc;stroke-width:1.5;opacity:.85;transition:all .3s ease}.hero-brain-occipital{fill:#ef44442e}.hero-brain:hover .hero-brain-frontal,.hero-brain:hover .hero-brain-occipital,.hero-brain:hover .hero-brain-parietal,.hero-brain:hover .hero-brain-temporal{fill:#f8fafc40;stroke:#f8fafc;filter:drop-shadow(0 0 8px rgba(14,165,233,.4));opacity:1}.hero-brain-folds path{stroke:#f8fafc99;stroke-width:1.5;fill:none;animation:brain-fold-pulse 4s ease-in-out infinite;opacity:.8;transition:all .3s ease}.hero-brain-folds path:nth-child(2n){animation-delay:1s}.hero-brain-folds path:nth-child(3n){animation-delay:2s}.hero-brain:hover .hero-brain-folds path{stroke:#f8fafce6;animation-duration:2s;opacity:1}.hero-brain-cerebellum{fill:#3b82f61a;stroke:#f8fafccc;stroke-width:2.5;filter:drop-shadow(0 0 12px rgba(14,165,233,.5));transition:all .3s ease}.hero-brain:hover .hero-brain-cerebellum{fill:#3b82f629;stroke:#f8fafc;filter:drop-shadow(0 0 18px rgba(14,165,233,.7))}.hero-brain-cerebellum-lines path{stroke:#f8fafc99;stroke-width:1;fill:none;opacity:.8}.hero-brain-stem{fill:#3b82f633;stroke:#f8fafce6;stroke-width:2;filter:drop-shadow(0 0 8px rgba(14,165,233,.6));transition:all .3s ease}.hero-brain:hover .hero-brain-stem{fill:#3b82f64d;stroke:#f8fafc;filter:drop-shadow(0 0 12px rgba(14,165,233,.8))}.hero-dna-helix{animation:dna-rotate 20s linear infinite;height:clamp(200px,25vh,280px);opacity:.4;position:absolute;right:clamp(5%,12vw,15%);top:20%;width:clamp(40px,6vw,60px)}.dna-backbone-1,.dna-backbone-2{stroke:#22c55ecc;stroke-width:2;fill:none;filter:drop-shadow(0 0 6px rgba(34,197,94,.4))}.dna-bases line{stroke:#3b82f6b3;stroke-width:1.5;animation:dna-base-pulse 3s ease-in-out infinite}.dna-bases line:nth-child(2n){animation-delay:.5s}.hero-neural-network{bottom:15%;height:clamp(100px,12vh,140px);left:clamp(3%,8vw,12%);opacity:.6;position:absolute;width:clamp(120px,15vw,180px)}.neural-node{animation:neural-pulse 2s ease-in-out infinite;background:#38bdf8e6;border-radius:50%;box-shadow:0 0 clamp(6px,1vw,10px) #38bdf899;height:clamp(8px,1.2vw,12px);position:absolute;width:clamp(8px,1.2vw,12px)}.neural-node-1{left:0;top:0}.neural-node-2{animation-delay:.7s;right:0;top:30%}.neural-node-3{animation-delay:1.4s;bottom:0;left:40%}.neural-connection{animation:neural-signal 3s ease-in-out infinite;background:#22c55e99;height:2px;position:absolute;transform-origin:left center}.neural-connection-1{left:10px;top:15%;transform:rotate(25deg);width:60%}.neural-connection-2{animation-delay:1.5s;bottom:20%;left:30%;transform:rotate(-35deg);width:50%}.hero-brain-nodes circle{fill:#38bdf8fa;stroke:#fffffff2;stroke-width:2px;animation:neuron-twinkle 3.2s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 0 18px rgba(56,189,248,.95)) drop-shadow(0 0 30px rgba(14,165,233,.7));transition:all .3s ease}.hero-brain:hover .hero-brain-nodes circle{fill:#38bdf8;stroke:#fff;animation-duration:1.5s;filter:drop-shadow(0 0 25px rgba(56,189,248,1)) drop-shadow(0 0 40px rgba(14,165,233,.8))}.hero-brain-nodes circle:hover{filter:drop-shadow(0 0 30px rgba(56,189,248,1)) drop-shadow(0 0 50px rgba(14,165,233,1));transform:scale(1.3)}.hero-brain-nodes circle:nth-child(odd){fill:#6366f1fa;animation-delay:.8s;filter:drop-shadow(0 0 12px rgba(99,102,241,.85)) drop-shadow(0 0 22px rgba(59,130,246,.55))}.hero-brain-signals path{stroke:#22c55ef2;stroke-width:4.5;fill:none;stroke-dasharray:10 15;animation:signal-flow 2.4s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(34,197,94,.85));transition:all .3s ease}.hero-brain:hover .hero-brain-signals path{stroke:#22c55e;stroke-width:5.5;animation-duration:1.2s;filter:drop-shadow(0 0 20px rgba(34,197,94,1))}.hero-neuron{animation:neuron-float 10s ease-in-out infinite;display:inline-flex;position:relative}.hero-neuron-line{background:linear-gradient(90deg,#0ea5e900,#0ea5e9e6 40%,#22c55ee6 60%,#22c55e00);display:block;filter:drop-shadow(0 0 8px rgba(56,189,248,.6));height:2px;width:90px}.hero-neuron-node{background:radial-gradient(circle at 40% 40%,#fff 0,#38bdf8f2 40%,#38bdf800 70%);border-radius:50%;filter:drop-shadow(0 0 10px rgba(56,189,248,.8));height:10px;position:absolute;top:-4px;width:10px}.hero-neuron-node--a{animation:node-pulse 2.2s ease-in-out infinite;left:-2px}.hero-neuron-node--b{animation:node-pulse 2.6s ease-in-out .6s infinite;right:-2px}@keyframes neuron-twinkle{0%,to{opacity:.85;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes signal-flow{0%{stroke-dashoffset:0;opacity:.8}50%{opacity:1}to{stroke-dashoffset:-42;opacity:.8}}@keyframes neuron-float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-6px) translateX(3px)}}@keyframes node-pulse{0%,to{opacity:.85;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes brain-fold-pulse{0%,to{opacity:.6}50%{opacity:.9}}@keyframes dna-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes dna-base-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes neural-pulse{0%,to{opacity:.8;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes neural-signal{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.facts-section{background:linear-gradient(135deg,#f8fafcfa,#fff 30%,#f9fafbfa);border-bottom:1px solid #e2e8f066;border-top:1px solid #e2e8f099;overflow:hidden;padding:clamp(64px,10vw,96px) clamp(24px,6vw,64px);position:relative}.facts-section:before{background:radial-gradient(ellipse 800px 600px at 20% 10%,#3b82f60a 0,#0000 60%),radial-gradient(ellipse 600px 400px at 80% 90%,#6366f108 0,#0000 50%);content:"";inset:0;opacity:.4;position:absolute;z-index:0}@keyframes networkGrid{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes ambientFlow{0%{opacity:.6;transform:rotate(0deg) scale(1)}to{opacity:.9;transform:rotate(5deg) scale(1.1)}}.facts-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.facts-source{align-items:center;background:#3b82f61a;border:2px solid #3b82f64d;border-radius:50%;bottom:0;color:#3b82f6;cursor:help;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:32px;z-index:10}.facts-source:hover{background:#3b82f633;border-color:#3b82f680;transform:scale(1.1)}.facts-source:before{content:"?"}.facts-source:after{word-wrap:break-word;background:#0f172af2;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;content:"Sources: Australian Institute of Health and Welfare (AIHW), Dementia Australia, WHO Global Health Observatory, Australian Bureau of Statistics";font-size:12px;font-weight:400;line-height:1.4;margin-bottom:8px;max-width:300px;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;right:0;transform:translateY(8px);transition:all .3s ease;white-space:nowrap;white-space:normal}.facts-source:hover:after{opacity:1;pointer-events:all;transform:translateY(0)}.facts-header{margin-bottom:clamp(40px,6vh,56px);text-align:center}.facts-title{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;letter-spacing:.02em;line-height:1.2;margin:0 0 16px;position:relative}.facts-title:after{background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);border-radius:2px;bottom:-8px;box-shadow:0 2px 4px #3b82f640;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:64px}.facts-subtitle{color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,1.9vw,1.15rem);font-weight:400;letter-spacing:.005em;line-height:1.6;margin:0 auto;max-width:720px}.journey-map{-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff05),radial-gradient(circle at 30% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 70% 80%,#10b98114 0,#0000 50%);border:1px solid #fff3;border-radius:28px;box-shadow:0 20px 60px #0000004d,0 8px 25px #3b82f626,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a;margin-top:clamp(48px,6vh,72px);min-height:240px;overflow:hidden;padding:clamp(40px,7vw,45px);position:relative;transition:all .4s ease}.journey-map:hover{box-shadow:0 30px 80px #0006,0 15px 35px #3b82f633,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000001a;transform:translateY(-5px)}.journey-map:before{animation:mapShimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f60f 25%,#10b9810f 50%,#f59e0b0f 75%,#0000),repeating-linear-gradient(45deg,#0000,#0000 3px,#ffffff05 0,#ffffff05 6px);border-radius:28px;content:"";inset:0;position:absolute;z-index:0}@keyframes mapShimmer{0%,to{opacity:.3}50%{opacity:.8}}.journey-map:after{animation:floatingLights 12s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#3b82f60d 0,#0000 40%),radial-gradient(circle at 75% 25%,#10b9810a 0,#0000 40%),radial-gradient(circle at 50% 75%,#f59e0b08 0,#0000 40%);border-radius:28px;content:"";inset:0;position:absolute;z-index:0}@keyframes floatingLights{0%,to{opacity:.4;transform:translate(0) scale(1)}33%{opacity:.7;transform:translate(10px,-5px) scale(1.05)}66%{opacity:.6;transform:translate(-5px,10px) scale(.95)}}@keyframes dataFlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes ambientGlow{0%{opacity:.3}to{opacity:.7}}.journey-steps-container{grid-gap:clamp(24px,4vw,48px);display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0;position:relative}.journey-steps-container:before{background:linear-gradient(90deg,#3b82f6,#10b981 35%,#0ea5e9 70%,#6366f1);border-radius:1px;height:2px;left:0;right:0;z-index:0}.journey-steps-container:after,.journey-steps-container:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.journey-steps-container:after{animation:moveFlow 4s ease-in-out infinite;background:radial-gradient(circle,#3b82f6 0,#1e40af 100%);border-radius:50%;box-shadow:0 0 12px #3b82f699;height:12px;left:-20px;width:12px;z-index:1}@keyframes moveFlow{0%{left:-20px;opacity:.6}10%{opacity:1}90%{opacity:1}to{left:calc(100% + 20px);opacity:.6}}@keyframes flowParticle{0%{left:-20px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% + 20px);opacity:0}}@keyframes pulseFlow{0%,to{box-shadow:0 0 8px #3b82f64d;opacity:.6;transform:translateY(-50%) scaleX(.9)}50%{box-shadow:0 0 16px #3b82f699;opacity:1;transform:translateY(-50%) scaleX(1)}}.journey-step{align-items:center;display:flex;flex-direction:column;padding:clamp(20px,4vw,32px) clamp(16px,3vw,24px);text-align:center}.step-number{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:16px}.journey-step:first-child .step-number{color:#3b82f6}.journey-step:nth-child(2) .step-number{color:#10b981}.journey-step:nth-child(3) .step-number{color:#0ea5e9}.journey-step:nth-child(4) .step-number{color:#f59e0b}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.step-content{display:flex;flex-direction:column;gap:clamp(8px,1.2vw,12px);position:relative;text-align:center;z-index:1}.step-stat{font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:0 0 clamp(8px,1.5vw,12px);position:relative;text-shadow:0 2px 6px #0000001f}.journey-step:first-child .step-stat{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#60a5fa}.journey-step:nth-child(2) .step-stat{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:#fbbf24}.journey-step:nth-child(3) .step-stat{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text;background-clip:text;color:#f87171}.journey-step:nth-child(4) .step-stat{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;color:#34d399}@keyframes dataGlow{0%{filter:brightness(1);text-shadow:0 0 10px currentColor,0 1px 3px #00000080}to{filter:brightness(1.2);text-shadow:0 0 20px currentColor,0 0 30px currentColor,0 1px 3px #00000080}}.step-label{color:#374151;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.875rem,1vw,.875rem);font-weight:600;letter-spacing:.01em;line-height:1.6;margin:0}@media (max-width:1024px){.journey-steps-container{flex-direction:column;gap:clamp(25px,5vw,35px);padding:clamp(35px,6vw,45px)}.journey-steps-container:before{background:linear-gradient(0deg,#3b82f6,#10b981 35%,#0ea5e9 70%,#2563eb);bottom:5%;box-shadow:0 0 15px #3b82f666,0 0 30px #10b98133;height:90%;left:50%;right:auto;top:5%;transform:translateX(-50%);width:3px}.journey-steps-container:after{animation:flowParticleVertical 5s ease-in-out infinite;left:50%;top:5%}@keyframes flowParticleVertical{0%{opacity:0;top:5%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:95%}}.journey-step{align-items:center;flex-direction:row;gap:clamp(18px,4vw,24px);text-align:left}.journey-step:before{bottom:-20px;left:-20px;right:-20px;top:-20px}}@media (max-width:640px){.journey-map{padding:clamp(20px,4vw,30px)}.journey-steps-container{gap:clamp(16px,4vw,20px);padding:clamp(16px,4vw,24px)}.journey-step{gap:clamp(12px,3vw,16px)}.step-number{flex-shrink:0;font-size:clamp(.7rem,1.4vw,.9rem);height:clamp(32px,6vw,40px);margin-bottom:0;width:clamp(32px,6vw,40px)}.step-stat{font-size:clamp(.85rem,2vw,1.1rem)}.step-label{font-size:clamp(.55rem,.9vw,.6rem)}}.facts-section .step-stat{font-size:clamp(1.625rem,1.9vw,1.625rem)!important}.facts-section .step-label{font-size:clamp(.95rem,1.1vw,.95rem)!important}@media (max-width:1024px){.facts-section .step-stat{font-size:clamp(1rem,2.25vw,1.25rem)!important}.facts-section .step-label{font-size:clamp(.6rem,1vw,.65rem)!important}}.article{background:linear-gradient(182deg,#eef4ff,#f8fbff 60%,#ecf7ff);overflow:hidden;padding:68px 22px 84px;position:relative}.article:after,.article:before{animation:article-backdrop-drift 20s ease-in-out infinite;background:radial-gradient(circle,#94c5ff42 0,#94c5ff00 70%);border-radius:50%;content:"";filter:blur(2px);height:280px;position:absolute;width:280px;z-index:0}.article:before{left:-150px;top:-120px}.article:after{animation-delay:-6s;bottom:-150px;right:-140px}.article-wrap{margin:0 auto;max-width:1180px;padding:0 24px;position:relative;text-align:center;width:100%;z-index:1}.article-header{margin:0 auto 48px;max-width:760px}.article-title{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin:0}.article-description{color:#4a5770;font-size:14.5px;line-height:1.7;margin:14px auto 0}.article-underline{background:linear-gradient(110deg,#5b8cff80,#14b8a673);border-radius:999px;height:5px;margin:26px auto 52px;overflow:hidden;position:relative;width:68px}.article-underline:after{animation:underline-sheen 4s linear infinite;background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);content:"";inset:0;position:absolute;transform:translateX(-100%)}.article-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.article-item{background:linear-gradient(150deg,#0f766ead,#2563eb9e);background:var(--accent-gradient,linear-gradient(150deg,#0f766ead 0,#2563eb9e 100%));border-radius:30px;box-shadow:0 22px 48px #141c2d29;display:flex;flex-direction:column;isolation:isolate;min-height:420px;overflow:hidden;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.article-item:before{animation:article-surface-breathe 18s ease-in-out infinite;background:radial-gradient(circle at 18% 12%,#3b82f64d 0,#0000 65%),radial-gradient(circle at 84% 88%,#0ea5e999 0,#0000 60%);background:radial-gradient(circle at 18% 12%,var(--accent-glow-soft,#3b82f64d) 0,#0000 65%),radial-gradient(circle at 84% 88%,var(--accent-glow,#0ea5e999) 0,#0000 60%);filter:blur(18px);opacity:.9}.article-item:after,.article-item:before{content:"";inset:0;pointer-events:none;position:absolute}.article-item:after{background:linear-gradient(160deg,#0f172a24,#0f172a05);opacity:.72}.article-item:focus-within,.article-item:hover{box-shadow:0 34px 74px #141c2d3d;transform:translateY(-14px)}.article-link{color:inherit;display:flex;flex:1 1;flex-direction:column;gap:clamp(18px,3.2vw,28px);height:100%;justify-content:space-between;padding:clamp(22px,4.4vw,30px);position:relative;text-decoration:none;z-index:1}.article-surface{inset:0;pointer-events:none;position:absolute}.article-surface-glow{animation:article-glow-pulse 10s ease-in-out infinite;background:radial-gradient(circle,#0ea5e973 0,#0000 72%);background:radial-gradient(circle,var(--accent-glow,#0ea5e973) 0,#0000 72%);border-radius:50%;filter:blur(20px);height:clamp(160px,32vw,240px);opacity:.8;position:absolute;width:clamp(160px,32vw,240px)}.article-surface-glow--primary{left:-46px;top:-60px}.article-surface-glow--secondary{animation-delay:-5s;bottom:-78px;right:-46px}.article-surface-shape{animation:article-shape-orbit 14s linear infinite;border:1px solid #ffffff5c;border-radius:40px;inset:18% 16% 40% 12%;mix-blend-mode:screen;opacity:.65;position:absolute}.article-surface-grid{animation:article-grid-float 18s linear infinite;background-image:radial-gradient(circle,#ffffff2e 0 1px,#0000 1px);background-size:28px 28px;inset:22% 20% 18% 24%;opacity:.44;position:absolute}.article-image-container{background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-radius:20px 20px 0 0;height:240px;overflow:hidden;position:relative;width:100%;z-index:1}.article-image{display:block;filter:brightness(.85) contrast(1.15) saturate(1.1);height:100%;object-fit:cover;object-position:center;transition:all .6s cubic-bezier(.22,1,.36,1);width:100%}.article-item:hover .article-image{filter:brightness(.95) contrast(1.2) saturate(1.2);transform:scale(1.1)}.article-image-container:after{background:linear-gradient(#0000,#0f172a1a 50%,#0f172a4d);bottom:0;content:"";height:60%;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.article-chip{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 6px 24px #00000026,0 2px 8px #0000001a,0 0 0 1px #fffc;color:#1e293b;display:inline-flex;font-size:.7rem;font-weight:400;gap:8px;letter-spacing:.08em;padding:6px 14px;position:absolute;right:16px;text-transform:uppercase;top:16px;transform:translateZ(0);transition:all .3s ease;z-index:4}.article-chip:before{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:50%;box-shadow:0 0 0 2px #ffffff4d;content:"";flex-shrink:0;height:8px;width:8px}.article-item:hover .article-chip{box-shadow:0 8px 32px #0003,0 4px 12px #00000026,0 0 0 1px #ffffffe6;transform:translateY(-2px) scale(1.05)}.article-chip-label{font-weight:500}.article-body{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a47;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff14;color:#f3f7fb;display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:160px;padding:22px;position:relative;z-index:1}.article-heading{color:#f3f7fb;font-size:1rem;font-weight:400;line-height:1.3;margin:0}.article-text{color:#f8fafcf2;font-size:.85rem;line-height:1.65;margin:0}.article-cta{align-items:center;color:#f8fafcf2;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;letter-spacing:.1em;margin-top:auto;text-transform:uppercase}@keyframes article-surface-breathe{0%,to{opacity:.82;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes article-glow-pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:.85;transform:scale(1.06)}}@keyframes article-shape-orbit{0%{transform:rotate(0deg) translateZ(0) scale(.95)}50%{transform:rotate(180deg) translate3d(6%,-8%,0) scale(1.02)}to{transform:rotate(1turn) translateZ(0) scale(.95)}}@keyframes article-grid-float{0%{transform:translateZ(0) rotate(0deg)}to{transform:translate3d(-12%,-10%,0) rotate(3deg)}}@media (max-width:1400px){.article-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.article-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.article-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.article-image-container{height:180px}}@media (max-width:780px){.article{padding:72px 16px 90px}.article-grid{gap:24px;grid-template-columns:1fr}.article-link{padding:0}.article-body{padding:20px}.article-heading{font-size:1.12rem}.article-image-container{height:160px}.article-chip{font-size:.65rem;left:50%;padding:6px 12px;top:12px;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.article,.article-item,.article-item:after,.article-item:before,.article-surface,.article-surface-glow,.article-surface-grid,.article-surface-shape,.article-underline:after,.article:after,.article:before{animation:none!important;transform:none!important;transition-duration:0s!important}}@keyframes article-backdrop-drift{0%,to{transform:translate(0) scale(1)}40%{transform:translate(60px,20px) scale(1.05)}70%{transform:translate(-30px,-25px) scale(.97)}}@keyframes underline-sheen{to{transform:translateX(100%)}}.faq{background:linear-gradient(180deg,#fef9f3,#fff4eb);padding:72px 20px}.faq-wrap{margin:0 auto;max-width:800px;text-align:center;width:100%}.faq-title{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin:0 0 48px}.faq-controls{display:flex;gap:10px;margin:-8px 0 16px}.faq-controls,.faq-ctrl-btn{align-items:center;justify-content:center}.faq-ctrl-btn{border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;gap:8px;padding:10px 16px;transition:all .18s ease}.faq-ctrl-btn.primary{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:none;box-shadow:0 18px 34px #2563eb59;color:#fff;transition:transform .25s ease,box-shadow .25s ease}.faq-ctrl-btn.primary:focus-visible,.faq-ctrl-btn.primary:hover{box-shadow:0 24px 46px #0ea5e973;transform:translateY(-2px)}.faq-ctrl-btn.primary:active{transform:translateY(0)}.faq-ctrl-btn.ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a14;border-color:#2563eb40;color:#2563eb}.faq-ctrl-btn.ghost:hover{background:#0f172a1f;border-color:#2563eb59;transform:translateY(-1px)}.faq-ctrl-btn:focus-visible{box-shadow:0 0 0 3px #0ea5e959,0 6px 16px #0ea5e940;outline:none}.faq-container{background:#e9ecef;border-radius:12px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.faq-item,.faq-question{background:#fff}.faq-question{align-items:center;border:none;color:#343a40;cursor:pointer;display:flex;font-family:Montserrat,cursive;font-size:16px;font-weight:400;justify-content:space-between;padding:14px 22px;text-align:left;transition:background-color .3s ease;width:100%}.faq-question:hover{background:#f8f9fa}.faq-icon{align-items:center;background:#e2e8f0;border-radius:8px;color:#0f172a;display:inline-flex;font-weight:400;height:26px;justify-content:center;transition:all .2s ease;width:26px}.faq-icon.open{background:#ccfbf1;color:#0f766e}.faq-answer{background:#f8f9fa;max-height:0;overflow:hidden;padding:0 32px;transition:max-height .35s ease;will-change:max-height}.faq-answer.active{padding:12px 32px 20px}.faq-answer p{color:#5c6670;font-size:16px;line-height:1.6;margin:0}@media (max-width:768px){.faq-title{font-size:32px}.faq-question{font-size:16px;padding:20px 24px}.faq-answer.active{padding:0 24px 20px}}.practice-banner{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dotted #4d84cf;border:2px dotted var(--primary);border-radius:20px;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin:1rem auto;max-width:300px;padding:.5rem 1rem}.practice-banner,.practice-text{color:#344c3d;color:var(--dark-text)}.info-icon{background:#4d84cf;background:var(--primary);border-radius:50%;cursor:help;display:flex;font-size:12px;height:16px;justify-content:center;width:16px}.info-icon,.reset-btn{align-items:center;color:#fff;font-weight:400}.reset-btn{background:#f3b4a4;background:var(--warm-coral);border:none;border-radius:6px;box-shadow:0 2px 4px #f3b4a44d;cursor:pointer;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.reset-btn:hover{background:#e6a394;box-shadow:0 4px 8px #f3b4a466;transform:translateY(-1px)}.reset-btn:active{transform:translateY(0)}@media (max-width:768px){.mode-toggle{margin:.5rem 1rem}.mode-tab{font-size:.9rem;padding:.6rem 1rem}.practice-banner{font-size:.8rem;margin:.5rem 1rem;padding:.4rem .8rem}.reset-btn{justify-content:center;margin-top:1rem;width:100%}}@media (prefers-reduced-motion:reduce){.mode-tab,.reset-btn{transition:none}.reset-btn:hover{transform:none}}body,html{height:100%;margin:0;padding:0}body,html{min-height:100vh}body{background:#f7f9fc;color:#344c3d;color:var(--text);font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:18px;font-size:var(--font-size-base);letter-spacing:.02em;letter-spacing:var(--letter-spacing);line-height:var(--line-height-base);word-spacing:.03em;word-spacing:var(--word-spacing)}:root{--soft-blue:#4d84cf;--soft-blue-light:#87ceeb;--sage-green:#a1a79e;--sage-green-dark:#829672;--soft-lavender:#e6e6fa;--soft-lavender-light:#d3d3ff;--soft-white:#f5f6f4;--soft-cream:#f4f0eb;--light-gray:#e1e5ea;--warm-coral:#f3b4a4;--dark-text:#344c3d;--dark-text-alt:#37245c;--primary:var(--soft-blue);--primary-light:var(--soft-blue-light);--secondary:var(--sage-green);--secondary-dark:var(--sage-green-dark);--accent:var(--soft-lavender);--accent-light:var(--soft-lavender-light);--cta:var(--warm-coral);--success:var(--sage-green-dark);--error:var(--warm-coral);--warning:var(--warm-coral);--bg:var(--soft-white);--bg-secondary:var(--soft-cream);--bg-tertiary:var(--light-gray);--text:var(--dark-text);--text-alt:var(--dark-text-alt);--text-secondary:var(--sage-green);--border:var(--light-gray);--cell-size:80px;--font-family-primary:Arial,Verdana,"Calibri","Open Sans","Roboto",sans-serif;--font-family-headings:Arial,Verdana,"Calibri",sans-serif;--font-size-base:18px;--font-size-large:19px;--font-size-small:16px;--font-size-caption:16px;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-h5:1.125rem;--font-size-h6:1rem;--line-height-base:1.6;--line-height-headings:1.4;--letter-spacing:0.02em;--word-spacing:0.03em;--paragraph-spacing:2em;--footer-height:100px}h1,h2,h3,h4,h5,h6{font-family:Arial,Verdana,Calibri,sans-serif;font-family:var(--font-family-headings);font-weight:400;letter-spacing:.02em;letter-spacing:var(--letter-spacing);line-height:1.4;line-height:var(--line-height-headings);margin-bottom:.5em;word-spacing:.03em;word-spacing:var(--word-spacing)}h1{font-size:var(--font-size-h1);margin-bottom:var(--paragraph-spacing)}h2{font-size:2rem;font-size:var(--font-size-h2);margin-bottom:1.5em}h3{font-size:1.5rem;font-size:var(--font-size-h3);margin-bottom:1.25em}h4{font-size:1.25rem;font-size:var(--font-size-h4)}h4,h5{margin-bottom:1em}h5{font-size:1.125rem;font-size:var(--font-size-h5)}h6{font-size:1rem;font-size:var(--font-size-h6);margin-bottom:1em}p{font-size:18px;font-size:var(--font-size-base);margin-bottom:2em;margin-bottom:var(--paragraph-spacing);word-spacing:.03em;word-spacing:var(--word-spacing)}.caption,.small-text,p,small{letter-spacing:.02em;letter-spacing:var(--letter-spacing);line-height:1.6;line-height:var(--line-height-base)}.caption,.small-text,small{font-size:16px;font-size:var(--font-size-small)}.large-text{font-size:19px;font-size:var(--font-size-large);line-height:1.6;line-height:var(--line-height-base)}.btn,button,input[type=button],input[type=submit]{font-weight:400;letter-spacing:.02em;letter-spacing:var(--letter-spacing)}.btn,button,input,input[type=button],input[type=submit],select,textarea{line-height:1.6;line-height:var(--line-height-base)}.btn,.menu,.navigation,button,input,input[type=button],input[type=submit],nav,select,textarea{font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:18px;font-size:var(--font-size-base)}.font-controls{display:flex;gap:8px;position:absolute;right:20px;top:20px;z-index:1000}.font-size-btn{background:#f5f6f4;background:var(--bg);border:2px solid #e1e5ea;border:2px solid var(--border);border-radius:4px;color:#344c3d;color:var(--text);cursor:pointer;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:16px;font-weight:400;min-height:40px;padding:8px 12px;transition:all .2s}.font-size-btn:hover{background:#e6e6fa;background:var(--accent);transform:translateY(-1px)}.font-size-btn.active{background:#4d84cf;background:var(--primary);color:#fff}.font-size-small{font-size:16px}.font-size-medium{font-size:18px}.font-size-large{font-size:20px}.font-size-extra-large{font-size:22px}.high-contrast{--text:#000!important;--bg:#fff!important;--border:#000!important;--primary:#0052cc!important}.high-contrast button{border:3px solid #000!important}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){body{font-size:19.8px;font-size:calc(var(--font-size-base)*1.1)}}@media (min-width:1200px) and (max-zoom:2){.app{max-width:100%}}.app{background:#0000;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.main-content{height:auto!important;overflow:visible!important}.app-footer{background:#829672;background:var(--sage-green-dark);border:2px solid #e1e5ea;border:2px solid var(--border);border-radius:12px;color:#fff;margin-top:auto;padding:16px;text-align:center}.settings{display:flex;gap:16px;justify-content:center}.settings label{align-items:center;color:#fff;cursor:pointer;display:flex;gap:8px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:18px;font-size:var(--font-size-base);font-weight:400;letter-spacing:.02em;letter-spacing:var(--letter-spacing);line-height:1.6;line-height:var(--line-height-base);min-height:48px;padding:14px 28px;transition:all .2s;transition:all var(--transition)}.btn-primary{background:#4d84cf;box-shadow:0 4px 12px #4d84cf4d}.btn-primary:hover{background:#87ceeb;background:var(--primary-light);box-shadow:0 6px 20px #87ceeb66;transform:translateY(-2px)}.btn-secondary{background:#a1a79e;background:var(--secondary);box-shadow:0 4px 12px #a1a79e4d;color:#fff}.btn-secondary:hover{background:#829672;background:var(--secondary-dark);box-shadow:0 6px 20px #82967266;transform:translateY(-2px)}.loading{color:var(--text-secondary)}.game-placeholder{background:#f5f6f4;background:var(--soft-white);border:2px solid #e1e5ea;border:2px solid var(--border);border-radius:16px;max-width:500px;padding:40px;text-align:center}.coming-soon{background:linear-gradient(135deg,#e6e6fa,#d3d3ff);background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);border:2px solid #e1e5ea;border:2px solid var(--border);border-radius:12px;color:#37245c;color:var(--text-alt);padding:24px}.coming-soon span{display:block;font-size:2rem;margin-bottom:8px}.coming-soon p{color:#a1a79e;color:var(--text-secondary);font-style:italic}@media (max-width:768px){.app-header h1{font-size:2rem;line-height:1.4;line-height:var(--line-height-headings)}.app-header p{font-size:18px;font-size:var(--font-size-base);line-height:1.6;line-height:var(--line-height-base)}.header-controls{align-items:center;flex-direction:column;gap:16px}.btn-primary,.btn-secondary,.switcher-toggle{font-size:18px;font-size:var(--font-size-base);min-height:52px}}:root{--portal-bg:linear-gradient(185deg,#f1fbff,#ecf6ff 45%,#f5fbff);--portal-card-bg:#fffffff2;--portal-primary:#1e40af;--portal-accent:#0c4a6e;--portal-accent-green:#0f766e;--portal-text:#03152d;--portal-text-muted:#4a5770;--portal-border:#94c5ff38;--portal-shadow:0 22px 48px #141c2d2e;--portal-shadow-hover:0 34px 74px #141c2d3d;--portal-radius:30px;--portal-radius-large:30px}.games-page-root{background:linear-gradient(185deg,#f1fbff,#ecf6ff 45%,#f5fbff);background:var(--portal-bg);margin:0;min-height:100vh;padding:0}.games-hero{background:linear-gradient(155deg,#03152d,#063969 42%,#0b6688);color:#eef7ff;margin-left:0;overflow:hidden;padding:clamp(24px,4vh,40px) 0;position:relative;text-align:center;width:100%;z-index:1}.games-hero:before{background:radial-gradient(420px 420px at 24% 42%,#2dd4bf2e,#0000 68%),radial-gradient(520px 520px at 72% 22%,#a5b4fc29,#0000 70%),radial-gradient(520px 520px at 82% 86%,#0e749038,#0000 78%);opacity:.8}.games-hero:after,.games-hero:before{content:"";inset:-16% -28%;pointer-events:none;position:absolute}.games-hero:after{background-image:radial-gradient(circle at 10% 15%,#ffffff29 0,#0000 26%),radial-gradient(circle at 28% 36%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 38% 64%,#ffffff24 0,#0000 25%),radial-gradient(circle at 58% 48%,#ffffff1a 0,#0000 22%),radial-gradient(circle at 72% 32%,#ffffff2e 0,#0000 24%),radial-gradient(circle at 82% 58%,#ffffff1f 0,#0000 22%),radial-gradient(circle at 64% 78%,#ffffff14 0,#0000 18%);mix-blend-mode:screen;opacity:.34}.games-hero .container{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,48px);margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,24px);position:relative;z-index:2}.games-hero h1{color:#f4f9ff;flex-shrink:0;font-family:Montserrat,cursive;font-size:clamp(1.8rem,3vw,2.2rem);letter-spacing:.01em;line-height:1.18;min-width:-webkit-fit-content;min-width:fit-content}.games-description,.games-hero h1,.games-hero p{font-weight:400;margin:0;position:relative;z-index:2}.games-description,.games-hero p{border-left:2px solid #e2e8f033;color:#e2e8f0bf;flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.5;max-width:600px;padding-left:clamp(16px,3vw,32px);text-align:left}.game-portal-container{margin:0;max-width:100%;padding:32px 16px}.portal-header{justify-content:space-between;margin-bottom:32px;padding:0 8px}.portal-header,.portal-title{align-items:center;display:flex}.portal-title{gap:16px}.portal-title h2{color:#03152d;color:var(--portal-text);font-size:1.5rem;font-weight:400;margin:0}.portal-controls{align-items:center;display:flex;gap:16px}.game-portal-card{background:#fffffff2;background:var(--portal-card-bg);border:1px solid #94c5ff38;border:1px solid var(--portal-border);border-radius:30px;border-radius:var(--portal-radius-large);box-shadow:0 22px 48px #141c2d2e;box-shadow:var(--portal-shadow);overflow:hidden;padding:0;position:relative;transition:all .3s ease}.game-portal-card:hover{box-shadow:0 34px 74px #141c2d3d;box-shadow:var(--portal-shadow-hover);transform:translateY(-2px)}.game-header-section{background:linear-gradient(140deg,#1e40af,#0c4a6e 36%,#0f766e);background:linear-gradient(140deg,var(--portal-primary) 0,var(--portal-accent) 36%,var(--portal-accent-green) 100%);color:#f8fcff;overflow:hidden;padding:20px 32px;position:relative}.game-header-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.game-header-content{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;position:relative;z-index:1}.game-header-left{flex:1 1}.game-header-right{align-items:flex-end;display:flex;min-width:0}.header-controls-section{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.header-controls-section .practice-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fffffff2;font-size:.8rem;margin-bottom:0;padding:8px 16px}.header-controls-section .practice-banner .practice-text{color:#fffffff2;font-weight:500}.header-controls-section .practice-banner .info-icon{color:#fffc}.header-controls-section .mode-toggle-container{display:flex;justify-content:flex-end}.header-controls-section .mode-toggle{background:#ffffff26;border:1px solid #fff3}.header-controls-section .mode-toggle-main{background:#ffffffe6;color:#1e40af;color:var(--portal-primary);font-size:.8rem;padding:8px 16px}.game-header-section .game-title,.game-portal-card .game-title{color:#fff!important;font-size:2.4rem!important;font-weight:400!important;letter-spacing:.02em!important;margin:0 0 8px!important;text-shadow:0 2px 4px #0000004d!important}.game-subtitle{font-size:1rem;margin:0 0 16px;opacity:.9}.game-stats{display:flex;gap:16px;margin-bottom:24px}.stat-item{background:#0000;border:none;border-radius:20px;box-shadow:none;color:#fffc;cursor:default;font-size:.8rem;font-style:italic;font-weight:400;padding:6px 12px;position:relative;transition:none;-webkit-user-select:none;user-select:none}.stat-item:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;content:"";inset:0;position:absolute}.stat-item span{position:relative;z-index:1}.game-actions{display:flex;flex-wrap:wrap;gap:12px}.portal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.portal-btn-primary{background:#fffffff2;box-shadow:0 4px 12px #0000001a;color:#1e40af;color:var(--portal-primary)}.portal-btn-primary:hover{background:#fff;box-shadow:0 6px 16px #00000026;transform:translateY(-1px)}.portal-btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.portal-btn-secondary:hover{background:#ffffff40;border-color:#fff6}.game-content-area{background:#fffffff2;background:var(--portal-card-bg);padding:32px}.quick-rules-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #3b82f64d;border-radius:8px;box-shadow:0 4px 16px #3b82f61f,0 2px 6px #0000000f;margin:0 auto 20px;max-height:none;max-width:1200px;overflow:visible;padding:10px 20px;position:relative;transition:all .3s ease;width:100%;z-index:5}.quick-rules-section:hover{box-shadow:0 6px 20px #3b82f626,0 3px 8px #00000014;transform:translateY(-2px)}.quick-rules-section.highlighted{animation:rulesHighlight 3s ease-in-out;box-shadow:0 0 0 3px #2563eb4d,0 20px 40px #2563eb26}@keyframes rulesHighlight{0%,to{box-shadow:0 0 0 3px #2563eb4d,0 20px 40px #2563eb26}50%{box-shadow:0 0 0 6px #2563eb80,0 20px 40px #2563eb40}}.rules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rules-title{color:#1e293b;font-size:.8rem;font-weight:400;margin:0;text-shadow:0 1px 2px #0000000d}.rules-expand-btn{background:linear-gradient(135deg,#3b82f61a,#3b82f626);border:1px solid #3b82f659;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#2563eb;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 8px;transition:all .2s ease}.rules-expand-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.rules-preview{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.rule-preview-item{align-items:center;background:linear-gradient(135deg,#3b82f60f,#10b9810a);border:1px solid #3b82f61f;border-radius:6px;display:flex;flex:1 1;gap:3px;min-width:0;padding:4px 6px;transition:all .2s ease}.rule-preview-item:hover{background:linear-gradient(135deg,#3b82f61f,#10b98114);border-color:#3b82f640;transform:translateY(-1px)}.rule-icon{box-shadow:0 3px 8px #3b5ddd40;flex-shrink:0;height:16px;max-height:16px;max-width:16px;min-height:16px;min-width:16px;width:16px}.rule-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.5rem;font-weight:500;line-height:1.1;overflow:visible;overflow:hidden;text-overflow:clip;white-space:normal}.game-play-area{background:#0000;border-radius:0;display:block;min-height:auto;padding:20px 0}.game-play-area>*{display:block!important;visibility:visible!important}.game-play-area .container{margin:0!important;max-width:100%!important;padding:0!important}.practice-banner{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid #f59e0b33;border-radius:30px;border-radius:var(--portal-radius);color:#92400e;display:flex;gap:12px;margin-bottom:24px;padding:16px 24px}.practice-text{font-size:.9rem;font-weight:600}.info-icon{font-size:1.1rem;opacity:.8}.mode-toggle{background:#4755690d;border:1px solid #4755691a;border-radius:50px;display:flex;padding:4px}.mode-toggle-main{align-items:center;background:#1e40af;background:var(--portal-primary);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.mode-toggle-main:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.portal-controls-section{display:flex;flex-direction:column;gap:16px;margin:24px 0}.mode-toggle-container{justify-content:center}@media (max-width:1024px){.game-portal-container{padding:24px 12px}.portal-header{align-items:stretch;flex-direction:column;gap:16px}.rules-preview{grid-template-columns:1fr}}@media (max-width:768px){.game-header-section{padding:24px}.game-header-content{align-items:stretch;flex-direction:column;gap:20px}.game-header-right{align-items:stretch}.header-controls-section{align-items:center;flex-direction:row;justify-content:space-between}.game-content-area{padding:24px}.game-actions{flex-direction:column}.portal-btn{justify-content:center}.benefits-list{gap:8px}.benefit-item{padding:12px}.benefit-text{font-size:.85rem}}.games-page-root .menu-card{background:#fffffff2!important;background:var(--portal-card-bg)!important;border:1px solid #94c5ff38!important;border:1px solid var(--portal-border)!important;border-radius:30px!important;border-radius:var(--portal-radius)!important;box-shadow:0 22px 48px #141c2d2e!important;box-shadow:var(--portal-shadow)!important;color:#03152d!important;color:var(--portal-text)!important;display:block!important;margin:0!important;max-width:100%!important;padding:32px!important;visibility:visible!important;width:100%!important}.games-page-root .menu-card h2{color:#03152d!important;color:var(--portal-text)!important;font-size:1.8rem!important;font-weight:400!important;margin:0 0 16px!important}.games-page-root .instructions-header,.games-page-root .menu-gameplay-instructions .instructions-header,.games-page-root .menu-gameplay-instructions .static-instructions,.games-page-root .static-instructions{display:none!important}.games-page-root .grid-recall-scope,.games-page-root .inhibit-container,.games-page-root .n-stream-container,.games-page-root .path-planner-container,.games-page-root .speed-scan-container,.games-page-root .trail-switch-container,.games-page-root .word-sprint-container{display:block!important;visibility:visible!important}.games-page-root .btn-primary,.games-page-root .cta-button,.games-page-root .start-game-btn{background:linear-gradient(140deg,#1e40af,#0c4a6e)!important;background:linear-gradient(140deg,var(--portal-primary) 0,var(--portal-accent) 100%)!important;border:none!important;border-radius:28px!important;color:#f8fcff!important;cursor:pointer!important;font-size:1.02rem!important;font-weight:600!important;padding:14px 28px!important;transition:all .25s ease!important}.games-page-root .btn-primary:hover,.games-page-root .cta-button:hover,.games-page-root .start-game-btn:hover{background:linear-gradient(140deg,#0c4a6e,#0f766e)!important;background:linear-gradient(140deg,var(--portal-accent) 0,var(--portal-accent-green) 100%)!important;box-shadow:0 24px 46px #0ea5e973!important;transform:translateY(-2px)!important}.games-page-root .btn-secondary{background:#0f172a14!important;border:1px solid #2563eb40!important;border-radius:28px!important;color:#1e40af!important;color:var(--portal-primary)!important;font-weight:600!important;padding:14px 28px!important;transition:all .25s ease!important}.games-page-root .btn-secondary:hover{background:#0f172a1f!important;border-color:#2563eb59!important;transform:translateY(-1px)!important}.games-page-root .game-area,.games-page-root .game-board,.games-page-root .game-container,.games-page-root .grid,.games-page-root canvas{display:block!important;pointer-events:auto!important;visibility:visible!important}.games-page-root .grid-container{align-items:center!important;display:flex!important;justify-content:center!important}.games-page-root .grid{grid-gap:4px!important;display:grid!important;gap:4px!important}.games-page-root .info-chip,.games-page-root .results,.games-page-root .round-info,.games-page-root .stat-pill,.games-page-root .status-bar,.games-page-root main{display:block!important;visibility:visible!important}.tour-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006}.tour-highlight{animation:pulse-highlight 2.5s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#3b82f626;border:4px solid #3b82f6;border-radius:16px;box-shadow:0 0 0 6px #3b82f64d,0 0 30px #3b82f666,inset 0 0 0 2px #ffffff80}@keyframes pulse-highlight{0%,to{border-color:#3b82f6;box-shadow:0 0 0 6px #3b82f64d,0 0 30px #3b82f666,inset 0 0 0 2px #ffffff80;transform:scale(1)}50%{border-color:#1d4ed8;box-shadow:0 0 0 12px #3b82f680,0 0 50px #3b82f699,inset 0 0 0 2px #ffffffb3;transform:scale(1.02)}}.tour-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #3b82f626;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fffc,inset 0 1px 0 #ffffffe6;max-width:90vw;overflow:hidden;width:380px}.tour-tooltip-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 28px 20px;position:relative}.tour-tooltip-header:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tour-tooltip-header h3{align-items:center;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;font-weight:400;gap:10px;text-shadow:0 2px 4px #0003}.tour-close,.tour-tooltip-header h3{display:flex;position:relative;z-index:1}.tour-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;height:28px;min-height:28px;min-width:28px;transition:all .3s ease;width:28px}.tour-close:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.05)}.tour-tooltip-body{background:linear-gradient(145deg,#fff,#f8fafc);padding:28px}.tour-tooltip-body p{color:#374151;font-size:1rem;font-weight:400;line-height:1.7}.tour-tooltip-footer{background:linear-gradient(145deg,#fff,#f8fafc);gap:16px;padding:20px 28px 28px}.tour-btn{align-items:center;border-radius:14px;display:flex;font-size:.95rem;gap:8px;padding:12px 24px;text-transform:capitalize;transition:all .3s ease}.tour-btn:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.tour-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;box-shadow:0 8px 16px #667eea4d}.tour-btn-primary:hover:not(:disabled){box-shadow:0 12px 24px #667eea66;transform:translateY(-3px)}.tour-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid #667eea33;color:#667eea}.tour-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea59;transform:translateY(-2px)}.tour-step-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:25px;color:#667eea;font-size:.9rem;font-weight:400;padding:8px 0}.benefits-container{padding:16px 0}.primary-benefit{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid #3b82f633;border-radius:12px;margin-bottom:20px;padding:20px}.benefit-title{align-items:center;color:#1e40af;display:flex;font-family:Montserrat,cursive;font-size:1rem;font-weight:400;gap:8px;justify-content:center;margin:0 0 8px;text-align:center}.benefit-description{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.benefits-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.benefit-item{align-items:flex-start;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:1px solid #e2e8f0cc;border-radius:10px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.benefit-item:hover{background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-color:#3b82f64d;transform:translateY(-1px)}.benefit-icon{align-items:center;background:#3b5ddd;border-radius:50%;box-shadow:0 4px 10px #3b5ddd4d;color:#fff;display:inline-flex;flex-shrink:0;font-size:.55rem;font-weight:700;height:22px;justify-content:center;max-height:22px;max-width:22px;min-height:22px;min-width:22px;width:22px}.benefit-text{color:#374151;font-size:.9rem;font-weight:500;line-height:1.5}.research-note{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid #f59e0b33;border-radius:10px;padding:16px}.research-note p{color:#92400e;font-size:.85rem;line-height:1.5;margin:0}.research-note strong{font-weight:400}.rules-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.rules-modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.rules-modal-header{align-items:center;display:flex;justify-content:center;padding:32px 32px 0;position:relative}.rules-modal-title{color:#1a202c;flex:1 1;font-family:Montserrat,cursive;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0;text-align:center}.rules-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;padding:0;position:absolute;right:32px;top:32px;transition:all .2s ease;width:40px}.rules-modal-close:hover{background:#f871711a;color:#ef4444}.rules-modal-body{flex:1 1;overflow-y:auto;padding:32px}.rules-section{margin-bottom:40px}.rules-section:last-child{margin-bottom:0}.rules-section-title{align-items:center;color:#1a202c;display:flex;font-family:Montserrat,cursive;font-size:18px;font-weight:600;gap:10px;letter-spacing:-.01em;line-height:1.4;margin:0 0 20px}.rules-section-title:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;content:"";height:20px;width:4px}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-item{align-items:flex-start;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;gap:12px;padding:16px;transition:all .2s ease}.rule-item:hover{background:#3b82f614;transform:translateY(-2px)}.rule-icon{align-items:center;background:#3b5ddd;border-radius:50%;box-shadow:0 4px 10px #3b5ddd40;color:#fff;display:inline-flex;font-size:.55rem;font-weight:700;height:22px;justify-content:center;max-height:22px;max-width:22px;min-height:22px;min-width:22px;width:22px}.rule-text{color:#4a5568;font-size:15px;font-weight:400;line-height:1.6;margin-left:12px}.challenge-section{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border:2px solid #f59e0b40;border-radius:24px;box-shadow:0 8px 32px #f59e0b26;overflow:hidden;padding:28px;position:relative}.challenge-section:before{background:linear-gradient(90deg,#f59e0b,#d97706,#f59e0b);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.challenge-card{align-items:flex-start;display:flex;gap:20px;position:relative;z-index:1}.challenge-icon{-webkit-text-fill-color:#0000;animation:challengePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:2.5rem;min-width:48px}@keyframes challengePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.challenge-content{flex:1 1}.challenge-title{color:#92400e;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0 0 16px;text-shadow:0 1px 2px #f59e0b1a}.challenge-description{color:#a16207;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0 0 20px}.challenge-goal{align-items:center;display:flex;gap:12px;margin-top:16px}.challenge-label{color:#92400e;font-weight:700}.challenge-label,.challenge-target{font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.challenge-target{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 6px 16px #f59e0b66,inset 0 1px 0 #fff3;color:#fff;font-weight:800;padding:12px 20px;text-shadow:0 1px 2px #0003}.controls-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.control-item{align-items:center;background:#4755690d;border:1px solid #4755691a;border-radius:8px;display:flex;gap:8px;padding:12px}.control-key{background:linear-gradient(135deg,#475569,#334155);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.8rem;font-weight:600;min-width:60px;padding:4px 8px;text-align:center}.control-desc{color:#64748b;font-size:.9rem}.modal-step-indicator{display:flex;gap:12px;justify-content:center;margin-bottom:32px;padding:0 24px}.step-dot{background:#94a3b84d;border-radius:50%;height:12px;position:relative;transition:all .3s ease;width:12px}.step-dot.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 0 4px #3b82f633;transform:scale(1.2)}.step-dot.completed{background:linear-gradient(135deg,#10b981,#059669)}.step-dot.completed:after{color:#fff;content:"✓";font-size:8px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-step-content{display:flex;flex-direction:column;justify-content:center;min-height:300px}.rules-modal-footer{align-items:center;background:#f8fafc80;border-top:1px solid #e2e8f0cc;display:flex;gap:16px;justify-content:space-between;padding:24px 32px 32px}.step-counter{color:#718096;font-size:14px;font-weight:500;min-width:80px;text-align:center}.rules-modal-button{border:none;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;min-width:130px;padding:14px 28px;transition:all .2s ease}.rules-modal-button.secondary{background:#4755691a;border:1px solid #47556933;color:#475569}.rules-modal-button.secondary:hover{background:#47556926;transform:translateY(-1px)}.rules-modal-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.rules-modal-button.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.rules-modal-button.skip{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#d97706}.rules-modal-button.skip:hover{background:#f59e0b26;transform:translateY(-1px)}.game-header-enhanced{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid #3b82f633;border-radius:20px;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.game-header-enhanced:before{background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.game-title-enhanced{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 8px}.game-subtitle-enhanced{color:#64748b;font-size:1rem;margin:0}.rules-preview-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin:20px 0;padding:20px}.rules-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rules-preview-title{color:#334155;font-size:1.1rem;font-weight:600;margin:0}.rules-show-more-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.rules-show-more-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.rules-preview-list{display:flex;flex-direction:column;gap:8px}.rules-preview-item{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:8px}.rules-preview-icon{font-size:1rem;min-width:20px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.screen-dim-overlay{animation:screenDimFadeIn .5s ease-out;background:#0009;bottom:0;justify-content:center;left:0;right:0;top:0;z-index:9999}.rules-highlight-pointer,.screen-dim-overlay{align-items:center;display:flex;position:fixed}.rules-highlight-pointer{gap:16px;left:380px;top:50%;transform:translateY(-50%);z-index:10000}.highlight-text{animation:highlightPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 8px 32px #3b82f666;color:#fff;font-size:1rem;font-weight:600;padding:16px 24px;position:relative;white-space:nowrap}.highlight-text:after{border-bottom:8px solid #0000;border-left:8px solid #1d4ed8;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.highlight-arrow{animation:arrowBounce 1.5s ease-in-out infinite;color:#3b82f6;font-size:2rem}@keyframes screenDimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes highlightPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}@keyframes arrowBounce{0%,to{transform:translateX(0)}50%{transform:translateX(-8px)}}.screen-dim-overlay~* .games-layout>aside.gp-card{background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 0 0 4px #3b82f680,0 20px 60px #3b82f64d;position:relative;z-index:10001}.tour-overlay{pointer-events:none;position:fixed;z-index:20000}.tour-backdrop,.tour-overlay{bottom:0;left:0;right:0;top:0}.tour-backdrop{background:#000000b3;pointer-events:auto;position:absolute}.tour-highlight{animation:highlight-pulse 2s ease-in-out infinite;border:4px solid #0ea5e9;border-radius:8px;box-shadow:0 0 0 9999px #00000080;pointer-events:none;position:fixed;z-index:20001}@keyframes highlight-pulse{0%,to{border-color:#0ea5e9;box-shadow:0 0 0 9999px #00000080,0 0 0 6px #0ea5e9cc}50%{border-color:#0284c7;box-shadow:0 0 0 9999px #00000080,0 0 0 10px #0284c7e6}}.tour-tooltip{background:#fff;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:450px;pointer-events:auto;position:fixed;width:320px;z-index:20002}.tour-tooltip-header{align-items:center;border-bottom:1px solid #e2e8f0cc;display:flex;justify-content:space-between;padding:16px 20px 12px}.tour-tooltip-header h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.tour-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:1.2rem;height:26px;justify-content:center;min-height:26px;min-width:26px;padding:0;transition:all .2s ease;width:26px}.tour-close:hover{background:#f871711a;color:#ef4444}.tour-tooltip-body{padding:12px 20px}.tour-tooltip-body p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-line}.tour-tooltip-footer{align-items:center;border-top:1px solid #e2e8f0cc;display:flex;flex-wrap:wrap;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;gap:12px;justify-content:space-between;min-height:60px;padding:16px 20px 20px}.tour-btn{border:none;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:80px;padding:10px 18px;transition:all .2s ease}.tour-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.tour-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.tour-btn-secondary{background:#47556914;border:1px solid #47556933;color:#475569}.tour-btn-secondary:hover{background:#4755691f}.tour-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.tour-step-indicator{color:#64748b;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:60px;text-align:center;white-space:nowrap}.challenge-details{background:#2563eb0f;border:1px solid #2563eb26;border-radius:12px;margin-top:20px;padding:16px}.challenge-preview{background:#10b98114;border:1px solid #10b98126;border-radius:12px;color:#1a202c;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:20px;padding:16px 20px}.constraints-list{margin:20px 0}.constraint-item{color:#4a5568;font-size:15px;line-height:1.6;padding:10px 0}.constraint-icon{color:#3b82f6;margin-right:12px}.time-scoring{margin-top:20px}.time-scoring .rule-item{align-items:flex-start;background:#3b82f60a;border-radius:10px;color:#4a5568;display:flex;font-size:15px;gap:12px;line-height:1.6;padding:12px 16px}.time-scoring .rule-icon{margin-top:2px}@media (max-width:1024px){.rules-highlight-pointer{flex-direction:column;left:50%;text-align:center;top:30%;transform:translateX(-50%)}.highlight-text:after{display:none}.highlight-arrow{transform:rotate(90deg)}}@media (max-width:768px){.rules-modal-content{margin:20px;max-height:90vh}.rules-modal-header{padding:20px 20px 0}.rules-modal-close{right:20px;top:20px}.rules-modal-body{padding:20px}.rules-modal-footer{flex-direction:column;padding:16px 20px 20px}.rules-modal-button{margin:0;width:100%}.controls-grid{grid-template-columns:1fr}.challenge-card{flex-direction:column;text-align:center}}@media (max-width:480px){.rules-modal-overlay{padding:10px}.rules-modal-title{font-size:1.3rem}.game-title-enhanced{font-size:1.5rem}}.lockout-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:30px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0;z-index:1000}.lockout-overlay:hover{background:#000000e6}.lockout-overlay-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#2563ebf2,#3b82f6e6);border:1px solid #fff3;border-radius:24px;box-shadow:0 24px 60px #0006;color:#fff;margin:0 auto;max-width:480px;padding:48px 40px;text-align:center;width:100%}.lockout-overlay-icon{animation:pulse 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,255,255,.4));font-size:72px;margin-bottom:20px}.lockout-overlay-content h3{color:#fff;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 16px;text-shadow:0 2px 8px #03152d4d}.lockout-overlay-content p{color:#fffffff2;font-size:17px;font-weight:500;line-height:1.5;margin:0}.game-play-area{position:relative}@media (max-width:768px){.lockout-overlay{padding:16px}.lockout-overlay-content{border-radius:20px;max-width:100%;padding:36px 28px}.lockout-overlay-icon{font-size:56px;margin-bottom:16px}.lockout-overlay-content h3{font-size:24px;margin-bottom:12px}.lockout-overlay-content p{font-size:15px}}@media (max-width:480px){.lockout-overlay{padding:12px}.lockout-overlay-content{padding:32px 24px}.lockout-overlay-icon{font-size:48px}.lockout-overlay-content h3{font-size:22px}.lockout-overlay-content p{font-size:14px}}@media (max-width:1024px) and (min-width:769px){.lockout-overlay-content{max-width:460px;padding:40px 36px}.lockout-overlay-icon{font-size:64px}.lockout-overlay-content h3{font-size:28px}}.game-switcher{background:#fff;border:1px solid #2563eb24;border-radius:16px;box-shadow:0 10px 24px #2563eb14;color:#0f172a;margin-bottom:16px;max-width:100%;overflow:hidden;width:100%}.switcher-header{align-items:center;background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border-bottom:1px solid #2563eb33;color:#fff;display:flex;justify-content:space-between;max-width:100%;padding:12px 16px;width:100%}.game-switcher .switcher-toggle{background:#ffffff2e!important;border:1px solid #ffffff59!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:700!important;min-height:auto!important;padding:8px 14px!important;transition:all .2s ease!important}.game-switcher .switcher-toggle:hover{box-shadow:none!important;filter:brightness(1.05)!important;transform:none!important}.current-game-info{align-items:center;display:flex;flex-direction:column;font-size:.9rem;text-align:center}.current-game{color:#fff;font-weight:800;text-align:center}.current-day{color:#ffffffe6;font-size:.8rem;font-weight:600;text-align:center}.mode-toggle-container{align-items:center;display:flex}.switcher-content{padding:16px}.switcher-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.game-option{background:#f8fafc;border:1.5px solid #2563eb33;border-radius:12px;box-shadow:0 4px 10px #2563eb0f;color:#0f172a;cursor:pointer;padding:14px 10px;position:relative;text-align:center;transition:all .2s ease}.game-option:hover:not(.active):not(:disabled){background:#fff;border-color:#2563eb73;box-shadow:0 8px 18px #2563eb26;transform:translateY(-2px)}.game-option.active{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border-color:#2563eb;box-shadow:0 8px 22px #2563eb40;color:#fff;cursor:default}.game-option:disabled{opacity:.8}.game-name{font-size:.9rem;font-weight:700;margin-bottom:6px;text-shadow:0 1px 2px #0000001a}.game-day{color:#0f172a99;font-size:.75rem;font-weight:600}.game-option.active .game-day{color:#fffffff2}.active-indicator{color:#dbeafe;font-size:1rem;right:8px;text-shadow:0 0 8px #2563eb80;top:6px}.switcher-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a99,#1e293b99);border:1px solid #ffffff1a;border-radius:12px;color:#fffc;font-size:.8rem;padding:16px}.switcher-info p{margin:4px 0}.switcher-info strong{color:#e2e8f0}@media (max-width:600px){.switcher-header{flex-direction:column;gap:8px;text-align:center}.switcher-grid{grid-template-columns:repeat(2,1fr)}}.week-toggle{background:#fff;border:1px solid #2563eb2e;border-radius:14px;box-shadow:0 10px 24px #2563eb14;margin-bottom:16px;max-width:100%;overflow:hidden;transition:all .3s ease;width:100%}.week-switcher-btn{align-items:center;background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:none;border-radius:14px;box-shadow:0 6px 16px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:800;justify-content:space-between;padding:14px 16px;transition:all .2s ease;width:100%}.week-switcher-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.week-toggle.expanded .week-switcher-btn{border-radius:16px 16px 0 0;margin-bottom:0}.switcher-icon{font-size:1.2em}.switcher-text{flex-grow:1;margin-left:12px;text-align:left}.arrow-icon{font-size:.8em;transition:transform .3s ease}.arrow-icon.up{transform:rotate(180deg)}.week-panel{background:#fff;transition:all .3s ease}.week-panel.hidden{max-height:0;opacity:0;overflow:hidden;padding:0 16px}.week-panel.visible{max-height:500px;opacity:1;overflow:visible;padding:16px}.week-toggle-header{margin-bottom:20px;text-align:center}.week-toggle-header h3{color:#2563eb;font-size:1.2rem;font-weight:800;margin:0 0 8px}.week-toggle-header p{color:#1f2937b3;font-size:.9rem;font-weight:500;margin:0}.week-options{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.week-option{background:#f8fafc;border:1.5px solid #2563eb40;border-radius:10px;box-shadow:0 4px 12px #2563eb14;cursor:pointer;flex:1 1;max-width:140px;padding:14px 12px;position:relative;text-align:center;transition:all .2s ease}.week-option:hover:not(.active):not(:disabled){background:#fff;border-color:#2563eb73;box-shadow:0 8px 18px #2563eb26;transform:translateY(-2px)}.week-option.active{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border-color:#2563eb;box-shadow:0 8px 22px #2563eb40;color:#fff;cursor:default}.week-option:disabled{opacity:.9}.week-label{font-size:1rem;font-weight:700;margin-bottom:4px;text-shadow:0 1px 2px #0000001a}.week-description{font-size:.75rem;font-weight:500;opacity:.8}.week-option.active .week-description{opacity:.9}.active-indicator{align-items:center;color:#ffffffe6;display:flex;font-size:.7rem;font-weight:600;gap:2px;position:absolute;right:6px;top:4px}.active-indicator span{color:#dbeafe;font-size:.8rem;text-shadow:0 0 6px #2563eb80}.week-info{background:#eff6ff;border:1px solid #2563eb2e;border-radius:0 0 14px 14px;border-top:none;display:flex;justify-content:space-between;margin-top:0;padding:12px 16px}.week-toggle.collapsed .week-info{border:1px solid #2563eb2e;border-radius:10px;margin-top:12px}.info-item{color:#374151;font-size:.8rem;font-weight:500}.info-item strong{color:#1f2937;font-weight:700}@media (max-width:600px){.week-options{align-items:center;flex-direction:column}.week-option{max-width:200px;width:100%}.week-info{flex-direction:column;gap:8px;text-align:center}}.lockout-modal-backdrop{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.lockout-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 24px 60px #0000004d;max-width:540px;overflow:hidden;position:relative;width:100%}.lockout-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:1}.lockout-modal-close:hover{background:#f1f5f9;color:#334155}.lockout-modal-content{padding:48px 40px;text-align:center}.lockout-modal-icon{animation:pulse 2.5s ease-in-out infinite;font-size:64px;margin-bottom:20px}.lockout-modal-title{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 24px}.lockout-modal-message{color:#475569;font-size:16px;line-height:1.6;margin-bottom:32px}.lockout-modal-message p{margin:0 0 16px}.lockout-modal-next-available{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #2563eb33;border-radius:16px;color:#1e293b;margin:16px 0;padding:16px 20px}.lockout-modal-next-available strong{color:#2563eb;font-weight:600}.lockout-modal-tip{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b4d;border-radius:16px;color:#78350f;display:flex;font-size:15px;gap:8px;justify-content:center;margin-top:16px;padding:14px 20px;text-align:left}.lockout-modal-tip strong{color:#92400e}.lockout-modal-footer{display:flex;justify-content:center;padding:0}.lockout-modal-button{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:none;border-radius:28px;box-shadow:0 12px 24px #2563eb59;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:14px 48px;transition:all .25s ease}.lockout-modal-button:hover{box-shadow:0 16px 32px #0ea5e973;transform:translateY(-2px)}.lockout-modal-button:active{box-shadow:0 8px 16px #2563eb4d;transform:translateY(0)}@media (max-width:768px){.lockout-modal-backdrop{padding:16px}.lockout-modal{border-radius:20px;max-width:100%}.lockout-modal-content{padding:40px 28px}.lockout-modal-icon{font-size:56px}.lockout-modal-title{font-size:24px;margin-bottom:20px}.lockout-modal-message{font-size:15px;margin-bottom:28px}.lockout-modal-button{font-size:16px;padding:12px 40px}.lockout-modal-close{font-size:28px;height:32px;right:16px;top:16px;width:32px}}@media (max-width:480px){.lockout-modal-content{padding:32px 24px}.lockout-modal-icon{font-size:48px;margin-bottom:16px}.lockout-modal-title{font-size:22px}.lockout-modal-message{font-size:14px}.lockout-modal-tip{font-size:14px;padding:12px 16px}.lockout-modal-button{padding:12px 24px;width:100%}}.welcome-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.welcome-modal-container{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}.welcome-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px;z-index:10}.welcome-close-btn:hover{background:#f1f5f9;color:#334155}.welcome-modal-content{background:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;margin:6px;max-height:calc(90vh - 12px);overflow:hidden;padding:28px 32px}.slide-header{margin-bottom:40px;text-align:center}.slide-title{color:#fff;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 12px}.slide-subtitle{color:#fff;font-size:16px;font-weight:400;line-height:1.6}.slide-body{min-height:300px}.ai-feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(180px,250px));justify-content:center;margin-top:30px}.ai-feature-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:30px;position:relative;text-align:center;transition:all .3s ease}.ai-feature-card:hover{background:#ffffffd9;box-shadow:0 10px 35px #00000026;transform:translateY(-5px)}.ai-feature-card h3{color:#084f6a;font-size:1.25rem;font-weight:700;margin-bottom:12px}.ai-feature-card p{color:#1a202c;font-size:.95rem;line-height:1.6}.schedule-slide{padding:20px 0}.schedule-info{margin-bottom:30px;text-align:center}.schedule-intro{color:#475569;font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:800px}.weekly-schedule{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:16px 0}.schedule-day{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.schedule-day:hover{background:#fff9;box-shadow:0 10px 35px #00000026;transform:translateY(-5px)}.day-header{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:12px}.day-header.friday,.day-header.monday,.day-header.saturday,.day-header.sunday,.day-header.thursday,.day-header.tuesday,.day-header.wednesday{background:#0f5c6e}.day-name{font-size:1rem}.day-icon{font-size:1.5rem}.day-content{padding:12px;text-align:center}.day-content h4{color:#084f6a;font-size:1rem;font-weight:700;margin-bottom:8px}.day-content p{color:#084f6a;font-size:.85rem;margin-bottom:12px;opacity:.95}.skill-badge{-size:.7rem;font-weight:600}.schedule-note{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #11182714;border-left:6px solid #d97706;border-radius:12px;box-shadow:0 8px 20px #0000001f;color:#084f6a;font-size:1rem;line-height:1.5;margin-top:16px;padding:14px 16px}.note-icon{flex-shrink:0;font-size:1.2rem}.note-text{color:#084f6a;font-size:1rem;font-weight:700;margin:0}.note-text strong{color:#b45309;font-weight:800;text-decoration:none}.ready-slide{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:450px}.ready-content{max-width:600px;text-align:center}.ready-features{grid-gap:16px;display:grid;gap:16px;margin-bottom:40px}.ready-feature{color:#334155;font-size:1.15rem;font-weight:500;gap:12px}.check-icon,.ready-feature{align-items:center;display:flex;justify-content:center}.check-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:32px;width:32px}.cta-section{margin-top:40px}.cta-section-schedule{margin-top:30px;text-align:center}.cta-text{color:#475569;font-size:1.1rem;line-height:1.7;margin-bottom:30px}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 10px 30px #667eea66;display:inline-flex;font-size:1.25rem;font-weight:700;gap:12px;padding:18px 48px}.cta-button:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-3px)}.cta-button .arrow{font-size:1.5rem;transition:transform .3s ease}.cta-button:hover .arrow{transform:translateX(5px)}.welcome-modal-footer{align-items:center;border-top:none;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:40px;padding-top:30px}.slide-indicators{display:flex;gap:8px}.slide-indicator{background:#cbd5e1;border:2px solid #94a3b8;border-radius:8px;cursor:pointer;height:48px;transition:all .3s ease;width:48px}.slide-indicator.active{background:#0f5c6e;border-color:#0f5c6e;width:48px}.slide-indicator:hover{background:#94a3b8;border-color:#64748b}.navigation-buttons{display:flex;gap:12px}.nav-btn{border:none;border-radius:28px;cursor:pointer;font-size:17px;font-weight:600;padding:14px 48px;transition:all .25s ease}.nav-btn.primary{background:#fff;box-shadow:0 12px 24px #7c9ecc59;color:#084f6a;font-weight:700}.nav-btn.primary:hover{background:#f8fcff;box-shadow:0 16px 32px #7c9ecc73;transform:translateY(-2px)}.nav-btn.primary:active{box-shadow:0 8px 16px #7c9ecc4d;transform:translateY(0)}.nav-btn.secondary{background:#0000;border:2px solid #7c9ecc;box-shadow:none;color:#7c9ecc;padding:12px 40px}.nav-btn.secondary:hover{background:#7c9ecc1a;border-color:#6a8ab8;color:#6a8ab8;transform:translateY(-2px)}@media (max-width:768px){.welcome-modal-content{padding:30px 25px}.slide-title{font-size:1.75rem}.slide-subtitle{font-size:1rem}.ai-feature-grid,.weekly-schedule{grid-template-columns:1fr}.welcome-modal-footer{align-items:center;flex-direction:column}.navigation-buttons{justify-content:center;width:100%}}:root{--primary:#2563eb;--primary-light:#3b82f6;--secondary:#a1a79e;--secondary-dark:#829672;--accent:#e6e6fa;--cta:#2563eb;--success:#10b981;--error:#ef4444;--bg:#f5f6f4;--bg-secondary:#f4f0eb;--bg-tertiary:#e1e5ea;--text:#1f2937;--text-alt:#2563eb;--text-secondary:#a1a79e;--border:#e1e5ea;--cell-size:88px;--gap:8px;--transition:200ms}.grid-recall-scope{background:#0000;color:#1f2937;color:var(--text);display:flex;flex-direction:column;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-size:18px;letter-spacing:.02em;line-height:1.6;min-height:600px;padding:20px;position:relative;word-spacing:.03em}.grid-recall-scope .lockout-overlay{align-items:center!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.grid-recall-scope .lockout-overlay-content{margin:auto!important}.grid-recall-scope:before{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;bottom:0;content:"";filter:blur(1.7px) brightness(1.1) contrast(1.3);left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.grid-recall-scope.show-background:before{opacity:1}.grid-recall-scope:after{background:linear-gradient(180deg,#0000001a,#0003);border-radius:24px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.grid-recall-scope.show-background:after{opacity:1}.grid-recall-scope.reduce-motion *{animation:none!important;transition:none!important}.grid-recall-scope .container{margin:0 auto;max-width:1280px;position:relative;width:100%;z-index:10}.grid-recall-scope .menu-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;border-radius:32px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:none;padding:48px;position:relative;text-align:center;width:100%;z-index:10}.grid-recall-scope .menu-gameplay-instructions{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}.grid-recall-scope .static-instructions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.grid-recall-scope .dynamic-rules{background:#eff6ff99;border:1px solid #2563eb26;border-radius:10px;padding:12px}.grid-recall-scope .menu-gameplay-instructions .dynamic-rules{margin:0 auto;width:min(760px,100%)}.grid-recall-scope .round-info{background:#eff6ff;border:1px solid #2563eb4d;color:#0f172a}.menu-compact{align-items:center;background:#fff;border:1px solid #2563eb2e;border-radius:12px;box-shadow:0 8px 24px #2563eb14;display:flex;gap:16px;justify-content:space-between;padding:12px 16px;width:100%}.menu-compact .qs-left h2{color:#0f172a;font-size:1.4rem;margin:0}.menu-compact .qs-sub{color:#475569;font-size:.95rem;margin:4px 0}.menu-compact .chip{background:#eff6ff;border:1px solid #2563eb4d;border-radius:999px;color:#2563eb;display:inline-block;font-size:.8rem;margin-right:6px;padding:4px 10px}.menu-compact .qs-right{align-items:center;display:flex;gap:12px}.menu-compact .qs-details summary{color:#2563eb;cursor:pointer}.menu-compact .qs-details ul{color:#334155;margin:6px 0 0 16px}header{text-align:center}h1{font-family:Arial,Verdana,Calibri,sans-serif;font-size:2.5rem;font-weight:600;letter-spacing:.02em;line-height:1.4;margin-bottom:2em}.grid-recall-scope .game-title{color:#000!important;text-align:center;text-shadow:none!important}.grid-recall-scope .results,.grid-recall-scope .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.grid-recall-scope .controls,.grid-recall-scope .result-actions,.grid-recall-scope .result-stats,.grid-recall-scope .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;width:100%}@media (max-width:900px){.grid-recall-scope .menu-gameplay-instructions{grid-template-columns:1fr}.grid-recall-scope .menu-card{padding:24px}}.status-bar{background:#f4f0eb;background:var(--bg-secondary);border-radius:8px;font-size:1rem;font-weight:500;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.status-bar,.status-item{align-items:center;display:flex}.status-item{gap:8px}.game-area{align-items:center;background:#f5f6f4;background:var(--bg);border:2px solid #e1e5ea;border:2px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #344c3d1a;display:flex;flex-direction:column;justify-content:center;min-height:520px;padding:28px;position:relative;z-index:1}.grid-recall-scope .game-area{width:100%}.grid-recall-scope.show-background .game-area{background:#0000;border:none;box-shadow:none}.menu-screen{text-align:center;width:100%}.difficulty-buttons{flex-wrap:wrap;gap:12px}.difficulty-buttons,.start-game-section{display:flex;justify-content:center;margin:20px 0}.start-game-btn{font-size:18px;font-weight:600;padding:16px 32px}.grid-recall-scope .menu-gameplay-instructions{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #ffffff4d;border-radius:16px;margin:20px 0;padding:20px;text-align:left}.grid-recall-scope .instructions-header h4{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 16px;text-align:center}.grid-recall-scope .static-instructions{counter-reset:step;margin:0}.grid-recall-scope .static-instructions .instruction-item{background:#ffffff80;border-radius:8px;color:#1f2937;display:block;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:8px;padding:12px 12px 12px 40px;position:relative;text-align:left}.grid-recall-scope .static-instructions .instruction-item:last-child{margin-bottom:0}.grid-recall-scope .static-instructions .instruction-item .instruction-icon{display:none}.grid-recall-scope .static-instructions .instruction-item span{color:#1f2937;display:inline;font-size:16px;font-weight:500}.grid-recall-scope .static-instructions .instruction-item:before{align-items:center;background:#dbeafe;border-radius:8px;box-shadow:0 1px 3px #2563eb40;color:#2563eb;content:counter(step);counter-increment:step;display:inline-flex;font-size:12px;font-weight:800;height:22px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:22px}button{border:none;border-radius:8px;cursor:pointer;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.6;min-height:48px;min-width:120px;padding:14px 28px;transition:all .2s;transition:all var(--transition)}button:focus-visible{outline:3px solid var(--primary)}.btn-primary{background:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--border)}.grid-container{margin:20px auto;position:relative}.grid,.grid-container{max-width:100%}.grid{grid-gap:8px;grid-gap:var(--gap);background:#f4f0eb;background:var(--bg-secondary);border-radius:8px;display:grid;gap:8px;gap:var(--gap);padding:10px}.grid-3{grid-template-columns:repeat(3,88px);grid-template-columns:repeat(3,var(--cell-size))}.grid-4{grid-template-columns:repeat(4,88px);grid-template-columns:repeat(4,var(--cell-size))}.grid-5{grid-template-columns:repeat(5,88px);grid-template-columns:repeat(5,var(--cell-size))}@media (min-width:900px){:root{--cell-size:96px}}@media (min-width:1200px){:root{--cell-size:110px}}.cell{align-items:center;background:#f4f0eb;background:var(--bg-secondary);border:3px solid #e1e5ea;border:3px solid var(--border);border-radius:8px;cursor:pointer;display:flex;height:88px;height:var(--cell-size);justify-content:center;position:relative;transition:all .2s;transition:all var(--transition);width:88px;width:var(--cell-size)}.cell:hover:not(.preview-mode){border-color:#2563eb;border-color:var(--primary);transform:scale(1.05)}.cell.active{background:#2563eb;background:var(--primary);border-color:var(--primary-dark)}.cell.active:after{color:#fff;content:"✓";font-size:2rem;font-weight:700}.cell.preview-mode{cursor:not-allowed}.cell.correct-overlay{background:#16a34a1a;border:3px solid #10b981;border:3px solid var(--success)}.cell.incorrect-overlay{background:#dc26261a;border:3px solid #ef4444;border:3px solid var(--error)}.cell:focus-visible{outline:4px solid #2563eb;outline:4px solid var(--primary);outline-offset:2px;z-index:10}.countdown{align-items:center;color:#2563eb;color:var(--primary);display:flex;font-size:3rem;font-weight:700;justify-content:center;margin:20px 0;min-height:80px}.preview-bar{background:#fff9;border-radius:999px;box-shadow:0 1px 3px #2563eb40;height:8px;margin:6px auto 14px;max-width:560px;overflow:hidden;width:100%}.preview-bar-fill{background:linear-gradient(90deg,#2563eb,#0ea5e9);background:linear-gradient(90deg,var(--primary) 0,#0ea5e9 100%);border-radius:999px;height:100%;transition:width .12s linear}.replay-link{background:#0000;border:1px solid #2563eb59;border-radius:999px;color:#2563eb;display:block;font-size:13px;line-height:1;margin:8px auto 16px;padding:4px 10px}.replay-link:hover{background:#eff6ff}.controls-row{display:flex;gap:10px;justify-content:center;margin:8px 0 12px}.kb-badge{background:#eff6ff;border:1px solid #2563eb59;border-radius:10px;color:#0f172a;font-size:13px;padding:6px 10px}.kb-badge.active{box-shadow:inset 0 0 0 3px #2563eb59}.stars{color:#2563eb;color:var(--cta);font-size:3rem;margin:20px 0}.accuracy{color:#2563eb;color:var(--primary);font-size:2rem;font-weight:700;margin:10px 0}.summary{background:var(--bg-secondary)}.summary h3{color:var(--primary)}.summary-item{border-bottom:1px solid var(--border)}.grid-recall-scope .game-area .btn-primary{display:block;margin:16px auto}.settings{border-top:2px solid #e1e5ea;border-top:2px solid var(--border);margin-top:30px;padding-top:20px}.setting-item{align-items:center;display:flex;gap:10px;margin:10px 0}.setting-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.setting-item label{cursor:pointer;font-size:1rem}.instructions{background:#f4f0eb;background:var(--bg-secondary);border-radius:8px;color:#a1a79e;color:var(--text-secondary);font-size:.95rem;margin:20px 0;padding:15px}.instructions h3{color:#1f2937;color:var(--text);margin-bottom:10px}.instructions ul{list-style-position:inside;margin-left:10px}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}.flash{animation:flash .5s ease-in-out}@media (max-width:600px){:root{--cell-size:60px}h1{font-size:1.5rem}.status-bar{flex-direction:column;gap:10px}button{font-size:1rem;padding:10px 20px}}@media (prefers-contrast:high){:root{--primary:#0052cc;--border:#000}.cell{border-width:4px}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.grid-recall-scope .result-actions,.grid-recall-scope .summary{pointer-events:auto;position:relative;z-index:20}.trail-switch-container .game-title{color:#000!important;text-align:center;text-shadow:none!important}.trail-switch-container{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-size:18px;justify-content:flex-start;letter-spacing:.02em;line-height:1.6;margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:20px;position:relative;width:100%;word-spacing:.03em}.trail-switch-container .results,.trail-switch-container .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.trail-switch-container .controls,.trail-switch-container .result-actions,.trail-switch-container .result-stats,.trail-switch-container .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;width:100%}.trail-switch-menu{max-width:600px;position:relative;text-align:center;z-index:10}.trail-switch-container .menu-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;box-shadow:0 8px 32px #0000001a;position:relative;z-index:10}.trail-switch-container:before{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;bottom:0;content:"";filter:blur(.4px) brightness(1.2) contrast(1.3);left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.trail-switch-container.show-background:before{opacity:1}.trail-switch-container:after{background:linear-gradient(180deg,#0000001a,#0003);border-radius:24px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.trail-switch-container.show-background:after{opacity:1}.trail-switch-menu h2{color:#2563eb;font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:1.5em}.trail-switch-menu .instructions,.trail-switch-menu h2{font-family:Arial,Verdana,Calibri,sans-serif;letter-spacing:.02em}.trail-switch-menu .instructions{color:#1f2937;font-size:19px;line-height:1.6;margin-bottom:2em;word-spacing:.03em}.btn-next,.btn-restart,.btn-start{font-size:16px;padding:12px 24px}.trail-switch-header{align-items:center;background:#f5f6f4;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 1px 3px #344c3d1a;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:800px;padding:16px;position:relative;width:100%;z-index:2}.error-count,.pacing-info,.progress-info,.round-info{color:#2563eb;font-weight:600}.pacing-info{border-radius:4px;font-size:14px;padding:4px 8px}.pacing-info.on-pace{background:#e6e6fa;color:#829672}.pacing-info.behind{background:#f4f0eb;color:#f3b4a4}.target-label{background:#f3b4a4;border-radius:4px;color:#fff;font-weight:700;margin-left:8px;padding:4px 8px}.trail-switch-grid{grid-gap:12px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:grid;gap:12px;justify-items:center;margin:20px auto;max-width:700px;padding:30px;width:100%;z-index:1}.trail-node,.trail-switch-grid{align-items:center;justify-content:center;position:relative}.trail-node{background:#f4f0eb;border:2px solid #e1e5ea;border-radius:8px;box-sizing:border-box;color:#2563eb;cursor:pointer;display:flex;font-family:Arial,Verdana,Calibri,sans-serif;font-size:20px;font-weight:600;height:70px;letter-spacing:.02em;line-height:1.4;transition:all .2s ease;width:70px}.trail-node:hover{background:#eff6ff;border-color:#3b82f6}.trail-node:focus{outline:2px solid #3b82f6;outline-offset:2px}.trail-node.target{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 2px #10b98133;color:#047857}.trail-node.wrong{animation:shake .5s ease-in-out;background:#fef2f2;border-color:#ef4444;color:#dc2626}.trail-node.completed{background:#f3f4f6;border-color:#6b7280;color:#6b7280}.empty-cell{height:60px;visibility:hidden;width:60px}.sequence-guide{background:#f1f5f9;border-radius:8px;color:#475569;font-family:monospace;font-size:14px;margin-top:20px;padding:12px 16px}.result-message{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:20px}.stars-display{color:orange;font-size:2.2rem;margin:24px 0}.result-stats{margin:30px 0}.primary-stat{background:#f4f0eb;border:2px solid #2563eb;border-radius:12px;margin-bottom:24px;padding:20px}.primary-stat .stat-label{color:#64748b;font-family:Arial,Verdana,Calibri,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px}.primary-stat .stat-value{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}.secondary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.stat-item{background:#f5f6f4;border:1px solid #e1e5ea;border-radius:8px}.stat-item .stat-label{color:#64748b;font-family:Arial,Verdana,Calibri,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em}.stat-item .stat-value{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:1.1rem;font-weight:700}.result-actions{margin-top:32px}.trail-switch-container .result-actions,.trail-switch-container .summary{pointer-events:auto;position:relative;z-index:20}.practice-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.trail-switch-results,.trail-switch-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:32px;text-align:center}.trail-switch-results h2,.trail-switch-summary h2{color:#1e293b;margin-bottom:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (max-width:768px){.trail-switch-header{flex-direction:column;gap:8px;text-align:center}.trail-switch-grid{gap:8px;padding:16px}.trail-node{font-size:16px;height:50px;width:50px}.metrics{grid-template-columns:1fr}}.n-stream-container .game-title{color:#000!important;text-shadow:none!important}.n-stream-container .results,.n-stream-container .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.n-stream-container .controls,.n-stream-container .result-actions,.n-stream-container .result-stats,.n-stream-container .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;pointer-events:auto;position:relative;width:100%;z-index:20}.n-stream-container{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-size:18px;justify-content:flex-start;letter-spacing:.02em;line-height:1.6;margin:0 auto;max-width:1000px;min-height:600px;padding:20px;position:relative;width:100%;word-spacing:.03em}.n-stream-container:before{background-image:var(--bg-image);background-position:50%;background-size:cover;border-radius:24px;bottom:0;content:"";filter:blur(3px) brightness(1.1) contrast(1.3);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.n-stream-container.show-background:before{opacity:1}.n-stream-container:after{background:linear-gradient(180deg,#0000001a,#0003);border-radius:24px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.n-stream-container.show-background:after{opacity:1}.n-stream-container.show-background .menu-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;box-shadow:0 8px 32px #0000001a;position:relative;z-index:10}.n-stream-menu{background:#f5f6f4;border:2px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 6px #344c3d1a;max-width:600px;padding:32px;text-align:center}.n-stream-menu h2{color:#2563eb;font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:1.5em}.n-stream-menu .instructions,.n-stream-menu h2{font-family:Arial,Verdana,Calibri,sans-serif;letter-spacing:.02em}.n-stream-menu .instructions{color:#1f2937;font-size:19px;line-height:1.6;margin-bottom:2em;word-spacing:.03em}.n-stream-menu .instructions p{margin-bottom:1rem}.game-info{background:#f4f0eb;margin:16px 0;padding:16px}.game-info p{color:#1f2937;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;letter-spacing:.02em;line-height:1.6;margin:2em 0;word-spacing:.03em}.key-hints{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:20px 0}.key-hint{align-items:center;display:flex;flex-direction:column;gap:8px}.key-hint kbd{background:#2563eb;border-radius:8px;box-shadow:0 2px 4px #4d84cf4d;color:#fff;font-size:18px;font-weight:600;min-width:60px;padding:12px 16px;text-align:center}.key-hint span{color:#a1a79e;font-family:Arial,Verdana,Calibri,sans-serif;font-size:16px;font-weight:500;letter-spacing:.02em;line-height:1.6}.btn-next,.btn-restart,.btn-start{box-shadow:0 4px 12px #2563eb4d;letter-spacing:.02em;line-height:1.6}.btn-next:hover,.btn-restart:hover,.btn-start:hover{background:linear-gradient(140deg,#1d4ed8,#2563eb 36%,#0ea5e9);box-shadow:0 6px 20px #2563eb66}.n-stream-header{margin-bottom:20px;max-width:800px;width:100%}.game-info{align-items:center;background:#f5f6f4;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 1px 3px #344c3d1a;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 20px}.game-info span{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.6}.progress-bar{background:#e1e5ea;border-radius:4px;height:8px;width:100%}.progress-fill{background:linear-gradient(90deg,#2563eb,#87ceeb);transition:width .3s ease}.stimulus-area{align-items:center;background:#f5f6f4;border:2px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 6px #344c3d1a;display:flex;flex-direction:column;justify-content:center;margin:20px 0;max-width:600px;min-height:300px;padding:40px;width:100%}.visual-grid{grid-gap:8px;display:grid;gap:8px;margin:20px 0}.grid-cell{background:#f4f0eb;border:3px solid #e1e5ea;border-radius:8px;height:80px;width:80px}.grid-cell.active{background:#2563eb;border-color:#87ceeb;box-shadow:0 0 20px #4d84cf66;transform:scale(1.05)}.grid-cell.history{background:#e6e6fa;border-color:#a1a79e}.audio-display{margin:20px 0}.audio-display,.audio-indicator{align-items:center;display:flex;justify-content:center}.audio-indicator{background:#f4f0eb;border:4px solid #e1e5ea;border-radius:50%;color:#a1a79e;font-size:48px;height:120px;transition:all .2s ease;width:120px}.audio-indicator.playing{background:#f3b4a4;border-color:#87ceeb;box-shadow:0 0 20px #f3b4a480;color:#fff;transform:scale(1.05)}.controls-area{background:#f4f0eb;border:1px solid #e1e5ea;border-radius:8px;margin:20px 0;padding:20px}.dual-controls{align-items:center;gap:40px}.dual-controls,.single-control{display:flex;justify-content:center}.control-hint{align-items:center;display:flex;flex-direction:column;gap:8px}.control-hint kbd{background:#2563eb;border:2px solid #0000;border-radius:6px;box-shadow:0 2px 4px #4d84cf4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:50px;padding:10px 14px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.control-hint kbd:hover{background:#3d72b8;box-shadow:0 4px 8px #4d84cf66;transform:translateY(-1px)}.control-hint kbd:active{background:#2a5a9e;box-shadow:0 2px 4px #4d84cf4d;transform:translateY(0)}.control-hint kbd:focus{border-color:#2563eb;box-shadow:0 2px 4px #4d84cf4d,0 0 0 2px #14b8a64d;outline:none}@media (max-width:768px){.control-hint kbd{font-size:18px;min-width:54px;padding:12px 16px}}.control-hint span{color:#a1a79e;font-size:12px;font-weight:500}.n-stream-results,.n-stream-summary{background:#f5f6f4;border:2px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 6px #344c3d1a;max-width:500px;padding:32px;text-align:center;width:100%}.n-stream-results h2,.n-stream-summary h2{color:#2563eb;font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:1.5em}.n-stream-results h2,.n-stream-summary h2,.result-label{font-family:Arial,Verdana,Calibri,sans-serif;letter-spacing:.02em}.result-label{color:#829672;font-size:19px;line-height:1.6;margin-bottom:2em}.stars{color:#f3b4a4}.metrics{grid-template-columns:1fr 1fr}.metric{background:#f4f0eb;padding:12px}.metric-label{color:#a1a79e;line-height:1.6;margin-bottom:.5em}.metric-label,.metric-value{font-family:Arial,Verdana,Calibri,sans-serif}.metric-value{letter-spacing:.02em;line-height:1.4}.modality-stats{background:#f4f0eb;border:1px solid #e1e5ea;border-radius:8px;margin:16px 0;padding:16px}.modality-stats h4{color:#2563eb;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1em}.modality-stats h4,.stat-row{font-family:Arial,Verdana,Calibri,sans-serif;letter-spacing:.02em}.stat-row{color:#a1a79e;display:flex;font-size:16px;justify-content:space-between;line-height:1.6}.round-result .stars{font-size:2rem}.round-result .modality-section{background:#f4f0eb;border:1px solid #e1e5ea;border-radius:8px;margin:1.5rem 0;padding:1rem}.round-result .modality-section h4{color:#2563eb;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;text-align:center}.round-result .modality-metrics{display:flex;gap:1rem;justify-content:space-around}.round-result .modality-metric{align-items:center;display:flex;flex-direction:column;text-align:center}.round-result .modality-label{color:#a1a79e;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.round-result .modality-value{color:#2563eb;font-size:1.25rem;font-weight:700}.round-result .trial-review{margin:2rem 0 1.5rem}.round-result .trial-review h4{color:#2563eb;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.round-result .action-button{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9)}.round-result .action-button:hover:not(:disabled){background:linear-gradient(140deg,#1d4ed8,#2563eb 36%,#0ea5e9)}.btn-primary{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9)}.btn-primary:hover:not(:disabled){background:linear-gradient(140deg,#1d4ed8,#2563eb 36%,#0ea5e9)}.round-breakdown{margin:24px 0}.round-breakdown h3{color:#2563eb;margin-bottom:16px}.round-summary{align-items:center;background:#f4f0eb;border:1px solid #e1e5ea;border-radius:6px;display:flex;justify-content:space-between;margin:8px 0;padding:8px 12px}.live-region{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading{background:#f5f6f4f2;border:1px solid #e1e5ea;color:#a1a79e;padding:40px}@media (max-width:768px){.n-stream-container{padding:16px}.game-info{flex-direction:column;gap:8px;text-align:center}.key-hints{gap:16px}.dual-controls{gap:24px}.grid-cell{height:60px;width:60px}.audio-indicator{font-size:36px;height:100px;width:100px}.metrics{grid-template-columns:1fr}}.key-feedback{align-items:center;animation:keyPulse .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #2563eb;border-radius:12px;box-shadow:0 4px 16px #344c3d33;display:flex;gap:8px;padding:16px 20px;position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:1000}.key-feedback kbd{background:#2563eb;border-radius:6px;box-shadow:0 2px 4px #4d84cf4d;color:#fff;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;min-width:36px;padding:8px 12px;text-align:center}.modality-label{color:#a1a79e;font-size:14px;font-style:italic;font-weight:500}@keyframes keyPulse{0%{opacity:0;transform:translateY(-50%) scale(.9)}50%{transform:translateY(-50%) scale(1.02)}to{opacity:1;transform:translateY(-50%) scale(1)}}.trial-review{background:#f5f6f4cc;border:1px solid #e1e5ea;border-radius:12px;margin-top:24px;max-height:400px;overflow-y:auto;padding:20px}.trial-review h4{color:#2563eb;font-size:20px;margin-bottom:16px;text-align:center}.trial-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.trial-item{background:#fff;border:2px solid #e1e5ea;border-radius:8px;font-size:14px;padding:12px}.trial-number{color:#2563eb;font-size:16px;font-weight:600;margin-bottom:8px;text-align:center}.stimulus-info{background:#f4f0eb;border-radius:6px;margin-bottom:8px;padding:8px}.stimulus-type{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:4px}.stimulus-result{font-size:12px;font-weight:500}.stimulus-result.hit{color:#829672}.stimulus-result.false-alarm,.stimulus-result.miss{color:#f3b4a4}.stimulus-result.correct-rejection{color:#829672}.responses{border-top:1px solid #e1e5ea;margin-top:8px;padding-top:8px}.response{align-items:center;color:#1f2937;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.response kbd{background:#2563eb;border-radius:4px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.no-response{color:#a1a79e;font-size:12px;font-style:italic}@media (prefers-reduced-motion:reduce){.audio-indicator,.grid-cell,.progress-fill{transition:none}.audio-indicator.playing,.grid-cell.active{box-shadow:none;transform:none}.key-feedback{animation:none}@keyframes keyPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}}}.speed-scan-container .game-title{color:#000!important;text-shadow:none!important}.speed-scan-container .results,.speed-scan-container .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.speed-scan-container .controls,.speed-scan-container .result-actions,.speed-scan-container .result-stats,.speed-scan-container .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;position:relative;width:100%;z-index:20}.speed-scan-container{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-size:18px;justify-content:flex-start;letter-spacing:.02em;line-height:1.6;margin:0 auto;max-width:1200px;min-height:600px;padding:20px;position:relative;width:100%;word-spacing:.03em}.speed-scan-container:before{background-image:var(--bg-image);background-position:50%;background-size:cover;border-radius:24px;bottom:0;content:"";filter:blur(3px) brightness(1.1) contrast(1.3);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.speed-scan-container.show-background:before{opacity:1}.speed-scan-container:after{background:linear-gradient(180deg,#0000001a,#0003);border-radius:24px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.speed-scan-container.show-background:after{opacity:1}.speed-scan-container.show-background .menu-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;box-shadow:0 8px 32px #0000001a;position:relative;z-index:10}.speed-scan-menu{max-width:600px;text-align:center}.speed-scan-menu h2{color:#2563eb;font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:1.5em}.speed-scan-menu .instructions,.speed-scan-menu h2{font-family:Arial,Verdana,Calibri,sans-serif;letter-spacing:.02em}.speed-scan-menu .instructions{color:#1f2937;font-size:19px;line-height:1.6;margin-bottom:2em;text-align:left;word-spacing:.03em}.speed-scan-menu ul{margin:16px 0;padding-left:24px}.speed-scan-menu li{color:#1f2937;font-size:18px;margin-bottom:8px}.btn-next,.btn-restart,.btn-start{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:none;border-radius:8px;box-shadow:0 4px 12px #f3b4a44d;color:#fff;cursor:pointer;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;min-height:48px;padding:14px 28px;transition:all .2s}.btn-next:hover,.btn-restart:hover,.btn-start:hover{background:#a1a79e;box-shadow:0 6px 20px #a1a79e66;transform:translateY(-2px)}.speed-scan-header{align-items:center;background:#f5f6f4;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 1px 3px #344c3d1a;display:flex;justify-content:space-between;margin-bottom:20px;max-width:800px;padding:16px;position:relative;width:100%;z-index:2}.performance-info,.progress-info,.trial-info{color:#2563eb;font-size:18px;font-weight:600}.speed-scan-viewport{background:#fff;border:3px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 6px #0000001a;height:600px;margin:20px 0;overflow:hidden;position:relative;width:600px}.fixation-cross{color:#2563eb;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.stimulus-layer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.target-stimulus{background:#2563eb;border:2px solid #2563eb;border-radius:4px;font-size:20px;font-weight:700;height:40px;width:40px;z-index:6}.distractor-stimulus,.target-stimulus{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute}.distractor-stimulus{background:#a1a79e;border:1px solid #829672;border-radius:4px;font-size:16px;height:32px;width:32px;z-index:5}.stimulus-shape{fill:currentColor;height:100%;width:100%}.mask-layer{background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 5px,#e0e0e0 0,#e0e0e0 10px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:15}.response-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.response-btn{background:#2563eb;border:none;border-radius:8px;box-shadow:0 4px 12px #4d84cf4d;color:#fff;cursor:pointer;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;min-height:56px;min-width:120px;padding:16px 32px;transition:all .2s}.response-btn:hover{background:#87ceeb;box-shadow:0 6px 20px #87ceeb66;transform:translateY(-2px)}.response-btn.selected{background:#829672;box-shadow:0 0 0 3px #8296724d}.phase-indicator{background:#37245ccc;border-radius:20px;font-size:14px;padding:8px 16px;right:10px;top:10px;z-index:20}.phase-indicator,.timeout-warning{color:#fff;font-weight:600;position:absolute}.timeout-warning{background:#f3b4a4f2;border-radius:12px;box-shadow:0 8px 32px #f3b4a466;font-size:20px;left:50%;padding:20px 32px;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:25}.speed-scan-results,.speed-scan-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:32px;text-align:center}.speed-scan-results h2,.speed-scan-summary h2{color:#2563eb;font-size:2rem;margin-bottom:1rem}.result-label{color:#059669;font-size:20px;font-weight:600;margin-bottom:16px}.stars{font-size:32px;margin:16px 0}.metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 0}.metric{background:#f5f6f4;border:1px solid #e1e5ea;border-radius:8px;display:flex;flex-direction:column;padding:16px}.metric-label{font-size:16px;margin-bottom:8px}.metric-value{color:#2563eb;font-size:24px}.trial-breakdown{border:1px solid #e1e5ea;border-radius:8px;margin:24px 0;max-height:400px;overflow-y:auto}.trial-breakdown h3{background:#f5f6f4;border-bottom:1px solid #e1e5ea;color:#2563eb;margin:0;padding:16px}.trial-item{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;font-size:16px;justify-content:space-between;padding:12px 16px}.trial-item:last-child{border-bottom:none}.trial-item.correct{background:#10b9811a;border-left:4px solid #10b981}.trial-item.incorrect{background:#ef44441a;border-left:4px solid #ef4444}.trial-item.timeout{background:#f59e0b1a;border-left:4px solid #f59e0b}.trial-status{border-radius:4px;font-size:14px;font-weight:600;padding:4px 8px}.trial-status.correct{background:#10b981;color:#fff}.trial-status.incorrect{background:#ef4444;color:#fff}.trial-status.timeout{background:#f59e0b;color:#fff}.keyboard-hint{background:#f4f0eb;border-radius:6px;color:#64748b;font-size:16px;margin-top:16px;padding:12px;text-align:center}.loading-spinner{align-items:center;color:#a1a79e;display:flex;font-size:18px;justify-content:center;padding:40px}.pulse{animation:pulse 1s infinite}@media (max-width:768px){.speed-scan-container{padding:16px}.speed-scan-header{flex-direction:column;gap:12px;text-align:center}.speed-scan-viewport{height:90vw;max-height:400px;max-width:400px;width:90vw}.target-stimulus{font-size:16px;height:32px;width:32px}.distractor-stimulus{font-size:12px;height:24px;width:24px}.response-buttons{align-items:center;flex-direction:column}.response-btn{font-size:16px;min-height:52px;padding:14px 24px;width:200px}.metrics{grid-template-columns:1fr}.speed-scan-menu .instructions{font-size:16px;text-align:center}}@media (max-width:480px){.speed-scan-viewport{height:85vw;max-height:320px;max-width:320px;width:85vw}.target-stimulus{font-size:14px;height:28px;width:28px}.distractor-stimulus{font-size:10px;height:20px;width:20px}.fixation-cross{font-size:24px}}@media (prefers-contrast:high){.speed-scan-viewport{border-color:#000;border-width:4px}.target-stimulus{background:navy;border-color:#000;border-width:3px}.distractor-stimulus{background:#404040;border-color:#000;border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-next:hover,.btn-restart:hover,.btn-start:hover,.response-btn:hover{transform:none}}.word-sprint-container .game-title{color:#000!important;text-shadow:none!important}.word-sprint-container .results,.word-sprint-container .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.word-sprint-container .controls,.word-sprint-container .result-actions,.word-sprint-container .result-stats,.word-sprint-container .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;width:100%}.word-sprint-container{align-items:center;background:#0000;border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-size:18px;justify-content:flex-start;letter-spacing:.02em;line-height:1.6;margin:0 auto;max-width:1200px;min-height:600px;overflow:hidden;padding:20px;position:relative;width:100%;word-spacing:.03em}.word-sprint-container:before{background-image:var(--bg-image);background-position:50%;background-size:cover;border-radius:24px;bottom:0;content:"";filter:blur(3px) brightness(1.1) contrast(1.3);left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.word-sprint-container.show-background:before{opacity:1}.word-sprint-container:after{background:linear-gradient(180deg,#0000001a,#0003);border-radius:24px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.word-sprint-container.show-background:after{opacity:1}.word-sprint-container.show-background>*{position:relative;z-index:1}.word-sprint-container.show-background .menu-card,.word-sprint-container.show-background .results,.word-sprint-container.show-background .round-result{pointer-events:auto;position:relative;z-index:20}\n

.loading{align-items:center;background:#ffffffe6;border-radius:12px;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center;padding:40px}.instructions-card,.menu-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.round-info{color:#666;color:var(--text-secondary,#666);font-size:1.1em;margin:20px 0}.button-group{gap:16px;margin-top:30px}.cta-button{background:#4f46e5;background:var(--primary-color,#4f46e5);padding:12px 24px}.cta-button:hover{background:#3730a3;background:var(--primary-dark,#3730a3);transform:translateY(-1px)}.cta-button.secondary{background:#0000;border:2px solid #4f46e5;border:2px solid var(--primary-color,#4f46e5);color:#4f46e5;color:var(--primary-color,#4f46e5)}.cta-button.secondary:hover{background:#4f46e5;background:var(--primary-color,#4f46e5);color:#fff}.game-header{background:#ffffffe6;border-radius:12px;margin-bottom:20px;padding:20px}.timer-section{align-items:center;display:flex;flex-direction:column;min-width:120px}.timer{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:2em;font-weight:700;margin-bottom:8px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:100px}.progress-fill{background:#4f46e5;background:var(--primary-color,#4f46e5);height:100%;transition:width 1s linear}.stats{align-items:center;display:flex;gap:20px}.stats span{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.streak{background:#0596691a;border-radius:4px;color:#059669!important;color:var(--success-color,#059669)!important;padding:4px 8px}.prompt-card{background:#fffffff2;border-radius:12px;margin-bottom:20px;padding:24px;text-align:center;width:100%}.primary-constraint{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:1.5em;font-weight:700;margin-bottom:12px}.constraint-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.badge{background:#f1f5f9;background:var(--secondary-color,#f1f5f9);border-radius:16px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9em;font-weight:500;padding:4px 12px}.key-reminder{color:#666;color:var(--text-secondary,#666);font-size:.9em}.input-section{margin:20px 0;text-align:center}.word-input{border:2px solid #d1d5db;border-radius:8px;font-size:1.2em;max-width:400px;padding:12px 20px;text-align:center;transition:border-color .2s ease;width:100%}.word-input:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);outline:none}.feedback{font-size:.9em;font-weight:600;margin-top:8px}.feedback.valid{color:#059669;color:var(--success-color,#059669)}.feedback.invalid{color:#dc2626;color:var(--error-color,#dc2626)}.words-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0;min-height:60px}.word-chip{align-items:center;animation:chipAppear .3s ease;background:#4f46e5;background:var(--primary-color,#4f46e5);border-radius:20px;color:#fff;display:flex;font-size:.9em;font-weight:500;gap:6px;padding:6px 12px}@keyframes chipAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.word-points{font-size:.8em;opacity:.8}.gameplay-instructions{background:#fffffff2;border-radius:12px;margin-top:20px;padding:20px;width:100%}.instructions-header{margin-bottom:16px;text-align:center}.instructions-header h4{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:1.1em;margin:0}.instructions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.instruction-item{background:#f8fafc;border-left:3px solid #4f46e5;border-left:3px solid var(--primary-color,#4f46e5);border-radius:6px;font-size:.9em;gap:8px;padding:8px}.instruction-icon{font-size:1.1em;text-align:center}.instruction-item kbd{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:3px;font-size:.85em;padding:2px 4px}.challenge-reminder{background:#4f46e5;background:var(--primary-color,#4f46e5);border-radius:8px;color:#fff;font-size:1em;padding:12px;text-align:center}.menu-gameplay-instructions{background:#f8fafccc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.static-instructions{grid-gap:8px;border-bottom:1px solid #e2e8f0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-bottom:16px}.dynamic-rules{margin-top:16px}.rules-header h4{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:1em;margin:0 0 12px;text-align:center}.challenge-preview{background:#4d84cf1a;border:1px solid #4d84cf33;border-radius:8px;color:#1f2937!important;font-size:.95em;margin-bottom:16px;padding:12px;text-align:center}.constraints-list{background:#f8fafc;border-radius:8px;padding:12px}.constraint-item{align-items:center;font-size:.9em;gap:8px;margin:4px 0}.constraint-icon{color:#4f46e5;color:var(--primary-color,#4f46e5)}.time-scoring{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.rule-item{background:#f1f5f9;border-radius:6px;font-size:.9em;padding:8px}.rule-icon{font-size:1em}.special-rules{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:12px;padding:12px}.special-rules h5{color:#dc2626;font-size:.9em;margin:0 0 8px}.special-rule-item{color:#dc2626;font-size:.9em;font-weight:600;margin:4px 0}.rounds-table{margin:20px 0}.rounds-table table{font-family:Arial,Verdana,Calibri,sans-serif;font-size:16px}.rounds-table td,.rounds-table th{border-bottom:1px solid #e1e5ea}.rounds-table th{background:#e1e5ea;color:#1f2937}.rounds-table td{color:#1f2937}.word-sprint-container .result-actions,.word-sprint-container .summary{pointer-events:auto;position:relative;z-index:20}.round-result .words-summary{background:#f8f9fa;border:1px solid #e1e5ea;border-radius:12px;margin:24px 0;padding:20px;text-align:left}.result-card{background:#fffffff2;border-radius:16px}.result-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:20px 0}.stat-item{flex-direction:column;gap:4px}.stat-label{color:#666;color:var(--text-secondary,#666);font-size:.9em}.stat-value{color:#4f46e5;color:var(--primary-color,#4f46e5);font-size:1.5em}.words-summary{margin:30px 0;text-align:left}.words-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.summary-word{background:#f1f5f9;border-radius:4px;font-size:.9em;padding:4px 8px}.more-words{color:#666;color:var(--text-secondary,#666);font-style:italic}.rounds-table{margin:30px 0}.rounds-table table{border-collapse:collapse;margin:10px 0;width:100%}.rounds-table td,.rounds-table th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:center}.rounds-table th{background:#f9fafb;font-weight:600}@media (max-width:640px){.word-sprint-container{padding:12px}.game-header{flex-direction:column;gap:16px}.stats{flex-wrap:wrap;gap:12px;justify-content:center}.button-group{flex-direction:column}.instructions-grid{gap:8px;grid-template-columns:1fr}.instruction-item{font-size:.85em;padding:6px}.gameplay-instructions{margin-top:16px;padding:16px}}:root{--header-height:64px;--stage-size:640px;--stage-size-mobile:90vw;--legend-height:60px;--primary-text:#1f2937;--secondary-text:#1f2937;--light-background:#fafafa;--border-color:#ddd;--success-border:#0a7;--error-border:#c22;--keycap-border:#ccc;--stage-border-idle:1px solid var(--border-color);--stage-border-success:2px solid var(--success-border);--stage-border-error:2px solid var(--error-border)}.inhibit-container .game-title{color:#000!important;text-shadow:none!important}.inhibit-container .results,.inhibit-container .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.inhibit-container .controls,.inhibit-container .result-actions,.inhibit-container .result-stats,.inhibit-container .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;width:100%}.inhibit-container{align-items:center;background:#0000;border-radius:24px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:600px;overflow:hidden;padding:20px;position:relative;width:100%}.inhibit-container:before{background-image:var(--bg-image);background-position:50%;background-size:cover;border-radius:24px;bottom:0;content:"";filter:blur(1.4px) brightness(1.1) contrast(1.3);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.inhibit-container.show-background:before{opacity:1}.inhibit-container:after{background:linear-gradient(180deg,#0000001a,#0003);border-radius:24px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out;z-index:0}.inhibit-container.show-background:after{opacity:1}.inhibit-container.show-background>*{position:relative;z-index:1}.inhibit-container.show-background .menu-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;box-shadow:0 8px 32px #0000001a}.game-header{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);height:var(--header-height);max-width:800px;padding:0 20px}.game-title{color:#1f2937;color:var(--primary-text);font-weight:500}.header-metrics{gap:24px}.metric-value{color:#1f2937;color:var(--primary-text);font-size:18px;font-weight:600}.help-button,.metric-label{color:#1f2937;color:var(--secondary-text)}.help-button{border:1px solid #ccc;border:1px solid var(--keycap-border);border-radius:6px;font-size:14px;height:32px;width:32px}.stage-panel{align-items:center;background:#fafafa;background:var(--light-background);border:1px solid #ddd;border:var(--stage-border-idle);border-radius:16px;box-shadow:inset 0 2px 4px #0000000d;display:flex;height:min(640px,90vw);height:min(var(--stage-size),var(--stage-size-mobile));justify-content:center;max-height:720px;max-width:720px;position:relative;transition:border .15s ease;width:min(640px,90vw);width:min(var(--stage-size),var(--stage-size-mobile))}.stage-panel.success{border:2px solid #0a7;border:var(--stage-border-success)}.stage-panel.error{border:2px solid #c22;border:var(--stage-border-error)}.fixation-cross{color:#1f2937;color:var(--primary-text);font-size:32px;font-weight:400}.fixation-cross,.gonogo-stimulus{-webkit-user-select:none;user-select:none}.gonogo-stimulus{align-items:center;display:flex;flex-direction:column;gap:12px}.stimulus-circle{align-items:center;border-radius:50%;display:flex;font-size:48px;height:140px;justify-content:center;position:relative;width:140px}.stimulus-circle.go{background:#222;border:2px solid #fff;color:#fff}.stimulus-circle.nogo{background:#0000;border:6px solid #222;color:#222}.stimulus-label{color:#1f2937;color:var(--primary-text);font-size:18px;font-weight:700;letter-spacing:1px}.stroop-stimulus{align-items:center;display:flex;flex-direction:column;gap:0;-webkit-user-select:none;user-select:none}.stroop-word{font-size:96px;font-weight:700;line-height:1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.stroop-word.red{color:#dc2626}.stroop-word.green{color:#16a34a}.stroop-word.blue{color:#2563eb}.stroop-word.yellow{color:#ca8a04}.legend-row{align-items:center;background:#0000;display:flex;height:60px;height:var(--legend-height);justify-content:space-between;margin-top:8px;max-width:720px;padding:12px 20px;width:min(640px,90vw);width:min(var(--stage-size),var(--stage-size-mobile))}.legend-instruction{color:#1f2937;color:var(--secondary-text);font-size:14px;line-height:1.4}.legend-keys{gap:12px}.legend-keys,.space-key{align-items:center;display:flex}.space-key{background:#fff;border:1px solid #ccc;border:1px solid var(--keycap-border);border-radius:6px;color:#1f2937;color:var(--primary-text);font-size:14px;font-weight:500;min-height:32px;padding:6px 12px}.stroop-keys{gap:12px}.key-legend-item,.stroop-keys{align-items:center;display:flex}.key-legend-item{font-size:14px;font-weight:500;gap:6px}.color-dot{border:1px solid #0003;border-radius:50%;height:10px;width:10px}.color-dot.red{background:#dc2626}.color-dot.green{background:#16a34a}.color-dot.blue{background:#2563eb}.color-dot.yellow{background:#ca8a04}.key-cap{background:#fff;border:1px solid #ccc;border:1px solid var(--keycap-border);border-radius:4px;font-size:12px;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.color-name{color:#1f2937;color:var(--primary-text)}.touch-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.touch-button{align-items:center;background:#fff;border:1px solid #ccc;border:1px solid var(--keycap-border);border-radius:8px;color:#1f2937;color:var(--primary-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-height:44px;min-width:44px;padding:8px 16px}.touch-button:hover{background:#f5f5f5}.menu-card{border-radius:20px;margin:20px}.menu-card h2{color:#1f2937;color:var(--primary-text);font-size:24px;font-weight:600;text-align:center}.instructions{color:#1f2937;color:var(--secondary-text);line-height:1.5;margin-bottom:20px;text-align:center}.round-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffffff4d;border-radius:8px;color:#1f2937;color:var(--primary-text);font-weight:500;margin:16px 0;padding:12px;text-align:center}.menu-gameplay-instructions{margin-bottom:24px}.instructions-header h4{color:#1f2937;color:var(--primary-text);font-size:18px;margin-bottom:16px}.static-instructions{margin-bottom:20px}.instruction-item{align-items:center;display:flex;font-size:14px;gap:12px;line-height:1.4;padding:6px 0}.instruction-icon{font-size:16px;min-width:20px}.instruction-item kbd{background:#1f2937;background:var(--primary-text);border-radius:4px;color:#fff;font-family:monospace;font-size:12px;font-weight:600;padding:4px 8px}.visual-guide{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-around;margin:20px 0;padding:16px}.stimulus-example{flex-direction:column;font-size:12px;font-weight:500;gap:8px}.go-example,.stimulus-example{align-items:center;display:flex}.go-example{background:#222;border:2px solid #fff;border-radius:50%;color:#fff}.go-example,.nogo-example{font-size:20px;height:48px;justify-content:center;width:48px}.nogo-example{align-items:center;background:#0000;border:4px solid #222;border-radius:50%;color:#222;display:flex}.keymap-guide{grid-gap:8px;background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:16px 0;padding:16px}.key-mapping{align-items:center;background:#fafafa;background:var(--light-background);border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 8px}.key-mapping kbd{background:#1f2937;background:var(--primary-text);border-radius:3px;color:#fff;font-family:monospace;font-size:11px;padding:3px 6px}.dynamic-rules{background:#fafafa;background:var(--light-background);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.rules-header h4{color:#1f2937;color:var(--primary-text);font-size:16px;margin-bottom:12px}.challenge-preview{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;font-size:14px;margin-bottom:12px;padding:10px}.challenge-preview strong{color:#1f2937;color:var(--primary-text)}.constraints-list{margin-bottom:12px}.constraint-item{align-items:flex-start;display:flex;font-size:13px;gap:6px;padding:2px 0}.constraint-icon{color:#1f2937;color:var(--secondary-text);font-weight:700;margin-top:2px;min-width:10px}.time-scoring{display:flex;flex-direction:column;gap:6px}.rule-item{align-items:center;background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:12px;gap:6px;padding:6px 8px}.rule-icon{font-size:12px;min-width:14px}.special-rules{background:#fffc;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;padding:10px}.special-rules h5{color:#1f2937;color:var(--primary-text);font-size:14px;margin-bottom:6px}.special-rule-item{color:#1f2937;color:var(--secondary-text);font-size:12px;font-style:italic;line-height:1.3}.button-group{display:flex;justify-content:center;margin-top:20px}.cta-button{background:#1f2937;background:var(--primary-text);border:none;border-radius:8px;min-width:160px;transition:all .2s ease}.cta-button:hover:not(:disabled){background:#333;transform:translateY(-1px)}.result-card{border:none;border-radius:20px;box-shadow:0 8px 32px #00000026;max-width:500px;padding:32px}.result-card h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:20px}.stars-display{font-size:32px;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.result-stats{margin-bottom:24px}.round-result{background:#fff;border:1px solid #e1e5ea;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:40px}.round-result h2{color:#2563eb;font-size:1.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:12px}.round-result .result-message,.round-result h2{font-family:Arial,Verdana,Calibri,sans-serif;line-height:1.4}.round-result .result-message{font-size:1.3rem;margin-bottom:20px}.round-result .stars-display{color:orange;font-size:2.2rem;letter-spacing:4px;margin:24px 0}.round-result .result-stats{margin:30px 0}.round-result .primary-stat{background:#f4f0eb;border:2px solid #2563eb;border-radius:12px;margin-bottom:24px;padding:20px}.round-result .primary-stat .stat-label{color:#64748b;font-family:Arial,Verdana,Calibri,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px}.round-result .primary-stat .stat-value{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:2.5rem;font-weight:700;line-height:1}.round-result .secondary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.round-result .stat-item{align-items:center;background:#f5f6f4;border:1px solid #e1e5ea;border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px}.round-result .stat-item .stat-label{color:#64748b;font-family:Arial,Verdana,Calibri,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em}.round-result .stat-item .stat-value{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:1.1rem;font-weight:700}.round-result .result-actions{margin-top:32px}.stat-item{background:#fff3;border:1px solid #ffffff4d;border-radius:10px;padding:12px 16px}.stat-item.primary{border:1px solid #fff6}.stat-label{color:#ffffffe6}.stat-value{color:#fff;font-size:16px;font-weight:600}.stat-item.primary .stat-label,.stat-item.primary .stat-value{color:#fff}.result-actions{gap:12px}.next-button{background:#4caf50cc;border:2px solid #4caf5080;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.next-button:hover{background:#4caf50}.session-totals{grid-gap:12px;gap:12px;margin-bottom:24px}.total-item{background:#fff3;border:1px solid #ffffff4d;padding:16px}.total-label{color:#ffffffe6;margin-bottom:4px}.total-value{color:#fff;font-size:20px;font-weight:600}.loading{color:#1f2937;color:var(--secondary-text);min-height:200px}@media (max-width:768px){:root{--stage-size:85vw}.inhibit-container{padding:16px}.game-header{height:56px;padding:0 16px}.game-title{font-size:16px}.header-metrics{gap:16px}.metric-value{font-size:16px}.metric-label{font-size:11px}.stimulus-circle{font-size:36px;height:110px;width:110px}.stroop-word{font-size:60px}.legend-row{height:48px;padding:8px 16px}.legend-instruction{font-size:12px}.stroop-keys{gap:8px}.key-legend-item{font-size:12px}.touch-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.menu-card,.result-card,.summary-card{margin:12px;padding:24px}.keymap-guide,.session-totals{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.inhibit-container[tabindex="0"]:focus-visible,button:focus-visible{outline:2px solid #1f2937;outline:2px solid var(--primary-text);outline-offset:2px}@media (prefers-contrast:high){.stimulus-circle.go{background:#000;border:3px solid #fff;color:#fff}.stimulus-circle.nogo{background:#fff;border:6px solid #000;color:#000}}.inhibit-container .result-actions,.inhibit-container .summary{pointer-events:auto;position:relative;z-index:20}:root{--pp-header-height:64px;--pp-controls-width:280px;--pp-controls-width-mobile:100%;--pp-grid-size:min(60vh,60vw);--pp-grid-size-mobile:85vw;--pp-cell-size:48px;--pp-cell-size-mobile:44px;--pp-primary:#4f46e5;--pp-primary-dark:#3730a3;--pp-success:#10b981;--pp-danger:#ef4444;--pp-warning:#f59e0b;--pp-secondary:#6b7280;--pp-text:#111827;--pp-text-light:#6b7280;--pp-bg:#f8fafc;--pp-surface:#fff;--pp-border:#e5e7eb;--pp-border-focus:#3730a3;--pp-wall:#374151;--pp-start:#10b981;--pp-goal:#f59e0b;--pp-collectable:#eab308;--pp-path:#4f46e54d;--pp-path-border:#4f46e5;--pp-player:#dc2626}.pathplanner-container .game-title{color:#000!important;text-shadow:none!important}.pathplanner-container .results,.pathplanner-container .round-result{margin:0 auto;max-width:600px;text-align:center;width:100%}.pathplanner-container .controls,.pathplanner-container .result-actions,.pathplanner-container .result-stats,.pathplanner-container .summary{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:500px;pointer-events:auto;position:relative;width:100%;z-index:20}.pathplanner-container{align-items:center;background:#0000;border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:flex-start;margin:0 auto;max-width:1200px;min-height:640px;overflow:hidden;padding:24px;position:relative;width:100%}.pathplanner-container:before{background-image:var(--bg-image);background-position:50%;background-size:cover;filter:blur(4px) brightness(1.08) saturate(1.05)}.pathplanner-container:after,.pathplanner-container:before{content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s ease-in-out;z-index:0}.pathplanner-container:after{background:linear-gradient(180deg,#0f172a1f,#0f172a47)}.pathplanner-container.show-background:after,.pathplanner-container.show-background:before{opacity:1}.pathplanner-container>*{position:relative;z-index:1}.pathplanner-container.show-background .menu-card,.pathplanner-container.show-background .results,.pathplanner-container.show-background .round-result{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 20px 45px #0f172a40}.pathplanner-container.show-background .button-group .cta-button{box-shadow:0 14px 28px #4f46e559}.game-header{align-items:center;background:#fff;background:var(--pp-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pp-border);border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a;display:flex;height:64px;height:var(--pp-header-height);justify-content:space-between;margin-bottom:0;max-width:1200px;padding:0 24px;position:relative;width:100%;z-index:10}.game-title{color:#111827;color:var(--pp-text);font-size:18px;font-weight:600;margin:0}.pathplanner-container .game-title{font-size:0}.pathplanner-container .game-title:after{color:#111827;color:var(--pp-text);content:attr(data-base) " - Week " attr(data-week) " | Round " attr(data-round);font-size:18px;font-weight:600}.header-metrics{gap:32px}.header-metrics,.metric-chip{align-items:center;display:flex}.metric-chip{flex-direction:column;gap:2px}.metric-value{color:#111827;color:var(--pp-text);font-size:20px;font-weight:700;line-height:1}.metric-label{color:#6b7280;color:var(--pp-text-light);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-controls{gap:12px}.header-controls,.help-button{align-items:center;display:flex}.help-button{background:#fff;background:var(--pp-surface);border:1px solid #e5e7eb;border:1px solid var(--pp-border);border-radius:8px;color:#6b7280;color:var(--pp-text-light);cursor:pointer;font-size:16px;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.help-button:hover{border-color:#4f46e5;border-color:var(--pp-primary);color:#4f46e5;color:var(--pp-primary)}.game-content{align-items:flex-start;display:flex;gap:24px;max-width:1200px;width:100%}.controls-panel{background:#fff;background:var(--pp-surface);border:1px solid #e5e7eb;border:1px solid var(--pp-border);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;width:280px;width:var(--pp-controls-width)}.grid-container{align-items:center;display:flex;flex:1 1;justify-content:center}.limits-info{background:#f8fafc;background:var(--pp-bg);border:1px solid #e5e7eb;border:1px solid var(--pp-border);border-radius:8px;margin-bottom:24px;padding:16px}.limit{color:#111827;color:var(--pp-text);font-size:14px;font-weight:500;margin-bottom:4px}.limit:last-child{margin-bottom:0}.direction-controls{flex-direction:column;margin-bottom:24px}.direction-controls,.middle-row{align-items:center;display:flex;gap:8px}.dir-btn{align-items:center;background:#fff;background:var(--pp-surface);border:2px solid #4f46e5;border:2px solid var(--pp-primary);border-radius:8px;color:#4f46e5;color:var(--pp-primary);cursor:pointer;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:48px}.dir-btn:hover{background:#4f46e5;background:var(--pp-primary);color:#fff;transform:translateY(-1px)}.dir-btn:active{transform:translateY(0)}.dir-btn:disabled{background:#e5e7eb;background:var(--pp-border);border-color:#e5e7eb;border-color:var(--pp-border);color:#6b7280;color:var(--pp-text-light);cursor:not-allowed;opacity:.4;pointer-events:none}.action-controls{display:flex;flex-direction:column;gap:12px}.control-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease}.control-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.clear-btn,.undo-btn{background:#fff;background:var(--pp-surface);border:2px solid #6b7280;border:2px solid var(--pp-secondary);color:#6b7280;color:var(--pp-secondary)}.clear-btn:hover,.undo-btn:hover{background:#6b7280;background:var(--pp-secondary);color:#fff}.run-btn{background:#10b981;background:var(--pp-success);border:2px solid #10b981;border:2px solid var(--pp-success);color:#fff;font-size:16px;padding:14px 16px}.run-btn:hover{background:#059669;border-color:#059669;transform:translateY(-1px)}.game-grid{grid-gap:2px;background:#e5e7eb;background:var(--pp-border);border:2px solid #e5e7eb;border:2px solid var(--pp-border);border-radius:12px;box-shadow:0 8px 24px #0000001a;display:grid;gap:2px;height:min(60vh,60vw);height:var(--pp-grid-size);padding:8px;width:min(60vh,60vw);width:var(--pp-grid-size)}.grid-cell{align-items:center;background:#fff;background:var(--pp-surface);border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:48px;min-height:var(--pp-cell-size);min-width:48px;min-width:var(--pp-cell-size);position:relative;transition:all .2s ease}.grid-cell:hover{background:#f8fafc;background:var(--pp-bg)}.grid-cell:focus{outline:2px solid #3730a3;outline:2px solid var(--pp-border-focus);outline-offset:-2px}.grid-cell.wall{background:#374151;background:var(--pp-wall)}.grid-cell.start{background:#10b9811a;border:2px solid #10b981;border:2px solid var(--pp-start)}.grid-cell.goal{background:#f59e0b1a;border:2px solid #f59e0b;border:2px solid var(--pp-goal)}.grid-cell.collectable{background:#eab3081a}.grid-cell.one_way{background:#8b45131a;border:2px solid #8b4513}.grid-cell.has-player{box-shadow:0 0 0 3px #dc2626,0 0 12px #dc262666;box-shadow:0 0 0 3px var(--pp-player),0 0 12px #dc262666}.tile-icon{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;position:relative;z-index:2}.start-icon{background:#fff;background:var(--pp-surface);border:2px solid #10b981;border:2px solid var(--pp-start);border-radius:50%;color:#10b981;color:var(--pp-start);height:24px;width:24px}.goal-icon{font-size:16px}.wall-icon{color:#fff;font-size:20px}.collectable-icon{color:#eab308;color:var(--pp-collectable);font-size:16px;text-shadow:0 1px 2px #0000004d}.tile-icon.goal-icon:before{content:"🏁";font-size:18px}.tile-icon.wall-icon:before{color:#fff;content:"■";font-size:20px}.tile-icon.collectable-icon:before{content:"★"}.player-avatar:before{color:#dc2626;color:var(--pp-player);content:"●";font-size:18px}.oneway-icon{color:#8b4513;font-size:16px;font-weight:900}.path-arrow{align-items:center;background:#4f46e54d;background:var(--pp-path);border:2px solid #4f46e5;border:2px solid var(--pp-path-border);border-radius:4px;bottom:0;color:#4f46e5;color:var(--pp-primary);display:flex;font-size:14px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.step-number{background:#4f46e5;background:var(--pp-primary);font-size:10px;height:14px;line-height:1;right:2px;top:2px;width:14px}.player-avatar,.step-number{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute}.player-avatar{animation:pulse 2s infinite;background:#dc2626;background:var(--pp-player);box-shadow:0 2px 6px #dc262666;font-size:12px;height:16px;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;z-index:5}.menu-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40!important;border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 8px 32px #0000001a;color:#fff;max-width:600px;padding:40px;position:relative;text-align:center;width:100%;z-index:10}.menu-card h2{font-size:28px;font-weight:700;margin-bottom:16px}.instructions{font-size:16px;line-height:1.6;margin-bottom:24px;opacity:.95}.round-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;font-weight:600;margin:24px 0;padding:12px 20px}.button-group{margin-top:32px}.cta-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:180px;padding:16px 32px;transition:all .3s ease}.cta-button:hover:not(:disabled){background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.cta-button:disabled{cursor:not-allowed;opacity:.6}.round-result{background:#f5f6f4;border:2px solid #e1e5ea;border-radius:12px;box-shadow:0 4px 6px #344c3d1a;font-family:Arial,Verdana,Calibri,sans-serif;max-width:600px;padding:32px;text-align:center;width:100%}.round-result .result-header h2{color:#2563eb;font-size:2rem;font-weight:600;letter-spacing:.02em;line-height:1.4;margin:0 0 1rem}.round-result .result-message{color:#2563eb;font-size:1.25rem;font-weight:600;margin:.5rem 0 1rem}.round-result .stars{color:gold;font-size:3.5rem;letter-spacing:.1em;margin:1rem 0 2rem}.round-result .result-content{text-align:left}.round-result .metrics-grid{grid-gap:1rem;background:#fff;border:1px solid #e1e5ea;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.5rem 0;padding:1rem}.round-result .metric-item{align-items:center;display:flex;flex-direction:column;text-align:center}.round-result .metric-item.primary .metric-value{color:#2563eb;font-size:1.75rem;font-weight:700}.round-result .metric-label{color:#a1a79e;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.round-result .metric-value{color:#2563eb;font-size:1.5rem;font-weight:700}.round-result .result-actions{margin-top:2rem;text-align:center}.round-result .action-button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.6;min-height:48px;min-width:150px;padding:14px 28px;transition:all .2s}.round-result .action-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px)}.round-result .action-button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.results{padding:20px;text-align:center}.results h2{color:#2563eb;font-family:Arial,Verdana,Calibri,sans-serif;font-size:2rem;font-weight:600;letter-spacing:.02em;line-height:1.4;margin-bottom:1.5em}.summary{background:#f4f0eb;border-radius:8px;margin:20px 0;padding:20px}.summary h3{color:#2563eb;font-size:1.5rem;font-weight:600;margin-bottom:15px}.summary h3,.summary-item{font-family:Arial,Verdana,Calibri,sans-serif}.summary-item{border-bottom:1px solid #e1e5ea;display:flex;font-size:18px;justify-content:space-between;line-height:1.6;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-table{margin-bottom:20px}.table-header{background:#e1e5ea;border-radius:8px 8px 0 0;font-weight:600;margin-bottom:2px;padding:12px 8px}.table-header,.table-row{color:#1f2937;font-family:Arial,Verdana,Calibri,sans-serif;font-size:16px}.table-row{background:#f5f6f4;border-radius:4px;margin-top:2px;padding:10px 8px}.table-row>div:last-child{color:gold;font-size:22px}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.btn-primary{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.6;min-height:48px;min-width:120px;padding:14px 28px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px)}.btn-secondary{background:#f4f0eb;border:2px solid #e1e5ea;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Arial,Verdana,Calibri,sans-serif;font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.6;min-height:48px;min-width:120px;padding:14px 28px;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e1e5ea}button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.result-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 12px 40px #00000026;color:#fff;max-width:600px;padding:40px;text-align:center;width:100%}.result-card h2{font-size:28px;font-weight:700;margin-bottom:24px}.stars-display{color:gold;font-size:36px;letter-spacing:4px;margin-bottom:24px;text-shadow:0 2px 8px #0000004d}.result-stats{grid-gap:12px;display:grid;gap:12px;margin-bottom:32px}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px}.stat-item.primary{background:#ffffff40;border:1px solid #ffffff4d}.stat-label{font-weight:500;opacity:.9}.stat-value{font-size:18px;font-weight:700}.result-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.edit-button,.next-button,.restart-button,.summary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.edit-button{background:#ef4444cc;border-color:#ef444480;color:#fff}.edit-button:hover{background:#ef4444;transform:translateY(-1px)}.next-button{background:#22c55ecc;border-color:#22c55e80;color:#fff}.next-button:hover{background:#22c55e;transform:translateY(-1px)}.restart-button,.summary-button{background:#3b82f6cc;border-color:#3b82f680;color:#fff}.restart-button:hover,.summary-button:hover{background:#3b82f6;transform:translateY(-1px)}.summary-table{margin-bottom:32px}.table-header{background:#fff3;border-radius:12px;font-weight:700;margin-bottom:8px;padding:16px}.table-header,.table-row{grid-gap:8px;display:grid;font-size:14px;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr;text-align:center}.table-row{align-items:center;background:#ffffff1a;border-radius:8px;margin-bottom:4px;padding:12px 16px}.session-totals{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}.total-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;flex-direction:column;padding:20px}.total-label{font-size:14px;font-weight:500;margin-bottom:8px;opacity:.9}.total-value{font-size:24px;font-weight:700}.loading{align-items:center;background:#fff;background:var(--pp-surface);border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#6b7280;color:var(--pp-text-light);display:flex;font-size:18px;justify-content:center;padding:60px}@media (max-width:1024px){.game-content{flex-direction:column;gap:16px}.controls-panel{order:2;width:100%}.grid-container{order:1}.direction-controls{flex-direction:row;justify-content:center}.direction-controls .dir-btn:first-child{order:2}.middle-row{flex-direction:column;gap:8px;order:1}.direction-controls .dir-btn:last-child{order:3}.action-controls{flex-direction:row;justify-content:center}}@media (max-width:768px){:root{--pp-grid-size:var(--pp-grid-size-mobile);--pp-cell-size:var(--pp-cell-size-mobile)}.pathplanner-container{padding:16px}.game-header{flex-wrap:wrap;gap:16px;height:56px;padding:0 16px}.game-title{font-size:16px}.header-metrics{gap:20px}.metric-value{font-size:18px}.metric-label{font-size:11px}.controls-panel{padding:20px}.dir-btn{font-size:18px;height:44px;width:44px}.menu-card,.result-card,.summary-card{margin:0 16px;padding:32px 24px}.session-totals{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.player-avatar{animation:none}}.grid-cell:focus-visible,button:focus-visible{outline:3px solid #3730a3;outline:3px solid var(--pp-border-focus);outline-offset:2px}@media (prefers-contrast:high){:root{--pp-primary:#000;--pp-primary-dark:#000;--pp-text:#000;--pp-border:#000;--pp-surface:#fff;--pp-bg:#fff}.grid-cell.wall{background:#000}.path-arrow{background:#fff;border:3px solid #000}}.tile-icon.goal-icon{font-size:0}.tile-icon.goal-icon:before{color:#f59e0b;color:var(--pp-goal);content:"G";font-size:16px;font-weight:800}.tile-icon.collectable-icon,.tile-icon.wall-icon{font-size:0}.tile-icon.collectable-icon:before{color:#eab308;color:var(--pp-collectable);content:"*";font-size:18px;text-shadow:0 1px 2px #0000004d}.player-avatar{font-size:0}.oneway-icon{font-size:0;position:relative}.oneway-icon:before{border-bottom:16px solid #8b4513;border-left:10px solid #0000;border-right:10px solid #0000;content:"";display:inline-block;height:0;transform:rotate(0deg);width:0}.oneway-icon[data-dir=LEFT]:before{transform:rotate(-90deg)}.oneway-icon[data-dir=RIGHT]:before{transform:rotate(90deg)}.oneway-icon[data-dir=DOWN]:before{transform:rotate(180deg)}.path-arrow:before{border-bottom:18px solid #4f46e5;border-bottom:18px solid var(--pp-primary);border-left:12px solid #0000;border-right:12px solid #0000;content:"";display:inline-block;height:0;transform:rotate(0deg);width:0}.path-arrow[data-dir=LEFT]:before{transform:rotate(-90deg)}.path-arrow[data-dir=RIGHT]:before{transform:rotate(90deg)}.path-arrow[data-dir=DOWN]:before{transform:rotate(180deg)}.insights-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#03152d,#063969 42%,#0b6688);border-bottom:1px solid #94c5ff38;font-family:Montserrat,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;overflow:hidden;padding:clamp(24px,4vh,40px) 0;position:relative;z-index:1}.insights-header:before{background:radial-gradient(420px 420px at 24% 42%,#2dd4bf2e,#0000 68%),radial-gradient(520px 520px at 72% 22%,#a5b4fc29,#0000 70%);content:"";inset:-16% -28%;opacity:.8;pointer-events:none;position:absolute}.insights-header .container{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,48px);margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,24px);position:relative;z-index:2}.insights-header h1{color:#f4f9ff;flex-shrink:0;font-family:Montserrat,cursive;font-size:clamp(1.8rem,3vw,2.2rem);letter-spacing:.01em;line-height:1.18;min-width:-webkit-fit-content;min-width:fit-content}.insights-description,.insights-header h1{font-weight:400;margin:0;position:relative;z-index:2}.insights-description{border-left:2px solid #e2e8f033;color:#e2e8f0bf;flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.5;max-width:600px;padding-left:clamp(16px,3vw,32px)}.insights{background:linear-gradient(185deg,#f1fbff,#ecf6ff 45%,#f5fbff);min-height:100vh;overflow:hidden;padding:clamp(40px,6vh,80px) clamp(20px,4vw,40px);position:relative}.insights:before{background:#2563eb38;inset:auto auto 18% -120px}.insights:after,.insights:before{border-radius:50%;content:"";filter:blur(60px);height:320px;opacity:.38;pointer-events:none;position:absolute;width:320px;z-index:0}.insights:after{background:#0ea5e93d;inset:-120px -160px auto auto}.insights-title{font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;padding-bottom:10px}.insights-subtitle{color:#4b5563;font-family:Segoe UI,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:500;line-height:1.6;margin:16px auto 0;max-width:680px;position:relative;z-index:2}.features-wrap{margin:0 auto;max-width:1400px;padding:0 clamp(20px,4vw,40px);position:relative;text-align:center;width:100%;z-index:1}.insights-title{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin:0;position:relative;z-index:2}.features-underline{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border-radius:999px;height:6px;margin:20px auto 60px;position:relative;width:100px;z-index:2}.features-underline:after{animation:shine 3s linear infinite;background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);border-radius:999px;content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes shine{to{transform:translateX(100%)}}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem;margin-left:6rem;margin-right:6rem}.summary-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #94c5ff26;border-radius:20px;box-shadow:0 20px 40px #2563eb14;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease}.summary-card:before{background:linear-gradient(135deg,#2563eb05,#0ea5e905);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.summary-card:hover{border-color:#94c5ff4d;box-shadow:0 32px 64px #2563eb26;transform:translateY(-12px)}.summary-card:hover:before{opacity:1}.summary-card h3{color:#64748b;font-size:1rem;text-transform:uppercase}.metric,.summary-card h3{font-family:Segoe UI,system-ui,sans-serif;font-weight:400;letter-spacing:.02em;margin-bottom:.5rem}.metric{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;border:none!important;display:block!important;font-size:clamp(1.8rem,3.5vw,2.2rem);line-height:1.2;padding:0!important;position:relative;z-index:2}.metric-label{color:#64748b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.9rem,1.6vw,1rem);font-weight:400;letter-spacing:.02em}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3rem;margin-left:6rem;margin-right:6rem}.chart-container,.chart-container-risk{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.chart-container h2,.chart-container-risk h2{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin-bottom:.75rem;text-align:left}.chart-description{color:#6b7280;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:clamp(.4rem,1.4vw,.5rem);font-weight:400;line-height:1.5;margin-bottom:1.5rem}.simple-chart{width:100%}.chart-bars{align-items:end;display:flex;gap:1rem;height:200px;margin-bottom:1rem;padding:1rem 0}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar{align-items:flex-start;background:#007bff;border-radius:4px 4px 0 0;cursor:pointer;max-width:60px;padding-top:.5rem;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:scale(1.05)}.bar-value{color:#fff}.bar-label{margin-top:.5rem}.bar-label,.chart-axis{color:#64748b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.85rem,1.4vw,.95rem);font-weight:400;text-align:center}.chart-axis{border-top:1px solid #eee;padding-top:.5rem}.dual-chart{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.chart-section h4{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin-bottom:1rem}.line-chart{background:#fafafa;border-radius:4px;padding:1rem}.chart-loading{align-items:center;color:#666;display:flex;font-style:italic;height:200px;justify-content:center}.australia-map-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.map-legend{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;max-width:600px;padding:1.5rem;width:100%}.map-legend h4{color:#1e293b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:400;letter-spacing:.02em;line-height:1.3;margin-bottom:1rem;text-align:center}.legend-items{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr)}.legend-item{color:#64748b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.9rem,1.6vw,1rem);font-weight:400;gap:.5rem}.legend-color{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;width:20px}.features-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;margin-left:6rem;margin-right:6rem}.feature-card{background:#fff;border-radius:16px;border-top:8px solid;box-shadow:0 10px 24px #0000000f;padding:28px 20px}.feature-card:first-child{border-top-color:#90ee90}.feature-card:nth-child(2){border-top-color:#87ceeb}.feature-card:nth-child(3){border-top-color:plum}.feature-card:nth-child(4){border-top-color:khaki}.feature-icon{align-items:center;box-shadow:0 10px 18px #5a6eff40;display:flex;height:60px;justify-content:center;margin:0 auto 12px;width:200px}.feature-icon img{height:100%;object-fit:cover;width:100%}.feature-name{color:#1e293b;font-size:1.18rem;letter-spacing:.02em;line-height:1.3;margin:8px 0 10px}.feature-desc,.feature-name{font-family:Segoe UI,system-ui,sans-serif;font-weight:400}.feature-desc{color:#64748b;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.6;margin:0}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.features-grid{grid-template-columns:1fr}.features-title{font-size:clamp(1.6rem,3vw,2.2rem)}}.risk-factors-layout{align-items:flex-start;background:#fff;display:flex;gap:3rem;margin-top:2rem}.risk-factors-text{display:flex;flex:0 0 30%;flex-direction:column;gap:1.5rem}.risk-factor-item{background:#fff;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.risk-factor-item:hover{box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.risk-factor-item h3{align-items:center;color:#1e293b;display:flex;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;gap:8px;letter-spacing:.02em;line-height:1.3;margin:0 0 .5rem;text-align:left}.risk-factor-item strong{color:#000;font-weight:600}.risk-factor-item h3:before{border-radius:3px;content:"";flex-shrink:0;height:12px;width:12px}.risk-factor-item:first-child h3:before{background:#64a3d3}.risk-factor-item:nth-child(2) h3:before{background:#6cb4d8}.risk-factor-item:nth-child(3) h3:before{background:#73c0dc}.risk-factor-item:nth-child(4) h3:before{background:#7acfe0}.risk-factor-item:nth-child(5) h3:before{background:#82dee4}.risk-factor-item p{color:#64748b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.9rem,1.6vw,1rem);font-weight:400;line-height:1.5;margin:0;text-align:left}.risk-factors-image{align-items:center;display:flex;flex:1 1;justify-content:center}.risk-factors-image img{border-radius:12px;height:auto;width:100%}@media (max-width:768px){.risk-factors-layout{flex-direction:column;gap:2rem}.risk-factors-image{flex:none;order:-1}.risk-factors-image img{max-width:250px}}.statistics-section{margin:3rem 0}.statistics-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,1fr);margin-left:6rem;margin-right:6rem}.statistic-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.statistic-year{background:#ffffffe6;border-radius:6px;color:#64748b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.8rem,1.4vw,.9rem);font-weight:400;left:16px;letter-spacing:.02em;padding:4px 12px;position:absolute;top:12px;z-index:1}.statistic-card:first-child{background:url(/static/media/wave_blue.50fc21ac2490b7a3226c.png) bottom/cover no-repeat,#fff}.statistic-card:nth-child(2){background:url(/static/media/wave_purple.02a0def1075fa346f5d6.png) bottom/cover no-repeat,#fff}.statistic-card:nth-child(3){background:url(/static/media/wave_green.69fb8fea915ec82a647c.png) bottom/cover no-repeat,#fff}.statistic-card:nth-child(4){background:url(/static/media/wave_orange.5ba79d3bd021243ba75e.png) bottom/cover no-repeat,#fff}.statistic-title{color:#64748b;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:400;letter-spacing:.02em;line-height:1.4;margin:0 0 .8rem;text-align:left}.statistics-section .statistic-value{color:#1e293b!important;font-family:Segoe UI,system-ui,sans-serif!important;font-size:clamp(1rem,2.8vw,1.4rem)!important;font-weight:600!important;letter-spacing:.02em!important;line-height:2.5!important;margin:0 0 .5rem!important;text-align:left!important}@media (max-width:1024px){.statistics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.statistics-grid{grid-template-columns:1fr}.statistic-card{padding:1.5rem 1rem}.statistics-section .statistic-value{font-size:1.8rem!important}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.food-library-container{background:linear-gradient(185deg,#f1fbff,#ecf6ff 45%,#f5fbff);min-height:100vh;overflow:hidden;position:relative}.food-library-container:before{background:#2563eb38;inset:auto auto 18% -120px}.food-library-container:after,.food-library-container:before{border-radius:50%;content:"";filter:blur(60px);height:320px;opacity:.38;pointer-events:none;position:absolute;width:320px;z-index:0}.food-library-container:after{background:#0ea5e93d;inset:-120px -160px auto auto}.food-library-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#03152d,#063969 42%,#0b6688);border-bottom:1px solid #94c5ff38;font-family:Montserrat,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;overflow:hidden;padding:clamp(24px,4vh,40px) 0;position:relative;z-index:1}.food-library-header:before{background:radial-gradient(420px 420px at 24% 42%,#2dd4bf2e,#0000 68%),radial-gradient(520px 520px at 72% 22%,#a5b4fc29,#0000 70%);content:"";inset:-16% -28%;opacity:.8;pointer-events:none;position:absolute}.food-library-header .container{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,48px);margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,24px);position:relative;z-index:2}@media (max-width:768px){.food-library-header .container{text-align:center}.controls-wrapper{align-items:center;flex-direction:column;gap:16px;justify-content:center}.filter-container{justify-content:center;width:100%}.category-filter{margin:0 auto;max-width:280px;width:100%}.search-container{justify-content:center;max-width:100%;width:100%}.search-bar{max-width:280px;width:100%}.my-plate-button{align-self:center;max-width:280px;min-width:160px;width:auto}}.food-library-header h1{color:#f4f9ff;flex-shrink:0;font-family:Montserrat,cursive;font-size:clamp(1.8rem,3vw,2.2rem);letter-spacing:.01em;line-height:1.18;min-width:-webkit-fit-content;min-width:fit-content}.food-library-description,.food-library-header h1{font-weight:400;margin:0;position:relative;z-index:2}.food-library-description{border-left:2px solid #e2e8f033;color:#e2e8f0bf;flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.5;max-width:700px;padding-left:clamp(16px,3vw,32px)}.food-library-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-bottom:1px solid #94c5ff38;padding:clamp(20px,3vh,32px) 0;position:relative;z-index:2}.controls-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(16px,2.5vw,24px);justify-content:space-between;margin:0 auto;max-width:1000px;padding:0 clamp(20px,4vw,32px)}.filter-container{align-items:center;display:flex;gap:clamp(16px,3vw,24px)}.category-filter{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid #2563eb33;border-radius:12px;box-shadow:0 4px 12px #2563eb1a;box-sizing:border-box;cursor:pointer;display:flex;height:48px;padding:12px 16px;position:relative;transition:all .3s ease;width:clamp(160px,22vw,220px);z-index:15}.category-filter:before{background:linear-gradient(135deg,#2563eb0d,#0ea5e90d);border-radius:10px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.category-filter:hover{background:#fff;border-color:#2563eb66;box-shadow:0 6px 18px #2563eb33;transform:translateY(-1px)}.category-filter:hover:before{opacity:1}.category-filter label{display:none}.category-select{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f9ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:18px;border:none;bottom:0;box-sizing:border-box;color:#4b5563;cursor:pointer;font-size:16px;font-weight:400;height:100%;left:0;margin:0;outline:none;overflow:hidden;padding:0 24px 0 16px;position:absolute;right:0;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;top:0;white-space:nowrap;width:100%;z-index:20}.category-select option{background:#fff!important;border:none;color:#1f2937!important;font-family:Open Sans,sans-serif;font-size:16px;font-weight:500;line-height:1.4;min-height:32px;padding:8px 12px}.category-select option:hover{background:#eff6ff!important;color:#2563eb!important}.category-select option:checked{background:#2563eb!important;color:#fff!important}.category-select:focus{box-shadow:0 0 0 2px #94c5ff80;outline:none}.category-select:hover{background:#ffffff1a}.search-container{flex:1 1 300px;gap:16px;max-width:400px;min-width:250px}.search-bar,.search-container{align-items:center;display:flex}.search-bar{background:#fffffff2;border:2px solid #2563eb33;border-radius:12px;box-shadow:0 4px 12px #2563eb1a;box-sizing:border-box;gap:8px;height:48px;overflow:hidden;padding:8px 10px;transition:all .3s ease;width:100%}.search-bar:hover{background:#fff;border-color:#2563eb66;box-shadow:0 6px 18px #2563eb33;transform:translateY(-1px)}.search-icon{color:#666;cursor:pointer;flex-shrink:0;font-size:16px}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:15px;margin:0;min-width:0;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.search-input::placeholder{color:#999}.search-magnifier{font-size:16px}.search-magnifier,.voice-search-button{color:#666;cursor:pointer;flex-shrink:0}.voice-search-button{align-items:center;background:none!important;border:none!important;border-radius:4px;display:flex;font-size:14px;height:28px!important;justify-content:center;margin-left:auto;max-width:28px!important;min-width:28px!important;padding:3px!important;transition:all .2s ease;width:28px!important}.voice-search-button:hover{background:#0000000d;color:#333}.voice-search-button.listening{animation:pulse 1.5s infinite;background:#f44;color:#fff}.my-plate-button{align-items:center;background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:none;border-radius:12px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Segoe UI,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;height:48px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.my-plate-button:hover{background:linear-gradient(140deg,#1d4ed8,#2563eb 36%,#0ea5e9);box-shadow:0 6px 18px #2563eb66;transform:translateY(-1px)}.food-library-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;padding:40px 0}.food-library-content .container{margin:0 auto;max-width:1400px;padding:0 12px}.food-grid{grid-gap:clamp(20px,3vw,32px);display:grid;gap:clamp(20px,3vw,32px);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0 auto;max-width:1800px;padding:0 clamp(12px,2vw,20px);position:relative}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#666;font-size:1.2rem;font-weight:500}.pagination-container{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#2563eb14,#0ea5e90f);border:1px solid #94c5ff40;border-radius:24px;box-shadow:0 20px 40px #2563eb1f;display:flex;flex-direction:column;gap:25px;margin-top:50px;padding:clamp(20px,4vw,32px);position:relative;z-index:1}.pagination-container:before{background:linear-gradient(45deg,#0000 49%,#94c5ff08 50%,#0000 51%);background-size:20px 20px;border-radius:24px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.pagination-info{color:#000;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;font-weight:500;text-align:center}.pagination-controls{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;display:flex;gap:8px;padding:8px}.pagination-btn{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:1px solid #2563eb33;border-radius:16px;box-shadow:0 8px 25px #2563eb4d;color:#f8fcff;cursor:pointer;font-family:Segoe UI,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:1rem;font-weight:600;min-width:120px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.pagination-btn:hover:not(:disabled){background:linear-gradient(140deg,#1d4ed8,#2563eb 36%,#0ea5e9);border-color:#1d4ed84d;box-shadow:0 12px 35px #2563eb66;color:#fff;transform:translateY(-2px)}.pagination-btn:hover:not(:disabled):before{left:100%}.pagination-btn:active:not(:disabled){box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.pagination-btn:disabled{box-shadow:0 1px 4px #0000001a;cursor:not-allowed;opacity:.4;transform:none}.pagination-page{background:linear-gradient(135deg,#007bff,#0056b3);border:1px solid #0056b3;border-radius:12px;box-shadow:0 4px 12px #007bff4d;color:#495057;color:#fff;font-size:1rem;font-weight:400;min-width:120px;overflow:hidden;padding:12px 20px;position:relative;text-align:center}.pagination-page:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.pagination-numbers{align-items:center;display:flex;gap:4px;margin:0 10px}.pagination-number{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;min-width:40px;padding:8px 12px;text-align:center;transition:all .3s ease}.pagination-number:hover{background:#007bff;border-color:#007bff;box-shadow:0 2px 8px #007bff33;color:#fff;transform:translateY(-1px)}.pagination-number.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff}.pagination-ellipsis{color:#6c757d;font-weight:600;padding:8px 4px}.food-card{grid-column-gap:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2 50%,#f1f9ffeb);border:1px solid #94c5ff33;border-radius:28px;box-shadow:0 24px 48px #2563eb1f,0 8px 16px #2563eb0f;column-gap:14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.food-card:before{background:linear-gradient(135deg,#2563eb05,#0ea5e905);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.food-card:hover{border-color:#94c5ff66;box-shadow:0 40px 80px #2563eb33,0 16px 32px #2563eb1f;transform:translateY(-16px) scale(1.02)}.food-card:hover:before{opacity:1}.food-image{align-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#f8fafc,#eff6ff 50%,#f1f9ff);border-radius:24px 24px 0 0;display:flex;grid-column:1/-1;grid-row:1;justify-content:center;overflow:hidden;position:relative}.food-image:before{background:linear-gradient(135deg,#2563eb14,#0ea5e90d);content:"";inset:0;opacity:0;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.food-card:hover .food-image:before{opacity:1}.food-image img{height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.22,1,.36,1);width:100%}.food-placeholder{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#0ea5e9);border-radius:50%;box-shadow:0 8px 24px #2563eb40;color:#fff;display:flex;font-family:Segoe UI,sans-serif;font-size:2.2rem;font-weight:400;height:90px;justify-content:center;position:relative;transition:all .3s ease;width:90px;z-index:2}.food-card:hover .food-placeholder{box-shadow:0 12px 32px #2563eb59;transform:scale(1.05)}.food-info{align-self:center;background:linear-gradient(135deg,#fffffffc,#f8fafcf7 50%,#f1f9fff0);border-radius:0 0 28px 0;grid-column:1;grid-row:2;padding:20px 22px;position:relative}.food-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-family:Montserrat,Segoe UI,sans-serif;font-size:.15rem;font-weight:450;height:auto;letter-spacing:-.025em;line-height:1.2;margin:0 0 8px;max-height:2.8rem;min-height:1.4rem;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1)}.food-card:hover .food-name{color:#2563eb}.food-location{color:#6b7280;font-size:.95rem;font-weight:500;margin:0 0 14px}.food-benefits,.food-location{font-family:Segoe UI,sans-serif}.food-benefits{background:#2563eb08;border-left:3px solid #2563eb33;border-radius:12px;color:#64748b;font-size:.9rem;line-height:1.6;margin:0 0 16px;padding:12px}.food-category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#2563eb1a,#0ea5e914);border:1px solid #2563eb26;border-radius:20px;color:#2563eb;font-family:Segoe UI,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.5rem;font-weight:300;padding:6px 14px}.add-button{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#3b82f6e6,#2563ebd9);border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 2px 6px #3b82f640;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-height:22px;min-width:40px;padding:4px 8px;text-align:center;text-shadow:0 1px 2px #0000004d;transition:all .3s ease;z-index:4}.add-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8f2);border-color:#fff6;box-shadow:0 6px 16px #3b82f673;transform:translateY(-1px)}.add-icon{font-size:.85rem;transition:all .3s ease}.add-button.animating .add-icon{color:#f79b2b;text-shadow:0 0 6px #f79d2f99;transform:scale(1.2);transition:all .3s ease}.add-button.added{background:#ef4444e6;border-color:#ef4444cc;color:#fff}.add-button.added:hover{background:#ef4444;transform:translateY(-1px)}.add-button.added .add-icon{color:#fff;text-shadow:none}.nutrition-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.nutrition-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:60vh;max-width:550px;overflow-y:auto;width:80%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.nutrition-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e5e5e5;border-radius:12px 12px 0 0;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.nutrition-header h2{color:#333;flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:1.2rem;font-weight:600;margin:0;padding-right:50px;text-align:center}.close-button{align-items:center!important;background:#f8f9fa!important;border:2px solid #dee2e6!important;border-radius:12px!important;box-sizing:border-box!important;color:#6c757d!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:400!important;height:32px!important;justify-content:center!important;line-height:28px!important;margin:0!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;position:absolute!important;right:16px!important;top:16px!important;transition:all .2s ease!important;width:32px!important}.close-button:hover{background:#e9ecef;border-color:#adb5bd;color:#495057;transform:scale(1.1)}.nutrition-overview{border-bottom:1px solid #e5e5e5;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:16px 24px;width:100%}.nutrition-overview h3{color:#333;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:1rem;font-weight:600;margin:0 0 12px}.nutrition-bars{display:flex;flex-direction:column;gap:8px}.nutrition-bar{align-items:center;display:flex;gap:8px;width:100%}.bar-label{color:#555;flex-shrink:0;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.9rem;font-weight:500;text-align:left;width:80px}.bar{align-items:center;background:#e9ecef;border-radius:12px;display:flex;flex:1 1 auto;height:24px;justify-content:center;max-width:none;min-width:0;overflow:hidden}.bar,.bar-value{position:relative}.bar-value{color:#332e2e;font-size:.7rem;font-weight:600;text-shadow:0 1px 2px #0000004d;z-index:2}.sodium-bar{background:#e9ecef;overflow:hidden;position:relative;width:100%}.sodium-bar:before{background:linear-gradient(90deg,#ff6b6b,#ff5252);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:10%;width:var(--sodium-width,10%);z-index:1}.carbs-bar{background:#e9ecef;overflow:hidden;position:relative;width:100%}.carbs-bar:before{background:linear-gradient(90deg,#20b2aa,#17a2b8);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:10%;width:var(--carbs-width,10%);z-index:1}.protein-bar{background:#e9ecef;overflow:hidden;position:relative;width:100%}.protein-bar:before{background:linear-gradient(90deg,#4dabf7,#339af0);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:10%;width:var(--protein-width,10%);z-index:1}.fat-bar{background:#e9ecef;overflow:hidden;position:relative;width:100%}.fat-bar:before{background:linear-gradient(90deg,#ffd43b,#fab005);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:10%;width:var(--fat-width,10%);z-index:1}.sodium-bar[style*="--sodium-width"]:before{width:var(--sodium-width)!important}.omega3-bar{background:#e9ecef;overflow:hidden;position:relative;width:100%}.omega3-bar:before{background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:10%;width:var(--omega3-width,10%);z-index:1}.omega3-bar[style*="--omega3-width"]:before{width:var(--omega3-width)!important}.nutrition-tips{box-sizing:border-box;padding:16px 24px;width:100%}.tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.tip-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:12px;position:relative}.tip-card.warning{background:#fff5f5;border-color:#fed7d7}.tip-icon{color:#28a745;font-size:16px;position:absolute;right:10px;top:10px}.tip-card.warning .tip-icon{color:#dc3545}.tip-title{color:#333;font-size:.9rem;font-weight:400;line-height:1.3;margin:0 0 6px;padding-right:26px}.tip-content,.tip-title{font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif}.tip-content{color:#666;font-size:.75rem;line-height:1.4;margin:0}.nutrition-details{box-sizing:border-box;padding:16px 24px;width:100%}.nutrition-details h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 16px}.nutrition-details h3,.nutrition-table{font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif}.nutrition-table{border-collapse:collapse;font-size:.9rem;width:100%}.nutrition-table td,.nutrition-table th{border-bottom:1px solid #e5e5e5;padding:8px 12px;text-align:left}.nutrition-table th{background:#f8f9fa;color:#555;font-weight:600}.nutrition-table td{color:#333}.nutrition-table tr:hover{background:#f8f9fa}@media (max-width:768px){.food-library-header .container{align-items:flex-start;flex-direction:column;gap:20px}.food-library-header h1{font-size:2rem}.search-container{flex-direction:column;gap:15px;margin-left:0;max-width:none;width:100%}.food-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 16px}.pagination-container{gap:20px;margin-top:30px;padding:20px 15px}.pagination-controls{flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{font-size:.9rem;min-width:80px;padding:10px 16px}.pagination-numbers{justify-content:center;margin:10px 0;order:-1;width:100%}.pagination-number{font-size:.85rem;min-width:35px;padding:6px 10px}}@media (max-width:480px){.food-library-header{padding:20px 0}.food-library-header h1{font-size:1.8rem}.food-grid{grid-template-columns:1fr;padding:0 12px}.food-card{margin:0}.pagination-btn{font-size:.9rem;min-width:100px;padding:12px 18px}.pagination-container{gap:20px;padding:20px 16px}.nutrition-modal{margin:10px;max-height:90vh}.nutrition-header{padding:16px 20px}.nutrition-header h2{font-size:1.3rem}.nutrition-details,.nutrition-overview,.nutrition-tips{padding:20px}.tips-grid{gap:12px;grid-template-columns:1fr}.nutrition-bars{gap:10px}.bar{height:20px}.bar-value,.nutrition-table{font-size:.8rem}.nutrition-table td,.nutrition-table th{padding:6px 8px}}.food-image{aspect-ratio:16/9;height:auto}.food-image img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.food-card:hover .food-image img{transform:scale(1.06)}.food-chip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#2563eb;font-size:14px;font-weight:400;left:14px;letter-spacing:.08em;padding:6px 14px;text-shadow:none;top:14px}.food-category,.food-chip{position:absolute;text-transform:uppercase;z-index:3}.food-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6e6;border:1px solid #fff3;border-radius:999px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;left:12px;letter-spacing:.05em;padding:6px 12px;text-shadow:0 1px 2px #0000004d;top:12px}.food-card{align-items:normal!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 16px #0000001f!important;column-gap:none!important;cursor:pointer!important;display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;height:280px!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important}.food-card-background{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px;position:relative;width:100%}.food-card-surface{overflow:hidden;pointer-events:none}.food-card-surface,.food-card-surface-glow{border-radius:16px;inset:0;position:absolute}.food-card-surface-glow{opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.food-card-surface-glow--primary{background:radial-gradient(600px circle at 50% 50%,#2563eb26,#0000 40%)}.food-card-surface-glow--secondary{background:radial-gradient(800px circle at 50% 50%,#0ea5e91a,#0000 40%)}.food-card-surface-shape{background:linear-gradient(135deg,#ffffff1a,#0000 50%)}.food-card-surface-grid,.food-card-surface-shape{border-radius:16px;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.food-card-surface-grid{background-image:radial-gradient(circle at 1px 1px,#ffffff26 1px,#0000 0);background-size:20px 20px}.food-card:hover .food-card-surface-glow,.food-card:hover .food-card-surface-grid,.food-card:hover .food-card-surface-shape{opacity:1}.food-chip{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0000004d!important;border:1px solid #ffffff26!important;border-radius:16px!important;box-shadow:0 2px 8px #00000026!important;color:#ffffffe6!important;font-size:14px!important;font-weight:400!important;left:16px!important;letter-spacing:.05em!important;padding:6px 12px!important;position:absolute!important;text-shadow:0 1px 2px #0006!important;text-transform:uppercase!important;top:16px!important;z-index:2!important}.food-chip-label{color:inherit}.food-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;gap:4px;justify-content:space-between;margin-top:auto;padding:4px 6px;position:relative;z-index:2}.food-content .food-name{align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:none!important;box-shadow:none!important;color:#fffffff2!important;display:inline-flex!important;flex:1 1!important;font-family:Open Sans,sans-serif!important;font-size:17px!important;font-weight:450!important;line-height:1!important;margin:0!important;max-width:none!important;min-height:22px!important;overflow:hidden!important;padding:0!important;text-overflow:ellipsis!important;text-shadow:0 1px 2px #0006!important;white-space:nowrap!important}body .food-card h3.food-name{font-size:.98rem!important}@media (max-width:768px){body .food-card h3.food-name{font-size:.85rem!important}}body.text-size-normal .food-card h3.food-name,body.text-size-small .food-card h3.food-name{font-size:.9rem!important}body.text-size-large .food-card h3.food-name{font-size:.95rem!important}body.text-size-extra-large .food-card h3.food-name{font-size:1rem!important}.food-card:hover{box-shadow:0 12px 32px #0003!important;transform:translateY(-4px)!important}.no-results{color:#6b7280;font-size:.95rem;padding:40px 0;text-align:center}.food-image,.food-info,.food-placeholder{display:none!important}.dark-mode .food-card,.dark-mode .food-card-background,.dark-mode .food-grid,.dark-mode .food-library-container,.dark-mode .food-library-content,body.dark-mode .food-card,body.dark-mode .food-card-background,body.dark-mode .food-grid,body.dark-mode .food-library-container,body.dark-mode .food-library-content{filter:none!important;-webkit-filter:none!important;isolation:isolate!important;mix-blend-mode:normal!important;opacity:1!important}body.dark-mode .food-card{background:#0000!important;border-color:#94c5ff4d!important}body.dark-mode .food-library-container *{filter:inherit!important}.active-living{background:linear-gradient(185deg,#f1fbff,#ecf6ff 45%,#f5fbff);min-height:100vh}.al-hero{background:linear-gradient(155deg,#03152d,#063969 42%,#0b6688);color:#f4f9ff;margin-left:0;overflow:hidden;padding:clamp(24px,4vh,40px) 0;position:relative;text-align:center;width:100%;z-index:1}.al-hero .container{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,48px);margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,24px);position:relative;z-index:2}.al-hero h1{color:#f4f9ff;flex-shrink:0;font-family:Montserrat,cursive;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:400;letter-spacing:.01em;line-height:1.18;margin:0;min-width:-webkit-fit-content;min-width:fit-content;position:relative;z-index:2}.al-title{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.3;margin:0}.al-subtitle,.al-title{font-family:Segoe UI,system-ui,sans-serif;font-weight:400;letter-spacing:.02em}.al-subtitle{font-size:clamp(1rem,2vw,1.4rem);line-height:1.4;margin:.75rem 0 .25rem}.al-description{border-left:2px solid #e2e8f033;color:#e2e8f0bf;flex:1 1;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:clamp(.85rem,1.6vw,.95rem);font-weight:400;line-height:1.5;margin:0;max-width:700px;padding-left:clamp(16px,3vw,32px);position:relative;text-align:left;z-index:2}.al-content .container{margin:0 auto;max-width:1400px}.al-intro{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.al-intro-left{color:#111827;font-size:clamp(1rem,2.4vw,1.4rem);font-weight:600}.exercise-infographic{max-width:100%;position:relative}.infographic-header{background:#0000;left:0;margin-bottom:40px;position:absolute;right:0;text-align:left;top:0;z-index:20}.infographic-header h2{color:#1f2937;font-size:1.2rem;font-weight:650;line-height:1.2;margin:0 0 16px}.infographic-header h2,.infographic-subtitle{font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;text-align:left}.infographic-subtitle{color:#4b5563;font-size:1rem;font-weight:500;margin:0 0 20px}.infographic-description{color:#000;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;line-height:1.6;margin:0;text-align:left;width:700px}.exercise-scale{align-items:flex-end;border-radius:20px;display:flex;justify-content:center;margin:20px auto;max-width:100%;min-height:400px;padding:65px 0 20px;z-index:10}.exercise-scale,.scale-item{overflow:visible;position:relative}.scale-item{background:#0000;height:340px;width:220px;z-index:1}.scale-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0 50%,#6ee7b7);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;-webkit-clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);display:flex;height:100%;position:relative;transition:all .4s ease;width:100%}.scale-content{transition:opacity .4s ease;width:100%;z-index:2}.scale-card:before{background:#0000;height:100%;left:0;top:0;transition:all .4s ease;width:100%;z-index:1}.scale-card:after,.scale-card:before{content:"";pointer-events:none;position:absolute}.scale-card:after{color:#fff;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.9rem;font-weight:500;left:50%;line-height:1.6;opacity:0;padding:20px;text-align:center;text-shadow:0 2px 4px #000c;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:85%;z-index:3}.sport_one .scale-card:after{content:"A calm morning stretch enhances focus and brain circulation, helping prevent cognitive decline safely."}.sport_two .scale-card:after{content:"Gentle and steady — improves circulation and focus; 30 minutes daily keeps your brain active."}.sport_three .scale-card:after{content:"Refreshing and full-body — enhances coordination, sleep, and brain recovery in safe conditions."}.sport_four .scale-card:after{content:"Joyful and rhythmic — boosts attention and balance while keeping your brain flexible."}.sport_five .scale-card:after{content:"Builds strength but may strain body and mind — practice lightly and with guidance."}.sport_six .scale-card:after{content:"Socially engaging but high-risk — choose low-impact group activities instead."}.scale-card:hover{background-image:var(--bg-image);box-shadow:0 8px 24px #00000026;transform:scale(1.05);z-index:2}.scale-card:hover:before{background:#00000045}.scale-card:hover:after{opacity:1}.scale-card:hover .scale-content{opacity:0}.scale-item:first-child{margin-bottom:0;margin-left:0}.scale-item:nth-child(2){margin-bottom:2.6%;margin-left:4px}.scale-item:nth-child(3){margin-bottom:5.2%;margin-left:4px}.scale-item:nth-child(4){margin-bottom:7.8%;margin-left:4px}.scale-item:nth-child(5){margin-bottom:10.4%;margin-left:4px}.scale-item:last-child{margin-bottom:13%;margin-left:4px;margin-right:0}.scale-content{flex-direction:column;gap:8px;height:100%;padding:20px 10px;position:relative}.scale-content,.scale-number{align-items:center;display:flex;justify-content:center}.scale-number{background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;float:top;font-size:1.2rem;font-weight:700;height:50px;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:50px;z-index:10}.scale-item[data-level="1"] .scale-number{background:#94a8ed}.scale-item[data-level="2"] .scale-number{background:#6d8ae9}.scale-item[data-level="3"] .scale-number{background:#4666cc}.scale-item[data-level="4"] .scale-number{background:#2d4cb1}.scale-item[data-level="5"] .scale-number{background:#1c3a9c}.scale-item[data-level="6"] .scale-number{background:#032184}.scale-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:150px;margin-bottom:8px;overflow:hidden;width:150px}.scale-image img{height:100%;object-fit:cover;width:100%}.scale-text{color:#1d1e1f;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;font-weight:500;line-height:1.3;max-width:150px;text-align:center}.cta-section{align-items:center;background:linear-gradient(135deg,#a7f3d0,#6ee7b7 50%,#34d399);border-radius:8px;bottom:20px;box-shadow:0 4px 12px #6ee7b74d;color:#065f46;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px 24px;position:absolute;right:20px;transition:all .3s ease;z-index:20}.cta-section:hover{background:linear-gradient(135deg,#6ee7b7,#34d399 50%,#10b981);box-shadow:0 6px 16px #6ee7b766;transform:translateY(-2px)}.cta-section p{font-size:.95rem;margin:0}.cta-arrow{font-size:1.5rem;font-weight:700}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.search-sport{align-items:center;display:flex;flex:1 1 300px;gap:16px;max-width:450px;min-width:250px}.video-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90%;overflow-y:auto;padding:32px;position:relative;width:1200px;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.video-modal-close{align-items:center;background:#9b9393;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;min-height:40px;min-width:40px;overflow:hidden;padding:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.video-modal-close:hover{background:#dc2626;transform:scale(1.1)}.video-modal-title{color:#1f2937;font-family:Montserrat,Open Sans,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 20px;text-align:center}.video-player-wrapper{display:flex;gap:20px;width:100%}.video-playlist{display:flex;flex-direction:column;gap:12px;max-width:280px;min-width:280px}.playlist-item{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.playlist-item:hover{background:#e5e7eb;transform:translateX(5px)}.playlist-item.active{background:#dbeafe;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.playlist-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.playlist-item.active .playlist-number{background:#2563eb;box-shadow:0 0 0 3px #3b82f633}.playlist-info{flex:1 1;min-width:0}.playlist-title{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:2px}.playlist-subtitle,.playlist-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-subtitle{color:#6b7280;font-size:.8rem}.video-container{background:#000;border-radius:12px;box-shadow:0 4px 12px #0003;flex:1 1;overflow:hidden}.yoga-video{display:block;height:auto;max-height:70vh;width:100%}@media (max-width:1024px){.exercise-scale{flex-wrap:wrap;gap:10px;justify-content:center;padding:30px 20px}.scale-item{height:180px;margin:0 -15px;width:150px}.scale-image{height:70px;width:70px}.scale-text{font-size:.75rem;max-width:100px}}@media (max-width:768px){.al-hero .container{flex-direction:column;gap:clamp(16px,4vw,24px);text-align:center}.al-description{border-left:none;border-top:2px solid #e2e8f033;max-width:100%;padding-left:0;padding-top:clamp(12px,3vw,20px);text-align:left}.infographic-header h2{font-size:2rem}.infographic-subtitle{font-size:1rem}.exercise-scale{align-items:center;flex-direction:column;gap:20px;padding:20px 15px}.scale-item{-webkit-clip-path:none;clip-path:none;height:120px;margin:0;width:200px}.scale-content{align-items:center;flex-direction:row;gap:16px;text-align:left}.scale-number{flex-shrink:0;font-size:1rem;height:40px;width:40px}.scale-image{flex-shrink:0;height:60px;width:60px}.scale-text{font-size:.8rem;max-width:none;text-align:left}}@media (max-width:560px){.al-hero{padding:clamp(20px,3vh,32px) 0}.al-hero .container{padding:0 clamp(12px,3vw,20px)}.exercise-infographic{margin:0;padding:clamp(16px,4vw,24px)}.infographic-header h2{font-size:clamp(1.5rem,5vw,1.8rem);line-height:1.2}.infographic-subtitle{font-size:clamp(.85rem,3.5vw,1rem)}.infographic-description{font-size:clamp(.75rem,3vw,.9rem)}.exercise-scale{gap:15px;padding:20px 10px}.scale-item{height:100px;width:100%}.scale-content{padding:15px}.scale-number{font-size:.9rem;height:35px;width:35px}.scale-image{height:50px;width:50px}.scale-text{font-size:.75rem}.cta-section{bottom:10px;padding:10px 16px;right:10px}.cta-section,.cta-section p{font-size:.85rem}.cta-arrow{font-size:1.2rem}.video-modal-content{max-width:95%;padding:20px;width:95%}.video-modal-title{font-size:1.3rem;margin-bottom:15px}.video-modal-close{font-size:24px;height:35px;min-height:35px;min-width:35px;right:10px;top:10px;width:35px}.video-player-wrapper{flex-direction:column;gap:15px}.video-playlist{flex-direction:row;max-width:100%;min-width:100%;overflow-x:auto}.playlist-item{flex-shrink:0;min-width:200px}.playlist-title{font-size:.85rem}.playlist-subtitle{font-size:.75rem}.playlist-number{font-size:1rem;height:32px;min-width:32px;width:32px}}@media (max-width:480px){.al-hero{padding:16px 0}.al-title{font-size:clamp(1.3rem,6vw,1.6rem)}.al-description{font-size:clamp(.8rem,3.5vw,.9rem);padding-top:12px}.exercise-infographic{padding:12px}.infographic-header h2{font-size:1.4rem;margin-bottom:8px}.scale-item{height:90px;margin-bottom:10px}.scale-content{padding:10px}.scale-text{font-size:.7rem;line-height:1.3}.cta-section{margin-top:20px;padding:16px}.cta-section p{font-size:.9rem}.video-modal-content{margin:20px;padding:16px}.video-modal-title{font-size:1.1rem}.playlist-item{min-width:180px}.map-header h2{font-size:1.8rem}.map-header p{font-size:.95rem}}.sport-map-section{background:#0000;margin-top:50px;min-height:80vh;padding:60px 0;position:relative}.map-header{color:#050505;margin-bottom:40px;text-align:center}.map-header h2{font-family:Montserrat,Open Sans,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:16px}.map-header p{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.map-content{align-items:flex-start;display:flex;gap:40px}.map-controls{display:flex;flex:0 0 320px;flex-direction:column;gap:16px;height:auto;overflow:visible;padding-right:0;scrollbar-color:#10b98180 #0000000d;scrollbar-width:thin}.map-controls::-webkit-scrollbar{width:6px}.map-controls::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.map-controls::-webkit-scrollbar-thumb{background:#10b98180;border-radius:3px}.map-controls::-webkit-scrollbar-thumb:hover{background:#10b981b3}.control-group{align-items:flex-start;display:flex;gap:12px;margin-left:50px}.control-icon{flex-shrink:0;font-size:2rem;margin-top:4px}.control-info{flex:1 1}.control-info h3{color:#1d1c1c;font-family:Montserrat,Open Sans,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.02em;margin:0 0 8px;text-align:left}.control-info p{color:#2e2c2c;font-size:.8rem;font-weight:500;line-height:1.5;margin-bottom:10px;opacity:.95;padding:0 6px;text-align:center}.search-input-sport{background:#ffffffe6;border:none;border-radius:8px;color:#1f2937;display:block;font-size:.85rem;margin:0;padding:10px 12px;transition:all .3s ease;width:100%}.search-input-sport:focus{background:#fff;box-shadow:0 0 0 2px #10b9814d;outline:none}.search-input-sport:disabled{cursor:not-allowed;opacity:.6}.search-input-sport::placeholder{color:#acacac}.searching-indicator{animation:pulse 1.5s ease-in-out infinite;color:#10b981;font-size:.8rem;font-weight:600;padding:4px 0;text-align:center}.radius-slider{align-items:center;display:flex;gap:12px}.radius-label{color:#fff;font-size:.8rem;font-weight:600}.slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;flex:1 1;height:6px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.radius-value{color:#fff;font-size:.9rem;font-weight:600;min-width:80px;text-align:center}.activity-filters{display:flex;flex-wrap:wrap;gap:8px}.activity-item{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;min-width:120px;padding:6px 12px;text-align:center;transition:all .3s ease;width:120px}.activity-item:hover{background:#ffffff4d;transform:translateY(-2px)}.activity-item.active{background:#ffffffe6;color:#059669;font-weight:600}.map-container{background:#f3f4f6;border-radius:16px;box-shadow:0 10px 30px #0003;flex:1 1;height:580px;margin-right:50px;overflow:hidden;position:relative;width:100%}.loading-state{align-items:center;color:#6b7280;display:flex;font-size:1.1rem;height:500px;justify-content:center}.leaflet-container{border-radius:16px}.dark-mode .leaflet-container,.dark-mode .leaflet-overlay-pane,.dark-mode .leaflet-tile-pane,.dark-mode .map-container,.dark-mode .map-content,.dark-mode .sport-map-section,body.dark-mode .leaflet-container,body.dark-mode .leaflet-overlay-pane,body.dark-mode .leaflet-tile-pane,body.dark-mode .map-container,body.dark-mode .map-content,body.dark-mode .sport-map-section{filter:none!important;-webkit-filter:none!important;isolation:isolate!important;mix-blend-mode:normal!important;opacity:1!important}body.dark-mode .map-container{background:#f3f4f6!important}body.dark-mode .leaflet-container *,body.dark-mode .map-container *{filter:inherit!important}.facility-marker{filter:none}.facility-marker.selected{filter:drop-shadow(2px 2px 6px rgba(0,0,0,.5));transform:scale(1.2)}.user-location-marker-icon{filter:hue-rotate(120deg) saturate(3) brightness(.9)}.radius-selector-overlay{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:16px;position:absolute;right:20px;top:20px;z-index:1000}.radius-selector-content{display:flex;flex-direction:column;gap:8px}.radius-current-value{color:#10b981;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.radius-current-value,.radius-selector-title{font-family:Montserrat,Open Sans,sans-serif;text-align:center}.radius-selector-title{color:#1f2937;font-size:.9rem;font-weight:600}.radius-selector-overlay .radius-slider{align-items:center;display:flex;gap:8px}.radius-selector-overlay .radius-label{color:#6b7280;font-size:.75rem;font-weight:600;min-width:30px}.radius-selector-overlay .slider{-webkit-appearance:none;appearance:none;background:#10b9814d;border-radius:2px;flex:1 1;height:4px;outline:none}.radius-selector-overlay .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#10b981;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.radius-selector-overlay .slider::-moz-range-thumb{background:#10b981;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.radius-selector-overlay .radius-value{color:#10b981;font-size:.9rem;font-weight:700;text-align:center}.facility-count{color:#6b7280;font-size:.8rem;font-weight:600;margin-top:4px;text-align:center}.facility-details{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:30px;padding:24px}.facility-info{margin-bottom:20px}.facility-info h3{color:#1f2937;font-family:Montserrat,Open Sans,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:8px}.facility-info p{color:#6b7280;font-size:.95rem;margin-bottom:12px}.blank-lines{display:flex;flex-direction:column;gap:8px}.blank-line{background:#e5e7eb;border-radius:1px;height:2px}.facility-address,.facility-hours{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.address-icon,.hours-icon{font-size:1.2rem;margin-top:2px}.address-info,.hours-info{flex:1 1}.address-info p,.hours-info p{color:#374151;font-size:.9rem;margin-bottom:4px}@media (max-width:1024px){.map-content{flex-direction:column;gap:30px}.map-controls{flex:none;width:100%}.loading-state,.map-container{height:400px}}@media (max-width:768px){.sport-map-section{padding:40px 0}.map-header h2{font-size:2rem}.map-header p{font-size:1rem}.control-group{flex-direction:column;gap:12px}.control-icon{align-self:flex-start}.activity-filters{justify-content:center}.loading-state,.map-container{height:350px}.facility-details{padding:20px}.radius-selector-overlay{min-width:160px;padding:12px;right:10px;top:10px}.radius-selector-title{font-size:.8rem}.radius-selector-overlay .radius-label{font-size:.7rem;min-width:25px}.radius-selector-overlay .radius-value{font-size:.8rem}}.facility-marker.level-1{filter:hue-rotate(300deg) saturate(1.8) brightness(1.1)!important}.facility-marker.level-2{filter:hue-rotate(45deg) saturate(1.2) brightness(1.2)!important}.leaflet-marker-icon.facility-marker{opacity:.9;transition:opacity .2s ease}.leaflet-marker-icon.facility-marker.selected{filter:drop-shadow(2px 2px 6px rgba(0,0,0,.5));opacity:1}.leaflet-marker-icon.facility-marker.level-1{filter:hue-rotate(300deg) saturate(1.8) brightness(1.1)!important}.leaflet-marker-icon.facility-marker.level-2{filter:hue-rotate(45deg) saturate(1.2) brightness(1.2)!important}.facility-detail-content{margin-top:14px}.detail-item{background-color:#f8f9fa;border-left:4px solid #10b981;border-radius:8px;box-shadow:0 1px 3px #0000000f;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;line-height:1.6;line-height:1.5;margin:10px 0;padding:12px 14px;padding:10px 12px;transition:all .2s ease}.detail-item:hover{background-color:#e9ecef;transform:translateX(2px)}.detail-item strong{color:#1f2937;display:inline-block;font-size:.8rem;font-weight:700;margin-right:6px}.close-facility-detail{background-color:#6c757d;border:none;border-radius:4px;color:#fff;font-size:14px;transition:background-color .2s}.close-facility-detail:hover{background-color:#5a6268}.time-range-selector{position:absolute;right:20px;top:20px;z-index:1000}.time-range-options{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-weight:700;padding:4px}.time-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;justify-content:center;margin-bottom:2px;padding:8px 16px;transition:all .2s ease;white-space:nowrap;width:100%}.time-option:last-child{margin-bottom:0}.time-option:hover{background-color:#00000005;color:#495057}.time-option.active{background-color:#28a745;box-shadow:0 1px 3px #0000001a;color:#fff}.time-option.active:hover{background-color:#218838;color:#fff}.gym-info-cards{display:flex;flex-direction:column;gap:12px;margin-top:12px}.gym-card{align-items:center;background:linear-gradient(135deg,#10b9810f,#10b98105);border:1px solid #10b9812e;border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;gap:10px;padding:10px 12px;transition:all .3s ease}.gym-card:hover{background:linear-gradient(135deg,#10b9811f,#10b9810f);border-color:#10b98159;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.gym-card:last-child{background:linear-gradient(135deg,#ef444414,#ef444408);border-color:#ef444433}.gym-card:last-child:hover{background:linear-gradient(135deg,#ef44441f,#ef44440f);border-color:#ef444459;box-shadow:0 4px 12px #ef444426}.gym-card-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.4rem;height:40px;justify-content:center;width:40px}.gym-card-title{color:#1f2937;font-family:Montserrat,Open Sans,sans-serif;font-size:.8rem;font-weight:700;margin-bottom:4px}.gym-card-text{color:#4b5563;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.7rem;line-height:1.4;margin:0}.gym-card>div:last-child{display:flex;flex:1 1;flex-direction:column;gap:2px}.pointer-legend{background:linear-gradient(135deg,#3b82f60f,#3b82f605);border:1px solid #3b82f62e;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:8px;padding:14px}.pointer-legend h4{color:#1f2937;font-family:Montserrat,Open Sans,sans-serif;font-size:1rem;font-weight:700;margin:0 0 12px;text-align:center}.legend-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.legend-item{align-items:center;background:#ffffffd9;border-radius:8px;display:flex;gap:10px;padding:8px;transition:all .2s ease}.legend-item:hover{background:#fffffff2;transform:translateX(3px)}.legend-marker{filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));flex-shrink:0;height:16px;position:relative;width:10px}.legend-marker:before{border-left:5px solid #0000;border-radius:12px 12px 0 0;border-right:5px solid #0000;border-top:16px solid;height:0;top:0;width:0}.legend-marker:after,.legend-marker:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.legend-marker:after{background:currentColor;border-radius:50%;height:6px;top:2px;width:6px}.legend-marker-blue{color:#2a81cb}.legend-marker-cyan{color:#10b981}.legend-marker-yellow{color:#a374f4}.legend-marker-red{color:#dc2626}.legend-text{color:#1f2937;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;font-weight:600}.map-legend-overlay{bottom:14px;left:14px;position:absolute;z-index:1000}.search-sport{position:relative}.search-input-sport{padding-right:36px}.search-sport-btn{background:linear-gradient(135deg,#10b981f2,#059669f2);border:none;border-radius:8px;box-shadow:0 2px 8px #0596694d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:transform .2s ease,box-shadow .2s ease}.search-sport-btn:hover{box-shadow:0 4px 12px #05966966;transform:translateY(-1px)}.search-sport-btn:disabled{cursor:not-allowed;opacity:.6}.search-sport-magnifier{color:#6b7280;cursor:pointer;font-size:1rem;position:absolute;right:16px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.search-sport-magnifier:hover{color:#374151}.search-sport-magnifier.disabled{cursor:not-allowed;opacity:.5}body.highlight-range-12 .scale-item[data-level="1"],body.highlight-range-12 .scale-item[data-level="2"],body.highlight-range-14 .scale-item[data-level="1"],body.highlight-range-14 .scale-item[data-level="2"],body.highlight-range-14 .scale-item[data-level="3"],body.highlight-range-14 .scale-item[data-level="4"],body.highlight-range-34 .scale-item[data-level="3"],body.highlight-range-34 .scale-item[data-level="4"]{box-shadow:0 0 0 4px #3b82f626;outline:3px solid #3b82f6b3;transform:translateY(-2px);transition:all .2s ease}body.highlight-range-12 .scale-item[data-level="1"],body.highlight-range-12 .scale-item[data-level="2"]{outline-color:#00bcd4}body.highlight-range-34 .scale-item[data-level="3"],body.highlight-range-34 .scale-item[data-level="4"]{outline-color:#f0ad4e}body.highlight-range-14 .scale-item[data-level]{outline-color:#2a81cb}.my-plate-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:0 20px 20px}.my-plate-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#03152d,#063969 42%,#0b6688);border-bottom:1px solid #94c5ff38;font-family:Montserrat,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;margin:0 -20px;overflow:hidden;padding:clamp(24px,4vh,40px) 0;position:relative;z-index:1}.my-plate-header:before{background:radial-gradient(420px 420px at 24% 42%,#2dd4bf2e,#0000 68%),radial-gradient(520px 520px at 72% 22%,#a5b4fc29,#0000 70%);content:"";inset:-16% -28%;opacity:.8;pointer-events:none;position:absolute}.my-plate-header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 clamp(16px,4vw,24px);position:relative;z-index:2}.header-left{align-items:center;display:flex;gap:20px}.back-button{background:none;border:none;border-radius:4px;color:#f4f9ff;cursor:pointer;font-size:24px;margin-right:10px;transition:background-color .3s ease}.back-button:hover{background-color:#ffffff1a}.my-plate-title{align-items:center;display:flex;gap:20px}.my-plate-title h1{color:#f4f9ff;font-family:Montserrat,cursive;font-size:clamp(2.15rem,4.2vw,2.9rem);font-weight:400;letter-spacing:.01em;line-height:1.18;margin:0;position:relative;text-align:center;z-index:2}.item-count{color:#e2e8f0d1;font-size:1.2rem;font-weight:500}.summary-button{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:1px solid #2563eb33;border-radius:12px;box-shadow:0 8px 25px #2563eb47;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.summary-button:hover:not(.disabled){box-shadow:0 12px 30px #2563eb59;transform:translateY(-2px)}.summary-button.disabled,.summary-button:disabled{background:#94a3b880;box-shadow:none;color:#94a3b8cc;cursor:not-allowed;transform:none}.summary-modal-overlay{animation:overlay-fade-in .22s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(1200px 400px at 10% 0,#3b82f62e,#0000 60%),radial-gradient(1400px 500px at 90% 100%,#0ea5e92e,#0000 60%),#020617b8;display:grid;inset:0;padding:clamp(12px,3vw,24px);place-items:center;position:fixed;z-index:10000}.summary-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:1000px;overflow-y:auto;width:90%}.summary-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:center;padding:18px 22px;position:relative}.summary-header h2{color:#0b1a2a;font-family:Montserrat,Open Sans,Trebuchet MS,Arial,sans-serif;font-size:1.5rem;font-weight:400;margin:0;text-align:center}.close-button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 16px #02061714;color:#0f172a;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:transform .2s ease,box-shadow .2s ease;width:32px}.close-button:hover{box-shadow:0 10px 20px #0206171f;transform:translateY(-1px)}.summary-content{overflow:auto;padding:0 22px 22px}.summary-layout{display:flex;gap:24px;min-height:300px;padding-top:20px}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.summary-modal{border-radius:14px;max-height:88vh;width:min(620px,96vw)}.summary-header h2{font-size:1.25rem}.summary-layout{flex-direction:column;gap:16px}}@media (max-width:480px){.summary-modal{border-radius:12px;width:98vw}.summary-content{padding:0 16px 16px}.summary-header{padding:14px 16px}.summary-header h2{font-size:1.1rem}}.label-statistics{border-right:2px solid #eef2f7;flex:0 0 260px;padding-right:20px}.label-statistics h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 16px;text-align:center}.statistics-list{background:#fff;border:1px solid #e0e0e0;border-left:none;border-radius:8px;border-right:none;display:flex;flex-direction:column;min-width:280px;overflow:hidden}.statistic-header{background:#e4f8ef;color:#333;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:600}.statistic-header,.statistic-item{align-items:center;display:flex;justify-content:space-between;padding:8px 10px}.statistic-item{border-bottom:1px solid #f0f0f0}.statistic-item:nth-child(odd){background:#f8f9fa}.statistic-item:nth-child(2n){background:#fff}.statistic-item:last-child{border-bottom:none}.statistic-label{color:#333;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:500}.unit-text{color:#999;font-weight:400}.statistic-value{color:#333;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:500}.tips-section{flex:1 1}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffcc02;border-radius:12px;box-shadow:0 2px 8px #ffc1071a;padding:12px}.tip-number{background:linear-gradient(140deg,#10b981,#22c55e);border-radius:50%;box-shadow:0 6px 16px #10b98140;color:#fff;font-size:.85rem;font-weight:400;height:26px;justify-content:center;width:26px}.tip-header,.tip-number{align-items:center;display:flex}.tip-header{justify-content:space-between;margin-bottom:8px}.tip-label{color:#333;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;font-weight:600}.tip-status{align-items:center;background:#ffcc02;border-radius:12px;display:flex;gap:4px;padding:4px 8px}.status-emoji{font-size:14px}.status-text{color:#333;font-size:12px;font-weight:500}.status-text,.tip-message{font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif}.tip-message{color:#666;font-size:13px;line-height:1.4}.no-tips{color:#334155;padding:40px 20px;text-align:center}.no-tips p{font-size:1.1rem;margin:0}.my-plate-content{margin:0 auto;max-width:1200px}.empty-plate{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-top:5%;padding:80px 20px;text-align:center}.empty-plate p{color:#666;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:1.5rem;margin-bottom:30px}.browse-foods-btn{background:linear-gradient(140deg,#2563eb,#3b82f6 36%,#0ea5e9);border:1px solid #2563eb33;border-radius:12px;box-shadow:0 8px 25px #2563eb47;color:#fff;cursor:pointer;font-family:Montserrat,Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:1.05rem;font-weight:400;padding:14px 28px;transition:all .3s ease}.browse-foods-btn:hover{box-shadow:0 12px 30px #2563eb59;transform:translateY(-2px)}.plate-items-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-top:40px}.plate-item-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;height:200px;max-width:550px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.plate-item-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.item-image{height:100%;overflow:hidden;position:relative;width:50%}.item-image img{height:100%;object-fit:cover;object-position:center;width:100%}.item-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:3rem;font-weight:400;height:100%;justify-content:center;width:100%}.item-details{background:#d4d4d4;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:16px 16px 20px;width:50%}.item-name{color:#333;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:400;line-height:1.3;margin:0}.quantity-section{margin:0}.quantity-display{align-items:center;display:flex;gap:10px}.quantity-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#333;font-weight:500;padding:8px 12px}.editable-quantity{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border:2px dashed #007bff!important;cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.editable-quantity:after{bottom:-14px;color:#007bff;content:"✏️ Click to edit";font-size:8px;font-weight:400;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:-1}.editable-quantity:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border-color:#1976d2!important;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.editable-quantity:hover:after{color:#1976d2;opacity:1}.edit-quantity-btn{background:#f8f9fa;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:5px;transition:background-color .3s ease}.edit-quantity-btn:hover{background-color:#0000001a}.quantity-edit{align-items:center;display:flex;gap:8px}.quantity-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:6px 8px;text-align:center;width:60px}.quantity-unit{color:#666;font-size:14px;font-weight:500}.quantity-actions{display:flex;gap:5px}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background-color .3s ease;width:24px}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.cancel-btn{background:#dc3545;color:#fff}.cancel-btn:hover{background:#c82333}.remove-item-btn{align-self:flex-start;background:#989898;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;margin-top:auto;padding:6px 14px;transition:background-color .3s ease}.remove-item-btn:hover{background:#c82333}@media (max-width:768px){.my-plate-container{padding:15px}.my-plate-title h1{font-size:2rem}.plate-items-grid{gap:20px;grid-template-columns:1fr}.plate-item-card{height:180px}.item-details{padding:15px}.item-name{font-size:1.1rem}}@media (max-width:480px){.my-plate-header{align-items:flex-start;flex-direction:column;gap:15px}.back-button{margin-right:0}.my-plate-title{align-items:flex-start;flex-direction:column;gap:5px}.my-plate-title h1{font-size:1.8rem}.summary-layout{flex-direction:column;gap:16px}.label-statistics{border-bottom:2px solid #e9ecef;border-right:none;flex:none;padding-bottom:16px;padding-right:0}}.copyright-page{background:#f7f9fc;background:var(--bg,#f7f9fc);min-height:calc(100vh - 200px);padding:3rem 0}.copyright-content{background:#f5f6f4;background:var(--soft-white,#f5f6f4);border:2px solid #e1e5ea;border:2px solid var(--border,#e1e5ea);border-radius:16px;box-shadow:0 4px 12px #4d84cf1a;margin:0 auto;max-width:800px;padding:2rem}.copyright-title{color:#344c3d;color:var(--text,#344c3d);font-family:Arial,Verdana,sans-serif;font-family:var(--font-family-headings,Arial,Verdana,sans-serif);font-size:2.5rem;font-size:var(--font-size-h1,2.5rem);font-weight:600;line-height:1.4;line-height:var(--line-height-headings,1.4);margin-bottom:2rem;text-align:center}.copyright-section{border-bottom:1px solid #e1e5ea;border-bottom:1px solid var(--border,#e1e5ea);margin-bottom:2rem;padding-bottom:1.5rem}.copyright-section:last-child{border-bottom:none;margin-bottom:0}.copyright-section h2{color:#4d84cf;color:var(--primary,#4d84cf);font-family:Arial,Verdana,sans-serif;font-family:var(--font-family-headings,Arial,Verdana,sans-serif);font-size:1.5rem;font-size:var(--font-size-h3,1.5rem);font-weight:600;margin-bottom:1rem}.copyright-section p{color:#344c3d;color:var(--text,#344c3d);font-size:18px;font-size:var(--font-size-base,18px);letter-spacing:.02em;letter-spacing:var(--letter-spacing,.02em);line-height:1.6;line-height:var(--line-height-base,1.6);margin-bottom:0;word-spacing:.03em;word-spacing:var(--word-spacing,.03em)}@media (max-width:768px){.copyright-page{padding:2rem 0}.copyright-content{margin:0 1rem;padding:1.5rem}.copyright-title{font-size:2rem;margin-bottom:1.5rem}.copyright-section{margin-bottom:1.5rem;padding-bottom:1rem}.copyright-section h2{font-size:1.25rem;margin-bottom:.75rem}}.high-contrast .copyright-content{background:#fff!important;border:3px solid #000!important}.high-contrast .copyright-section p,.high-contrast .copyright-title{color:#000!important}.high-contrast .copyright-section h2{color:#0052cc!important}@media (prefers-reduced-motion:reduce){.copyright-content{box-shadow:0 2px 4px #4d84cf1a}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;height:calc(100vh - 60px);overflow:hidden}.container{margin:0 auto;max-width:1400px;padding:0 1rem}@media (max-width:768px){.container{padding:0 .75rem}}.food-library-header .container,.games-hero .container,.insights-header .container,.my-plate-header .container{max-width:1400px!important;padding:0 1rem!important}@media (max-width:768px){.food-library-header .container,.games-hero .container,.insights-header .container,.my-plate-header .container{padding:0 .75rem!important}}.btn{background-color:#007bff;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.btn:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.close-btn{align-items:center;background:none;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:background-color .2s}.close-btn:hover{background-color:#f8f9fa}.control-button.active{background:#007bff;color:#fff}.filter-backdrop{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.filter-backdrop.open{display:block}}.spinner{display:inline-block}.custom-marker{background:#0000!important;border:none!important}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 20px #00000026}.leaflet-popup-content{font-family:Segoe UI,system-ui,sans-serif;font-size:8px;line-height:1.4;margin:12px 16px}.leaflet-control-attribution{background:#fffc;font-size:10px}.close-btn,.control-button,.navigate-btn,.toggle-btn,.trends-button{transition:all .2s ease}.close-btn:focus,.control-button:focus,.navigate-btn:focus,.toggle-btn:focus,.trends-button:focus{outline:2px solid #007bff;outline-offset:2px}.control-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:12px;padding:8px 12px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:12px;padding:8px 12px}.trends-button{align-items:center;background:#28a745;border-radius:6px;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:350px;padding:12px 16px;position:absolute;text-decoration:none;top:20px;transition:all .2s ease;z-index:1000}.trends-button:hover{background:#218838;box-shadow:0 4px 20px #00000026;transform:translateY(-1px)}.trends-button:focus{outline:2px solid #28a745;outline-offset:2px}@media (max-width:768px){.main-content{height:calc(100vh - 50px)}.trends-button{font-size:12px;left:10px;padding:8px 12px;top:70px}}@media (max-width:1024px) and (min-width:769px){.trends-button{left:280px}}.parking-finder-container{height:100%;position:relative;width:100%}:root{--accessibility-text-scale:1;--bg-color:#f8f9fa;--text-color:#333;--card-bg:#fff;--border-color:#e1e5ea;--primary-color:#4d84cf;--secondary-color:#28a745;--accent-color:#007bff;--muted-color:#6c757d;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--scale-factor:1;--text-scale-small:0.85;--text-scale-normal:1.0;--text-scale-large:1.2;--text-scale-extra-large:1.4}body.text-size-small h1{font-size:2.125rem!important}body.text-size-small h2{font-size:1.7rem!important}body.text-size-small h3{font-size:1.4875rem!important}body.text-size-small h4{font-size:1.275rem!important}body.text-size-small h5{font-size:1.0625rem!important}body.text-size-small a,body.text-size-small button,body.text-size-small div,body.text-size-small h6,body.text-size-small label,body.text-size-small li,body.text-size-small p,body.text-size-small span{font-size:.85rem!important}body.text-size-small .hero-title{font-size:clamp(23.8px,3.825vw,40.8px)!important}body.text-size-small .article-title,body.text-size-small .section-title{font-size:1.53rem!important}body.text-size-small .feature-title{font-size:1.275rem!important}body.text-size-small .copyright-title{font-size:2.125rem!important}body.text-size-small .game-title{font-size:1.7rem!important}body.text-size-small .benefit-title,body.text-size-small .rules-modal-title,body.text-size-small .rules-section-title,body.text-size-small .rules-title{font-size:1.275rem!important}body.text-size-small .portal-title,body.text-size-small .tip-title{font-size:1.0625rem!important}body.text-size-small .benefit-text,body.text-size-small .highlight-text,body.text-size-small .practice-text,body.text-size-small .rule-text{font-size:.85rem!important}body.text-size-small .game-subtitle{font-size:.935rem!important}body.text-size-small .food-library-header h1,body.text-size-small .games-hero h1,body.text-size-small .insights-header h1,body.text-size-small .my-plate-header h1{font-size:2.125rem!important}body.text-size-normal h1{font-size:2.5rem!important}body.text-size-normal h2{font-size:2rem!important}body.text-size-normal h3{font-size:1.75rem!important}body.text-size-normal h4{font-size:1.5rem!important}body.text-size-normal h5{font-size:1.25rem!important}body.text-size-normal a,body.text-size-normal button,body.text-size-normal div,body.text-size-normal h6,body.text-size-normal label,body.text-size-normal li,body.text-size-normal p,body.text-size-normal span{font-size:1rem!important}body.text-size-normal .hero-title{font-size:clamp(28px,4.5vw,48px)!important}body.text-size-normal .article-title,body.text-size-normal .section-title{font-size:1.8rem!important}body.text-size-normal .feature-title{font-size:1.5rem!important}body.text-size-normal .copyright-title{font-size:2.5rem!important}body.text-size-normal .game-title{font-size:2rem!important}body.text-size-normal .benefit-title,body.text-size-normal .rules-modal-title,body.text-size-normal .rules-section-title,body.text-size-normal .rules-title{font-size:1.5rem!important}body.text-size-normal .portal-title,body.text-size-normal .tip-title{font-size:1.25rem!important}body.text-size-normal .benefit-text,body.text-size-normal .highlight-text,body.text-size-normal .practice-text,body.text-size-normal .rule-text{font-size:1rem!important}body.text-size-normal .game-subtitle{font-size:1.1rem!important}body.text-size-normal .food-library-header h1,body.text-size-normal .games-hero h1,body.text-size-normal .insights-header h1,body.text-size-normal .my-plate-header h1{font-size:2.5rem!important}body.text-size-large h1{font-size:2.75rem!important;font-weight:400!important}body.text-size-large h2{font-size:2.2rem!important;font-weight:400!important}body.text-size-large h3{font-size:1.925rem!important;font-weight:400!important}body.text-size-large h4{font-size:1.65rem!important;font-weight:400!important}body.text-size-large h5{font-size:1.375rem!important;font-weight:400!important}body.text-size-large h6{font-size:1.1rem!important;font-weight:400!important}body.text-size-large a:not(.nav-link),body.text-size-large button:not(.nav-button),body.text-size-large label,body.text-size-large li:not(.nav-item),body.text-size-large p,body.text-size-large span:not(.nav-brand):not(.nav-link){font-size:1.1rem!important;font-weight:300!important}body.text-size-large .hero-title{font-size:clamp(30.8px,4.95vw,52.8px)!important}body.text-size-large .article-title,body.text-size-large .section-title{font-size:1.98rem!important}body.text-size-large .feature-title{font-size:1.65rem!important}body.text-size-large .copyright-title{font-size:2.75rem!important}body.text-size-large .game-title{font-size:2.2rem!important}body.text-size-large .benefit-title,body.text-size-large .rules-modal-title,body.text-size-large .rules-section-title,body.text-size-large .rules-title{font-size:1.65rem!important}body.text-size-large .portal-title,body.text-size-large .tip-title{font-size:1.375rem!important}body.text-size-large .benefit-text,body.text-size-large .highlight-text,body.text-size-large .practice-text,body.text-size-large .rule-text{font-size:1.1rem!important}body.text-size-large .game-subtitle{font-size:1.21rem!important}body.text-size-large .food-library-header h1,body.text-size-large .games-hero h1,body.text-size-large .insights-header h1,body.text-size-large .my-plate-header h1{font-size:2.75rem!important}body.text-size-extra-large h1{font-size:2.75rem!important;font-weight:400!important}body.text-size-extra-large h2{font-size:2.2rem!important;font-weight:400!important}body.text-size-extra-large h3{font-size:1.925rem!important;font-weight:400!important}body.text-size-extra-large h4{font-size:1.65rem!important;font-weight:400!important}body.text-size-extra-large h5{font-size:1.375rem!important;font-weight:400!important}body.text-size-extra-large h6{font-size:1.1rem!important;font-weight:400!important}body.text-size-extra-large a:not(.nav-link),body.text-size-extra-large button:not(.nav-button),body.text-size-extra-large label,body.text-size-extra-large li:not(.nav-item),body.text-size-extra-large p,body.text-size-extra-large span:not(.nav-brand):not(.nav-link){font-size:1.1rem!important;font-weight:300!important}body.text-size-extra-large .hero-title{font-size:clamp(32.2px,5.175vw,55.2px)!important}body.text-size-extra-large .article-title,body.text-size-extra-large .section-title{font-size:2.07rem!important}body.text-size-extra-large .feature-title{font-size:1.725rem!important}body.text-size-extra-large .copyright-title{font-size:2.875rem!important}body.text-size-extra-large .game-title{font-size:2.3rem!important}body.text-size-extra-large .benefit-title,body.text-size-extra-large .rules-modal-title,body.text-size-extra-large .rules-section-title,body.text-size-extra-large .rules-title{font-size:1.725rem!important}body.text-size-extra-large .portal-title,body.text-size-extra-large .tip-title{font-size:1.4375rem!important}body.text-size-extra-large .benefit-text,body.text-size-extra-large .highlight-text,body.text-size-extra-large .practice-text,body.text-size-extra-large .rule-text{font-size:1.15rem!important}body.text-size-extra-large .game-subtitle{font-size:1.265rem!important}body.text-size-extra-large .food-library-header h1,body.text-size-extra-large .games-hero h1,body.text-size-extra-large .insights-header h1,body.text-size-extra-large .my-plate-header h1{font-size:2.875rem!important}body.text-size-small .features-title{font-size:1.7rem!important}body.text-size-small .article-description,body.text-size-small .features-description{font-size:.85rem!important}body.text-size-small .article-text,body.text-size-small .feature-text{font-size:.765rem!important}body.text-size-small .article-heading{font-size:1.0625rem!important}body.text-size-small .article-cta{font-size:.765rem!important}body.text-size-small .faq-title{font-size:calc(clamp(1.6rem, 3vw, 2.2rem)*.85)!important}body.text-size-small .food-card h3,body.text-size-small .game-portal-card h1,body.text-size-small .plate-item-card h3{font-size:1.275rem!important}body.text-size-small .food-card p,body.text-size-small .stat-item span,body.text-size-small .statistic-item span,body.text-size-small .tip-card p{font-size:.85rem!important}body.text-size-small .statistic-header h4{font-size:1.0625rem!important}body.text-size-normal .features-title{font-size:2rem!important}body.text-size-normal .article-description,body.text-size-normal .features-description{font-size:1rem!important}body.text-size-normal .article-text,body.text-size-normal .feature-text{font-size:.9rem!important}body.text-size-normal .article-heading{font-size:1.25rem!important}body.text-size-normal .article-cta{font-size:.9rem!important}body.text-size-normal .faq-title{font-size:clamp(1.6rem,3vw,2.2rem)!important}body.text-size-normal .food-card h3,body.text-size-normal .game-portal-card h1,body.text-size-normal .plate-item-card h3{font-size:1.5rem!important}body.text-size-normal .food-card p,body.text-size-normal .stat-item span,body.text-size-normal .statistic-item span,body.text-size-normal .tip-card p{font-size:1rem!important}body.text-size-normal .statistic-header h4{font-size:1.25rem!important}body.text-size-large .features-title{font-size:2.2rem!important}body.text-size-large .article-description,body.text-size-large .features-description{font-size:1.1rem!important}body.text-size-large .article-text,body.text-size-large .feature-text{font-size:.99rem!important}body.text-size-large .article-heading{font-size:1.375rem!important}body.text-size-large .article-cta{font-size:.99rem!important}body.text-size-large .faq-title{font-size:calc(clamp(1.6rem, 3vw, 2.2rem)*1.1)!important}body.text-size-large .food-card h3,body.text-size-large .game-portal-card h1,body.text-size-large .plate-item-card h3{font-size:1.65rem!important}body.text-size-large .food-card p,body.text-size-large .stat-item span,body.text-size-large .statistic-item span,body.text-size-large .tip-card p{font-size:1.1rem!important}body.text-size-large .statistic-header h4{font-size:1.375rem!important}body.text-size-extra-large .features-title{font-size:2.3rem!important}body.text-size-extra-large .article-description,body.text-size-extra-large .features-description{font-size:1.15rem!important}body.text-size-extra-large .article-text,body.text-size-extra-large .feature-text{font-size:1.035rem!important}body.text-size-extra-large .article-heading{font-size:1.4375rem!important}body.text-size-extra-large .article-cta{font-size:1.035rem!important}body.text-size-extra-large .faq-title{font-size:calc(clamp(1.6rem, 3vw, 2.2rem)*1.15)!important}body.text-size-small .hero-subtitle{font-size:1.02rem!important}body.text-size-small .my-plate-title,body.text-size-small .statistic-title{font-size:1.275rem!important}body.text-size-small .item-name{font-size:1.0625rem!important}body.text-size-small .bar-label,body.text-size-small .header-label,body.text-size-small .metric-label,body.text-size-small .statistic-label,body.text-size-small .tip-label{font-size:.85rem!important}body.text-size-small .article-chip-label,body.text-size-small .feature-chip-label,body.text-size-small .status-text,body.text-size-small .unit-text{font-size:.74375rem!important}body.text-size-small .risk-factors-text{font-size:.765rem!important}body.text-size-normal .hero-subtitle{font-size:1.2rem!important}body.text-size-normal .my-plate-title,body.text-size-normal .statistic-title{font-size:1.5rem!important}body.text-size-normal .item-name{font-size:1.25rem!important}body.text-size-normal .bar-label,body.text-size-normal .header-label,body.text-size-normal .metric-label,body.text-size-normal .statistic-label,body.text-size-normal .tip-label{font-size:1rem!important}body.text-size-normal .article-chip-label,body.text-size-normal .feature-chip-label,body.text-size-normal .status-text,body.text-size-normal .unit-text{font-size:.875rem!important}body.text-size-normal .risk-factors-text{font-size:.9rem!important}body.text-size-large .hero-subtitle{font-size:1.32rem!important}body.text-size-large .my-plate-title,body.text-size-large .statistic-title{font-size:1.65rem!important}body.text-size-large .item-name{font-size:1.375rem!important}body.text-size-large .bar-label,body.text-size-large .header-label,body.text-size-large .metric-label,body.text-size-large .statistic-label,body.text-size-large .tip-label{font-size:1.1rem!important}body.text-size-large .article-chip-label,body.text-size-large .feature-chip-label,body.text-size-large .status-text,body.text-size-large .unit-text{font-size:.9625rem!important}body.text-size-large .risk-factors-text{font-size:.99rem!important}body.text-size-extra-large .hero-subtitle{font-size:1.38rem!important}body.text-size-extra-large .my-plate-title,body.text-size-extra-large .statistic-title{font-size:1.725rem!important}body.text-size-extra-large .item-name{font-size:1.4375rem!important}body.text-size-extra-large .bar-label,body.text-size-extra-large .header-label,body.text-size-extra-large .metric-label,body.text-size-extra-large .statistic-label,body.text-size-extra-large .tip-label{font-size:1.15rem!important}body.text-size-extra-large .article-chip-label,body.text-size-extra-large .feature-chip-label,body.text-size-extra-large .status-text,body.text-size-extra-large .unit-text{font-size:1.00625rem!important}body.text-size-extra-large .risk-factors-text{font-size:1.035rem!important}body.text-size-extra-large .food-card h3,body.text-size-extra-large .game-portal-card h1,body.text-size-extra-large .plate-item-card h3{font-size:1.725rem!important}body.text-size-extra-large .food-card p,body.text-size-extra-large .stat-item span,body.text-size-extra-large .statistic-item span,body.text-size-extra-large .tip-card p{font-size:1.15rem!important}body.text-size-extra-large .statistic-header h4{font-size:1.4375rem!important}body.dark-mode{--bg-color:#000;--text-color:#fff;--card-bg:#000;--border-color:#fff;--primary-color:#fff;--secondary-color:#fff;--accent-color:#fff}body.dark-mode,body.dark-mode .container-fluid,body.dark-mode .content-section,body.dark-mode .content-wrapper,body.dark-mode .copyright-page,body.dark-mode .features,body.dark-mode .food-library-container,body.dark-mode .games-hero,body.dark-mode .games-page,body.dark-mode .healthy-eating-page,body.dark-mode .hero,body.dark-mode .hero-overlay,body.dark-mode .hero-section,body.dark-mode .hero-slide,body.dark-mode .home-page,body.dark-mode .insights,body.dark-mode .insights-page,body.dark-mode .main-section,body.dark-mode .my-plate-container,body.dark-mode .my-plate-page,body.dark-mode .page-wrapper,body.dark-mode .section-wrapper,body.dark-mode .wrapper,body.dark-mode section{background-color:#000!important;color:#fff!important}body.dark-mode .article-item,body.dark-mode .card,body.dark-mode .chart-container,body.dark-mode .chart-container-risk,body.dark-mode .container,body.dark-mode .copyright-content,body.dark-mode .faq-item,body.dark-mode .feature-card,body.dark-mode .feature-item,body.dark-mode .features-wrap,body.dark-mode .food-card,body.dark-mode .food-library-header,body.dark-mode .game-portal-card,body.dark-mode .insights-header,body.dark-mode .my-plate-header,body.dark-mode .statistic-card{background-color:#000!important;border-color:#fff!important;color:#fff!important}body.dark-mode .article-heading,body.dark-mode .feature-title,body.dark-mode .hero-subtitle,body.dark-mode .hero-title,body.dark-mode .statistic-value,body.dark-mode div,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode label,body.dark-mode li,body.dark-mode p,body.dark-mode span{color:#fff!important}body.dark-mode .btn:not(.accessibility-button):not(.accessibility-panel *),body.dark-mode button:not(.accessibility-button):not(.accessibility-panel *){background-color:#000!important;border:2px solid #fff!important;color:#fff!important}body.dark-mode .btn:hover:not(.accessibility-button):not(.accessibility-panel *),body.dark-mode button:hover:not(.accessibility-button):not(.accessibility-panel *){background-color:#fff!important;border:2px solid #fff!important;color:#000!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#000!important;border-color:#fff!important;color:#fff!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#999!important}body.dark-mode a{color:#fff!important}body.dark-mode a:hover{color:#fff!important;text-decoration:underline!important}body.dark-mode .article-underline,body.dark-mode .border,body.dark-mode .features-underline,body.dark-mode hr{background-color:#fff!important;border-color:#fff!important}body.dark-mode .faq-answer,body.dark-mode .faq-question{background-color:#000!important;color:#fff!important}body.dark-mode .statistic-value{color:#fff!important}body.dark-mode :not(.accessibility-panel):not(.accessibility-panel *):not(.accessibility-button):not(.accessibility-button *):not(.food-library-container):not(.food-library-container *):not(.sport-map-section):not(.sport-map-section *):not(.map-container):not(.map-container *):not(.leaflet-container):not(.leaflet-container *){background-color:#000!important;background-image:none!important;background:#000!important;border-color:#fff!important;box-shadow:none!important;color:#fff!important;text-shadow:none!important}body.dark-mode [class*=gradient]:not(.accessibility-panel):not(.accessibility-panel *):not(.food-library-container *):not(.sport-map-section *):not(.map-container *):not(.leaflet-container *),body.dark-mode [style*=gradient]:not(.accessibility-panel):not(.accessibility-panel *):not(.food-library-container *):not(.sport-map-section *):not(.map-container *):not(.leaflet-container *){background:#000!important;background-image:none!important}body.dark-mode [class*=bg-]:not(.accessibility-panel):not(.accessibility-panel *):not(.food-library-container *):not(.sport-map-section *):not(.map-container *):not(.leaflet-container *),body.dark-mode [style*=background]:not(.accessibility-panel):not(.accessibility-panel *):not(.food-library-container *):not(.sport-map-section *):not(.map-container *):not(.leaflet-container *){background-color:#000!important;background-image:none!important;background:#000!important}body.dark-mode img:not(.accessibility-panel img):not(.accessibility-panel *):not(.food-library-container img):not(.sport-map-section img):not(.map-container img):not(.leaflet-container img),body.dark-mode svg:not(.accessibility-panel svg):not(.accessibility-panel *):not(.food-library-container svg):not(.sport-map-section svg):not(.map-container svg):not(.leaflet-container svg){filter:grayscale(100%) contrast(1.05) brightness(1.1)!important;opacity:1!important}body.dark-mode .food-card,body.dark-mode .food-card *,body.dark-mode .food-card img,body.dark-mode .food-card-background,body.dark-mode .food-card-background *,body.dark-mode .food-grid,body.dark-mode .food-grid *,body.dark-mode .food-image img,body.dark-mode .food-library-container,body.dark-mode .food-library-container *,body.dark-mode .food-library-content,body.dark-mode .food-library-content *{background-color:initial!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;color:#000!important;color:initial!important;filter:none!important;-webkit-filter:none!important}body.dark-mode .leaflet-container,body.dark-mode .leaflet-container *,body.dark-mode .leaflet-container img,body.dark-mode .leaflet-container svg,body.dark-mode .leaflet-layer,body.dark-mode .leaflet-layer *,body.dark-mode .leaflet-map-pane,body.dark-mode .leaflet-map-pane *,body.dark-mode .leaflet-pane,body.dark-mode .leaflet-pane *,body.dark-mode .leaflet-tile,body.dark-mode .leaflet-tile img,body.dark-mode .leaflet-tile-container,body.dark-mode .leaflet-tile-container *,body.dark-mode .leaflet-tile-pane,body.dark-mode .leaflet-tile-pane *,body.dark-mode .leaflet-zoom-anim,body.dark-mode .leaflet-zoom-anim *,body.dark-mode .map-container,body.dark-mode .map-container *,body.dark-mode .map-content,body.dark-mode .map-content *,body.dark-mode .sport-map,body.dark-mode .sport-map *,body.dark-mode .sport-map img,body.dark-mode .sport-map svg,body.dark-mode .sport-map-section,body.dark-mode .sport-map-section *{background-color:initial!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;color:#000!important;color:initial!important;filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal!important;opacity:1!important}body.dark-mode .article-item,body.dark-mode .card:not(.food-card){border:1px solid #ffffff1a!important}body.dark-mode .article-text,body.dark-mode .card-text:not(.food-card *){color:#e5e7eb!important}body.dark-mode .leaflet-control-attribution,body.dark-mode .leaflet-control-zoom{background:#000c!important;color:#fff!important}body.dark-mode .articles,body.dark-mode .features,body.dark-mode .food-library-header,body.dark-mode .games-hero,body.dark-mode .hero,body.dark-mode .insights,body.dark-mode .insights-header,body.dark-mode .my-plate-header{background:#000!important;background-color:#000!important;background-image:none!important}body.dark-mode :after:not(.accessibility-panel :after):not(.food-library-container :after):not(.sport-map-section :after):not(.map-container :after):not(.leaflet-container :after),body.dark-mode :before:not(.accessibility-panel :before):not(.food-library-container :before):not(.sport-map-section :before):not(.map-container :before):not(.leaflet-container :before){background:#000!important;background-color:#000!important;background-image:none!important;border-color:#fff!important;color:#fff!important}body.dark-mode a:not(.food-library-container a):not(.sport-map-section a),body.dark-mode code:not(.food-library-container code):not(.sport-map-section code),body.dark-mode div:not(.food-library-container div):not(.sport-map-section div):not(.map-container div):not(.leaflet-container div),body.dark-mode em:not(.food-library-container em):not(.sport-map-section em),body.dark-mode h1:not(.food-library-container h1):not(.sport-map-section h1),body.dark-mode h2:not(.food-library-container h2):not(.sport-map-section h2),body.dark-mode h3:not(.food-library-container h3):not(.sport-map-section h3),body.dark-mode h4:not(.food-library-container h4):not(.sport-map-section h4),body.dark-mode h5:not(.food-library-container h5):not(.sport-map-section h5),body.dark-mode h6:not(.food-library-container h6):not(.sport-map-section h6),body.dark-mode label:not(.food-library-container label):not(.sport-map-section label),body.dark-mode li:not(.food-library-container li):not(.sport-map-section li),body.dark-mode p:not(.food-library-container p):not(.sport-map-section p),body.dark-mode small:not(.food-library-container small):not(.sport-map-section small),body.dark-mode span:not(.food-library-container span):not(.sport-map-section span),body.dark-mode strong:not(.food-library-container strong):not(.sport-map-section strong){color:#fff!important;text-shadow:none!important}body.dark-mode :not(.accessibility-panel):not(.accessibility-panel *):not(.food-library-container *):not(.sport-map-section *):not(.map-container *):not(.leaflet-container *){border-color:#fff!important;outline-color:#fff!important}body.dark-mode .app-content,body.dark-mode .content,body.dark-mode .layout,body.dark-mode .main,body.dark-mode .page,body.dark-mode [class*=bg-light]:not(.accessibility-panel):not(.accessibility-panel *),body.dark-mode [class*=bg-white]:not(.accessibility-panel):not(.accessibility-panel *),body.dark-mode [style*=background]:not(.accessibility-panel):not(.accessibility-panel *){background-color:#000!important;color:#fff!important}body.text-size-small{--spacing-scale:0.85;--dimension-scale:0.9}body.text-size-normal{--spacing-scale:1;--dimension-scale:1}body.text-size-large{--spacing-scale:1.05;--dimension-scale:1.02}body.text-size-extra-large{--spacing-scale:1.1;--dimension-scale:1.05}body.text-size-extra-large .container,body.text-size-large .container{padding-left:calc(var(--spacing-scale)*1rem)!important;padding-right:calc(var(--spacing-scale)*1rem)!important}body.text-size-extra-large .article-item,body.text-size-extra-large .card,body.text-size-extra-large .feature-card,body.text-size-extra-large .food-card,body.text-size-extra-large .game-card,body.text-size-large .article-item,body.text-size-large .card,body.text-size-large .feature-card,body.text-size-large .food-card,body.text-size-large .game-card{word-wrap:break-word!important;height:auto!important;-webkit-hyphens:auto!important;hyphens:auto!important;margin:calc(var(--spacing-scale)*.5rem)!important;min-height:auto!important;overflow:visible!important;padding:calc(var(--spacing-scale)*1rem)!important;word-break:break-word!important}body.text-size-extra-large .article-content,body.text-size-extra-large .card-body,body.text-size-extra-large .card-content,body.text-size-extra-large .feature-content,body.text-size-large .article-content,body.text-size-large .card-body,body.text-size-large .card-content,body.text-size-large .feature-content{gap:calc(var(--spacing-scale)*.5rem)!important;height:auto!important;min-height:auto!important;overflow:visible!important;padding:calc(var(--spacing-scale)*1rem)!important}body.text-size-extra-large .article-grid,body.text-size-extra-large .features-grid,body.text-size-extra-large .games-grid,body.text-size-large .article-grid,body.text-size-large .features-grid,body.text-size-large .games-grid{gap:calc(var(--spacing-scale)*1.5rem)!important}body.text-size-extra-large *,body.text-size-large *{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;overflow-wrap:break-word!important}body.text-size-extra-large img,body.text-size-large img{height:auto!important;max-width:100%!important}body.text-size-extra-large .article-image,body.text-size-extra-large .article-image-container img,body.text-size-large .article-image,body.text-size-large .article-image-container img{height:auto!important;max-width:100%!important;object-fit:cover!important}body.text-size-extra-large .article-image-container,body.text-size-large .article-image-container{max-width:100%!important;overflow:hidden!important;width:100%!important}body.text-size-extra-large .article-item,body.text-size-large .article-item{flex-direction:column!important;max-width:100%!important}body.text-size-extra-large .article-item .article-image-container,body.text-size-large .article-item .article-image-container{max-height:200px!important;width:100%!important}body.text-size-extra-large .btn,body.text-size-extra-large button,body.text-size-large .btn,body.text-size-large button{min-height:calc(var(--dimension-scale)*2.5rem)!important;padding:calc(var(--spacing-scale)*.75rem) calc(var(--spacing-scale)*1.5rem)!important}@media (prefers-contrast:high){.control-button,.trends-button{border:2px solid #000}.control-button:hover,.toggle-btn:hover{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){.close-btn,.control-button,.navigate-btn,.toggle-btn,.trends-button{transition:none}.spinner{animation:none}}.leaflet-control-container{z-index:999}body.text-size-small .risk-factor-item h3{font-size:.765rem!important}body.text-size-normal .risk-factor-item h3{font-size:.9rem!important}body.text-size-large .risk-factor-item h3{font-size:.99rem!important}body.text-size-extra-large .risk-factor-item h3{font-size:1.035rem!important}body.text-size-small .risk-factor-item p{font-size:.68rem!important}body.text-size-normal .risk-factor-item p{font-size:.8rem!important}body.text-size-large .risk-factor-item p{font-size:.88rem!important}body.text-size-extra-large .risk-factor-item p{font-size:.92rem!important}body.text-size-small .chart-container-risk h2{font-size:1.275rem!important}body.text-size-normal .chart-container-risk h2{font-size:1.5rem!important}body.text-size-large .chart-container-risk h2{font-size:1.65rem!important}body.text-size-extra-large .chart-container-risk h2{font-size:1.725rem!important}body.text-size-small .chart-container h2{font-size:1.275rem!important}body.text-size-normal .chart-container h2{font-size:1.5rem!important}body.text-size-large .chart-container h2{font-size:1.65rem!important}body.text-size-extra-large .chart-container h2{font-size:1.725rem!important}
/*# sourceMappingURL=main.e0e0f4d0.css.map*/