/* BarcaCommunity — muted stadium palette. */
:root{--bg:#3C496A;--surface:#54515B;--raised:#625E69;--line:#7B7683;--text:#F6F0E7;--muted:#D2CCD5;--blue:#82AFF1;--grana:#9E3E62;--coral:#F0B0C8;--gold:#e8c883;--green:#d2e8a3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Onest',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a,button{transition:background .18s,transform .18s}a:hover{color:var(--text)}x-dc{display:block}helmet{display:contents}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:56px;font-weight:600;line-height:1.07}h2{font-size:25px;font-weight:600}h3{font-size:24px;font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.mono{font-family:'IBM Plex Mono',monospace}.arrow{font-size:22px;line-height:1}.app{width:100%;min-height:100vh;background:var(--bg);overflow:hidden}.desktop{max-width:1440px;min-height:1100px}.mobile{max-width:390px;min-height:1500px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:32px;height:36px;display:flex;gap:4px;transform:skew(-13deg)}.brand-mark i{display:block;width:10px;background:var(--blue)}.brand-mark i:nth-child(2){background:var(--coral)}.brand-mark i:nth-child(3){width:5px;background:var(--gold)}.brand-name{font-size:20px;font-weight:650;letter-spacing:-.06em}.brand-name small{display:block;font-size:9px;letter-spacing:.17em;font-weight:500;margin-top:1px;color:var(--muted)}.topnav{display:flex;align-items:center;gap:28px;height:100%;font-size:13px;color:var(--muted)}.topnav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.topnav .active{color:var(--text);border-color:var(--coral)}.user{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#47454D;font-weight:600}.avatar.blue{background:var(--blue)}.avatar.coral{background:var(--coral)}.avatar.sage{background:#AEC1E1}.content{padding:38px 56px 0}.greeting{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.greeting .eyebrow{color:var(--muted);margin-bottom:13px}.greeting h1 span{color:var(--coral)}.personal-stat{border-left:1px solid var(--line);padding-left:22px;display:flex;gap:28px}.personal-stat strong{font-size:30px;line-height:1;font-weight:500;display:block;margin-bottom:8px}.personal-stat small{color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:22px}.match{position:relative;background:#963D5C;border-radius:16px;overflow:hidden;min-height:344px;padding:27px 30px;display:flex;flex-direction:column;isolation:isolate}.match:before{content:'';position:absolute;z-index:-1;right:-60px;top:-65px;width:350px;height:430px;transform:rotate(22deg);background:repeating-linear-gradient(90deg,transparent 0 72px,#AD4B6C 72px 111px);opacity:.6}.match:after{content:'';position:absolute;z-index:-1;width:280px;height:280px;border:1px solid #D7839E;border-radius:50%;right:-140px;top:70px;opacity:.4}.match-top{display:flex;align-items:center;justify-content:space-between}.tag{font-size:10px;letter-spacing:.07em;border:1px solid #D5839E;border-radius:30px;padding:7px 10px;display:inline-flex;gap:6px;align-items:center}.dot{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%}.match-teams{display:flex;align-items:center;gap:32px;margin:26px 0 24px}.team{display:flex;flex-direction:column;gap:10px}.club-code{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.1em;font-weight:500}.club-code i{display:inline-block;width:6px;height:17px;background:var(--blue);transform:skew(-15deg)}.club-code i:nth-child(2){background:var(--coral)}.team-name{font-size:35px;font-weight:500;line-height:1.15;letter-spacing:-.045em}.versus{font-size:14px;color:#F0BED0;margin-top:20px}.match-time{font-size:12px;color:#F2DCE5;display:flex;gap:18px}.match-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:28px;gap:14px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:46px;padding:0 18px;border:none;border-radius:8px;background:var(--coral);color:#4F2940;font-size:13px;font-weight:600}.btn:hover{background:#F6C3D5;color:#4F2940;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-outline:hover{background:var(--raised);color:var(--text)}.prediction-count{font-size:11px;color:#F2DCE5;display:flex;align-items:center;gap:9px}.stack{display:flex}.stack i{font-style:normal;width:23px;height:23px;border-radius:50%;border:2px solid #963D5C;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#3d4553;font-size:8px;margin-left:-6px}.stack i:first-child{margin-left:0;background:var(--gold)}.stack i:last-child{background:var(--coral)}.daily{position:relative;min-height:344px;border-radius:16px;background:#678BC5;color:#F6F0E7;padding:27px 28px;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.daily .eyebrow{display:flex;justify-content:space-between}.daily h2{font-size:41px;line-height:1.03;letter-spacing:-.055em;margin-top:18px;max-width:180px}.daily p{font-size:12px;line-height:1.55;margin-top:15px;max-width:166px}.daily .daily-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:10px}.daily .btn{background:#F6F0E7;color:#F5EEDC;gap:25px}.daily .btn:hover{background:#435E99}.daily small{font-size:10px}.grid-art{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:152px;position:absolute;right:-13px;top:90px;transform:rotate(-12deg);z-index:-1}.grid-art i{height:48px;border:1px solid #A4BCE3;border-radius:7px;background:#7D9DD0}.grid-art i:nth-child(2),.grid-art i:nth-child(4),.grid-art i:nth-child(9){background:#3F5C93;border-color:#3F5C93}.grid-art i:nth-child(5){background:#F5EEDC;position:relative}.grid-art i:nth-child(5):after{content:'✦';font-size:35px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#3F5C93}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 17px}.section-head a{color:var(--muted);font-size:12px;display:flex;gap:12px;align-items:center}.arcade-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-tile{min-height:190px;border-radius:12px;padding:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#344047;isolation:isolate}.game-tile:hover{transform:translateY(-3px);color:#344047}.game-tile .eyebrow{font-size:9px;letter-spacing:.13em}.game-tile h3{margin-top:auto;font-size:24px;line-height:1.03;max-width:140px}.game-tile .tile-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px}.higher{background:#a8c0dc}.career{background:#c4b2d5}.guess{background:#e6bc87}.higher .tile-art{position:absolute;font-size:94px;font-weight:400;line-height:1;right:5px;top:14px;letter-spacing:-.15em;transform:rotate(-12deg);color:#567da5;z-index:-1}.career .tile-art{position:absolute;width:110px;height:70px;right:-3px;top:33px;border:3px solid #846698;border-left:0;border-radius:0 30px 30px 0;transform:rotate(-23deg);z-index:-1}.career .tile-art:before,.career .tile-art:after{content:'';width:13px;height:13px;border-radius:50%;background:#846698;position:absolute;left:-6px;top:-8px}.career .tile-art:after{top:auto;bottom:-8px;background:#f1e8f7}.guess .tile-art{position:absolute;right:10px;top:14px;font-size:109px;line-height:1;transform:rotate(9deg);color:#af7e43;font-family:Georgia,serif;z-index:-1}.leaderboard{border:1px solid var(--line);border-radius:13px;padding:5px 18px;background:var(--surface)}.leader-row{min-height:53px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:13px}.leader-row:last-child{border:0}.leader-row .rank{width:13px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted)}.leader-row .avatar{width:29px;height:29px;font-size:11px}.leader-row .name{flex:1}.leader-row .points{font-family:'IBM Plex Mono',monospace;font-size:14px}.leader-row .trend{font-size:10px;color:#cde4aa}.leader-row.you .name{color:var(--gold)}.lower-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-top:28px}.activity{border-top:1px solid var(--line);padding-top:19px;display:flex;gap:16px;align-items:flex-start}.activity-icon{height:33px;width:33px;border-radius:50%;border:1px solid var(--line);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity p{font-size:12px;line-height:1.6}.activity small{color:var(--muted);font-size:10px;display:block;margin-top:4px}.quiz{display:flex;align-items:center;gap:17px;padding:21px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.quiz-date{border-right:1px solid var(--line);padding-right:18px}.quiz-date strong{font-size:35px;font-weight:400;display:block;line-height:1}.quiz-date small{letter-spacing:.12em;font-size:9px;color:var(--muted)}.quiz h3{font-size:20px;margin:7px 0}.quiz p{font-size:11px;color:var(--muted)}.quiz .arrow{margin-left:auto;color:var(--coral)}.footer{display:flex;justify-content:space-between;padding:27px 0;margin-top:27px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer a{display:flex;align-items:center;gap:8px}.mobile .topbar{height:76px;padding:0 22px}.mobile .brand-name{font-size:18px}.mobile .user>span{display:none}.mobile .topnav{display:none}.mobile .content{padding:27px 22px 0}.mobile h1{font-size:37px}.mobile .greeting{display:block;margin-bottom:24px}.mobile .greeting .eyebrow{font-size:9px}.mobile .personal-stat{border:0;padding:0;margin-top:21px;gap:20px}.mobile .personal-stat strong{display:inline;font-size:14px;margin-right:5px}.mobile .personal-stat small{font-size:10px}.mobile .dashboard{display:flex;flex-direction:column;gap:20px}.mobile .match{min-height:315px;padding:22px}.mobile .match-teams{gap:20px;margin:26px 0 21px}.mobile .team-name{font-size:29px}.mobile .match-time{font-size:10px;gap:14px}.mobile .match-bottom{display:block;padding-top:21px}.mobile .match-bottom .btn{width:100%;justify-content:space-between}.mobile .prediction-count{margin-top:13px;justify-content:center}.mobile .daily{min-height:276px;padding:23px}.mobile .daily h2{font-size:36px}.mobile .daily p{margin-top:9px}.mobile .grid-art{top:73px;right:10px;width:132px;gap:6px}.mobile .grid-art i{height:40px}.mobile .daily-bottom{padding-top:22px}.mobile .section-head{margin:27px 0 15px}.mobile h2{font-size:23px}.mobile .section-head a{font-size:11px;gap:6px}.mobile .arcade-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile .arcade-row .guess{display:none}.mobile .game-tile{padding:15px;min-height:180px}.mobile .game-tile h3{font-size:23px}.mobile .higher .tile-art{font-size:83px}.mobile .lower-grid{display:flex;flex-direction:column;margin-top:0;gap:24px}.mobile .quiz{padding:18px}.mobile .footer{font-size:9px;margin-top:24px;padding:22px 0}.bottomnav{display:none}.mobile .bottomnav{display:grid;grid-template-columns:repeat(5,1fr);min-height:74px;position:sticky;bottom:0;border-top:1px solid var(--line);background:#47454DF5;backdrop-filter:blur(10px);padding:9px 8px;z-index:10}.bottomnav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--muted);font-size:9px}.bottomnav .active{color:var(--coral)}.bottomnav svg{width:20px;height:20px}.games-page .content{padding-top:30px}.page-title{font-size:44px;line-height:1;margin:12px 0}.intro{font-size:13px;line-height:1.6;color:var(--muted);max-width:300px}.games-status{display:flex;justify-content:space-between;align-items:center;padding:18px 0 21px;border-bottom:1px solid var(--line);margin-bottom:22px;font-size:11px;color:var(--muted)}.games-status strong{color:var(--gold);font-weight:500}.poster-list{display:flex;flex-direction:column;gap:14px}.poster{height:214px;border-radius:13px;padding:21px;position:relative;overflow:hidden;color:#35453f;display:flex;flex-direction:column;isolation:isolate}.poster .eyebrow{display:flex;justify-content:space-between;font-size:9px}.poster h2{font-size:34px;line-height:1.04;max-width:180px;margin-top:20px}.poster p{font-size:11px;max-width:163px;margin-top:9px;line-height:1.45}.poster .tile-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:10px;align-items:center}.poster.grid{background:#678BC5}.poster.grid .grid-art{width:130px;top:68px;right:-6px}.poster.grid .grid-art i{height:39px}.poster.higher .tile-art{position:absolute;right:13px;top:53px;font-size:115px;color:#567da5;letter-spacing:-.12em;transform:rotate(-10deg);z-index:-1}.poster.career .tile-art{width:130px;height:85px;right:-9px;top:75px}.poster.guess .tile-art{font-size:140px;right:18px;top:51px}.concept-note{font-size:10px;line-height:1.6;color:var(--muted);margin:18px 0 5px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.concept-card{border-radius:10px;padding:16px;min-height:152px;display:flex;flex-direction:column;color:#35453f}.concept-card .symbol{font-family:'IBM Plex Mono',monospace;font-size:36px;letter-spacing:-.08em;line-height:1;margin:11px 0}.concept-card h3{font-size:17px}.concept-card small{font-size:9px;line-height:1.4;margin-top:7px}.duel{background:#d0adb0}.draft{background:#b6bccf}.bingo{background:#e0c982}.missing{background:#a7c1b9}.style-page{max-width:1000px;padding:40px;min-height:970px;background:var(--bg)}.style-page h1{font-size:48px;margin:26px 0 10px}.style-page .intro{max-width:660px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.swatch{height:79px;border-radius:9px;margin-bottom:10px;border:1px solid var(--line)}.swatches strong{font-size:11px;font-weight:500;display:block}.swatches small{font-size:10px;color:var(--muted)}.style-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:35px}.style-split h3{margin-bottom:15px}.type-sample{font-size:38px;letter-spacing:-.06em;margin-bottom:9px}.style-page .concept-grid{grid-template-columns:repeat(4,1fr)}
/* Existing prediction, profile and archive boards share the new palette. */
.legacy-board{width:390px!important;max-width:100%;font-family:'Onest',sans-serif!important}.legacy-board h1{font-size:34px!important;font-weight:500!important;letter-spacing:-.05em!important}.legacy-board h2{font-weight:500!important;letter-spacing:-.035em!important}.legacy-board>header{padding-top:20px!important;padding-bottom:18px!important;height:auto!important;min-height:78px}.legacy-board>main{padding-left:22px!important;padding-right:22px!important;gap:22px!important}.legacy-board>main>section{border-radius:12px!important}.legacy-board>nav{position:sticky;bottom:0;z-index:5;background:#47454D!important}.legacy-board button:hover{filter:brightness(1.08)}.grid-board{background:#445B83!important}.grid-board>main{padding:6px 18px 26px!important;gap:18px!important}.grid-board>header{padding:19px 18px!important;height:auto!important}.grid-board>header h1{font-size:24px!important}.grid-board>main>section:nth-of-type(1){padding:12px 0;border-top:1px solid #8DA6CA;border-bottom:1px solid #8DA6CA}.grid-board>main>section:nth-of-type(1) button{border-radius:8px!important}.grid-board>main>section:nth-of-type(1) button span:first-child{font-size:11px!important}.grid-board>main>section:nth-of-type(1)>div{border-radius:8px!important}.grid-board>main>section:nth-of-type(2){border-radius:12px!important}.grid-board>main>section:nth-of-type(3)>div{border-radius:9px!important}
@media(max-width:900px){.desktop .topbar{padding:0 24px}.desktop .topnav{gap:14px}.desktop .content{padding:30px 24px 0}.desktop .dashboard{grid-template-columns:1.4fr 1fr}.desktop .team-name{font-size:29px}.desktop .match-teams{gap:20px}.desktop .match{padding:24px}.desktop .prediction-count{display:none}.desktop h1{font-size:46px}.desktop .personal-stat{gap:15px}.desktop .personal-stat strong{font-size:24px}}
@media(max-width:640px){.desktop{max-width:none;min-height:100vh}.desktop .topbar{height:76px;padding:0 22px}.desktop .topnav,.desktop .user>span{display:none}.desktop .content{padding:27px 22px 0}.desktop h1{font-size:37px}.desktop .greeting{display:block}.desktop .personal-stat{border:0;padding:0;margin-top:20px}.desktop .personal-stat strong{display:inline;font-size:14px;margin-right:5px}.desktop .personal-stat small{font-size:10px}.desktop .dashboard,.desktop .lower-grid{display:flex;flex-direction:column}.desktop .match{min-height:315px;padding:22px}.desktop .match-bottom{display:block}.desktop .match-bottom .btn{width:100%;justify-content:space-between}.desktop .prediction-count{display:flex;justify-content:center;margin-top:13px}.desktop .daily{min-height:276px;padding:23px}.desktop .daily h2{font-size:36px}.desktop .daily-bottom{padding-top:22px}.desktop .arcade-row{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop .arcade-row .guess{display:none}.desktop .lower-grid{margin-top:0}.desktop .bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:sticky;bottom:0;z-index:10;background:#47454DF5;border-top:1px solid var(--line);min-height:74px}.style-page{padding:24px}.swatches{grid-template-columns:repeat(3,1fr)}.style-split{grid-template-columns:1fr}.style-page .concept-grid{grid-template-columns:repeat(2,1fr)}}
/* Fit the poster content and retain the profile entry on small screens. */
.daily .btn{background:#3C5182;color:#F6F0E7}
.poster.grid{color:var(--text)}
.style-page .game-tile[style*="678BC5"]{color:var(--text)}
.mobile .user>span.avatar,.desktop .user>span.avatar{display:flex}
.mobile .lower-grid,.desktop .lower-grid{padding-top:24px}
.desktop .lower-grid{margin-top:0}
.poster{height:auto;min-height:250px}
.poster.grid{min-height:294px}
.poster .tile-foot{padding-top:18px}
.poster.grid h2{font-size:30px;max-width:165px}
.poster.grid .grid-art{top:89px;width:125px}
.style-page .game-tile .grid-art{width:95px;top:24px;right:-7px;gap:5px;opacity:.8}
.style-page .game-tile .grid-art i{height:29px}
.legacy-board{min-height:100vh!important}
.legacy-board>nav{position:static}
.legacy-board header>a:first-child{flex-shrink:0}
.legacy-board header h1{font-size:30px!important}
.grid-board header h1{font-size:24px!important}
@media(max-width:360px){.mobile .content,.desktop .content{padding-left:16px;padding-right:16px}.mobile h1,.desktop h1{font-size:32px}.mobile .match,.desktop .match{padding:18px}.mobile .team-name,.desktop .team-name{font-size:25px}.mobile .match-teams,.desktop .match-teams{gap:14px}.mobile .match-top .eyebrow,.desktop .match-top .eyebrow{font-size:9px}.mobile .tag,.desktop .tag{font-size:9px;padding:6px 8px}.mobile .daily h2,.desktop .daily h2{font-size:32px}.mobile .grid-art,.desktop .grid-art{right:-12px;width:117px}.mobile .personal-stat,.desktop .personal-stat{gap:10px}.mobile .personal-stat small,.desktop .personal-stat small{font-size:9px}.legacy-board>main{padding-left:16px!important;padding-right:16px!important}.legacy-board header h1{font-size:26px!important}.legacy-board header>a:last-child{font-size:11px!important;padding:0 9px!important}.legacy-board main>section>div[style*="grid-template-columns: repeat(2"]>div{padding:10px!important}.legacy-board main>section>div[style*="grid-template-columns: repeat(2"] button{width:36px!important;height:40px!important}.legacy-board main>section>div[style*="grid-template-columns: repeat(2"] span[style*="font-size: 40px"]{font-size:33px!important;width:29px!important}.grid-board>main{padding-left:12px!important;padding-right:12px!important}.grid-board>main>section:nth-of-type(1){grid-template-columns:52px repeat(3,minmax(0,1fr))!important;gap:4px!important}.grid-board>main>section:nth-of-type(1) button span:first-child{font-size:10px!important}.grid-board>main>section:nth-of-type(1)>div span{font-size:10px!important}.mobile .quiz h3,.desktop .quiz h3{font-size:17px}.mobile .quiz,.desktop .quiz{gap:12px;padding:15px}.mobile .quiz p,.desktop .quiz p{font-size:10px}.mobile .footer,.desktop .footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){a,button{transition:none}}