@import url(https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&display=swap);.modal{display:flex;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:hsla(0,0%,100%,.9);justify-content:center;align-items:center;font-family:Castoro,serif}.modal-content{position:relative;background-color:#fff;padding:50px;border-radius:5px;margin:5dvh;border:1px solid #ccc;max-width:85dvw;min-height:80dvh;align-items:center;overflow:hidden;text-rendering:optimizeLegibility}.text-container{max-width:90%;max-height:85%;margin:0;margin-top:-50px!important;padding:20px;text-align:left;line-height:1.6;flex-grow:1;max-height:none;overflow-y:auto;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:10px;min-height:0}.modal .text-container h2,.modal-content .text-container h2,.text-container h2{font-size:1.8em;line-height:1.4;margin-bottom:.5em;font-weight:400}.blog-content{flex:1 1 auto;margin-bottom:8px!important}.blog-image{display:block;max-width:100%;max-height:300px;width:auto;padding-bottom:10px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.blog-content .first-paragraph:first-letter{max-width:60%;font-size:3.2em;font-weight:700;float:left;margin-right:8px;line-height:.8;padding-top:10px;text-transform:uppercase}.close{position:absolute;top:5%;right:5%;color:#e72100;font-size:28px;font-weight:700;cursor:pointer;z-index:100}.close:focus,.close:hover{color:#333;text-decoration:none;cursor:pointer}.reading-time{font-size:.8em!important;color:#e72100!important;font-style:italic!important;display:inline-block!important}.blog-end-line{border:none;height:1px;background-color:#e72100;margin:15px 0 65px 0;width:100%}@media screen and (min-width:480px) and (max-width:768px){.modal-content{max-width:90dvw;padding:30px;height:85dvh}.text-container{max-width:95%;max-height:92%;padding-bottom:30px;margin-top:-30px!important}.modal .text-container h2,.modal-content .text-container h2,.text-container h2{font-size:1.2em!important;line-height:1.3!important}.reading-time{font-size:.75em}}@media screen and (max-width:480px){.modal-content{max-width:95dvw;max-height:95dvh;margin:10px;padding:30px}.text-container{height:95%!important;padding-bottom:30px;min-width:100%;margin-top:-20px!important}.close{top:10px;right:15px;font-size:24px}.modal .text-container h2,.modal-content .text-container h2,.text-container h2{font-size:1em!important;line-height:1.2!important}.reading-time{font-size:.7em!important;padding-bottom:10px}.blog-content .first-paragraph:first-letter{font-size:3em!important;padding-top:10px}}@media screen and (max-height:600px){.modal-content{max-height:85dvh!important;padding:25px}.text-container{max-height:80dvh!important;margin-top:-15px!important}}@media (max-height:400px) and (orientation:landscape){.modal-content{max-height:80dvh!important;padding:15px;height:80dvh}.text-container{min-height:85dvh!important;margin-top:-10px!important}.modal-content h2{font-size:1em!important;line-height:1.21!important;margin-top:0!important;margin-bottom:0!important;font-weight:700!important}.modal-content .post-date{font-size:.8em!important;margin-bottom:0!important}.reading-time{font-size:.7em!important}.blog-content .first-paragraph:first-letter{font-size:1.5em!important;padding-top:6px!important}.close{top:10px!important;right:15px!important;font-size:20px!important}}.modal-footer{width:100%;padding-bottom:15px;text-align:center;margin-top:auto;background-color:#fff}.modal-content{display:flex;flex-direction:column;padding-bottom:0;max-height:85dvh;height:85dvh}@media screen and (min-width:480px) and (max-width:768px){.modal-footer{margin-top:-15px}}@media screen and (max-width:480px){.modal-footer{margin-top:-25px;padding-bottom:8px}.reading-time{font-size:.7em!important}}@media (max-height:400px) and (orientation:landscape){.modal-footer{padding:5px 0}@media (max-height:400px) and (orientation:landscape){.safari-share,.share-button{margin-top:5px;margin-right:10px}}}.post-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;width:100%}.post-date{margin:0;padding:0}.safari-share,.share-button{background:none;border:1px solid #e72100;color:#e72100;cursor:pointer;font-family:Castoro,serif;font-style:italic;transition:all .3s ease;font-size:.9em;top:10px;padding-left:20px;padding-right:20px;display:inline-block;text-decoration:none}.safari-share:hover,.share-button:hover{background:#e72100;color:#fff;text-decoration:none}.safari-share-wrapper{display:block!important;visibility:visible!important;opacity:1!important}@media (max-width:480px){.safari-share,.share-button{padding-left:20px;padding-right:20px;font-size:.7em;margin-top:-5px}}.blog-content p{text-align:justify}@media screen and (max-width:480px){.blog-content p{text-align:left}}#app{text-align:center;font-family:Castoro,serif}header{position:sticky;top:0;background:#fff;z-index:10;padding:20px 0 15px 0}.header-image,.header-image-container{width:auto;max-height:min(14dvh,120px);transition:opacity .3s ease}@media (max-width:768px) and (min-width:481px){.header-image,.header-image-container{max-height:min(12dvh,110px)!important}header{padding:15px 0 10px 0}}@media (max-width:480px) and (min-width:321px){header{padding:10px 0 8px 0}.header-image,.header-image-container{max-height:min(10dvh,80px)!important}}@media (max-width:320px){.header-image{max-height:10dvh!important}}.blog-title{font-size:1.1em;font-weight:400;color:#333;margin-bottom:5px;position:relative;display:inline-block}.blog-title:hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background-color:#e72100;transition:all .2s ease}.preview-text{font-size:.9em;color:#4d4d4d;margin-bottom:10px;line-height:1.5;text-align:left}.post-date{color:#666;font-size:.8em;margin-top:-15px;margin-bottom:-15px}.blog-post{text-align:left;position:relative;z-index:1}.date-display{top:85px;padding:5px 0;color:#666;font-size:.8em}.date-display,.menu{position:sticky;background:#fff;z-index:2}.menu{top:110px;display:flex;justify-content:center;gap:30px;padding:10px 0}.menu-item{text-decoration:none;color:#333;padding:5px 15px;font-size:1.4em}.menu-item:hover{color:#666}.menu-item.active{border-bottom:3px solid #e72100}.about-content,.blog-content,.model-content{position:relative;z-index:1}.about-content{max-width:800px;margin:40px auto;padding:0 20px;line-height:1.6;text-align:justify}@media screen and (max-width:480px){.about-content{text-align:left}}.about-footer{text-align:left;width:100%;padding-top:40px}.about-footer a{text-decoration:none;color:#333}.about-footer a:hover{color:#e72100;text-decoration:underline}.email-footer{padding-top:0}.email-footer a{text-decoration:none;color:#333}.email-footer a:hover{color:#e72100;text-decoration:underline}.blog-content{max-width:800px;margin:0 auto;padding:0 20px;height:calc(70dvh - 10vmin);overflow-y:auto;border-bottom:1px solid #ccc;z-index:2;margin-top:10px}.blog-content::-webkit-scrollbar-track{background:#f1f1f1}.blog-content::-webkit-scrollbar-thumb{background-color:#e72100;border-radius:10px;border:2px solid #f1f1f1}.blog-content{scrollbar-width:auto;scrollbar-color:#e72100 #f1f1f1}.model-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.model-table{width:80%;border-collapse:collapse;font-family:Castoro,serif;margin:0 auto}.model-table td{padding:6px;text-align:left;border-bottom:1px solid #ddd;font-size:.9em;font-weight:300;color:#000}.model-table th{font-size:1em;text-align:left;padding:6px;font-weight:400;position:sticky;top:0;background-color:#fff;z-index:10;border-bottom:none}.model-table th:after{content:"";display:block;width:130%;height:1px;background-color:#ccc;position:absolute;bottom:-1px;left:-15%;z-index:15}.model-table tr:hover{background-color:#f5f5f596}.model-table td.away-team:after,.model-table td.home-team:after{content:" v";color:inherit}.content-container{position:relative;z-index:1}::-webkit-scrollbar{width:auto}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#e72100;border-radius:10px;border:2px solid #f1f1f1}*{scrollbar-width:auto;scrollbar-color:#e72100 #f1f1f1}.blog-image{width:100%;height:auto;margin-bottom:15px}.collapse-toggle{position:sticky;top:10px;padding-left:20px;padding-right:20px;background:none;border:1px solid #e72100;color:#e72100;cursor:pointer;font-family:Castoro,serif;font-style:italic;transition:all .3s ease;z-index:10;font-size:.9em}.collapse-toggle:hover{background:#e72100;color:#fff}.blog-post.compact{display:flex;justify-content:space-between;align-items:center;padding:13px;margin:0;border:none}.blog-post.compact .blog-title,.blog-post.compact .post-date{margin:0}.blog-title:hover+.post-date{text-decoration:underline}.blog-post.pinned{background-color:#fff;border-bottom:1px solid #e72100;margin-right:-1px;margin-left:-1px}.blog-post.sticky{position:sticky;z-index:5}.blog-post.sticky:first-of-type{top:0}.blog-post.sticky:nth-of-type(2){top:46px}.blog-post.sticky:nth-of-type(3){top:92px}.blog-post.sticky:nth-of-type(4){top:138px}.red-dot{color:#e72100}.green-dot,.red-dot{font-size:3em;vertical-align:-5px}.green-dot{color:#666}.blog-content .post-date{color:#666;font-size:.8em;margin-top:-15px;margin-bottom:-20px}.modal-content .post-date{margin-top:0;margin-bottom:10px}.api-data{text-align:left;padding:20px;max-width:800px;margin:0 auto}.message{font-size:1.2em;margin-bottom:10px}.timestamp{color:#666;font-style:italic}.model-table td:first-child{width:20%}.model-table td:nth-child(2){text-align:center;width:20%}.model-table td:nth-child(3){width:40%}.model-table td:nth-child(4){width:20%}.match-row{position:relative}.model-table tr:hover .away-underline:after,.model-table tr:hover .home-underline:after{content:"•";color:#e72100;position:absolute;right:-23px;font-size:1.2em;pointer-events:none}.model-table tr:hover .away-underline:after{left:-20px}.away-underline,.home-underline{position:relative}.sub-menu{display:flex;flex-direction:column;align-items:center;padding:10px 0;background:#fff}.sub-menu-items{display:flex;justify-content:center;gap:20px}.sub-menu-item{text-decoration:none;color:#666;padding:5px 10px;font-size:.9em;font-style:italic;font-weight:300}.sub-menu-item.active{color:#e72100}.results-summary{font-size:.8em;font-weight:400;font-style:italic;color:#666;margin-top:10px;pointer-events:none}.results-table{width:90%;border-collapse:collapse;font-family:Castoro,serif;margin:0 auto}.results-table td{padding:6px;text-align:left;border-bottom:1px solid #ddd;font-size:.9em;font-weight:300;color:#000}.results-table th{font-size:1em;text-align:left;font-weight:400;position:sticky;top:-1px;background-color:#fff;z-index:15}.results-table th:after{content:"";display:block;width:130%;height:1px;background-color:#ccc;position:absolute;bottom:-1px;left:-15%;z-index:10}.results-table tr:hover{background-color:#f5f5f596}.results-table td:first-child,.results-table td:nth-child(2){width:17%}.results-table td:nth-child(3){text-align:left;width:5%}.results-table td:nth-child(4){width:20%}.results-table td:nth-child(5){width:15%}.results-table td:nth-child(6){width:10%;padding-left:10px}.results-table td:nth-child(7){width:10%;text-align:left;padding-left:20px}.results-container{max-width:800px;margin:0 auto;overflow-y:auto;height:calc(70dvh - 10vmin);border-bottom:1px solid #ccc}.results-container,.results-content{z-index:1;position:relative}.win-circle-red{color:#e72100!important}.win-circle-grey{color:#666!important}.blog-link{color:#e72100;cursor:pointer;text-decoration:underline}.blog-link:hover{color:#333}.blog-quote{font-style:italic;border-left:3px solid #e72100;padding-left:15px;margin:20px 0;color:#666}.blog-content.compact-view{position:sticky;height:calc(70dvh - 10vmin);overflow-y:auto}.blog-content.compact-view .blog-post.pinned{background-color:#fff;border-bottom:1px solid #e72100;margin-right:-1px;margin-left:-1px}.blog-content.compact-view .blog-post.sticky{position:sticky;z-index:5}.blog-content:not(.compact-view) .blog-post.pinned{background-color:transparent;border-bottom:none;margin-right:0;margin-left:0;position:relative;z-index:1}.blog-content{border-top:1px solid #ccc;position:relative;z-index:100}@media (min-height:900px){.blog-content,.blog-content.compact-view,.results-container{height:calc(75dvh - 12vmin)}}@media (max-height:600px){.blog-content,.blog-content.compact-view,.results-container{height:calc(65dvh - 12vmin)}}.model-content .model-table-container,.results-container{height:calc(65dvh - 12vmin)}@media (min-height:900px){.model-content .model-table-container,.results-container{height:calc(70dvh - 10vmin)}}@media (max-height:600px){.model-content .model-table-container,.results-container{height:calc(60dvh - 14vmin)}}@media (max-width:480px){.blog-post.compact{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 10px}.blog-post.compact .blog-title{margin-right:12px;font-size:.9em}.blog-post.compact .post-date{text-align:right;min-width:60px;font-size:.75em;white-space:nowrap;overflow:visible}.blog-post:not(.compact) .post-date{width:auto;max-width:none;white-space:normal;overflow:visible;font-size:.75em}}@media (max-width:320px){.blog-post.compact .blog-title{font-size:.85em}.blog-post.compact .post-date{font-size:.65em}.blog-post.compact .preview-text{font-size:.75em}}@media (max-width:600px){.blog-content.compact-view .blog-post.pinned,.blog-content.compact-view .blog-post.sticky{position:relative!important;top:auto!important;z-index:1!important}.blog-content.compact-view .blog-post.sticky:first-of-type{position:sticky!important;top:0!important;z-index:8!important;background-color:#fff!important;border-bottom:1px solid #e72100!important}.blog-content.compact-view .blog-post.sticky:not(:first-of-type){position:relative!important;top:auto!important;z-index:1!important}.blog-content.compact-view .blog-post.sticky:first-of-type .blog-title{font-weight:400!important}.blog-content.compact-view .blog-post:not(:first-of-type){margin-top:0!important}body:has(.about-content) .menu{border-bottom:1px solid #e0e0e0!important;margin-bottom:-8px!important;padding-bottom:15px!important}.menu+.content-container .about-content{position:relative;margin-top:5px!important}.menu+.content-container .about-content:before{content:"";position:absolute;left:0;right:0;height:1px;background-color:#e0e0e0;width:100%}}.header-image-container{position:relative;width:auto;display:inline-block}.desktop-gif{display:block}.mobile-gif{display:none}@media (max-width:325px){.desktop-gif{display:none}.mobile-gif{display:block}.date-display{display:none}}@media (max-height:600px) and (orientation:landscape){.desktop-gif,.mobile-gif{display:none}}@media (max-width:600px){body:has(.about-content) .menu{border-bottom:1px solid #e0e0e0!important;margin-bottom:-8px!important;padding-bottom:15px!important}.menu+.content-container .about-content{position:relative;margin-top:5px!important}.menu+.content-container .about-content:before{content:"";position:absolute;left:0;right:0;height:1px;background-color:#e0e0e0;width:100%}}@media (max-height:600px) and (orientation:landscape){.header-image-container{display:none!important}.menu{top:0!important;z-index:100!important;margin-top:-40px!important}.menu,.sub-menu{position:sticky!important;background-color:#fff!important}.sub-menu{top:30px!important;z-index:99!important;padding-top:2px!important;padding-bottom:2px!important;margin-top:0!important}.content-container{padding-top:5px!important}}@media (max-height:400px) and (orientation:landscape){.blog-content.compact-view .blog-post.pinned,.blog-content.compact-view .blog-post.sticky{position:relative!important;top:auto!important;z-index:1!important}.blog-content.compact-view .blog-post.sticky:first-of-type{position:sticky!important;top:0!important;z-index:8!important;background-color:#fff!important;border-bottom:1px solid #e72100!important}.blog-content.compact-view .blog-post.sticky:not(:first-of-type){position:relative!important;top:auto!important;z-index:1!important}.blog-content.compact-view .blog-post.sticky:first-of-type .blog-title{font-weight:700!important}.header-image-container{display:none!important}}@media (max-width:320px){.menu{position:relative!important;top:0!important;transition:none!important}.model-content{margin-top:0!important;padding-top:0!important}.content-container{margin-top:0!important;padding-top:5px!important}header{height:auto!important;min-height:auto!important}.menu+.content-container{margin-top:5px!important}.fade-enter-active,.fade-leave-active{transition:opacity .1s!important}}@media (max-height:400px) and (orientation:landscape){.model-content{margin-top:0!important}body:has(.model-content) .menu{margin-top:0!important}}.faq-content{position:relative;z-index:1;max-width:800px;margin:40px auto;padding:0 20px;line-height:1.6;text-align:justify}@media screen and (max-width:480px){.faq-content{text-align:left}}.faq-content p{text-align:justify}@media screen and (max-width:480px){.faq-content p{text-align:left}}