body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#fff;font-family:Inter,sans-serif;margin:0}.app-container,body{display:flex;flex-direction:column;min-height:100vh}.app-container{width:100%}.main-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;padding-bottom:20px}.content-container{box-sizing:border-box;margin:0 auto;max-width:1000px;width:100%}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.App-logo{height:20vmin;margin-bottom:20px;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;padding:40px 20px;width:100%}.App-link{color:#61dafb}.App-link:hover{color:#4fa3d1}.no-header-footer-page{background-color:#282c34;margin:0;min-height:100vh;padding:0;width:100vw}.hero-section{background-color:#44beee;color:#fff;flex-direction:column;overflow:hidden;padding-bottom:80px}.hero-content,.hero-section{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.hero-content{flex-direction:row;gap:40px;max-width:1000px;z-index:1}.hero-left{flex:7 1;padding-right:20px;text-align:left}.hero-left h1{font-size:3em;line-height:1.2;margin-bottom:20px}.hero-left p{font-size:1.1em;line-height:1.6;opacity:.9}.hero-right{align-items:center;display:flex;flex:3 1;flex-direction:column;justify-content:center;padding-left:20px;text-align:center}.cta-button{background-color:#fff;border-radius:50px;box-shadow:0 8px 15px #0003;color:#44beee;display:inline-block;font-size:1.5em;font-weight:700;letter-spacing:.05em;margin-bottom:15px;padding:18px 35px;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease}.cta-button:hover{background-color:#f0f0f0;box-shadow:0 12px 20px #0000004d;transform:translateY(-2px)}.cta-button b{color:#ec8ebb}.cta-subline{font-size:1em;max-width:250px;opacity:.8}.hero-cloud-overlay{bottom:0;height:auto;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:105%;z-index:0}.how-it-works-section{background-color:#fff;color:#333;padding:80px 0;text-align:center}.how-it-works-section .section-title{color:#333;font-size:2.5em;margin-bottom:60px}.how-it-works-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:40px;margin:0 auto;max-width:1000px;padding:0 20px;width:100%}.how-it-works-left{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.how-works-animation{background-color:#f0f0f0;border-radius:10px;padding:15px 50px}.animated-grid-placeholder{color:#666;font-size:1.2em}.how-it-works-right{flex:1 1;text-align:left}.instructions-list{list-style:none;margin:0;padding:0}.instructions-list li{margin-bottom:30px}.instructions-list li:last-child{margin-bottom:0}.instructions-list h3{color:#44beee;font-size:1.5em;margin-bottom:10px}.instructions-list p{color:#555;font-size:1em;line-height:1.6}.how-it-works-cta-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.secondary-cta-button{background-color:#44beee;border-radius:50px;box-shadow:0 5px 10px #00000026;color:#fff;display:inline-block;font-size:1.2em;font-weight:700;letter-spacing:.03em;margin-bottom:10px;padding:15px 30px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.secondary-cta-button:hover{background-color:#389edb;box-shadow:0 8px 15px #0003;transform:translateY(-1px)}.secondary-cta-subline{color:#666;font-size:.9em}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pricing-section{background-color:#ec8ebb;border-radius:20px;box-shadow:0 5px 15px #0000001a;box-sizing:border-box;color:#fff;margin:40px auto;max-width:800px;padding:60px 0;text-align:center}.pricing-section .section-title{color:#fff;font-size:2.2em;margin-bottom:20px}.pricing-description{font-size:1.1em;line-height:1.6;margin:0 auto;max-width:600px;padding:0 20px}.pricing-description b,.pricing-description strong{color:#fff;font-size:1.2em}.cta-section{color:#fff;text-align:center}.cta-content{margin:0 auto;max-width:800px;padding:0 20px}.cta-title{color:#44beee;color:var(--primary-color);font-size:2em;font-weight:700;line-height:1.2;margin-bottom:40px}.cta-main-button{background-color:#ec8ebb;border-radius:12px;box-shadow:0 8px 25px #0003;color:#fff;display:inline-block;font-size:1.5em;font-weight:700;padding:20px 40px;text-decoration:none;transition:all .3s ease}.cta-main-button:hover{background-color:#f8f9fa;box-shadow:0 12px 35px #0000004d;color:#44beee;color:var(--primary-color);transform:translateY(-3px)}.cta-main-button b{color:#16a8e1}@media (max-width:768px){.cta-title{font-size:2em;margin-bottom:30px}.cta-main-button{font-size:1.3em;padding:15px 30px}}.testimonials-section{background-color:initial;color:#333;margin-top:40px;padding:80px 0;text-align:left}.testimonials-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:60px;margin:0 auto;max-width:1000px;padding:0 20px;width:100%}.testimonials-left{display:flex;flex:7 1;flex-direction:column}.testimonials-title{color:#333;font-size:2.5em;margin-bottom:20px;text-align:left}.testimonials-description{color:#555;font-size:1.1em;line-height:1.6;margin-bottom:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-content:center}.stat-box-container{height:135px;margin:0 auto;position:relative;width:135px}.stat-box{align-items:center;background-color:#44beee;border-radius:15px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;flex-direction:column;height:calc(100% - 5px);justify-content:center;position:relative;text-align:center;transition:transform .2s ease;width:calc(100% - 5px);z-index:1}.stat-box:hover{transform:translate(-2px,-2px)}.stat-box-container:before{background-color:#16a8e1;border-radius:15px;bottom:0;content:"";height:calc(100% - 5px);position:absolute;right:0;transform:translate(5px,5px);width:calc(100% - 5px);z-index:0}.stat-number{font-size:2.8em;font-weight:700;line-height:1;margin-bottom:5px}.stat-descriptor{font-size:.9em;opacity:.8}.testimonials-right{flex:3 1;padding-left:20px}.image-placeholder,.testimonials-right{align-items:center;display:flex;justify-content:center}.image-placeholder{border-radius:15px;color:#fff;font-style:italic;height:400px;overflow:hidden;padding:0 10px;width:100%}.testimonial-image{height:100%;object-fit:contain;width:100%}:root{--primary-color:#44beee}@keyframes color-change-primary{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}}@keyframes color-change-secondary{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#f57c00;border-color:#fff}}@keyframes color-change-tertiary{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#787c7e;border-color:#787c7e}}@keyframes opacity-fade{0%,50%{opacity:1}75%,to{opacity:0}}@keyframes sequential-row0-color-change-primary{0%{background-color:#3a3f47;border-color:#555}5%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}72%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row0-color-change-secondary{0%{background-color:#3a3f47;border-color:#555}5%{background-color:#f57c00;border-color:#fff}72%{background-color:#f57c00;border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row0-color-change-tertiary{0%{background-color:#3a3f47;border-color:#555}5%{background-color:#787c7e;border-color:#787c7e}72%{background-color:#787c7e;border-color:#787c7e}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row0-opacity-fade{0%,72%{opacity:1}5%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes sequential-row1-color-change-primary{0%,12%{background-color:#3a3f47;border-color:#555}17%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}72%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row1-color-change-secondary{0%,12%{background-color:#3a3f47;border-color:#555}17%{background-color:#f57c00;border-color:#fff}72%{background-color:#f57c00;border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row1-color-change-tertiary{0%,12%{background-color:#3a3f47;border-color:#555}17%{background-color:#787c7e;border-color:#787c7e}72%{background-color:#787c7e;border-color:#787c7e}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row1-opacity-fade{0%,12%{opacity:1}17%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes sequential-row2-color-change-primary{0%,24%{background-color:#3a3f47;border-color:#555}29%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}72%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row2-color-change-secondary{0%,24%{background-color:#3a3f47;border-color:#555}29%{background-color:#f57c00;border-color:#fff}72%{background-color:#f57c00;border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row2-color-change-tertiary{0%,24%{background-color:#3a3f47;border-color:#555}29%{background-color:#787c7e;border-color:#787c7e}72%{background-color:#787c7e;border-color:#787c7e}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row2-opacity-fade{0%,24%{opacity:1}29%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes sequential-row3-color-change-primary{0%,36%{background-color:#3a3f47;border-color:#555}41%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}72%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row3-color-change-secondary{0%,36%{background-color:#3a3f47;border-color:#555}41%{background-color:#f57c00;border-color:#fff}72%{background-color:#f57c00;border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row3-color-change-tertiary{0%,36%{background-color:#3a3f47;border-color:#555}41%{background-color:#787c7e;border-color:#787c7e}72%{background-color:#787c7e;border-color:#787c7e}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row3-opacity-fade{0%,36%{opacity:1}41%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes sequential-row4-color-change-primary{0%,48%{background-color:#3a3f47;border-color:#555}53%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}72%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row4-color-change-secondary{0%,48%{background-color:#3a3f47;border-color:#555}53%{background-color:#f57c00;border-color:#fff}72%{background-color:#f57c00;border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row4-color-change-tertiary{0%,48%{background-color:#3a3f47;border-color:#555}53%{background-color:#787c7e;border-color:#787c7e}72%{background-color:#787c7e;border-color:#787c7e}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row4-opacity-fade{0%,48%{opacity:1}53%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes sequential-row5-color-change-primary{0%,60%{background-color:#3a3f47;border-color:#555}65%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}72%{background-color:#44beee;background-color:var(--primary-color);border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row5-color-change-secondary{0%,60%{background-color:#3a3f47;border-color:#555}65%{background-color:#f57c00;border-color:#fff}72%{background-color:#f57c00;border-color:#fff}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row5-color-change-tertiary{0%,60%{background-color:#3a3f47;border-color:#555}65%{background-color:#787c7e;border-color:#787c7e}72%{background-color:#787c7e;border-color:#787c7e}75%{background-color:#3a3f47;border-color:#555}to{background-color:#3a3f47;border-color:#555}}@keyframes sequential-row5-opacity-fade{0%,60%{opacity:1}65%{opacity:0}72%{opacity:0}75%{opacity:1}to{opacity:1}}.instruction-row.ex{display:flex;margin:0}@media (min-width:1200px){.hero-section{padding:80px 0 120px}}@media (max-width:1100px){.hero-content{padding:20px}}@media (max-width:768px){.hero-content{flex-direction:column;gap:30px;padding:20px;text-align:center}.hero-left,.hero-right{flex:none;padding:0;width:100%}.hero-left h1{font-size:2.2em}.hero-left p{font-size:1em}.cta-button{font-size:1.3em;padding:15px 30px}.hero-cloud-overlay{width:150%}.image-placeholder{max-height:150px}.how-it-works-content{align-items:center;flex-direction:column;gap:30px;text-align:center}.how-it-works-left,.how-it-works-right{flex:none;padding:0;width:100%}.how-it-works-section .section-title{font-size:2em;margin-bottom:40px}.instructions-list{text-align:center}.pricing-section{border-radius:15px;margin:30px 20px;padding:40px 0}.pricing-section .section-title{font-size:1.8em;margin-bottom:15px}.pricing-description{font-size:1em;padding:0 15px}}@media (max-width:1024px){.testimonials-content{align-items:center;flex-direction:column;gap:40px;text-align:center}.testimonials-left,.testimonials-right{flex:none;padding:0;width:100%}.testimonials-title{font-size:2.2em;text-align:center}.testimonials-description{font-size:1em;padding:0 15px}.stats-grid{gap:15px;grid-template-columns:repeat(4,1fr);padding:0 10px}.image-placeholder{height:300px;margin-top:20px}}@media (max-width:768px){.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr);padding:0 10px}}@media (max-width:576px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:350px){.instruction-cell.ex{width:25px}.instruction-row.ex{gap:1px}}.main-header{background-color:#fff;box-shadow:0 2px 5px #0003;box-sizing:border-box;padding:15px 20px;position:relative;width:100%;z-index:100}.header-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.site-title-link{color:#fff;font-size:1.5em;font-weight:700;text-decoration:none;transition:color .2s ease-in-out}.site-logo{height:75px;width:auto}.site-title-link h1{font-size:inherit;margin:0}.site-title-link:hover{color:#e0e0e0}.main-nav ul{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;list-style:none;margin:0;padding:0}.nav-link{color:#44beee;font-weight:700;padding:5px 0;text-decoration:none;transition:color .2s ease-in-out}.nav-link:hover{color:#16a8e1}.hamburger-menu-button{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;width:24px;z-index:1001}.hamburger-line{background-color:#44beee;height:2px;transition:all .3s ease;width:100%}.nav-dropdown{position:relative}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin:0;min-width:180px;opacity:0;padding:8px 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:9999}.nav-dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-link{color:#44beee;display:block;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.dropdown-link:hover{background-color:#f8f9fa;color:#16a8e1}.mobile-nav-dropdown{background:#fff;border-top:1px solid #e9ecef;box-shadow:0 4px 12px #00000026;left:0;position:absolute;right:0;top:100%;z-index:9999}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-link{border-bottom:1px solid #f0f0f0;color:#44beee;display:block;font-weight:600;padding:15px 20px;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover{background-color:#f8f9fa;color:#16a8e1}.mobile-nav-expandable{align-items:center;display:flex;justify-content:space-between}.mobile-expand-btn{background:none;border:none;color:#44beee;cursor:pointer;font-size:1.2em;font-weight:700;padding:15px 20px;transition:color .2s ease}.mobile-expand-btn:hover{color:#16a8e1}.mobile-submenu{background-color:#f8f9fa;border-top:1px solid #e9ecef;list-style:none;margin:0;padding:0}.mobile-submenu-link{border-bottom:1px solid #e9ecef;color:#666;display:block;font-weight:500;padding:12px 40px;text-decoration:none;transition:all .2s ease}.mobile-submenu-link:hover{background-color:#e9ecef;color:#44beee}.desktop-nav{display:flex}@media (max-width:768px){.header-content{align-items:center;flex-direction:row;justify-content:space-between;text-align:left}.site-title-link{font-size:1.2em;margin-bottom:0}.hamburger-menu-button{display:flex}.desktop-nav,.dropdown-menu{display:none}}.main-footer{background-color:#16a8e1;box-shadow:0 -2px 5px #0003;box-sizing:border-box;margin-top:auto;padding:20px;text-align:center;width:100%}.footer-content{color:#fff;font-size:.9em;margin:0 auto;max-width:1200px}.footer-link{color:#fff;margin:0 10px;text-decoration:none;transition:color .2s ease-in-out}.footer-link:hover{color:#e0e0e0}.game-creation-container{color:#fff;padding:20px;text-align:center}@media (max-width:768px){.game-creation-container{padding:10px}}.game-creation-intro h1{color:#44beee}.game-creation-intro p{color:#3a3f47}.game-creation-form.theme-blue{--primary-color:#44beee;--secondary-color:#16a8e1}.game-creation-form.theme-pink{--primary-color:#ec8ebb;--secondary-color:#de63a5}.game-creation-form{background-color:#44beee;background-color:var(--primary-color,#44beee);border:2px solid #16a8e1;border:2px solid var(--secondary-color,#16a8e1);border-radius:12px;box-shadow:0 4px 8px #0003;box-sizing:border-box;margin:20px auto;max-width:600px;padding:30px;width:90%}@media (max-width:768px){.game-creation-form{border-radius:8px;box-sizing:border-box;margin:10px auto;padding:15px;width:calc(100% - 20px)}}@media (max-width:480px){.game-creation-form{box-sizing:border-box;margin:5px auto;padding:10px;width:calc(100% - 10px)}}.game-creation-form h2{color:#fff;font-size:1.8em;margin-bottom:25px}.form-group{text-align:left}.submit-button{font-size:1.1em;font-weight:700;padding:12px 25px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.submit-button,.submit-button:hover{background-color:#16a8e1;background-color:var(--secondary-color,#16a8e1)}.submit-button:hover{filter:brightness(85%);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.App-link{font-weight:700;text-decoration:none;transition:color .2s ease-in-out}.App-link,.App-link:hover{color:#16a8e1;color:var(--secondary-color,#16a8e1)}.App-link:hover{filter:brightness(85%);text-decoration:underline}.stripe-checkout-button{align-items:center;background:#635bff;border:none;border-radius:6px;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.025em;min-height:44px;overflow:hidden;padding:16px 24px;position:relative;text-align:center;text-transform:none;transition:all .15s ease;width:100%}.stripe-checkout-button:hover{background:#5a52e5;box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;transform:translateY(-1px)}.stripe-checkout-button:active{background:#524ae3;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;transform:translateY(0)}.stripe-checkout-button:focus{box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014,0 0 0 3px #635bff4d;outline:none}.stripe-checkout-button:disabled{background:#aab7c4;box-shadow:none;cursor:not-allowed;transform:none}.checkbox-label{align-items:flex-start!important;color:#374151!important;display:flex!important;font-size:.9em!important;gap:8px!important;line-height:1.4!important}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0!important;height:16px!important;margin:2px 0 0!important;width:16px!important}.checkbox-label span{flex:1 1}.game-board.theme-blue{--secondary-color:#16a8e1}.game-board.theme-pink{--secondary-color:#de63a5}.game-board{align-items:flex-start;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin:30px auto;max-width:calc(100vw - 40px);padding:15px 13px;width:600px;width:calc(var(--initial-max-board-length, 10)*50px + (var(--initial-max-board-length, 10) - 1)*8px + 28px)}.game-board-row{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;max-width:100%;overflow:hidden;transition:width .3s ease-in-out;width:calc(var(--cols)*50px + (var(--cols) - 1)*8px)}.game-board-cell{align-items:center;background-color:#fff;border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#333;display:flex;flex-shrink:0;font-size:2em;font-weight:700;height:50px;justify-content:center;text-transform:uppercase;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,transform .3s ease-in-out;width:50px}.game-board-cell.empty,.game-board-cell.empty-revealing{background-color:#fff;border-color:#dee2e6;color:#333}.game-board-cell.current{animation:pulse-current 1.5s ease-in-out infinite;background-color:#f8f9fa;border-color:#16a8e1;border-color:var(--secondary-color,#16a8e1);color:#333}.game-board-cell.white{background-color:#6c757d;border-color:#6c757d;color:#fff}.game-board-cell.orange{background-color:orange;border-color:orange;color:#fff}.game-board-cell.blue{background-color:#16a8e1;background-color:var(--secondary-color,#16a8e1);border-color:#16a8e1;border-color:var(--secondary-color,#16a8e1);color:#fff}.game-board-cell.animate-reveal{animation:bounce-and-reveal .6s forwards}@keyframes bounce-and-reveal{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.9)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse-current{0%{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.game-board-cell.animate-win-pulse{animation:win-pulse .8s ease-in-out 0ms forwards;animation:win-pulse .8s ease-in-out var(--win-animation-delay,0ms) forwards}@keyframes win-pulse{0%{background-color:#44beee;background-color:var(--theme-color,#44beee);border-color:#44beee;border-color:var(--theme-color,#44beee);transform:scale(1)}25%{background-color:#44beee;background-color:var(--theme-color,#44beee);border-color:#44beee;border-color:var(--theme-color,#44beee);box-shadow:0 0 15px #44beee99;transform:scale(1.15)}50%{background-color:#44beee;background-color:var(--theme-color,#44beee);border-color:#44beee;border-color:var(--theme-color,#44beee);box-shadow:0 0 20px #44beeecc;transform:scale(1.1)}75%{background-color:#44beee;background-color:var(--theme-color,#44beee);border-color:#44beee;border-color:var(--theme-color,#44beee);box-shadow:0 0 10px #44beee66;transform:scale(1.05)}to{background-color:#44beee;background-color:var(--theme-color,#44beee);border-color:#44beee;border-color:var(--theme-color,#44beee);box-shadow:none;color:#fff;transform:scale(1)}}@media (max-width:350px){.game-board[style*="--initial-max-board-length: 2"] .game-board-cell,.game-board[style*="--initial-max-board-length: 3"] .game-board-cell,.game-board[style*="--initial-max-board-length: 4"] .game-board-cell{font-size:1.5em;height:40px;width:40px}.game-board[style*="--initial-max-board-length: 2"],.game-board[style*="--initial-max-board-length: 3"],.game-board[style*="--initial-max-board-length: 4"]{width:193px;width:calc(var(--initial-max-board-length, 4)*40px + (var(--initial-max-board-length, 4) - 1)*5px + 18px)}.game-board[style*="--initial-max-board-length: 2"] .game-board-row,.game-board[style*="--initial-max-board-length: 3"] .game-board-row,.game-board[style*="--initial-max-board-length: 4"] .game-board-row{gap:5px;width:calc(var(--cols)*40px + (var(--cols) - 1)*5px)}}@media (max-width:480px){.game-board[style*="--initial-max-board-length: 5"] .game-board-cell,.game-board[style*="--initial-max-board-length: 6"] .game-board-cell{font-size:1.5em;height:40px;width:40px}.game-board[style*="--initial-max-board-length: 5"],.game-board[style*="--initial-max-board-length: 6"]{width:283px;width:calc(var(--initial-max-board-length, 6)*40px + (var(--initial-max-board-length, 6) - 1)*5px + 18px)}.game-board[style*="--initial-max-board-length: 5"] .game-board-row,.game-board[style*="--initial-max-board-length: 6"] .game-board-row{gap:5px;width:calc(var(--cols)*40px + (var(--cols) - 1)*5px)}}@media (max-width:530px){.game-board[style*="--initial-max-board-length: 7"] .game-board-cell{font-size:1.5em;height:40px;width:40px}.game-board[style*="--initial-max-board-length: 7"]{width:328px;width:calc(var(--initial-max-board-length, 7)*40px + (var(--initial-max-board-length, 7) - 1)*5px + 18px)}.game-board[style*="--initial-max-board-length: 7"] .game-board-row{gap:5px;width:calc(var(--cols)*40px + (var(--cols) - 1)*5px)}}@media (max-width:650px){.game-board-cell{font-size:1.5em;height:40px;width:40px}.game-board{align-items:flex-start;gap:5px;max-width:calc(100vw - 40px);padding:10px 8px;width:463px;width:calc(var(--initial-max-board-length, 10)*40px + (var(--initial-max-board-length, 10) - 1)*5px + 18px)}.game-board-row{gap:5px;width:calc(var(--cols)*40px + (var(--cols) - 1)*5px)}}@media (max-width:520px){.game-board-cell{font-size:1.3em;height:35px;width:35px}.game-board{align-items:flex-start;gap:5px;max-width:calc(100vw - 40px);padding:8px 6px;width:409px;width:calc(var(--initial-max-board-length, 10)*35px + (var(--initial-max-board-length, 10) - 1)*5px + 14px)}.game-board-row{gap:5px;width:calc(var(--cols)*35px + (var(--cols) - 1)*5px)}}@media (max-width:460px){.game-board-cell{border-width:1px;font-size:1.1em;height:28px;width:28px}.game-board{align-items:flex-start;gap:3px;max-width:calc(100vw - 20px);padding:6px 4px;width:317px;width:calc(var(--initial-max-board-length, 10)*28px + (var(--initial-max-board-length, 10) - 1)*3px + 10px)}.game-board-row{gap:3px;width:calc(var(--cols)*28px + (var(--cols) - 1)*3px)}}.keyboard.theme-blue{--secondary-color:#16a8e1}.keyboard.theme-pink{--secondary-color:#de63a5}.keyboard{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin-top:20px;max-width:700px;padding:15px;text-align:center;width:90%}.keyboard-row{display:flex;gap:8px;justify-content:center;width:100%}.keyboard-key{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:1.1em;font-weight:700;min-width:30px;padding:15px 0;transition:background-color .1s ease-in-out,transform .1s ease-in-out;-webkit-user-select:none;user-select:none}.keyboard-key:hover{background-color:#dee2e6;transform:translateY(-1px)}.keyboard-key:active{background-color:#ced4da;transform:translateY(0)}.keyboard-key.wide-key{flex:1.5 1;padding:15px 10px}.keyboard-row .spacer.half{flex:0.5 1}.keyboard-key.white{background-color:#6c757d;border-color:#6c757d;color:#fff}.keyboard-key.orange{background-color:orange;border-color:orange;color:#fff}.keyboard-key.blue{background-color:#16a8e1;background-color:var(--secondary-color,#16a8e1);border-color:#16a8e1;border-color:var(--secondary-color,#16a8e1);color:#fff}@media (max-width:768px) and (min-width:601px){.keyboard{gap:6px;padding:12px}.keyboard-key{font-size:1em;min-width:28px;padding:12px 0}.keyboard-row{gap:6px}}@media (max-width:600px) and (min-width:481px){.keyboard{gap:5px;padding:10px}.keyboard-key{font-size:.9em;min-width:25px;padding:10px 0}.keyboard-row{gap:5px}}@media (max-width:480px){.keyboard{background-color:initial;border:none;border-radius:0;box-shadow:none;gap:5px;max-width:none;padding:5px;width:100%}.keyboard-row{gap:3px}.keyboard-key{font-size:.9em;min-width:0;padding:14px 0}.keyboard-key.wide-key{flex:1.5 1;font-size:.9em;padding:14px 5px}}.game-page-container.theme-blue,.instructions-modal-content.theme-blue{--primary-color:#44beee;--secondary-color:#16a8e1;--secondary-color-dark:#0d8cc2}.game-page-container.theme-pink,.instructions-modal-content.theme-pink{--primary-color:#ec8ebb;--secondary-color:#de63a5;--secondary-color-dark:#c24a8a}.game-page-container{align-items:center;background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:flex-start;min-height:100vh;overflow-x:hidden;width:100vw}.game-page-container .App-header{background-color:#fff}.game-page-container .App-header,.game-page-container .App-header h1{color:#44beee;color:var(--primary-color,#44beee)}.game-page-container .App-header p{color:#666}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#44beee;background-color:var(--primary-color,#44beee);border-radius:15px;box-shadow:0 5px 15px #0000004d;box-sizing:border-box;color:#fff;max-width:90%;padding:30px;text-align:center;width:400px}.modal-logo{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:15vmin;margin-bottom:20px;max-height:80px;padding:10px}.modal-content h2.welcome-title{word-wrap:break-word;white-space:normal}.modal-content h2{color:#fff;font-size:2em;margin-bottom:15px;white-space:nowrap}.modal-content p{font-size:1.1em;margin-bottom:25px}.start-game-button{background-color:#16a8e1;background-color:var(--secondary-color,#16a8e1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;margin-top:15px;padding:15px 30px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.start-game-button:hover{background-color:#0d8cc2;background-color:var(--secondary-color-dark,#0d8cc2);transform:translateY(-2px)}.start-game-button:active{transform:translateY(0)}.score-submission .start-game-button{margin:10px 5px}.game-footer-wrapper{margin-bottom:0;margin-top:auto;width:100%}.game-footer-wrapper .main-footer{background-color:#fff;box-shadow:none;font-size:.8em}.game-footer-wrapper .footer-content{color:#333}.game-footer-wrapper .footer-link{color:#555;opacity:.8;text-decoration:none;transition:opacity .2s ease-in-out}.game-footer-wrapper .footer-link:hover{color:#333;opacity:1}.game-ui-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;transition:opacity .3s ease-in-out;width:100%}.game-ui-container.hidden{height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none}.game-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;max-width:1000px;padding:10px 0;position:relative;width:95%}.game-header-logo{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:12vmin;left:50%;max-height:80px;padding:8px;position:absolute;transform:translateX(-50%)}.game-icon{align-items:center;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .2s ease}.game-icon:hover{background-color:#6c757d1a;color:#495057}.icon{height:32px;width:32px}.game-menu-dropdown{align-items:center;display:flex;position:relative}.game-hamburger-menu{background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-width:74px;padding:12px;transition:all .2s ease;visibility:visible;width:auto}.game-hamburger-menu:hover{background-color:#6c757d1a}.game-hamburger-line{background-color:#6c757d;border-radius:1px;flex-shrink:0;height:3px;transition:all .3s ease;width:30px}.game-hamburger-line:not(:last-child){margin-bottom:3px}.game-hamburger-menu:hover .game-hamburger-line{background-color:#495057}.game-menu-options{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;min-width:180px;opacity:1;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;transform:translateY(0);transition:all .3s ease;visibility:visible;z-index:1000}.game-menu-option{background:none;border:none;color:#44beee;color:var(--primary-color,#44beee);cursor:pointer;display:block;font-size:.9em;font-weight:500;padding:10px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.game-menu-option:hover{background-color:#f8f9fa;color:#16a8e1;color:var(--secondary-color,#16a8e1)}.game-message{color:#44beee;color:var(--primary-color,#44beee);font-size:1.1em;font-weight:700;margin-top:10px;min-height:1.5em}.game-message.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.scoreboard-table-container{background-color:#0000001a;border-radius:8px;box-sizing:border-box;margin:20px 0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:0 15px;width:100%}.scoreboard-table{border-collapse:collapse;color:#fff;margin-bottom:15px;margin-top:15px;table-layout:fixed;width:100%}.scoreboard-modal-content{max-width:600px}.scoreboard-table td,.scoreboard-table th{border-bottom:1px solid #fff3;padding:10px;text-align:left;white-space:normal}.scoreboard-table th{background-color:#16a8e1;background-color:var(--secondary-color,#16a8e1);color:#fff;font-size:.8em;font-weight:700;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:1}.scoreboard-table td:first-child,.scoreboard-table th:first-child{width:35%}.scoreboard-table td:nth-child(2),.scoreboard-table th:nth-child(2){width:20%}.scoreboard-table td:nth-child(3),.scoreboard-table th:nth-child(3){width:15%}.scoreboard-table td:nth-child(4),.scoreboard-table th:nth-child(4){width:30%}.scoreboard-table tbody tr:last-child td{border-bottom:none}.scoreboard-table tbody tr:nth-child(2n){background-color:#0000000d}.scoreboard-table tbody tr:hover{background-color:#00000026}.modal-content .form-input{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#3a3f47;font-size:1em;margin:10px 0;padding:10px;width:calc(100% - 20px)}.game-board-placeholder{background-color:#3a3f47;border-radius:10px;box-sizing:border-box;margin-bottom:30px;max-width:800px;padding:30px;text-align:center;width:90%}.game-board-placeholder h2{color:#44beee;color:var(--primary-color,#44beee);font-size:1.5em;margin-bottom:15px}.game-board-placeholder p{color:#e0e0e0;margin-bottom:10px}.keyboard-placeholder{background-color:#1a202c;border-radius:10px;box-sizing:border-box;color:#e0e0e0;max-width:800px;padding:20px;text-align:center;width:90%}@media (max-width:768px){.modal-content{padding:20px;width:95%}.modal-content h2{font-size:1.5em}.modal-content p{font-size:1em}.start-game-button{font-size:1em;padding:10px 20px}.game-header-bar{padding:5px 0;width:100%}.game-hamburger-menu{height:auto;min-width:66px;padding:8px;width:auto}.game-menu-option{font-size:.8em;padding:8px 15px}.game-menu-options{min-width:150px}.scoreboard-table td,.scoreboard-table th{font-size:.8em;padding:8px 4px}.game-board-placeholder,.keyboard-placeholder{padding:20px;width:95%}}@media (max-width:480px){.scoreboard-table td,.scoreboard-table th{font-size:.75em;padding:6px 2px}}@media (max-width:380px){.game-ui-container{padding:5px}}@media (max-width:768px){.game-page-container{max-width:100vw;overflow-x:hidden}.game-ui-container{box-sizing:border-box;max-width:100vw}}.instructions-modal-content{display:flex;flex-direction:column;height:80vh;max-width:500px;text-align:left}.instructions-header{padding-bottom:15px;text-align:center}.instructions-body{flex-grow:1;overflow-y:auto}.instructions-footer{padding-top:15px;text-align:center}.instructions-modal-content h2{margin-bottom:5px;text-align:center}.instructions-modal-content p{margin-bottom:10px}.instructions-section{border-top:1px solid #fff3;margin-top:20px;padding-top:15px}.instructions-section h3{margin-bottom:15px;text-align:center}.instruction-item{align-items:center;display:flex;margin-bottom:15px}.instruction-item-stacked{display:flex;flex-direction:column;margin-bottom:20px}.instruction-text{flex:1 1;padding-bottom:10px}.instruction-text p{font-size:.9em;margin:0}.instruction-visual{align-self:center;flex-shrink:0;margin-bottom:10px}.instruction-cell{height:35px;width:35px}.instruction-cell.theme-blue,.instruction-cell.theme-pink{background-color:var(--primary-color)}.instruction-cell.empty{background-color:#3a3f47;border-color:#555}.instruction-row{gap:5px;overflow:hidden;padding-bottom:5px;position:relative;transition:width .5s ease-in-out}.too-short-message{background-color:#000c;border-radius:5px;color:#fff;font-size:.8em;left:50%;padding:5px 10px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}@keyframes jesse-j-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#f57c00;border-color:#fff}}@keyframes jesse-e-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:var(--primary-color);border-color:#fff}}@keyframes jesse-s-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#787c7e;border-color:#787c7e}}@keyframes jesse-last-cell-fade{0%,50%{opacity:1}75%,to{opacity:0}}.instruction-row.jesse .instruction-cell:first-child{animation:jesse-j-color-fade 4s infinite}.instruction-row.jesse .instruction-cell:nth-child(2){animation:jesse-e-color-fade 4s infinite}.instruction-row.jesse .instruction-cell:nth-child(3),.instruction-row.jesse .instruction-cell:nth-child(4),.instruction-row.jesse .instruction-cell:nth-child(5){animation:jesse-s-color-fade 4s infinite}.instruction-row.jesse .instruction-cell:nth-child(6){animation:jesse-last-cell-fade 4s infinite}@keyframes alex-e-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#44beee;border-color:#fff}}@keyframes alex-e-color-fade-theme{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#44beee;background-color:var(--primary-color,#44beee);border-color:#fff}}@keyframes alex-all-color-fade-theme{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#44beee;background-color:var(--primary-color,#44beee);border-color:#fff}}@keyframes alex-e-to-grey-fade-theme{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#787c7e;border-color:#fff}}.instruction-row.alex .instruction-cell:nth-child(3){animation:alex-e-color-fade 4s infinite}.instruction-row.alex .instruction-cell:first-child,.instruction-row.alex .instruction-cell:nth-child(2),.instruction-row.alex .instruction-cell:nth-child(4){animation:alex-all-color-fade 4s infinite}.instructions-modal-content .instruction-row.alex .instruction-cell:nth-child(3){animation:alex-e-to-grey-fade-theme 4s infinite}.instructions-modal-content .instruction-row.alex .instruction-cell:first-child,.instructions-modal-content .instruction-row.alex .instruction-cell:nth-child(2),.instructions-modal-content .instruction-row.alex .instruction-cell:nth-child(4){animation:alex-all-color-fade-theme 4s infinite}.instruction-row.alex .instruction-cell:nth-child(5),.instruction-row.alex .instruction-cell:nth-child(6),.instruction-row.alex-2 .instruction-cell:nth-child(5),.instruction-row.alex-2 .instruction-cell:nth-child(6),.instructions-modal-content .instruction-row.alex .instruction-cell:nth-child(5),.instructions-modal-content .instruction-row.alex .instruction-cell:nth-child(6),.instructions-modal-content .instruction-row.alex-2 .instruction-cell:nth-child(5),.instructions-modal-content .instruction-row.alex-2 .instruction-cell:nth-child(6){animation:alex-last-cell-fade 4s infinite}.learn-more-container{background-color:#f8f9fa;display:flex;min-height:100vh;position:relative}.learn-more-sidebar{background-color:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 10px #0000001a;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:99}.learn-more-sidebar.open{transform:translateX(0)}.sidebar-content{height:100%;overflow-y:auto;padding:80px 20px 20px}.sidebar-content h2{border-bottom:2px solid #44beee;color:#44beee;font-size:1.5em;margin-bottom:30px;padding-bottom:15px;text-align:center}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:10px}.sidebar-link{border:1px solid #0000;border-radius:8px;color:#333;display:block;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .3s ease}.sidebar-link:hover{background-color:#f0f8ff;border-color:#44beee;color:#44beee}.sidebar-link.active{background-color:#44beee;border-color:#44beee;color:#fff}.mobile-tab-nav{background:#fff;border-bottom:2px solid #e9ecef;box-shadow:0 2px 4px #0000001a;display:none;position:-webkit-sticky;position:sticky;top:0;z-index:99}.mobile-tab-nav.show{display:block}.mobile-tab-list{display:flex;gap:0;justify-content:center;list-style:none;margin:0;padding:0}.mobile-tab-item{flex:1 1;text-align:center}.mobile-tab-link{border-bottom:3px solid #0000;color:#666;display:block;font-size:.9em;font-weight:500;overflow:hidden;padding:15px 10px;text-decoration:none;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.mobile-tab-link:hover{background-color:#f8f9fa;color:#44beee}.mobile-tab-link.active{background-color:#f0f8ff;border-bottom-color:#44beee;color:#44beee}.sidebar-toggle-button,.toggle-line{display:none}.learn-more-main{flex:1 1;margin-left:0;min-width:0;padding:40px;transition:margin-left .3s ease}.learn-more-content{margin:0 auto;max-width:1000px}.learn-more-content h1{color:#333;font-size:2.5em;margin-bottom:20px;text-align:center}.learn-more-content>p{color:#666;font-size:1.2em;line-height:1.6;margin-bottom:40px;text-align:center}.learn-more-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.section-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.section-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.section-card h2{color:#44beee;font-size:1.4em;margin-bottom:15px}.section-card p{color:#666;line-height:1.6;margin-bottom:20px}.section-link{color:#44beee;display:inline-block;font-weight:600;text-decoration:none;transition:color .3s ease}.section-link:hover{color:#16a8e1}.sidebar-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (min-width:1024px){.learn-more-sidebar{border-right:1px solid #e9ecef;box-shadow:none;position:static;transform:translateX(0)}.sidebar-content{padding:40px 20px 20px;position:-webkit-sticky;position:sticky;top:0}.mobile-tab-nav{display:none!important}.learn-more-main{margin-left:0}}@media (min-width:768px) and (max-width:1023px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block;margin-bottom:0;position:relative;top:auto}.mobile-tab-link{font-size:1em;padding:18px 15px}.learn-more-main{padding:0;width:100%}.learn-more-content{padding:30px}.learn-more-content h1{font-size:2.2em}.section-card{padding:25px}}@media (max-width:767px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.learn-more-main{padding:0;width:100%}.learn-more-content{padding:20px}.learn-more-content h1{font-size:2em}.learn-more-content>p{font-size:1.1em}.learn-more-sections{gap:20px;grid-template-columns:1fr}.section-card{padding:20px}}@media (max-width:480px){.learn-more-main{padding:0}.learn-more-content{padding:15px}.learn-more-content h1{font-size:1.8em}.mobile-tab-link{font-size:.8em;padding:12px 5px}}.tutorial-container{background-color:#f8f9fa;display:flex;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.tutorial-main{flex:1 1;margin-left:0;padding:40px;transition:margin-left .3s ease}.tutorial-content,.tutorial-main{box-sizing:border-box;overflow-x:hidden;width:100%}.tutorial-content{margin:0 auto;max-width:1000px}.tutorial-content h1{border-bottom:3px solid #44beee;color:#333;font-size:2.5em;margin-bottom:20px;padding-bottom:15px;text-align:center}.tutorial-content>p{color:#666;font-size:1.2em;line-height:1.6;margin-bottom:40px;text-align:center}.tutorial-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin-bottom:40px;overflow-x:hidden;padding:40px;width:100%}.tutorial-section h2{border-bottom:2px solid #44beee;color:#44beee;font-size:2em;margin-bottom:20px;padding-bottom:15px;text-align:center}.tutorial-section h3{color:#333;font-size:1.4em;margin-bottom:15px;margin-top:25px}.tutorial-section p{color:#666;line-height:1.6;margin-bottom:15px}.tutorial-highlight{background:#f0f8ff;border-left:4px solid #44beee;border-radius:0 8px 8px 0;margin:20px 0;padding:20px}.tutorial-highlight h3{color:#44beee;margin-top:0}.tutorial-highlight ul{margin:15px 0;padding-left:20px}.tutorial-highlight li{color:#555;margin-bottom:8px}.field-explanation{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:40px;padding:25px}.field-explanation h3{color:#44beee;font-size:1.3em;margin-top:0}.field-demo{background:#fff;border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:20px}.fieldSection-title{font-size:1em}.demo-label,.fieldSection-title{color:#333;display:block;font-weight:700;margin-bottom:8px}.demo-input{background-color:#f8f9fa;border:2px solid #44beee;border-radius:5px;box-sizing:border-box;color:#888;cursor:not-allowed;font-size:1em;margin-bottom:5px;padding:12px;width:100%}.demo-hint{color:#666;font-size:.9em;margin-left:10px}.theme-demo{display:flex;gap:20px;margin-top:10px}.theme-option{align-items:center;display:flex;gap:8px}.theme-option input[type=radio]{margin:0}.theme-preview{display:flex;gap:20px;margin-top:20px}.theme-sample{border-radius:8px;padding:15px;text-align:center}.blue-theme{background-color:#44beee}.pink-theme{background-color:#ec8ebb}.sample-button{background-color:#fff3;border-radius:5px;color:#fff;font-weight:700;padding:10px 20px}.game-mechanic-demo{background:#fff;border:2px solid #44beee;border-radius:8px;margin:25px 0;padding:25px}.game-mechanic-demo h4{color:#44beee;margin-bottom:15px}.demo-explanation{color:#666;font-style:italic;margin-top:15px}.board-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.board-example{text-align:center}.board-example h5{color:#44beee;margin-bottom:10px}.board-example p{color:#666;font-size:.9em;margin-top:10px}.instruction-cell-container{align-items:center;display:flex;gap:10px;margin:10px 0}.instruction-cell{align-items:center;background-color:#3a3f47;border:2px solid #555;color:#fff;display:flex;font-size:1.2em;font-weight:700;height:40px;justify-content:center;margin:2px;width:40px}.instruction-cell.theme-blue{background-color:#44beee;border-color:#fff}.instruction-cell.theme-pink{background-color:#ec8ebb;border-color:#fff}.instruction-cell.orange{background-color:#f57c00;border-color:#fff}.instruction-cell.grey{background-color:#787c7e;border-color:#fff}.instruction-cell.empty{background-color:#f8f9fa;border-color:#ddd;color:#666}.instruction-row{display:flex;gap:2px;justify-content:center;margin:15px 0}.game-mechanics-explanation{margin:30px 0}.mechanic-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;margin-bottom:20px;padding:15px}.mechanic-text{margin-left:20px}.mechanic-text h4{color:#44beee;margin:0 0 5px}.mechanic-text p{color:#666;margin:0}.example-game{background:#f0f8ff;border:1px solid #44beee;border-radius:8px;margin:30px 0;padding:25px}.game-example{margin-top:20px}.guess-row{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.guess-label{color:#44beee;font-weight:700;margin-right:15px}.guess-row p{color:#666;font-size:.9em;margin:10px 0 0}.advanced-feature{background:#f8f9fa;border-left:4px solid #44beee;border-radius:8px;margin:25px 0;padding:20px}.advanced-feature h3{color:#44beee;margin-top:0}.advanced-feature ol{margin:15px 0;padding-left:20px}.advanced-feature li{color:#555;margin-bottom:8px}.demo-link{color:#44beee;display:inline-block;font-weight:700;margin-top:10px;text-decoration:none}.demo-link:hover{color:#16a8e1}.get-started{background:linear-gradient(135deg,#44beee,#16a8e1);color:#fff;text-align:center}.get-started h2{border-bottom:2px solid #ffffff4d;color:#fff}.get-started p{color:#ffffffe6;font-size:1.1em}.winning-details-demo{margin:20px 0}.winning-details-demo .field-demo{margin-bottom:15px}@media (min-width:1024px){.tutorial-main{margin-left:0}.mobile-tab-nav{display:none!important}}@media (min-width:768px) and (max-width:1023px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.tutorial-main{padding:0;width:100%}.tutorial-content{padding:30px}}@media (max-width:767px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.tutorial-main{padding:0;width:100%}.tutorial-content{padding:20px}.tutorial-content h1{font-size:2em}.tutorial-section{padding:25px}.field-demo{overflow-x:auto;padding:15px}.demo-input{font-size:.9em;min-width:0;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.theme-demo,.theme-preview{flex-direction:column;gap:10px}.theme-demo{align-items:flex-start}.board-comparison{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.mechanic-item{flex-direction:column;text-align:center}.mechanic-text{margin-left:0;margin-top:15px}.instruction-cell{font-size:1.1em;height:35px;width:35px}.instruction-row{justify-content:flex-start}.field-explanation{overflow-x:auto}.field-explanation h3{font-size:1.2em}}@keyframes alice-al-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#44beee;border-color:#787c7e}}@keyframes alice-ic-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#787c7e;border-color:#787c7e}}@keyframes alice-e-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#f57c00;border-color:#787c7e}}@keyframes alice-last-cell-fade{0%,50%{opacity:1}75%,to{opacity:0}}.instruction-row.alice .instruction-cell:first-child,.instruction-row.alice .instruction-cell:nth-child(2){animation:alice-al-color-fade 4s infinite}.instruction-row.alice .instruction-cell:nth-child(3),.instruction-row.alice .instruction-cell:nth-child(4){animation:alice-ic-color-fade 4s infinite}.instruction-row.alice .instruction-cell:nth-child(5){animation:alice-e-color-fade 4s infinite}.instruction-row.alice .instruction-cell:nth-child(6){animation:alice-last-cell-fade 4s infinite}@keyframes alex-all-color-fade{0%,50%{background-color:#3a3f47;border-color:#555}75%,to{background-color:#44beee;border-color:#787c7e}}@keyframes alex-last-cell-fade{0%,50%{opacity:1}75%,to{opacity:0}}.instruction-row.alex .instruction-cell:first-child,.instruction-row.alex .instruction-cell:nth-child(2),.instruction-row.alex .instruction-cell:nth-child(3),.instruction-row.alex .instruction-cell:nth-child(4){animation:alex-all-color-fade 4s infinite}.instruction-row.alex .instruction-cell:nth-child(5),.instruction-row.alex .instruction-cell:nth-child(6){animation:alex-last-cell-fade 4s infinite}@media (max-width:480px){.tutorial-main{padding:0}.tutorial-content{padding:10px}.tutorial-content h1{font-size:1.8em}.tutorial-section{margin-bottom:20px;padding:15px}.field-demo{margin:15px 0;padding:10px}.demo-input{font-size:.8em;min-width:0;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.demo-label{font-size:.9em}.instruction-cell{font-size:.9em;height:28px;width:28px}.tutorial-section h2{font-size:1.6em}.tutorial-section h3{font-size:1.2em}.field-explanation{padding:15px}.theme-sample{font-size:.9em;padding:10px}.sample-button{font-size:.8em;padding:8px 15px}}.about-container{background-color:#f8f9fa;display:flex;min-height:100vh;position:relative}.about-main{flex:1 1;margin-left:0;padding:40px;transition:margin-left .3s ease}.about-content{margin:0 auto;max-width:1000px}.about-content h1{border-bottom:3px solid #44beee;color:#333;font-size:2.5em;margin-bottom:30px;padding-bottom:15px;text-align:center}.about-photo-container{display:flex;justify-content:center;margin-bottom:40px}.about-photo-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #44beee;border-radius:12px;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center;transition:all .3s ease;width:300px}.about-photo-placeholder:hover{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-color:#16a8e1}.photo-icon{margin-bottom:15px}.about-photo-placeholder p{color:#44beee;font-size:1.1em;font-weight:600;margin:0}.about-text-block{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.about-section,.about-text-block{margin-bottom:40px}.about-section:last-child{margin-bottom:0}.about-section h2{border-bottom:2px solid #44beee;color:#44beee;font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.about-section p{color:#666;font-size:1.1em;line-height:1.8;margin-bottom:15px}.about-section p:last-child{margin-bottom:0}.values-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:25px}.value-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px;transition:all .3s ease}.value-item:hover{border-color:#44beee;box-shadow:0 6px 15px #0000001a;transform:translateY(-3px)}.value-item h3{color:#44beee;font-size:1.2em;margin-bottom:10px;margin-top:0}.value-item p{color:#666;font-size:.95em;line-height:1.6;margin:0}.contact-info{background:#f0f8ff;border:1px solid #44beee;border-radius:8px;margin-top:20px;padding:25px}.contact-item{color:#333;font-size:1.05em;margin-bottom:15px}.contact-item:last-child{margin-bottom:0}.contact-item strong{color:#44beee;display:inline-block;width:140px}.about-cta{background:linear-gradient(135deg,#44beee,#16a8e1);border-radius:12px;box-shadow:0 6px 15px #44beee4d;color:#fff;padding:40px;text-align:center}.about-cta h2{color:#fff;font-size:2em;margin-bottom:15px}.about-cta p{color:#ffffffe6;font-size:1.2em;margin-bottom:30px}@media (min-width:1024px){.about-main{margin-left:0}.mobile-tab-nav{display:none!important}}@media (min-width:768px) and (max-width:1023px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.about-main{padding:0;width:100%}.about-content{padding:30px}}@media (max-width:767px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.about-main{padding:0;width:100%}.about-content{padding:20px}.about-content h1{font-size:2em}.about-text-block{padding:25px}.about-section h2{font-size:1.5em}.about-section p{font-size:1em}.about-photo-placeholder{height:170px;width:250px}.values-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.primary-cta,.secondary-cta{text-align:center;width:200px}.contact-item strong{width:120px}}@media (max-width:480px){.about-main{padding:0}.about-content{padding:15px}.about-content h1{font-size:1.8em}.about-text-block{padding:20px}.about-section h2{font-size:1.4em}.about-photo-placeholder{height:140px;width:200px}.about-photo-placeholder p{font-size:1em}.about-cta{padding:30px 20px}.about-cta h2{font-size:1.6em}.about-cta p{font-size:1.1em}.contact-item{font-size:1em}.contact-item strong{display:block;margin-bottom:5px;width:auto}}.faq-container{background-color:#f8f9fa;display:flex;min-height:100vh;position:relative}.faq-main{flex:1 1;margin-left:0;padding:40px;transition:margin-left .3s ease}.faq-content{margin:0 auto;max-width:1000px}.faq-content h1{border-bottom:3px solid #44beee;color:#333;font-size:2.5em;margin-bottom:20px;padding-bottom:15px;text-align:center}.faq-content>p{color:#666;font-size:1.2em;line-height:1.6;margin-bottom:40px;text-align:center}.faq-categories{margin-bottom:50px}.faq-category{margin-bottom:40px}.category-title{background:#fff;border:2px solid #44beee;border-radius:10px;box-shadow:0 2px 8px #44beee1a;color:#44beee;font-size:1.8em;margin-bottom:25px;padding:20px;text-align:center}.faq-list{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.faq-item{border-bottom:1px solid #e9ecef;transition:all .3s ease}.faq-item:last-child{border-bottom:none}.faq-item:hover{background-color:#f8f9fa}.faq-item.open{background-color:#f0f8ff;border-left:4px solid #44beee}.faq-question{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:1.1em;font-weight:600;justify-content:space-between;padding:20px 25px;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{color:#44beee}.faq-question:focus{outline:2px solid #44beee;outline-offset:-2px}.question-text{flex:1 1;text-align:left}.question-icon{align-items:center;background-color:#44beee1a;border-radius:50%;color:#44beee;display:flex;font-size:1.5em;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.faq-item.open .question-icon{background-color:#44beee;color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.open{max-height:500px;padding:0 25px 25px}.faq-answer p{color:#666;font-size:1.05em;line-height:1.7;margin:0}.additional-help{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px;padding:40px;text-align:center}.additional-help h2{color:#44beee;font-size:2em;margin-bottom:15px}.additional-help>p{color:#666;font-size:1.1em;line-height:1.6;margin-bottom:30px}.help-options{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.help-option{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px;transition:all .3s ease}.help-option:hover{border-color:#44beee;box-shadow:0 6px 15px #0000001a;transform:translateY(-3px)}.help-option h3{color:#44beee;font-size:1.3em;margin-bottom:10px;margin-top:0}.help-option p{color:#666;font-size:1em;line-height:1.5;margin:0}.help-option strong{color:#333}.demo-link,.tutorial-link{color:#44beee;font-weight:600;text-decoration:none;transition:color .3s ease}.demo-link:hover,.tutorial-link:hover{color:#16a8e1;text-decoration:underline}.faq-cta{background:linear-gradient(135deg,#44beee,#16a8e1);border-radius:12px;box-shadow:0 6px 15px #44beee4d;color:#fff;padding:40px;text-align:center}.faq-cta h2{color:#fff;font-size:2em;margin-bottom:15px}.faq-cta p{color:#ffffffe6;font-size:1.2em;margin-bottom:30px}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.primary-cta,.secondary-cta{border-radius:8px;font-size:1.1em;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s ease}.primary-cta{background:#fff;color:#44beee}.primary-cta:hover{background:#f8f9fa;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.secondary-cta{background:#fff3;border:2px solid #fff;color:#fff}.secondary-cta:hover{background:#ffffff4d;transform:translateY(-2px)}@media (min-width:1024px){.faq-main{margin-left:0}.mobile-tab-nav{display:none!important}}@media (min-width:768px) and (max-width:1023px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.faq-main{padding:0;width:100%}.faq-content{padding:30px}}@media (max-width:767px){.learn-more-sidebar{display:none}.mobile-tab-nav{display:block}.faq-main{padding:0;width:100%}.faq-content{padding:20px}.faq-content h1{font-size:2em}.faq-content>p{font-size:1.1em}.category-title{font-size:1.5em;padding:15px}.faq-question{font-size:1em;padding:15px 20px}.faq-answer.open{padding:0 20px 20px}.additional-help{padding:25px}.additional-help h2{font-size:1.6em}.help-options{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.primary-cta,.secondary-cta{text-align:center;width:200px}}@media (max-width:480px){.faq-main{padding:0}.faq-content{padding:15px}.faq-content h1{font-size:1.8em}.category-title{font-size:1.3em;padding:12px}.faq-question{font-size:.95em;padding:12px 15px}.question-icon{font-size:1.2em;height:25px;width:25px}.faq-answer.open{padding:0 15px 15px}.faq-answer p{font-size:1em}.additional-help{padding:20px}.additional-help h2{font-size:1.5em}.help-option{padding:20px}.faq-cta{padding:30px 20px}.faq-cta h2{font-size:1.6em}.faq-cta p{font-size:1.1em}}.privacy-policy-container{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#333!important;font-family:Inter,sans-serif;line-height:1.6;margin:40px auto;max-width:800px;padding:40px}.privacy-policy-container h1,.privacy-policy-container h2,.privacy-policy-container h3{color:#44beee!important;font-weight:600;margin-bottom:.8em;margin-top:2em}.privacy-policy-container h1{border-bottom:3px solid #44beee;font-size:2.5em;margin-bottom:.5em;margin-top:0;padding-bottom:15px;text-align:center}.privacy-policy-container h2{border-bottom:2px solid #e9ecef;font-size:1.8em;margin-top:2.5em;padding-bottom:8px}.privacy-policy-container h3{color:#16a8e1!important;font-size:1.4em;margin-top:1.5em}.privacy-policy-container p,.privacy-policy-container ul{color:#333!important;font-size:1.05em;margin-bottom:1.2em}.privacy-policy-container ul{list-style-type:disc;margin-left:25px;padding-left:0}.privacy-policy-container li{color:#333!important;line-height:1.6;margin-bottom:.8em}.privacy-policy-container strong{color:#16a8e1!important;font-weight:600}.privacy-policy-container a{border-bottom:1px solid #0000;color:#44beee!important;font-weight:500;text-decoration:none;transition:border-color .2s ease}.privacy-policy-container a:hover{border-bottom-color:#44beee;text-decoration:none}.privacy-policy-container p:first-of-type{color:#666!important;font-size:1.1em;font-style:italic;margin-bottom:2em;text-align:center}.privacy-policy-container p:nth-of-type(2){background-color:#f8f9fa;border-left:4px solid #44beee;border-radius:0 8px 8px 0;font-size:1.1em;line-height:1.7;margin-bottom:2em;padding:20px}@media (max-width:768px){.privacy-policy-container{border-radius:8px;margin:20px;padding:30px 20px}.privacy-policy-container h1{font-size:2em}.privacy-policy-container h2{font-size:1.5em}.privacy-policy-container h3{font-size:1.2em}.privacy-policy-container p,.privacy-policy-container ul{font-size:1em}.privacy-policy-container p:nth-of-type(2){margin-bottom:1.5em;padding:15px}}@media (max-width:480px){.privacy-policy-container{margin:10px;padding:20px 15px}.privacy-policy-container h1{font-size:1.8em}.privacy-policy-container h2{font-size:1.4em}.privacy-policy-container h3{font-size:1.1em}}.payment-success-container{font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.success-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.success-header{margin-bottom:40px;text-align:center}.success-header h1{color:#44beee;font-size:2.5em;margin-bottom:10px}.success-header p{color:#374151;font-size:1.2em}.game-details{margin-bottom:40px}.game-details h2{color:#16a8e1;font-size:1.5em;margin-bottom:20px}.detail-card{background:#f8fafc;border-left:4px solid #44beee;border-radius:8px;padding:25px}.detail-card h3{color:#16a8e1;font-size:1.3em;margin-bottom:20px;margin-top:0}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{color:#374151}.detail-item strong{color:#16a8e1;display:block;margin-bottom:5px}.detail-item code{background:#e5e7eb;border-radius:4px;font-size:.9em;padding:4px 8px;word-break:break-all}.next-steps{margin-bottom:40px}.next-steps h2{color:#16a8e1;font-size:1.5em;margin-bottom:20px}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background:#16a8e1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.step-content h3{color:#374151;font-size:1.1em;margin:0 0 8px}.step-content p{color:#6b7280;line-height:1.5;margin:0}.action-buttons{margin-bottom:30px}.edit-game-button,.play-game-button{background:#44beee;border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:15px 30px;text-decoration:none;transition:background-color .2s}.play-game-button:hover{background:#16a8e1}.home-button{border:2px solid #2563eb;color:#16a8e1;font-weight:600;padding:15px 30px}.home-button:hover{background:#2563eb;color:#fff}.support-info{border-top:1px solid #e5e7eb;color:#6b7280;padding-top:20px}.support-info p{margin:5px 0}.session-id{font-family:monospace;font-size:.8em}.error h2,.loading h2{margin-bottom:15px}.error p,.loading p{color:#6b7280;margin-bottom:20px}.home-link{background:#2563eb;border-radius:6px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none}.home-link:hover{background:#1d4ed8}@media (max-width:768px){.payment-success-container{margin:10px;padding:10px}.success-content{padding:25px}.success-header h1{font-size:2em}.detail-grid,.steps-grid{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.edit-game-button,.home-button,.play-game-button{max-width:300px;text-align:center;width:100%}}.payment-cancel-container{font-family:Arial,sans-serif;margin:20px auto;max-width:700px;padding:20px}.cancel-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.cancel-header{margin-bottom:40px;text-align:center}.cancel-header h1{color:#dc2626;font-size:2.2em;margin-bottom:10px}.cancel-header p{color:#6b7280;font-size:1.1em}.game-info{background:#fef3c7;border-left:4px solid #f59e0b;margin-bottom:30px}.game-info h2{color:#92400e;font-size:1.3em;margin-bottom:15px;margin-top:0}.game-summary p{color:#92400e;margin:8px 0}.game-summary strong{color:#78350f}.draft-note{color:#92400e;font-style:italic;margin-bottom:0;margin-top:15px}.what-happens{margin-bottom:40px}.what-happens h2{color:#374151;font-size:1.5em;margin-bottom:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.info-item h3{color:#374151;font-size:1.1em;margin-bottom:10px;margin-top:0}.info-item p{color:#6b7280;line-height:1.5;margin:0}.action-section{margin-bottom:30px;text-align:center}.action-section h2{color:#374151;font-size:1.4em;margin-bottom:10px}.action-section p{color:#6b7280;margin-bottom:25px}.action-buttons{align-items:center;flex-direction:column;gap:12px}.complete-payment-button{background:#2563eb;max-width:400px;padding:15px 30px;text-align:center;text-decoration:none;width:100%}.complete-payment-button:hover{background:#1d4ed8}.new-game-button{background:#059669;border-radius:6px;color:#fff;font-weight:600;max-width:300px;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.new-game-button:hover{background:#047857}.home-button{border:1px solid #d1d5db;border-radius:6px;max-width:200px;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.support-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:25px;text-align:center}.support-info h3{color:#374151;margin-bottom:15px;margin-top:0}.support-info p{color:#6b7280;margin:8px 0}.support-info strong{color:#374151}.loading{padding:60px 20px;text-align:center}.loading h2{color:#374151}@media (max-width:768px){.payment-cancel-container{margin:10px;padding:10px}.cancel-content{padding:25px}.cancel-header h1{font-size:1.8em}.info-grid{grid-template-columns:1fr}.action-buttons{gap:15px}}.complete-payment-container{font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.payment-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.payment-header{margin-bottom:40px;text-align:center}.payment-header h1{color:#44beee;font-size:2.5em;margin-bottom:10px}.payment-header p{color:#374151;font-size:1.2em}.game-summary{margin-bottom:40px}.game-summary h2{color:#16a8e1;font-size:1.5em;margin-bottom:20px}.game-info{background:#f8fafc;border-left:4px solid #44beee;border-radius:8px;padding:25px}.game-info p{color:#374151;margin:10px 0}.game-info strong{color:#16a8e1}.payment-section{margin-bottom:40px}.payment-section h2{color:#16a8e1;font-size:1.5em;margin-bottom:20px}.price-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;margin-bottom:20px;padding:20px}.price-line{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.price{color:#16a8e1;font-size:1.2em;font-weight:600}.payment-note{color:#6b7280;font-size:.9em;margin:0}.url-status{border-radius:8px;margin-bottom:20px;padding:15px}.url-status.available{background:#dcfce7;border:1px solid #16a34a;color:#166534}.url-status.unavailable{background:#fee2e2;border:1px solid #dc2626;color:#991b1b}.checking-url{color:#6b7280;padding:20px;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.complete-payment-button{background:#635bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:background-color .2s}.complete-payment-button:hover:not(:disabled){background:#5a52e5}.complete-payment-button:disabled{background:#aab7c4;cursor:not-allowed}.edit-game-button{background:#44beee;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:background-color .2s}.edit-game-button:hover{background:#16a8e1}.edit-button{background:#0000;border:2px solid #16a8e1;border-radius:8px;color:#16a8e1;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s}.edit-button:hover{background:#16a8e1;color:#fff}.home-button{background:#0000;border:2px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;padding:16px 32px;transition:all .2s}.home-button:hover{background:#f3f4f6;color:#374151}.error-content,.loading{padding:60px 20px;text-align:center}.error-content h2,.loading h2{color:#374151;margin-bottom:20px}.error-content p{color:#6b7280;font-size:1.1em;margin-bottom:30px}@media (max-width:768px){.complete-payment-container{margin:10px;padding:10px}.payment-content{padding:25px}.payment-header h1{font-size:2em}.action-buttons{align-items:center;flex-direction:column}.complete-payment-button,.edit-button,.edit-game-button,.home-button{max-width:300px;width:100%}}.edit-game-container{font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.edit-game-header{margin-bottom:40px;text-align:center}.edit-game-header h1{color:#44beee;font-size:2.5em;margin-bottom:10px}.edit-game-header p{color:#374151;font-size:1.2em}.edit-game-form.theme-blue{--primary-color:#44beee;--secondary-color:#16a8e1}.edit-game-form.theme-pink{--primary-color:#ec8ebb;--secondary-color:#de63a5}.edit-game-form{background:#44beee;background:var(--primary-color,#44beee);border:2px solid #16a8e1;border:2px solid var(--secondary-color,#16a8e1);border-radius:12px;box-shadow:0 4px 8px #0003;color:#fff;padding:40px}.edit-game-form h2{color:#fff;font-size:1.8em;margin-bottom:25px;margin-top:30px}.edit-game-form h2:first-child{margin-top:0}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:700;margin-bottom:8px}.form-input,.form-label{color:#3a3f47;font-size:1em}.form-input{background-color:#fff;border:1px solid #444;border-radius:6px;box-sizing:border-box;padding:12px;transition:border-color .2s ease-in-out;width:100%}.form-input:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb4d;outline:none}.form-input::placeholder{color:#888;opacity:.8}.radio-group{display:flex;gap:20px;margin-top:10px}.radio-label{align-items:center;color:#3a3f47;cursor:pointer;display:flex;font-weight:400;gap:8px}.radio-label input[type=radio]{margin:0;width:auto}.error-message{color:#b22222}.error-message,.info-message{font-size:.85em;margin-top:5px}.info-message{color:gold}.success-message{color:#fff;font-size:.85em;margin-top:5px}.form-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:40px}.save-button{background:#16a8e1;background:var(--secondary-color,#16a8e1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:background-color .2s}.save-button:hover:not(:disabled){filter:brightness(85%)}.save-button:disabled{background:#aab7c4;cursor:not-allowed}.cancel-button{background:#0000;border:2px solid #3a3f47;border-radius:8px;color:#3a3f47;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s}.cancel-button:hover{background:#3a3f47;color:#fff}.error,.loading{padding:60px 20px;text-align:center}.error h2,.loading h2{color:#374151;margin-bottom:20px}.error p{color:#6b7280;margin-bottom:30px}.score-management-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;margin-top:40px;padding:30px}.score-management-section h2{color:#1e293b;font-size:1.5em;margin-bottom:8px}.score-management-section p{color:#64748b;margin-bottom:25px}.score-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.score-button{border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;min-width:180px;padding:12px 24px;transition:all .2s ease}.email-button{color:#fff}.email-button,.email-button:hover:not(:disabled){background:linear-gradient(135deg,#44beee,#16a8e1)}.email-button:hover:not(:disabled){transform:translateY(-1px)}.danger-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.danger-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.score-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.score-message{border-radius:8px;font-weight:500;margin-bottom:25px;padding:15px}.score-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.score-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.score-help{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.score-help h3{color:#1e293b;font-size:1.1em;margin-bottom:15px}.score-help ul{color:#475569;margin:0;padding-left:20px}.score-help li{margin-bottom:8px}@media (max-width:768px){.edit-game-container{margin:10px;padding:10px}.edit-game-form{padding:25px}.edit-game-header h1{font-size:2em}.form-actions{align-items:center;flex-direction:column}.cancel-button,.save-button{max-width:300px;width:100%}.score-management-section{margin-top:30px;padding:20px}.score-actions{flex-direction:column}.score-button{min-width:auto;width:100%}}.contact-page{background-color:#f8f9fa;min-height:100vh;padding:40px 20px}.contact-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.contact-header{background:linear-gradient(135deg,#44beee,#16a8e1);color:#fff;padding:60px 40px 40px;text-align:center}.contact-header h1{font-size:2.5rem;font-weight:700;margin-bottom:15px}.contact-header p{font-size:1.2rem;margin:0;opacity:.9}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr;padding:40px}.contact-info{display:flex;flex-direction:column;gap:30px}.info-section p{margin:0}.contact-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:30px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#44beee;box-shadow:0 0 0 3px #44beee1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}@media (max-width:768px){.contact-page{padding:20px 10px}.contact-header{padding:40px 20px 30px}.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.contact-content{gap:30px;grid-template-columns:1fr;padding:30px 20px}.contact-form{padding:20px}.info-section{text-align:center}}@media (max-width:480px){.contact-header h1{font-size:1.8rem}.contact-content{padding:20px 15px}.contact-form{padding:15px}}.recover-url-page{background-color:#f8f9fa;min-height:100vh;padding:40px 20px}.recover-url-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.recover-url-header{background:linear-gradient(135deg,#44beee,#16a8e1);color:#fff;padding:60px 40px 40px;text-align:center}.recover-url-header h1{font-size:2.5rem;font-weight:700;margin-bottom:15px}.recover-url-header p{font-size:1.2rem;line-height:1.5;margin:0 auto;max-width:600px;opacity:.9}.recover-url-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr;padding:40px}.recover-url-info{display:flex;flex-direction:column;gap:30px}.info-section h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px}.info-section p{color:#5a6c7d;line-height:1.6;margin:0 0 10px}.info-section a{color:#44beee;font-weight:500;text-decoration:none}.info-section a:hover{text-decoration:underline}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{border-bottom:1px solid #e9ecef;color:#5a6c7d;padding:8px 0}.info-section li:last-child{border-bottom:none}.recover-url-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e9ecef;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#44beee;box-shadow:0 0 0 3px #44beee1a;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-help{color:#6c757d;display:block;font-size:.875rem;font-style:italic;margin-top:6px}.submit-button{background:#44beee;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px 30px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:#16a8e1;transform:translateY(-1px)}.submit-button:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.submit-button.sending{background:#95a5a6}.status-message{border-radius:6px;font-weight:500;margin-top:20px;padding:15px;text-align:center}.status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-message.sending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.success-actions{margin-top:25px;text-align:center}.success-actions p{color:#155724;font-weight:500;margin-bottom:20px}.action-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.link-button{border:2px solid #0000;border-radius:6px;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.link-button:hover{text-decoration:none;transform:translateY(-1px)}.link-button:not(.secondary){background:#44beee;color:#fff}.link-button:not(.secondary):hover{background:#16a8e1}.link-button.secondary{background:#fff;border-color:#44beee;color:#44beee}.link-button.secondary:hover{background:#44beee;color:#fff}.recover-url-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px 40px}.recover-url-footer p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0;text-align:center}@media (max-width:768px){.recover-url-page{padding:20px 10px}.recover-url-header{padding:40px 20px 30px}.recover-url-header h1{font-size:2rem}.recover-url-header p{font-size:1rem}.recover-url-content{display:flex;flex-direction:column;gap:30px;padding:30px 20px}.recover-url-form{order:1;padding:20px}.recover-url-info{order:2}.info-section{text-align:center}.action-links{align-items:center;flex-direction:column}.link-button{max-width:250px;width:100%}.recover-url-footer{padding:20px}}@media (max-width:480px){.recover-url-header h1{font-size:1.8rem}.recover-url-content{padding:20px 15px}.recover-url-footer,.recover-url-form{padding:15px}}
/*# sourceMappingURL=main.749dca82.css.map*/