:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue: rgb(28, 44, 91);--green: rgb(32, 100, 60);--bkgrey: #555;--gtable: rgba(50, 153, 91, .3);--gold: #ccaa39;--silver: #B0B8C0;--bronze: #8C5A2C;--tpblue: rgb(28, 44, 91, .9)}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background-color:#1c2c5be6}#appWindow{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;overflow:hidden}#appContainer{position:relative;width:428px;height:926px;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;align-items:center;border:8px solid #000;border-radius:20px;box-shadow:0 0 20px (rgba(223,221,221,1))}@media (max-width: 428px){#appContainer{width:100%;height:100vh;border:none;border-radius:0;box-shadow:none}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#headerProfile{position:absolute;top:0;left:0;width:100%;height:4rem;background-color:green;box-shadow:0 1px 3px #000;z-index:50;display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr}#playerCard{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr;column-gap:.25em;padding:.25em}#playerImg{border-radius:4px;box-shadow:0 1px 2px #000;border:4px solid white;max-height:3.5rem;cursor:pointer}#logOut{border-radius:4px;box-shadow:0 1px 2px #000;border:4px solid white;max-height:3.5rem;cursor:pointer;display:flex;text-align:center;align-items:center;line-height:1.1;font-weight:700;background-color:var(--blue)}#playerCardText{border:4px solid white;line-height:.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr;max-height:3.5rem;padding:.25em;box-shadow:0 1px 2px #000;border-radius:4px;background-color:var(--green)}#playerCardName{text-align:start;font-size:1.3rem}#playerCardRanking,#playerCardScore{font-size:.8rem;text-align:end}#appDropdown,#refreshControl{padding:.25em;position:relative}#dropdownToggle,#refreshButton{display:flex;align-items:center;gap:.5em;height:3.5rem;width:100%;background-color:var(--blue);box-shadow:0 1px 3px #000;color:#fff;border:4px solid white;border-radius:4px;cursor:pointer}#lastUpdated{font-size:.8rem}#appName{text-wrap:wrap;font-size:.9rem}#appLogo{border-radius:50%;align-self:center;margin:0 auto}.appLogo{border-radius:50%;height:25px;width:25px}#dropdownMenu{position:absolute;right:.25em;left:.25em;top:100%;background-color:var(--blue);color:#fff;list-style:none;margin:4px 0 0;padding:.25em;border:4px solid white;border-radius:4px}#appDropdown.open #dropdownMenu{display:block}#dropdownMenu li{display:flex;align-items:center;gap:.5em;cursor:pointer;margin:.125em 0;font-size:.9rem}#dropdownMenu li:hover{background-color:#ffffffb2;color:var(--blue);padding:.125em;font-size:1rem}#footerNav{position:absolute;bottom:0;left:0;width:100%;background-color:#006400;box-shadow:0 1px 3px #000;z-index:30;padding-bottom:env(safe-area-inset-bottom)}#navBarFooter{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;column-gap:.25em;height:4rem;font-size:1rem;margin-left:.25em;margin-right:.25em;padding-top:.25em}.footerItem{display:flex;flex-direction:column;align-items:center;justify-content:center;height:3.5rem;background-color:green;padding:.2em;box-shadow:0 1px 2px #000;border-radius:3px;color:#fff;cursor:pointer}.footerDisabled{opacity:.4;pointer-events:none;cursor:not-allowed;filter:grayscale(80%)}.footerItem.footerFocal,.footerCenter.footerFocal{color:var(--green)!important;background-color:#fff!important}.footerCenter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:.5em;width:6rem;height:6rem;border-radius:50%;background-color:green;border:1px solid black;color:#fff;font-weight:700;box-shadow:0 4px 4px #0003;position:relative;top:-1.1rem;z-index:10;cursor:pointer}.icon{height:2.4rem;width:auto;display:block}:root{--blue: rgb(28, 44, 91);--green: rgb(32, 100, 60);--tpgreen: rgb(32, 100, 60, .9);--bkgrey: #555;--gtable: rgba(50, 153, 91, .3);--gold: #ccaa39;--silver: #B0B8C0;--bronze: #8C5A2C;--tpblue: rgb(28, 44, 91, .9)}.text-right{text-align:right!important;padding-right:1rem}#loginContainer{display:flex;flex-direction:column;gap:1em;border:1px solid white;width:80%;padding:1em;margin:7.5em auto;border-radius:10px;background-color:var(--green);box-shadow:0 4px 6px var(--green);max-height:800px;max-width:426px}#loginContainer input{text-align:center}#contentContainer{flex:1;width:100%;max-width:1280px;display:flex;flex-direction:column;align-items:center;padding:4.3rem .5rem;overflow-y:auto;margin:0 auto;border:1px solid white;gap:.5em}#titleContainer{display:flex;justify-content:space-between;gap:.5em;width:100%;margin-top:.5em}#viewTitle{flex:1;border:3px solid white;border-radius:4px;text-align:center;width:fit-content;max-height:2em;padding:.1em 1em;font-size:1.1rem;background-color:var(--tpblue);color:#fff}#viewTitleBoards{display:flex;flex:1;justify-content:space-around;border:3px solid white;border-radius:4px;width:fit-content;color:#fff;background-color:var(--tpblue);gap:.5em;padding:.1em .5em;font-size:1.1em}#weekNav{display:flex;justify-content:center;align-items:center;gap:.25em;margin:.125em 0;width:98%;max-height:3vh;color:#fff}#weekNavBoard{display:flex;justify-content:space-between;align-items:center;gap:.25em;margin-bottom:.25em;width:98%;max-height:3vh;color:#fff}.nav-arrow{width:19%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit}#gwDisplay,#gwDisplayBoards{width:60%;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#gwDisplay,#gwDisplayBoards,.nav-arrow{height:1.75em;padding:.25em;line-height:1.2em;font-size:1em;background-color:#1c2c5b}.arrow-icon{width:100%;height:100%}#prevWeek{border-bottom-left-radius:10px;border-top-left-radius:10px;border-top-right-radius:0}#nextWeek{border-top-right-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:0}#lensSelect{background-color:var(--blue);border:none;color:#fff;text-align:center;font-size:.9em}#subjectSelectSVG{background-color:#fff;color:var(--blue);padding:0;margin:0}.selectSVG{display:block;height:2em;width:2em;color:#000}#fixtures,#predictionForm{display:flex;flex:1;flex-direction:column;overflow-y:scroll;gap:.3em;width:100%;margin:0 .5em}.fixturesCard{border:2px solid white;border-radius:5px;padding:0;padding-bottom:.1rem;background-image:linear-gradient(to top,#1c2c5b,#203c6a,#264c78,#2f5d86,#3a6e93,#3a6e93,#3a6e93,#3a6e93,#2f5d86,#264c78,#203c6a,#1c2c5b)}.fixturesCardHeader{position:relative;padding:.1em 1em;background-color:#fff}.fcHeaderCenter{display:flex;justify-content:center;gap:.5em}.fixtureStatus{position:absolute;left:75%;top:40%;transform:translateY(-50%);display:flex;align-items:center;gap:.4em;font-size:.75rem;font-weight:600}.fixtureStatus .dot{width:8px;height:8px;border-radius:50%}.fixtureStatus.green{color:green}.fixtureStatus.amber{color:orange}.fixtureStatus.red{color:#00f}.fixtureStatus.green .dot{background:green}.fixtureStatus.amber .dot{background:orange}.fixtureStatus.red .dot{background:#00f}.match{display:grid;grid-template-columns:2fr 1fr .3fr 1fr 2fr;padding:.2em;border:none;cursor:pointer}.match div{display:flex;align-items:center;justify-content:center}.match div input{height:90%;width:90%}.homeScore,.awayScore{background:#fff;color:#000;height:90%;width:70%;margin:auto;border-radius:5px;font-size:1.2rem;font-weight:700}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.day,.ko{color:var(--blue);font-size:.8rem;font-weight:700;background-color:#fff;line-height:.8rem;padding-bottom:.15em}.home{grid-column:1 / 2}.homePred,.homeScore{grid-column:2 / 3;margin-left:.5em}.v{grid-column:3 / 4;font-weight:700;color:#fff}.awayPred,.awayScore{grid-column:4 / 5;margin-right:.5em}.away{grid-column:5 / 6}.team{padding:4px;text-align:center;border-radius:5px;font-weight:700}.pred{border-radius:5px;font-size:1.2rem;text-align:center;font-weight:700}.predictPreviewsContainer{max-height:10rem;padding:.2em .3em;margin:0 .3em .1em;overflow-y:scroll;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;column-gap:.8rem}.previewContent{max-height:5rem;overflow-y:scroll}.clubPreviews{grid-column:1 / 2;grid-row:1 / 2;border-radius:5px;outline:1px solid white;display:flex;flex-wrap:wrap;justify-content:center;padding:.2rem;gap:.25em;background-color:#777}.previewInsights{grid-column:2 / 3;grid-row:1 / 2;border-radius:5px;outline:1px solid white;display:flex;flex-wrap:wrap;justify-content:center;padding:.2rem;gap:.25em;background-color:#777}.pillPreview{border-radius:9999px;padding:.1rem 0;margin:.1rem;width:40%;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-weight:700;font-size:.7rem;line-height:1}.pillPreview .previewName,.pillPreview .previewPrediction{margin:0;padding:0}.scoringBreakdownContainer{max-height:10rem;padding:.3rem .3rem 0;margin:.1rem .3rem .2rem;border-radius:5px;overflow-y:scroll;outline:1px solid white;background-color:#ffffff1a}.breakdownRow{display:grid;grid-template-columns:1.2fr 1fr repeat(6,.4fr);grid-template-rows:1fr;margin:.2em;text-align:center}.scoringBreakdownHeader{background-color:#ffffff1a;margin-bottom:-.2rem;padding-bottom:.15rem}.breakdownName{grid-column:1 / 2;grid-row:1 / 2}.breakdownPred{grid-column:2 / 3;grid-row:1 / 2}.breakdownResults{grid-column:3 / 4;grid-row:1 / 2}.breakdownGd{grid-column:4 / 5;grid-row:1 / 2}.breakdownHome{grid-column:5 / 6;grid-row:1 / 2}.breakdownAway{grid-column:6 / 7;grid-row:1 / 2}.breakdownGoals{grid-column:7 / 8;grid-row:1 / 2}.breakdownPoints{grid-column:8 / 9;grid-row:1 / 2}#boardContainer{display:flex;flex-direction:column;width:100%;overflow-y:hidden}.boardAlign{display:grid;grid-template-columns:.8fr 26% 1fr repeat(5,.9fr) 1fr;padding:0;margin:0;gap:.25em;width:100%}.boardHead{line-height:1.8;font-size:.9rem;margin-bottom:.5em;font-weight:700}.boardHead div{text-align:center;background-color:#ffffffe8;padding:0 .125em;color:var(--blue);border-radius:3px;border:1px solid white;box-shadow:0 1px 1px var(--bkgrey)}#nameTag{font-size:1.1em}#boardData{overflow-y:auto}.boardRow{line-height:1.6;font-size:.8rem;text-align:center;border:none;color:#fff;border-radius:3px;margin-bottom:.3em;min-height:1.5rem}.boardRow .userName{overflow:hidden;text-overflow:ellipsis}.boardRow div{border-radius:3px;padding:0 .125em;border:1px solid white;box-shadow:0 1px 1px #ffffff80;text-overflow:ellipsis;overflow:hidden}.hasP10s,.points{background-color:var(--gold)!important;color:var(--blue);font-weight:700!important}.snapshot div{background-color:var(--green);line-height:1.8;font-size:.9rem;font-weight:400}#boardData fieldset:nth-child(odd) div{background-color:#1c2c5b99}#boardData fieldset:nth-child(2n) div{background-color:var(--green)}.first{line-height:1.8!important;font-size:.9rem!important;font-weight:700!important}.first div{background-color:var(--gold)!important;color:var(--blue)!important;font-weight:700!important}.second{line-height:1.8!important;font-weight:700!important}.second .pos{background-color:var(--silver)!important;color:var(--blue);font-weight:700}.third{line-height:1.7!important;font-weight:700!important}.third .pos{background-color:var(--bronze)!important;color:var(--blue);font-weight:700}#teamModal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:428px;max-height:80%;overflow-y:auto;border-radius:10px;background-color:var(--tpblue);border:3px solid white;box-shadow:0 0 20px #0006;z-index:50}#modalOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:40}#teamModalCard{display:flex;flex-direction:column;gap:1em;align-items:center;width:96%;color:#fff;margin:.5em auto}.modalCardBody{background-color:var(--blue);width:100%;height:90%;text-align:center;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.modalSection{width:96%;background-color:var(--tpblue-dark);border-radius:.75em;padding:.5em 0;margin:.5em 0;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:.5em;transition:transform .2s,box-shadow .2s}.modalSection:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}#modalHeader{flex-direction:row;justify-content:space-between;align-items:center;padding-left:1em;padding-right:1em;width:95%}.p10ModalLogo{height:4em;width:4em}#teamModalClose{border-radius:50%;border:none;padding:0;height:2em;width:2em;display:flex;justify-content:center;align-items:center;font-size:1.2em;font-weight:700;line-height:1;background-color:var(--green);color:var(--blue);cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:background .2s,transform .2s,box-shadow .2s}#teamModalClose:hover{background-color:#0b5769;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0006}#modalImageContainer{display:flex;justify-content:center;align-items:center;padding:.5em}.modalImg{width:100%;max-width:20em;height:12em;object-fit:contain;object-position:center;display:block}#modalTitle{font-size:1.5em;margin-top:-.5em;margin-bottom:0}#modalContact{display:flex;flex-direction:column;gap:.25em}#modalWeb,#modalEmail{color:var(--green);cursor:pointer}#modalAddress{display:flex;flex-direction:column}#modalTimes{display:flex;justify-content:center;border-bottom:none}#openingTimesTable{border-collapse:separate;border-spacing:1em .25em;margin-bottom:1em}#statsContainer{width:100%;overflow-y:auto;display:block}.statsSection{width:100%;padding:0rem .25rem;margin-bottom:1rem}.statsSectionTitle{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;padding-left:1rem;color:#fff;text-align:start;background-color:#fff;color:var(--tpblue);border-radius:8px;box-shadow:0 1px 4px #000c}.statsGrid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto,1fr);gap:clamp(1rem,2vw,.5rem);align-items:start}.statBox{width:100%;height:100%;background-color:#f9f9f9;border-radius:8px;padding:.25rem;box-shadow:0 1px 4px #000c;display:flex;flex-direction:column;color:#000}.statBoxRow{display:grid;grid-template-columns:1fr 10px 1fr;align-items:center}.statBoxValue{font-size:1.125rem;font-weight:600;text-align:center;color:#fff;background-color:var(--tpblue);border-radius:4px}.StatBoxDivider{width:10px;border-left:1px solid var(--tpblue);height:100%;margin:0 5px}.StatBoxDividerB{width:10px;border-left:1px solid var(--tpblue);height:100%;transform:scaleY(1.8);transform-origin:bottom;margin:0 5px}.StatBoxA .statBoxLabel.labelA{font-size:.875rem;font-weight:600;text-align:center;margin-bottom:.15rem}.StatBoxA .statBoxPercent{font-size:1.125rem;font-weight:600;text-align:center;background-color:var(--tpgreen);color:#fff;border-radius:4px}.StatBoxB .statBoxLabel.LabelB{display:grid;grid-template-columns:1fr 1fr;font-size:clamp(.9rem,.875rem,.7rem);font-weight:600;margin-bottom:.15rem;text-align:center}.StatBoxB .statBoxRow{display:grid;grid-template-columns:1fr 10px 1fr;align-items:center}.leagueTableItem{display:flex;flex-direction:column;overflow-x:auto;width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 4px #0000001a;color:var(--blue)}.leagueTableHeader,.leagueTableRow{display:flex;align-items:center;padding:.1rem;font-size:.875rem;white-space:nowrap}.leagueTableHeader{font-weight:700;border-bottom:1px solid #ddd;background-color:#f9f9f9;position:sticky;top:0;z-index:2}.leagueTableRow:nth-child(2n){background-color:#fafafa}.col{flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:.1 0}.col.pos{width:8%}.col.team{width:26%;min-width:20%;text-align:left;flex-shrink:1}.col.played,.col.wins,.col.draws,.col.losses,.col.gf,.col.ga,.col.gd{width:8%}.col.pts{width:10%}.liverpool{background-color:#d00;color:#fff}.bournemouth{background-color:#ed1c24;color:#000}.astonvilla{background-color:#95bfe5;color:#670e36}.arsenal{background-color:#ef0107;color:#fff}.brighton{background-color:#005daa;color:#fff}.burnley{background-color:maroon;color:#80bfff}.chelsea{background-color:#034694;color:#d1d3d4}.crystalpalace{background-color:#1b458f;color:#fff;text-shadow:-.5px -.5px 0 #c4122e,.5px -.5px 0 #c4122e,-.5px .5px 0 #c4122e,.5px .5px 0 #c4122e}.everton{background-color:#274488;color:#fff}.mancity{background-color:#6cabdd;color:#1c2c5b}.manunited{background-color:#da291c;color:#fbe122}.newcastle{background-color:#241f20;color:#fff}.leeds{background-color:#ffcd00;color:#1d428a}.fulham{background-color:#000;color:#c00}.tottenham{background-color:#fff;color:#132257}.westham{background-color:#7c2c3b;color:#7bcce6}.sunderland{background-color:#eb1726;color:#211e1e}.wolverhamptonwanderers{background-color:#fdb913;color:#231f20}.brentford{background-color:#e30613;color:#fff}.nottinghamforest{background-color:#fff;color:#e53233}