@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{color:#f3f0e9;font-synthesis:none;--orange:#ca7047;--silver:#b7babd;--muted:#94969e;background:#17181c;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #45464e;min-height:44px;transition:background .15s}button:hover{background:#343238}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f1ac73}button,select{touch-action:manipulation}header{border-bottom:1px solid #35363c;justify-content:space-between;align-items:center;max-width:1440px;height:112px;margin:auto;padding:0 5%;display:flex}.brand{text-align:left;letter-spacing:2px;border:0;align-items:center;gap:13px;font-family:Barlow Condensed,Impact,sans-serif;font-size:17px;line-height:1;display:flex}.brand b{letter-spacing:1px;font-size:25px}.monogram{color:#18191c;letter-spacing:-2px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);background:#c4714c;padding:12px 9px;font-size:30px;font-weight:900}nav{gap:25px;display:flex}nav button{letter-spacing:1.5px;color:#aaa9ad;border:0;font-size:13px;font-weight:600}nav button.active{color:#f2eee7;border-bottom:2px solid #cc764f}.edition{letter-spacing:2px;color:#83838c;font-size:11px}.home{grid-template-columns:1fr 1fr;gap:42px 6%;max-width:1440px;margin:auto;padding:60px 6% 22px;display:grid}.eyebrow{letter-spacing:2px;color:#b8b5b3;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.eyebrow i{background:#d27b50;border-radius:50%;width:7px;height:7px}h1,h2{letter-spacing:-1px;margin:25px 0;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-weight:800;line-height:.96}h1{font-size:clamp(58px,6.7vw,96px)}em{color:#d38158;font-style:normal}p{color:#b6b5bb;font-size:16px;line-height:1.65}.intro>p{margin:27px 0 30px}.home-actions{flex-direction:column;gap:12px;max-width:355px;display:flex}.primary,.secondary{letter-spacing:1px;justify-content:space-between;align-items:center;gap:25px;min-height:54px;padding:15px 22px;font-family:Barlow Condensed,Arial,sans-serif;font-size:19px;font-weight:700;display:flex}.primary{color:#15171a;background:#cd7951;border-color:#cd7951}.primary:hover{background:#e09269}.secondary{background:#24242a;border-color:#535157}.fine{color:#95929a;font-size:12px!important}.intro .fine{margin:14px 0}.match-card{background:linear-gradient(130deg,#28262c,#1e1e24);border:1px solid #55505a;align-self:center;box-shadow:0 25px 70px #0004}.card-top{letter-spacing:1.8px;border-bottom:1px solid #48424b;justify-content:space-between;padding:17px 22px;font-size:10px;font-weight:600;display:flex}.live-dot{color:#d99a70}.match-teams{justify-content:center;align-items:center;gap:35px;padding:26px 15px;display:flex}.match-teams>div{text-align:center}.crest{clip-path:polygon(12% 0,88% 0,100% 15%,90% 80%,50% 100%,10% 80%,0 15%);place-items:center;width:66px;height:74px;margin:0 auto 10px;font-family:Barlow Condensed,Impact,sans-serif;font-size:40px;font-style:italic;font-weight:800;display:grid}.orange{color:#f6d1a3;background:#b7643f}.purple{color:#bba3d2;background:#59436d}.match-teams b{letter-spacing:1px;font-family:Barlow Condensed,Impact,sans-serif;font-size:20px;display:block}.match-teams small{letter-spacing:2px;color:#a9a3ae;font-size:10px}.versus{color:#6c6671;font-family:Barlow Condensed;font-size:22px;font-style:italic}.mini-field{background:repeating-linear-gradient(90deg,#0000 0 79px,#b0bba52a 80px 81px),repeating-linear-gradient(0deg,#2a3d31 0 60px,#304336 61px 120px);border-block:3px solid #86917b;height:175px;margin:0 20px;position:relative;overflow:hidden;transform:perspective(550px)rotateX(15deg);box-shadow:inset 0 -30px 40px #1113}.yard{color:#d4d8b965;font-size:21px;font-weight:700;position:absolute;top:10px}.y1{left:18%}.y2{left:48%}.y3{left:79%}.dot,.def{background:#c2774c;border:2px solid #e7bb81;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid;position:absolute;box-shadow:3px 6px #0004}.def{background:#80668f;border-color:#b09ac1;width:20px;height:20px}.d1{top:92px;left:20%}.d2{top:126px;left:15%}.d3{top:48px;left:29%}.d4{top:140px;left:29%}.d5{top:50px;left:49%}.d6{top:124px;left:45%}.d7{top:92px;left:75%}.route{border-top:2px dashed #e6b67a;border-right:2px dashed #e6b67a;width:140px;height:35px;position:absolute}.r1{top:22px;left:31%}.r2{width:90px;top:117px;left:32%;transform:scaleY(-1)}.match-meta{justify-content:space-between;padding:25px 22px;display:flex}.match-meta small{letter-spacing:1px;color:#99909e;margin-bottom:6px;font-size:9px;display:block}.match-meta b{font-family:Barlow Condensed,Impact,sans-serif;font-size:21px}.bottom-strip{color:#cd7c55;letter-spacing:1.5px;border-block:1px solid #37373d;grid-column:1/-1;justify-content:space-between;padding:24px 0;font-family:Barlow Condensed,Arial,sans-serif;font-size:15px;display:flex}.bottom-strip b{color:#c4c1c5;margin-left:16px;font-weight:500}footer{color:#77757e;letter-spacing:1px;grid-column:1/-1;justify-content:space-between;margin-top:-18px;font-size:10px;display:flex}footer span{letter-spacing:0}.saved-team{grid-column:1/-1}.panel{max-width:1200px;margin:auto;padding:45px 5%}.panel h1{font-size:60px}.panel form{max-width:700px;margin:30px 0}.panel label{margin-bottom:10px;display:block}.form-row{gap:12px;display:flex}input,select{color:#f4f1ec;background:#23242a;border:1px solid #59565e;border-radius:0;min-width:0;padding:14px}input{flex:1}.choices{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.choices button{text-align:left;background:#25252d;padding:18px}.choices small{color:#c78866;margin-top:9px;display:block}.text-button{color:#d7a182;border:0;padding:15px 0}.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.roster h1{font-size:52px}.lineup-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:28px;display:grid}.player-card{border:1px solid #46424d;background:#24242b;border-top:3px solid #be724f;padding:18px}.player-top{color:#d19b78;justify-content:space-between;display:flex}.player-card small{color:#b1a7b5;font-size:11px}.jersey{color:#dbbb9c;text-shadow:3px 3px #805034;margin:15px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:60px}.player-card label{min-height:38px;font-size:16px;font-weight:700}.player-card select{width:100%;margin-bottom:10px;padding:10px 4px;font-size:13px}.rating{color:#a99bab;border-top:1px solid #4c4350;justify-content:space-between;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.rating b{color:#eee3dc;margin-left:7px;font-size:18px}.roster-list{margin:20px 0}.roster-list>div{border-bottom:1px solid #39383e;grid-template-columns:2fr 1fr 2fr;gap:12px;padding:14px;font-size:14px;display:grid}.roster-list small{color:#a8a0ac}.error{z-index:50;background:#592e2b;border:1px solid #ef9d7e;padding:16px;position:fixed;bottom:20px;left:5%;right:5%}.error button{float:right;border:0;margin-top:-12px}.game-shell{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#101518;flex-direction:column;display:flex;overflow:hidden}.scoreboard{background:#1d1e24;border-bottom:3px solid #b06a48;flex-shrink:0;justify-content:center;align-items:center;gap:20px;height:70px;padding:0 24px;font-family:Barlow Condensed,Arial,sans-serif;display:flex}.scoreboard>button{border:0;font-size:22px}.team-score{text-transform:uppercase;align-items:center;gap:20px;font-size:19px;display:flex}.team-score b{font-size:42px}.team-score:first-of-type{border-left:4px solid #cd7951;padding-left:12px}.away{border-right:4px solid #83689d;padding-right:12px}.score-divider{color:#777}.down-box{color:#19191d;background:#dad6cb;flex-direction:column;align-items:center;min-width:100px;padding:8px 22px;display:flex}.down-box b{font-size:23px}.down-box small{letter-spacing:2px;font-size:11px}.drive-label{letter-spacing:2px;color:#a9a4ad;font-size:13px}.field-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block}.field-caption{pointer-events:none;color:#c4c7bf;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:9px;left:3%;right:3%}.field-caption i{width:12px;height:2px;margin:0 5px 3px 15px;display:inline-block}.blue{background:#65b8e8}.gold{background:#ffbb54}.playcall{background:#1a1c21f5;border:1px solid #56535a;width:min(850px,90%);padding:15px 20px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #0007}.playcall-heading{letter-spacing:1px;justify-content:space-between;margin-bottom:10px;font-family:Barlow Condensed,Arial,sans-serif;font-size:18px;display:flex}.playcall-heading span{color:#a6a0ac;font:12px Barlow,Arial}.play-options{grid-template-columns:repeat(4,1fr) 120px;gap:10px;display:grid}.play-options button{background:#26282d;border:1px solid #49464e;padding:5px;font-size:15px}.play-options button.selected{background:#49362d;border-color:#e2a071}.play-options svg{width:100%;height:50px;display:block}.play-options .snap-button{color:#17181c;background:#d08055;font-family:Barlow Condensed;font-size:25px;font-weight:800}.snap-button small{margin-top:8px;font:10px Barlow;display:block}.kick-link{color:#d5ad8d;border:0;min-height:30px;padding:8px 0 0;font-size:11px}.game-footer{color:#8d9093;flex-shrink:0;justify-content:space-between;height:30px;padding:8px 20px;font-size:10px;display:flex}.live-notice{text-align:center;text-shadow:0 2px 4px #000;pointer-events:none;font-family:Barlow Condensed;font-size:20px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.live-notice small{color:#f1c294;margin-top:5px;font:12px Barlow;display:block}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:#1418208c;border:2px solid #ecdec45c;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute;bottom:25px;left:25px}.joystick span{pointer-events:none;background:#c3baaa9c;border:2px solid #f3dfbc;border-radius:50%;width:49px;height:49px}.joystick small{letter-spacing:2px;color:#c1bcb5;pointer-events:none;font-size:10px;position:absolute;bottom:-18px}.action-buttons{touch-action:none;align-items:end;gap:14px;display:flex;position:absolute;bottom:24px;right:25px}.action-buttons button{touch-action:none;-webkit-user-select:none;user-select:none;background:#25252cdd;border:2px solid #c5b8a3;border-radius:12px;min-width:75px;min-height:64px;font-family:Barlow Condensed;font-size:22px;font-weight:700}.action-buttons small{letter-spacing:1px;font-size:9px;display:block}.receivers{gap:12px;display:flex}.receivers button{background:#624975e8;border-radius:50%;width:65px;min-width:65px;height:65px}.action-buttons .sprint{background:#b16c40e8;width:92px;height:83px;position:relative;overflow:hidden}.sprint span{background:#ffe4ab;height:5px;position:absolute;bottom:0;left:0}.result{text-align:center;background:#1d1e24f5;border:1px solid #8a705e;width:min(480px,85%);padding:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0008}.result .eyebrow{color:#d09570;justify-content:center}.result h2{margin:15px 0;font-size:44px}.result p{margin:12px 0;font-size:14px}.result .primary{min-width:180px;margin:auto}.result .text-button{margin:auto;display:block}.kick-meter{background:#8c5047;height:24px;margin:20px 0;position:relative}.kick-meter span{background:#a0b78f;width:14%;height:100%;position:absolute;left:43%}.kick-meter i{background:#fff;width:4px;position:absolute;top:-5px;bottom:-5px}.rotate{display:none}.loading{text-align:center;width:100%;position:absolute;top:45%}.playing{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}@media (width>=1500px){.home{padding-top:80px}.match-card{max-width:580px}}@media (width<=800px){header{height:84px;padding:0 5%}.edition{display:none}nav{gap:12px}nav button{font-size:11px}.brand{gap:8px;font-size:13px}.brand b{font-size:19px}.monogram{font-size:23px}.home{grid-template-columns:1fr;gap:28px;padding-top:35px}.intro h1{font-size:72px}.intro>p{margin:20px 0}.home-actions{max-width:none}.match-card{width:100%}.bottom-strip{gap:10px;font-size:12px}.bottom-strip b{margin:8px 0 0;display:block}footer{line-height:2;display:block}footer span{display:block}.panel h1{font-size:48px}.form-row{flex-direction:column}.section-title{display:block}.lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-list>div{grid-template-columns:1fr 1fr}.roster-list small{grid-column:1/-1}}@media (orientation:landscape) and (height<=600px){.scoreboard{gap:12px;height:49px;padding:0 8px}.team-score{gap:12px;font-size:15px}.team-score span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.team-score b{font-size:30px}.down-box{padding:3px 13px}.down-box b{font-size:19px}.down-box small{font-size:9px}.drive-label{font-size:10px}.game-footer{display:none}.playcall{width:min(740px,85%);padding:10px 14px;bottom:8px}.play-options svg{height:36px}.play-options{grid-template-columns:repeat(4,1fr) 100px;gap:8px}.play-options button{min-height:64px;font-size:13px}.playcall-heading{margin-bottom:6px;font-size:15px}.playcall-heading span{font-size:10px}.kick-link{min-height:26px;font-size:10px}.joystick{width:105px;height:105px;bottom:24px;left:22px}.action-buttons{bottom:15px;right:22px}.live-notice{font-size:16px;top:24px}.result{padding:17px}.result h2{font-size:34px}.result p{margin:8px 0}.result .primary{min-height:46px;padding:10px 20px}}@media (orientation:portrait){.rotate{z-index:30;text-align:center;background:#19191ff5;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.rotate>span{color:#ce8159;font-size:80px}.rotate h2{font-size:40px}.rotate button{padding:12px 24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (orientation:landscape) and (height<=600px){header{height:64px}.home{grid-template-columns:1fr 1fr;gap:20px 5%;padding:22px 5%}.intro h1{margin:14px 0;font-size:48px}.intro>p{margin:12px 0;font-size:13px}.eyebrow{font-size:10px}.home-actions{flex-direction:row;gap:8px;max-width:none}.home-actions button{gap:8px;min-height:45px;padding:10px 12px;font-size:13px}.intro .fine{font-size:10px!important}.match-teams{gap:25px;padding:12px}.crest{width:43px;height:47px;font-size:28px}.card-top{padding:9px 12px;font-size:8px}.match-teams b{font-size:16px}.match-teams small{font-size:8px}.mini-field{height:95px}.match-meta{padding:12px}.match-meta b{font-size:16px}.bottom-strip{padding:14px 0}.edition{font-size:9px}}.weekly-toolbar{border-bottom:1px solid #48424b;align-items:center;gap:12px;padding:16px 20px;display:flex}.weekly-toolbar>div{flex:1}.weekly-toolbar b{font-family:Barlow Condensed,Arial,sans-serif;font-size:20px}.weekly-toolbar small{color:#b6a6b9;margin-top:4px;font-size:11px;display:block}.weekly-toolbar label{flex-direction:column;gap:4px;font-size:11px;display:flex}.weekly-toolbar select{max-width:150px;min-height:44px;padding:8px;font-size:14px}.weekly-toolbar button{width:44px;font-size:24px}.weekly-card .match-teams{align-items:start;gap:18px}.weekly-card .match-teams>div{flex:1;min-width:0}.weekly-card .match-teams b{overflow-wrap:anywhere;text-transform:uppercase;font-size:23px}.weekly-card .match-teams small{letter-spacing:0;font-size:12px}.weekly-card .versus{align-self:center}.weekly-message{margin:16px 20px;font-size:14px}.fantasy-points{background:#15171c;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.fantasy-points span{letter-spacing:1px;color:#b4aabb;font-size:10px}.fantasy-points b{font-family:Barlow Condensed,Arial,sans-serif;font-size:21px}.weekly-lineups{border-bottom:1px solid #48424b;padding:16px 20px}.weekly-lineups summary{cursor:pointer;min-height:32px;font-size:14px}.weekly-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.weekly-columns h3{font-size:14px}.weekly-player{border-bottom:1px solid #44404a;grid-template-columns:25px 1fr;gap:5px;padding:9px 0;font-size:12px;display:grid}.weekly-player span{color:#d7946c}.weekly-player small{color:#aaa0b1;grid-column:2}.weekly-play{padding:18px 20px 0}.weekly-play .primary{width:100%}.weekly-play>small{text-align:center;color:#a9a0ae;margin-top:10px;font-size:11px;display:block}.change-league{margin:0 20px;font-size:13px}.weekly-card{align-self:start}.home-actions{flex-wrap:wrap}.scoreboard .team-score span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.playcall-heading span{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}@media (orientation:landscape) and (height<=600px){.weekly-toolbar{padding:10px 12px}.weekly-card .match-teams b{font-size:18px}.weekly-toolbar b{font-size:16px}.weekly-toolbar select{max-width:125px}.scoreboard .team-score span{max-width:160px}.weekly-columns{gap:10px}.weekly-play,.weekly-lineups{padding:12px}.fantasy-points{padding:10px 12px}}@media (width<=450px){.scoreboard .team-score span{max-width:90px}.weekly-toolbar{gap:8px;padding:12px}.weekly-card .match-teams b{font-size:20px}}.team-logo{vertical-align:middle;border-radius:12px;flex-shrink:0;place-items:center;width:74px;height:74px;font-family:Barlow Condensed,Arial,sans-serif;font-size:32px;font-style:normal;font-weight:800;display:inline-grid;overflow:hidden}.team-logo img{object-fit:contain;background:#191b20;width:100%;height:100%}.match-teams .team-logo{margin:0 auto 10px}.team-logo.compact{border-radius:6px;width:32px;height:32px;font-size:16px}.team-choice,.team-heading{align-items:center;gap:14px;display:flex}.team-heading h1{overflow-wrap:anywhere}.team-heading{min-width:0}.scoreboard .team-score .team-logo{white-space:normal;min-width:32px}.team-score{gap:12px}@media (orientation:landscape) and (height<=600px){.match-teams .team-logo{width:47px;height:47px;font-size:24px}.team-score{gap:8px}}@media (width<=450px){.team-heading{flex-direction:column;align-items:flex-start}}.mode-picker{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.mode-picker button{padding:8px 14px}.mode-picker button[aria-pressed=true],.play-tabs button[aria-pressed=true]{color:#17181c;background:#cd7951}.play-tabs{gap:8px;margin-bottom:8px;display:flex}.play-tabs button{padding:5px 22px}.play-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:220px;overflow:auto}.play-options .snap-button{grid-column:auto}.mode-desktop .joystick{display:none}.mode-desktop .action-buttons{gap:8px;bottom:12px;right:14px}.mode-desktop .action-buttons button{border-radius:5px;width:auto;min-width:44px;height:auto;min-height:38px;padding:5px 10px;font-size:16px}.mode-desktop .rotate{display:none!important}.portrait-field{aspect-ratio:1100/520;pointer-events:none;width:min(100%,211.538vh - 211.538px);max-height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.portrait-field img{aspect-ratio:1;object-fit:cover;pointer-events:none;border-radius:50%;width:2%;position:absolute;transform:translate(-50%,-50%)}.pause-menu{z-index:8}.pause-menu .mode-picker{justify-content:center}.mode-phone .game-footer{display:none}@media (orientation:landscape) and (height<=600px){.portrait-field{width:min(100%,211.538vh - 103.654px)}.play-options{max-height:150px}.play-tabs{position:absolute;top:-42px;right:20px}.playcall{max-height:70%;overflow:visible}}.mode-phone .portrait-field{width:min(100%,211.538vh - 148.077px)}@media (orientation:landscape) and (height<=600px){.mode-phone .portrait-field{width:min(100%,211.538vh - 103.654px)}}
