@import url(https://fonts.googleapis.com/css2?family=League+Gothic&family=Roboto:wght@400;700&display=swap);:root{--secondary-blue:#487eb0;--text-color:#333}.homepage-body{background-color:#fff;background-color:var(--white);color:#333;color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--body-font);line-height:1.6;margin:0}.homepage-body h1,.homepage-body h2,.homepage-body h3{font-family:League Gothic,sans-serif;font-family:var(--header-font);letter-spacing:1px;text-transform:uppercase}.container{margin:0 auto;max-width:1100px;padding:0 20px}.nav-dropdown{display:inline-block;position:relative}.nav-link{color:#0a3d62;color:var(--primary-blue);cursor:pointer;font-size:16px;font-weight:700;transition:color .3s ease}.nav-dropdown:hover .nav-link{color:#d63031;color:var(--primary-red)}.dropdown-content{background-color:#fff;background-color:var(--white);border-radius:4px;box-shadow:0 8px 16px 0 #0000001a;display:none;left:0;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:10}.dropdown-content button{background:none;border:none;color:#0a3d62;color:var(--primary-blue);cursor:pointer;display:block;font-family:Roboto,sans-serif;font-family:var(--body-font);font-weight:700;padding:12px 16px;text-align:left;text-decoration:none;width:100%}.dropdown-content button:hover{background-color:#f4f4f4;background-color:var(--light-gray);color:#d63031;color:var(--primary-red)}.nav-dropdown:hover .dropdown-content{display:block}@media (max-width:768px){.site-header .container{flex-direction:row;flex-wrap:wrap}.nav-dropdown{margin-bottom:0;position:relative}.dropdown-content{background-color:#fff;background-color:var(--white);border:1px solid #eee;border-radius:8px;box-shadow:0 8px 16px #0003;display:none;left:50%;min-width:150px;position:absolute;top:110%;transform:translateX(-50%);z-index:100}.dropdown-content.show{display:block}.dropdown-content button{border-bottom:1px solid #f0f0f0;padding:15px;text-align:left}}.site-header{background-color:#fff;background-color:var(--white);border-bottom:1px solid #e0e0e0;padding:0}.site-header .container{align-items:center;display:flex;justify-content:space-between}.logo img{display:block;height:160px;margin:-45px 0}.main-nav ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.main-nav li{margin-left:25px}.main-nav a{color:#0a3d62;color:var(--primary-blue);font-size:16px;font-weight:700;text-decoration:none;transition:color .3s ease}.main-nav a:hover{color:#d63031;color:var(--primary-red)}.button{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;padding:12px 28px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button.primary-button{background-color:#d63031;background-color:var(--primary-red);color:#fff;color:var(--white);font-size:22px;padding:15px 40px}.button.primary-button:hover{background-color:#b71c1c}.button.login-button{background-color:#0a3d62;background-color:var(--primary-blue);border-radius:50px;color:#fff;color:var(--white);padding:12px 35px}.button.login-button:hover{background-color:#082f49}.hero{background-color:#f4f4f4;background-color:var(--light-gray);color:#0a3d62;color:var(--primary-blue);overflow:hidden;padding:25px 0 80px;position:relative}.hero-layout{align-items:center;display:flex;gap:40px;justify-content:space-between}.hero-content{flex:0.8 1;text-align:left;z-index:2}.hero-image{align-items:center;display:flex;flex:1.5 1;justify-content:center}.hero-image img{display:block;margin:0 auto;max-height:500px;max-width:95%;width:auto}.hero h1{color:#0a3d62;color:var(--primary-blue);font-size:64px;line-height:1.1;margin-bottom:20px}.hero p.hero-subhead{color:#555;font-size:22px;margin:0 0 40px;max-width:600px}.game-speed{background-blend-mode:soft-light;background-color:#0a3d62;background-color:var(--primary-blue);background-position:right -10% center;background-repeat:no-repeat;background-size:50%;color:#fff;color:var(--white);padding:40px 0 80px;position:relative;text-align:center}.game-speed h2{font-size:48px;margin-bottom:20px}.game-speed p{font-size:20px;margin:0 auto;max-width:800px}.modes{background-color:#fff;background-color:var(--white);padding:30px 0 60px}.modes h2{color:#0a3d62;color:var(--primary-blue);font-size:42px;margin-bottom:40px;text-align:center}.modes-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.mode-card{background:#f4f4f4;background:var(--light-gray);border-radius:8px;border-top:5px solid #487eb0;border-top:5px solid var(--secondary-blue);box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:300px;padding:30px;text-align:center}.mode-card h3{color:#0a3d62;color:var(--primary-blue);font-size:40px;margin-bottom:0;margin-top:0}.mode-subtitle{color:#d63031;color:var(--primary-red);font-size:18px;font-weight:700;margin-bottom:15px;margin-top:0;text-transform:uppercase}.mode-card ul{list-style:none;padding:0}.mode-card li{margin-bottom:10px;padding-left:0;position:relative}.mode-card li:before{color:#d63031;color:var(--primary-red);content:"✓";font-weight:700;margin-right:8px}.advantage{background-color:#f4f4f4;background-color:var(--light-gray);padding:0 0 30px}.advantage h2{align-items:flex-end;color:#0a3d62;color:var(--primary-blue);display:flex;font-size:42px;gap:5px;justify-content:center;margin-bottom:25px;text-align:center}.inline-logo{height:150px;margin-bottom:-46px;width:auto}.advantage-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.adv-item{flex:1 1;min-width:250px;text-align:center}.adv-item h4{color:#d63031;color:var(--primary-red);font-family:League Gothic,sans-serif;font-family:var(--header-font);font-size:28px;margin-bottom:0;margin-top:0}.adv-item p{margin-top:0}.features{background-color:#fff;background-color:var(--white);padding:15px 0 60px}.features h2{color:#0a3d62;color:var(--primary-blue);font-size:42px;margin-bottom:25px;text-align:center}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-box{align-items:center;background-color:#eee;border:2px dashed #ccc;border-radius:8px;color:#999;display:flex;font-weight:700;height:200px;justify-content:center}.resources{background-color:#0a3d62;background-color:var(--primary-blue);padding:25px 0 50px;text-align:center}.resources h2{color:#fff;color:var(--white);font-size:36px;margin-bottom:30px}.resource-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.resource-card{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;color:#fff;color:var(--white);padding:15px 30px;text-decoration:none;transition:background .3s}.resource-card:hover{background:#d63031;background:var(--primary-red);border-color:#d63031;border-color:var(--primary-red)}.faq-section{background-color:#f4f4f4;background-color:var(--light-gray);padding:30px 0 60px;text-align:center}.faq-section h2{color:#0a3d62;color:var(--primary-blue);font-size:42px;margin-bottom:40px}.faq-container{margin:0 auto;max-width:800px;text-align:left}details.faq-item{background-color:#fff;background-color:var(--white);border-radius:5px;box-shadow:0 2px 5px #0000000d;margin-bottom:15px;overflow:hidden}summary.faq-question{align-items:center;color:#0a3d62;color:var(--primary-blue);cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:space-between;list-style:none;padding:20px}summary.faq-question::-webkit-details-marker{display:none}summary.faq-question:after{color:#d63031;color:var(--primary-red);content:"+";font-size:24px;font-weight:700}details[open] summary.faq-question:after{content:"-"}.faq-answer{border-top:1px solid #eee;color:#555;line-height:1.6;padding:0 20px 20px}.site-footer{background-color:#0a3d62;background-color:var(--primary-blue);border-top:1px solid #ffffff1a;color:#fff;color:var(--white);font-size:14px;padding:10px 0;text-align:center}.feature-screenshot{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:200px;object-fit:cover;object-position:top;transition:transform .3s ease,box-shadow .3s ease;width:100%}.feature-screenshot:hover{border-color:#d63031;border-color:var(--primary-red);box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .3s ease;max-height:90vh;max-width:90%;position:relative}.modal-content img{border-radius:4px;box-shadow:0 5px 30px #00000080;display:block;height:auto;max-height:85vh;width:100%}.modal-close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;line-height:1;position:absolute;right:0;top:-40px}.modal-close:hover{color:#d63031;color:var(--primary-red)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.site-header .container{flex-direction:column}.main-nav{margin-bottom:10px;margin-top:10px}.logo img{height:180px;padding-top:5px}.hero-content{flex:auto;text-align:center}.hero-image{flex:auto;justify-content:center;width:100%}.hero p.hero-subhead{margin:0 auto 30px}.hero-layout{flex-direction:column-reverse;gap:0;text-align:center}.hero h1{font-size:42px;margin-top:10px}.game-speed{background-blend-mode:overlay;background-position:50%;background-size:80%;padding:60px 20px}.advantage h2,.game-speed h2,.modes h2{font-size:32px}.inline-logo{height:110px;margin-bottom:-32px}.advantage-grid,.modes-grid{flex-direction:column}}.homepage-body .site-header{background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.homepage-body{overflow:visible!important}.guide-layout{display:flex;gap:20px;min-height:min-content;padding:20px 20px 100px;touch-action:auto}.guide-sidebar{flex:1 1;min-width:250px}.guide-display{flex:3 1}@media (max-width:768px){.guide-layout{flex-direction:column;padding:20px 0}.guide-sidebar{border-bottom:none;margin-bottom:20px;min-width:100%;padding-bottom:20px}.guide-sidebar button{padding:15px!important}}.guide-category-item{margin-bottom:20px}@media (max-width:768px){.guide-category-item{margin-bottom:4px}}.guide-content-box{background:#f4f4f4;border-radius:8px;padding:20px}.guide-topic-title{color:#0a3d62;margin-top:0;text-transform:uppercase}.guide-topic-desc{font-size:18px;line-height:1.5;margin-bottom:20px}.guide-function-list{list-style:none;padding:0}.guide-function-item{align-items:flex-start;background:#fff;border-left:5px solid #d63031;border-radius:6px;border-top:none;box-shadow:0 2px 4px #0000000d;display:flex;gap:20px;margin-bottom:15px;padding:15px}.guide-text-col{flex:1 1}.guide-img-col{flex:0 0 150px}.guide-img-col img{border:1px solid #ccc;border-radius:4px;display:block}@media (max-width:768px) and (orientation:portrait){.guide-function-item{flex-direction:column}.guide-img-col{flex:auto;margin-top:10px;width:100%}}@media (max-width:900px) and (orientation:landscape){.guide-function-item{align-items:center}.guide-topic-title{font-size:24px}}.phone-frame{aspect-ratio:9/19;background-color:#000;border:10px solid #2d3436;border-radius:24px;box-shadow:0 12px 24px #0003;display:block;line-height:0;overflow:hidden;position:relative;width:100%}.phone-frame img{height:100%;object-fit:cover;width:100%}.phone-frame:before{background-color:#2d3436;border-bottom-left-radius:8px;border-bottom-right-radius:8px;content:"";height:14px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40%;z-index:10}.guide-img-col{flex:0 0 160px;text-align:center}.guide-img-col img{border:none;border-radius:0;height:auto;width:100%}.share-toast{align-items:center;animation:slideDownFade .3s ease-out;background-color:var(--primary-blue);border:2px solid var(--secondary-blue);border-radius:50px;box-shadow:0 4px 15px #0000004d;color:var(--white);display:flex;font-family:var(--header-font);font-size:18px;justify-content:center;left:50%;letter-spacing:1px;padding:12px 30px;position:fixed;text-align:center;text-transform:uppercase;top:30px;transform:translateX(-50%);white-space:nowrap;z-index:2000}@keyframes slideDownFade{0%{opacity:0;top:0}to{opacity:1;top:30px}}.slide-in-right{animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root{--primary-blue:#0a3d62;--primary-red:#d63031;--white:#fff;--light-gray:#f4f4f4;--border-color:#e0e0e0;--header-font:"League Gothic",sans-serif;--body-font:"Roboto",sans-serif}.auth-container{align-items:center;background-color:#0a3d62;background-color:var(--primary-blue);display:flex;font-family:Roboto,sans-serif;font-family:var(--body-font);justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 10px 25px #0003;max-width:420px;padding:40px;text-align:center;width:100%}.auth-header{margin-bottom:30px}.auth-logo{height:60px;margin-bottom:15px}.auth-header h2{color:#0a3d62;color:var(--primary-blue);font-family:League Gothic,sans-serif;font-family:var(--header-font);font-size:36px;letter-spacing:1px;margin:0;text-transform:uppercase}.auth-header p{color:#666;font-size:16px;margin-top:5px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.form-group input{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#0a3d62;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0a3d621a;outline:none}.button.auth-submit-btn{background-color:#0a3d62;background-color:var(--primary-blue);border:none;border-radius:50px;color:#fff;color:var(--white);cursor:pointer;font-size:18px;font-weight:700;margin-top:10px;padding:12px;transition:background-color .3s,transform .2s;width:100%}.button.auth-submit-btn:hover{background-color:#082f49;transform:translateY(-2px)}.button.auth-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.divider{align-items:center;color:#999;display:flex;font-size:14px;margin:25px 0}.divider:after,.divider:before{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);content:"";flex:1 1}.divider span{font-weight:700;padding:0 10px}.google-btn{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:12px;transition:background-color .3s;width:100%}.google-btn:hover{background-color:#f9f9f9}.google-btn img{height:20px;width:20px}.auth-footer{color:#666;font-size:14px;margin-top:30px}.link-btn{background:none;border:none;color:#d63031;color:var(--primary-red);cursor:pointer;font-weight:700;font:inherit;padding:0;text-decoration:none}.forgot-password-btn,.link-btn:hover{text-decoration:underline}.forgot-password-btn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;margin-top:10px}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d63031;color:var(--primary-red)}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:10px}.success-message{background-color:#e6fffa;border:1px solid #b2f5ea;border-radius:4px;color:#2c7a7b}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-header h2{font-size:32px}}.player-jersey-icon{border-radius:8px;display:block;overflow:hidden;padding-top:100%;position:relative;transition:transform .2s ease-in-out,filter .2s ease-in-out;width:100%}.player-jersey-icon:hover{transform:translateY(-3px)}.jersey-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.player-number-overlay{color:#000;font-family:PSA,sans-serif;font-size:clamp(1rem,35cqw,2.2rem);left:48.5%;text-shadow:1px 1px 2px #ffffffb3;top:52%}.player-name-overlay,.player-number-overlay{font-weight:700;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:2}.player-name-overlay{color:#333;font-family:LeagueGothicReg,sans-serif;font-size:clamp(.5rem,14cqw,.9rem);left:49.5%;text-transform:uppercase;top:22.5%;white-space:nowrap}
/*# sourceMappingURL=main.7b14924f.css.map*/