@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-color:#4d84cf;--text-color:#344c3d}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}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{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{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;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{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;flex-shrink:0}.special-rules{background:#f3b4a433;border:1px solid #f3b4a466}.special-rules h5{color:#f3b4a4;font-size:.95rem;font-weight:600}.special-rule-item{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;padding:12px 32px}.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 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)}.footer{background:linear-gradient(90deg,#427c92,#5d813c);border-top:1px solid #e9ecef;color:#fff;padding:2rem 0}.footer-content{align-items:center;flex-wrap:wrap;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:.8rem;justify-content:space-between}.footer-content,.footer-links{display:flex;gap:1rem}.footer-link{color:#fff;font-size:.9rem;text-decoration:none}.footer-link:hover{color:#f0f0f0}.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}}.hero{height:56.91vh;min-height:326px}.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:900;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:800;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{align-items:center;display:flex}.btn,.hero-actions{justify-content:center}.btn{border:0;border-radius:28px;font-weight:700;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:700;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-title{color:#343a40;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:40px;font-weight:800;letter-spacing:1px;margin:0}.article{background:linear-gradient(90deg,#a1d3e7,#d4f1b8);padding:72px 20px}.article-wrap{margin:0;max-width:none;padding:0 20px;text-align:center;width:100%}.article-title{color:#343a40;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:40px;font-weight:800;letter-spacing:1px;margin:0}.article-underline{background:linear-gradient(90deg,#5b8cff,#7a5cff);border-radius:999px;height:6px;margin:14px auto 48px;width:80px}.article-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.article-item{background:#fff;border-radius:16px;box-shadow:0 10px 24px #0000000f;display:flex;height:250px;overflow:hidden;transition:all .3s ease}.article-link{color:inherit;display:flex;height:100%;text-decoration:none;width:100%}.article-content{border-radius:16px 0 0 16px;display:flex;flex:0 0 50%;flex-direction:column;justify-content:center;padding:30px}.article-content,.article-text{overflow:hidden;transition:all .3s ease}.article-text{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#5c6670;display:-webkit-box;font-size:14px;line-height:1.6;margin:0;text-overflow:ellipsis}.article-image{border-radius:0 16px 16px 0;flex:0 0 50%;overflow:hidden;position:relative}.article-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.article-reverse .article-content{border-radius:0 16px 16px 0;order:2}.article-reverse .article-image{border-radius:16px 0 0 16px;order:1}.article-item:hover .article-content{flex:0 0 60%;padding:30px 40px}.article-item:hover .article-text{-webkit-line-clamp:7;overflow:hidden}.article-item:hover .article-image{flex:0 0 40%}.article-item:hover .article-image img{transform:scale(1.05)}@media (max-width:768px){.article-container{grid-template-columns:1fr}.article-item{flex-direction:column;height:auto}.article-content{padding:30px}.article-image{height:200px}.article-item:hover .article-content{flex:none;padding:30px}}@media (max-width:560px){.article-title{font-size:32px}.article-heading{font-size:24px}}.faq{background:linear-gradient(#fffc,#fffc),url(/static/media/question.2ccc5d189bef604ff29b.png) 50% /cover no-repeat;padding:72px 20px}.faq-wrap{margin:0 auto;max-width:800px;text-align:center;width:100%}.faq-title{color:#343a40;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:1px;margin:0 0 48px}.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:600;justify-content:space-between;padding:14px 22px;text-align:left;transition:background-color .3s ease;width:100%}.faq-question:hover{background:#f8f9fa}.faq-arrow{color:#6c757d;font-size:20px;font-weight:700;transition:transform .3s ease}.faq-arrow.active{transform:rotate(90deg)}.faq-answer{background:#f8f9fa;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.active{max-height:200px;padding:0 32px 24px}.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;font-weight:700;height:16px;justify-content:center;width:16px}.info-icon,.reset-btn{align-items:center;color:#fff}.reset-btn{background:#f3b4a4;background:var(--warm-coral);border:none;border-radius:6px;box-shadow:0 2px 4px #f3b4a44d;cursor:pointer;display:inline-flex;font-weight:600;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:linear-gradient(180deg,#f8fafc,#ecfeff);background-attachment:fixed;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}h1,h2,h3,h4,h5,h6{font-family:Arial,Verdana,Calibri,sans-serif;font-family:var(--font-family-headings);font-weight:600;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:600;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:600;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;min-width:100vw;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:600;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)}.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{--gp-gap:16px;--gp-card-bg:#fff;--gp-border:1px solid #0d948824;--gp-radius:16px;--gp-shadow:0 8px 24px #0d94881f;--gp-primary:#14b8a6;--gp-primary-600:#0d9488;--gp-accent:#0ea5e9;--gp-dark:#0b132b;--gp-muted:#334155}.games-page-root{background-attachment:fixed;background-image:linear-gradient(#fff9,#fff9),url(/static/media/mind_game.ed528648de065898d714.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;max-width:1440px;min-height:100vh;padding:0 16px 24px}.games-hero{margin-bottom:8px;padding:20px 0 14px;text-align:center}.games-hero h1{color:#0b132b;color:var(--gp-dark);font-family:Montserrat,cursive;font-size:36px;font-weight:700;line-height:1.4;margin:0}.games-hero p{color:#334155;color:var(--gp-muted);margin:6px 0 0}.games-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.games-layout{grid-gap:16px;grid-gap:var(--gp-gap);align-items:start;display:grid;gap:16px;gap:var(--gp-gap);grid-template-columns:280px 1fr;margin-top:12px}.games-layout>aside.gp-card{position:-webkit-sticky;position:sticky;top:12px;z-index:5}@media (max-width:900px){.games-layout{grid-template-columns:1fr}}.gp-card{background:#fff;background:var(--gp-card-bg);border:1px solid #0d948824;border:var(--gp-border);border-radius:16px;border-radius:var(--gp-radius);box-shadow:0 8px 24px #0d94881f;box-shadow:var(--gp-shadow);padding:14px}.games-layout>aside.gp-card{padding:10px 12px}.games-layout>aside.gp-card h2{font-size:16px}.games-layout>aside.gp-card .sub{font-size:12px}.gp-card[aria-label="Game area"]{border-radius:18px;overflow:hidden;padding:8px 12px;position:relative;z-index:1}.gp-card h2{color:#0b132b;color:var(--gp-dark);font-size:18px;margin:0 0 10px}.gp-card .sub{color:#334155;color:var(--gp-muted);font-size:13px;margin-top:-4px}.gp-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.gp-list li{grid-gap:8px;align-items:center;background:#fff;border:1px solid #0d948829;border-radius:12px;box-shadow:0 1px 4px #0d948814;display:grid;gap:8px;grid-template-columns:26px 1fr;padding:6px 8px}.gp-list li span:last-child{color:#0b132b;color:var(--gp-dark);font-size:13px;line-height:1.45}.gp-list .idx{align-items:center;background:#ccfbf1;border-radius:8px;color:#0f766e;display:inline-flex;font-size:12px;font-weight:800;height:20px;justify-content:center;width:20px}.gp-list-icons li{grid-template-columns:26px 1fr}.gp-icon{align-items:center;background:linear-gradient(90deg,#14b8a6,#0ea5e9);background:linear-gradient(90deg,var(--gp-primary) 0,var(--gp-accent) 100%);border-radius:7px;box-shadow:0 2px 5px #0ea5e92e;color:#fff;display:inline-flex;font-size:13px;height:22px;justify-content:center;width:22px}.gp-kb{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.gp-kb div{background:#ecfeff;border:1px solid #0ea5e94d;border-radius:10px;color:#0f172a;font-size:13px;padding:10px}.kb-badge{border:1px solid #0ea5e94d;padding:8px 10px;transition:box-shadow .15s ease}@media (max-width:500px){.gp-kb{grid-template-columns:1fr}}.gp-help{color:#334155;color:var(--gp-muted);font-size:13px;margin-top:8px}.btn{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;gap:8px;padding:10px 14px}.btn-primary{background:linear-gradient(90deg,#14b8a6,#0ea5e9);background:linear-gradient(90deg,var(--gp-primary) 0,var(--gp-accent) 100%)}.btn-secondary{background:#e0f2fe;border-color:#bae6fd;color:#075985}.btn:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.mode-toggle{background:#0000;display:flex!important;margin:0;position:relative;width:165px}.mode-toggle-main{align-items:center;background:#ffffff2e;border:1px solid #ffffff59;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;font-weight:700;justify-content:space-between;overflow:hidden;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.mode-toggle-main:hover{filter:brightness(1.05)}.toggle-arrow{flex-shrink:0;font-size:.8rem;margin-left:8px;opacity:.8;transition:all .2s ease}.mode-toggle-main:hover .toggle-arrow{opacity:1;transform:translateY(1px)}.mode-tab{align-items:center;background:#d0d0d0;background-image:linear-gradient(45deg,#ffffff1a 25%,#0000 0),linear-gradient(-45deg,#ffffff1a 25%,#0000 0),linear-gradient(-45deg,#0000 75%,#ffffff1a 0),linear-gradient(-45deg,#0000 75%,#ffffff1a 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:0;border-radius:0;color:#0f172a;cursor:pointer;display:flex!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;font-weight:600;justify-content:center;min-height:30px;padding:10px 8px;text-align:center;transition:all .2s ease;white-space:nowrap}.mode-tab.active{background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 4px 16px #f009;color:#000;font-size:14px}.mode-tab:not(.active):hover{background:#ccfbf1;transform:translateX(2px)}.practice-banner{align-items:center;background:#ecfeff;border:1px dashed #0d948859;border-radius:12px;color:#0f766e;display:flex;gap:8px;margin:8px 0;padding:8px 10px}.practice-banner .practice-text{font-weight:600}.practice-banner .info-icon{opacity:.8}.game-area{min-height:100vh}.games-page-root .menu-card{overflow:visible}.games-page-root .menu-gameplay-instructions{display:flex;justify-content:center;max-height:none;overflow:visible}.games-page-root .menu-gameplay-instructions .instructions-header,.games-page-root .menu-gameplay-instructions .static-instructions{display:none!important}.games-page-root .menu-gameplay-instructions .dynamic-rules{margin:0 auto;width:min(760px,100%)}.games-page-root .grid-recall-scope .menu-gameplay-instructions{display:flex!important;justify-content:center!important}.games-page-root .grid-recall-scope .menu-gameplay-instructions .dynamic-rules{margin:0 auto!important;width:min(760px,100%)!important}.games-page-root .menu-compact{display:none!important}.games-page-root .grid-recall-scope .game-area{background:#0000!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important}.games-page-root .grid-recall-scope .menu-card{max-width:1120px!important;width:min(96%,1120px)!important}.games-page-root .grid-recall-scope,.games-page-root .grid-recall-scope .container{max-width:none!important;padding-left:0!important;padding-right:0!important;width:100%!important}.games-page-root .btn-primary{background:linear-gradient(90deg,#14b8a6,#0ea5e9);background:linear-gradient(90deg,var(--gp-primary) 0,var(--gp-accent) 100%);border:none;color:#fff}.games-page-root .btn-primary:hover{filter:brightness(.98)}.games-page-root .btn-secondary{background:#ecfeff;border:1px solid #0d948859;color:#0f766e}.games-page-root .menu-card{background:linear-gradient(135deg,#14b8a6,#0ea5e9)!important;border:none!important;border-radius:32px!important;box-shadow:0 12px 40px #0ea5e940!important;box-sizing:border-box!important;color:#fff!important;height:100%!important;max-width:100%!important;min-height:100%!important;padding:48px!important;width:100%!important}.games-page-root .menu-card h2{font-size:32px!important;line-height:1.25!important}.games-page-root .menu-card .round-info{margin:20px 0 28px!important}.games-page-root .menu-card .button-group{margin-top:28px!important}.games-page-root .menu-card h2{color:#fff!important}.games-page-root .menu-card .round-info{background:#ffffffd9!important;border:1px solid #fffffff2!important;border-radius:14px!important;box-shadow:0 6px 16px #0ea5e933!important;color:#0f172a!important;display:inline-block!important;padding:10px 16px!important}.games-page-root .menu-card .btn-primary,.games-page-root .menu-card .cta-button,.games-page-root .menu-card .start-game-btn{background:#fff!important;border:1px solid #fffc!important;box-shadow:0 6px 18px #0ea5e940!important;color:#0f766e!important}.games-page-root .menu-card .btn-primary:hover,.games-page-root .menu-card .cta-button:hover,.games-page-root .menu-card .start-game-btn:hover{filter:none!important;transform:translateY(-2px)}.games-page-root .btn-next,.games-page-root .btn-restart,.games-page-root .btn-start,.games-page-root .cta-button,.games-page-root .primary-cta{background:linear-gradient(90deg,#14b8a6,#0ea5e9)!important;background:linear-gradient(90deg,var(--gp-primary) 0,var(--gp-accent) 100%)!important;border:none!important;color:#fff!important}.games-page-root .inhibit-container .game-title,.games-page-root .n-stream-menu h2,.games-page-root .path-planner-menu h2,.games-page-root .speed-scan-menu h2,.games-page-root .trail-switch-menu h2,.games-page-root .word-sprint-menu h2{color:#0b132b!important;color:var(--gp-dark)!important}.games-page-root .key-hint kbd{background:linear-gradient(90deg,#14b8a6,#0ea5e9)!important;background:linear-gradient(90deg,var(--gp-primary) 0,var(--gp-accent) 100%)!important;box-shadow:0 2px 4px #0ea5e94d}.games-page-root .info-chip{background:linear-gradient(135deg,#14b8a61a,#0ea5e91a)!important;border-color:#14b8a640!important}.games-page-root .info-chip:hover{background:linear-gradient(135deg,#14b8a624,#0ea5e924)!important;border-color:#14b8a659!important}.games-page-root .round-chip span{background:linear-gradient(135deg,#14b8a6,#0ea5e9)!important;box-shadow:0 4px 12px #0ea5e94d!important}.games-page-root .stat-pill{background:linear-gradient(135deg,#14b8a61f,#0ea5e91f)!important;border-color:#14b8a640!important}.games-page-root .stat-pill:hover{background:linear-gradient(135deg,#14b8a62e,#0ea5e92e)!important;border-color:#14b8a659!important}.games-page-root .result-card,.games-page-root .summary-card{background:linear-gradient(135deg,#0ea5e9,#14b8a6)!important}.game-switcher{background:#fff;border:1px solid #0d948824;border-radius:16px;box-shadow:0 10px 24px #0d948814;color:#0f172a;margin-bottom:16px;max-width:100%;overflow:hidden;width:100%}.switcher-header{align-items:center;background:linear-gradient(90deg,#14b8a6,#0ea5e9);border-bottom:1px solid #0d948833;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 #0d948833;border-radius:12px;box-shadow:0 4px 10px #0d94880f;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:#0ea5e973;box-shadow:0 8px 18px #0ea5e91f;transform:translateY(-2px)}.game-option.active{background:linear-gradient(135deg,#14b8a6,#0ea5e9);border-color:#14b8a6;box-shadow:0 8px 22px #0d948840;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:#60a5fa;font-size:1rem;right:8px;text-shadow:0 0 8px #60a5fa80;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 #0d94882e;border-radius:14px;box-shadow:0 10px 24px #0d948814;margin-bottom:16px;max-width:100%;overflow:hidden;transition:all .3s ease;width:100%}.week-switcher-btn{align-items:center;background:linear-gradient(90deg,#14b8a6,#0ea5e9);border:none;border-radius:14px;box-shadow:0 6px 16px #0d948840;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:#0f766e;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 #0d948840;border-radius:10px;box-shadow:0 4px 12px #0d948814;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:#0ea5e973;box-shadow:0 8px 18px #0ea5e91f;transform:translateY(-2px)}.week-option.active{background:linear-gradient(135deg,#14b8a6,#0ea5e9);border-color:#14b8a6;box-shadow:0 8px 22px #0d948840;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:#ccfbf1;font-size:.8rem;text-shadow:0 0 6px #0ea5e980}.week-info{background:#f0fdfa;border:1px solid #0d94882e;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 #0d94882e;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}}:root{--primary:#14b8a6;--primary-light:#2dd4bf;--secondary:#a1a79e;--secondary-dark:#829672;--accent:#e6e6fa;--cta:#f3b4a4;--success:#829672;--error:#f3b4a4;--bg:#f5f6f4;--bg-secondary:#f4f0eb;--bg-tertiary:#e1e5ea;--text:#344c3d;--text-alt:#37245c;--text-secondary:#a1a79e;--border:#e1e5ea;--cell-size:88px;--gap:8px;--transition:200ms}.grid-recall-scope{background:#0000;color:#344c3d;color:var(--text);display:block;font-family:Arial,Verdana,Calibri,Open Sans,Roboto,sans-serif;font-size:18px;letter-spacing:.02em;line-height:1.6;min-height:auto;word-spacing:.03em}.grid-recall-scope.reduce-motion *{animation:none!important;transition:none!important}.grid-recall-scope .container{margin:0 auto;max-width:1280px;width:100%}.grid-recall-scope .menu-card{background:#fff;border:1px solid #0d948826;border-radius:32px;box-shadow:0 8px 24px #0ea5e914;margin:0 auto;max-width:none;padding:48px;text-align:center;width:100%}.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:#f0fdfa99;border:1px solid #0d948826;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:#ecfeff;border:1px solid #0ea5e94d;color:#0f172a}.menu-compact{align-items:center;background:#fff;border:1px solid #0d94882e;border-radius:12px;box-shadow:0 8px 24px #0ea5e914;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:#ecfeff;border:1px solid #0ea5e94d;border-radius:999px;color:#0f766e;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:#0d9488;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}@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}.grid-recall-scope .game-area{width:100%}.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 .static-instructions{counter-reset:step}.grid-recall-scope .static-instructions .instruction-item{padding-left:40px;position:relative}.grid-recall-scope .static-instructions .instruction-item:before{align-items:center;background:#ccfbf1;border-radius:8px;box-shadow:0 1px 3px #0ea5e940;color:#0f766e;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:#14b8a6;border-color:var(--primary);transform:scale(1.05)}.cell.active{background:#14b8a6;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 #829672;border:3px solid var(--success)}.cell.incorrect-overlay{background:#dc26261a;border:3px solid #f3b4a4;border:3px solid var(--error)}.cell:focus-visible{outline:4px solid #14b8a6;outline:4px solid var(--primary);outline-offset:2px;z-index:10}.countdown{align-items:center;color:#14b8a6;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 #0ea5e940;height:8px;margin:6px auto 14px;max-width:560px;overflow:hidden;width:100%}.preview-bar-fill{background:linear-gradient(90deg,#14b8a6,#0ea5e9);background:linear-gradient(90deg,var(--primary) 0,#0ea5e9 100%);border-radius:999px;height:100%;transition:width .12s linear}.recall-header-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:6px}.replay-link{background:#0000;border:1px solid #0ea5e959;border-radius:999px;color:#0f766e;font-size:13px;padding:4px 10px}.replay-link:hover{background:#ecfeff}.controls-row{display:flex;gap:10px;justify-content:center;margin:8px 0 12px}.kb-badge{background:#ecfeff;border:1px solid #0ea5e959;border-radius:10px;color:#0f172a;font-size:13px;padding:6px 10px}.kb-badge.active{box-shadow:inset 0 0 0 3px #0ea5e959}.stars{color:var(--cta);font-size:3rem;margin:20px 0}.accuracy{color:#14b8a6;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)}.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:#344c3d;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}.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-menu{max-width:600px;text-align:center}.trail-switch-menu h2{color:#37245c;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:#344c3d;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-bottom:20px;max-width:800px;padding:16px;position:relative;width:100%;z-index:2}.error-count,.pacing-info,.progress-info,.round-info{color:#37245c;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:600px;padding:20px;position:relative;width:100%;z-index:1}.trail-node{align-items:center;background:#f4f0eb;border:2px solid #e1e5ea;border-radius:8px;box-sizing:border-box;color:#37245c;cursor:pointer;display:flex;font-family:Arial,Verdana,Calibri,sans-serif;font-size:20px;font-weight:600;height:70px;justify-content:center;letter-spacing:.02em;line-height:1.4;position:relative;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:#14b8a6;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 #14b8a6;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:#37245c;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:#37245c;font-family:Arial,Verdana,Calibri,sans-serif;font-size:1.1rem;font-weight:700}.result-actions{margin-top:32px}.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{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:calc(100vh - 200px);padding:20px;position:relative;width:100%;word-spacing:.03em}.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:#37245c;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:#344c3d;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:#344c3d;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:#4d84cf;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}.btn-next,.btn-restart,.btn-start,.key-hint span{letter-spacing:.02em;line-height:1.6}.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:#37245c;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,#4d84cf,#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:#4d84cf;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:#4d84cf;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:#14b8a6;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:#37245c;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;letter-spacing:.02em}.metric-value{line-height:1.4}.modality-stats{background:#f4f0eb;border:1px solid #e1e5ea;border-radius:8px;margin:16px 0;padding:16px}.modality-stats h4{color:#37245c;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:#37245c;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:#14b8a6;font-size:1.25rem;font-weight:700}.round-result .trial-review{margin:2rem 0 1.5rem}.round-result .trial-review h4{color:#37245c;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.round-breakdown{margin:24px 0}.round-breakdown h3{color:#37245c;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}@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 #4d84cf;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:#4d84cf;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:#37245c;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:#4d84cf;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:#344c3d;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:#344c3d;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.response kbd{background:#4d84cf;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{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}.speed-scan-menu{max-width:600px;text-align:center}.speed-scan-menu h2{color:#37245c;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:#344c3d;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:#344c3d;font-size:18px;margin-bottom:8px}.btn-next,.btn-restart,.btn-start{background:#f3b4a4;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:#37245c;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:#37245c;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:#4d84cf;border:2px solid #37245c;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:#4d84cf;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:#37245c;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{color:#64748b;font-size:16px;margin-bottom:8px}.metric-value{color:#37245c;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:#37245c;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{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:20px;width:100%}.loading{background:#ffffffe6;color:var(--text-secondary);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:#344c3d!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:#344c3d}.rounds-table td{color:#344c3d}.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:#344c3d;--secondary-text:#344c3d;--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{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px;width:100%}.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:#344c3d;color:var(--primary-text);font-weight:500}.header-metrics{gap:24px}.metric-value{color:#344c3d;color:var(--primary-text);font-size:18px;font-weight:600}.help-button,.metric-label{color:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000001a}.menu-card h2{color:#344c3d;color:var(--primary-text);font-size:24px;font-weight:600;text-align:center}.instructions{color:#344c3d;color:var(--secondary-text);line-height:1.5;margin-bottom:20px;text-align:center}.round-info{background:#fafafa;background:var(--light-background);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;color:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;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:#344c3d;color:var(--primary-text);font-size:14px;margin-bottom:6px}.special-rule-item{color:#344c3d;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:#344c3d;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:#37245c;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 #14b8a6;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:#37245c;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:#37245c;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:#344c3d;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 #344c3d;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}}: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{background:#f8fafc;background:var(--pp-bg);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.game-header,.pathplanner-container{align-items:center;display:flex;width:100%}.game-header{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;height:64px;height:var(--pp-header-height);justify-content:space-between;margin-bottom:0;max-width:1200px;padding:0 24px;position:relative;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{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%}.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:#37245c;font-size:2rem;font-weight:600;letter-spacing:.02em;line-height:1.4;margin:0 0 1rem}.round-result .result-message{color:#14b8a6;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:#14b8a6;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:#37245c;font-size:1.5rem;font-weight:700}.round-result .result-actions{margin-top:2rem;text-align:center}.round-result .action-button{background:#14b8a6;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:#0d9488;transform:translateY(-2px)}.round-result .action-button:focus-visible{outline:3px solid #14b8a6;outline-offset:2px}.results{padding:20px;text-align:center}.results h2{color:#37245c;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:#14b8a6;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:#344c3d;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:#14b8a6;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:#0d9488;transform:translateY(-2px)}.btn-secondary{background:#f4f0eb;border:2px solid #e1e5ea;border-radius:8px;color:#344c3d;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 #14b8a6;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{background:#f8f9fa;padding:20px}.insights-title{padding-bottom:10px}.insights-subtitle{color:#666;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:1.1rem;margin:0 auto;max-width:600px}.features-wrap{margin:0;max-width:none;padding:0 20px;text-align:center;width:100%}.insights-title{color:#343a40;font-family:Open Sans,Trebuchet MS,Tahoma,Arial,sans-serif;font-size:40px;font-weight:800;letter-spacing:1px;margin:0}.features-underline{background:linear-gradient(90deg,#5b8cff,#7a5cff);border-radius:999px;height:6px;margin:14px auto 48px;width:80px}.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{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s ease}.summary-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.summary-card h3{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric{background:none!important;border:none!important;color:#007bff;display:block!important;font-size:2rem;font-weight:700;margin-bottom:.25rem;padding:0!important}.metric-label{color:#888;font-size:.8rem}.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{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.chart-container h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.chart-description{color:#666;font-size:.9rem;margin-bottom:2rem}.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;display:flex;justify-content:center;max-width:60px;padding-top:.5rem;position:relative;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:scale(1.05)}.bar-value{color:#fff;font-size:.7rem;font-weight:600}.bar-label{margin-top:.5rem}.bar-label,.chart-axis{color:#666;font-size:.8rem;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:#333;font-size:1rem;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:#333;font-size:1.1rem;margin-bottom:1rem;text-align:center}.legend-items{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.legend-item{align-items:center;color:#666;display:flex;font-size:.9rem;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:84px;justify-content:center;margin:0 auto 16px;width:200px}.feature-icon img{height:100%;object-fit:cover;width:100%}.feature-name{color:#343a40;font-family:Montserrat,cursive;font-size:22px;font-weight:700;margin:8px 0 10px}.feature-desc{color:#5c6670;font-size:15.5px;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:32px}}.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}}*{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:1200px;padding:0 1rem}.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{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;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{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%}@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}
/*# sourceMappingURL=main.4e449766.css.map*/