:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f6f6;font-family:Publica Sans Round,Arial Rounded MT Bold,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #cf1c1c61}.app-shell{background:#f5f7fb;grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#111827;z-index:10;background:#ffffffeb;border:1px solid #dde4ee;border-radius:0;grid-template-rows:auto 1fr auto;align-self:start;align-items:stretch;gap:30px;width:292px;height:100dvh;padding:44px 22px 28px;display:grid;position:sticky;top:0;overflow:hidden auto;box-shadow:12px 0 40px #171f300f}.mobile-menu-toggle,.mobile-menu-close{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:none}.mobile-menu-toggle{color:#111827;z-index:9;background:#fff;position:fixed;top:18px;left:18px;box-shadow:0 16px 34px #11182729}.mobile-menu-close{color:#fff;background:#ef1018;justify-self:end}.mobile-menu-toggle svg,.mobile-menu-close svg{width:24px;height:24px}.sidebar-brand{justify-items:center;gap:34px;display:grid}.palpite-logo{color:#101827;text-align:center;text-transform:uppercase;justify-items:center;line-height:.9;display:grid}.logo-ball{filter:drop-shadow(-18px 8px #ef10181f);margin-bottom:8px;font-size:58px;line-height:1}.palpite-logo strong{letter-spacing:0;font-size:34px;font-weight:950;display:block}.palpite-logo strong:nth-of-type(2){color:#ef1018}.palpite-logo small{color:#ef1018;letter-spacing:.45em;margin-top:12px;margin-left:.45em;font-size:13px;font-weight:900}.cup-label{color:#ef1018;text-transform:uppercase;align-items:center;gap:12px;font-size:16px;font-weight:900;display:inline-flex}.cup-label svg{width:24px;height:24px}.login-logo{background:#000;border-radius:8px;width:100%;max-width:250px;height:auto;margin-bottom:26px;padding:18px 20px;display:block}.eyebrow{color:#ef1018;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}nav{grid-row:2;align-self:start;justify-items:stretch;gap:14px;display:grid}.nav-button,.tab,.icon-button,.notice,.primary-button,.secondary-button,.phase-filter,.notification-button,.see-all-deadlines{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;display:inline-flex}.nav-button{color:#111827;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:flex-start;gap:12px;width:100%;min-height:64px;padding:10px 18px;transition:color .16s,background .16s,border-color .16s}.nav-icon{color:#111827;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.nav-label{font-size:18px;font-weight:900}.nav-button svg,.primary-button svg,.secondary-button svg{flex:none;width:18px;height:18px}.nav-button.active,.nav-button:hover{color:#ef1018;background:linear-gradient(90deg,#ef10181c,#ef10180a);border-color:#ef101814}.nav-button.active .nav-icon,.nav-button:hover .nav-icon{color:#ef1018}.user-box{background:#fff;border:1px solid #dde4ee;border-radius:8px;grid-row:3;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px;display:flex;box-shadow:0 12px 30px #1118270d}.user-box:before{color:#ef1018;content:"AS";background:#ffe3e7;border-radius:999px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:inline-flex}.user-box strong,.user-box span{display:block}.user-box span{color:#697386;font-size:13px}.icon-button{color:#111827;background:0 0;border-radius:8px;width:42px;height:42px}.content{background:radial-gradient(circle at 74% 18%,#ef10180d,#0000 34%),linear-gradient(#f8fafc 0%,#f2f5fa 100%);min-width:0;padding:20px 28px 34px}.top-bar{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-box{color:#344054;background:#fff;border:1px solid #dde4ee;border-radius:8px;align-items:center;gap:14px;width:46vw;max-width:630px;min-height:66px;padding:0 24px;display:flex;box-shadow:0 14px 34px #1118270f,inset 0 1px #ffffffb3}.search-box svg{flex:none;width:26px;height:26px}.search-box input{box-shadow:none;color:#344054;border:0;min-height:42px;padding:0}.notification-button{color:#111827;background:#fff;border:1px solid #dde4ee;border-radius:8px;width:66px;height:66px;position:relative;box-shadow:0 14px 34px #1118270f}.notification-button svg{width:28px;height:28px}.notification-button span{color:#fff;background:#ef1018;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:6px;right:8px}.player-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;display:grid}.player-main{background:#ffffff9e;border:1px solid #dde4ee;border-radius:8px;gap:20px;padding:26px 28px 32px;display:grid;box-shadow:0 18px 60px #1118270f}.player-hero{grid-template-columns:minmax(0,1fr) minmax(280px,372px);align-items:center;gap:28px;margin-bottom:8px;padding:0 10px;display:grid}.player-copy{gap:10px;display:grid}.player-copy h2{color:#0f172a;margin:0;font-size:52px;font-weight:950;line-height:1.05}.player-copy p{color:#344054;margin:0;font-size:20px}.rank-card{color:#0f172a;background:#fff;border:1px solid #dde4ee;border-radius:8px;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:18px;min-height:174px;padding:24px 28px;display:grid;overflow:hidden;box-shadow:0 18px 45px #1118271a}.rank-card span{color:#344054;letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:900;display:block}.rank-card strong{color:#0f172a;margin:8px 0 4px;font-size:76px;font-weight:950;line-height:.95;display:block}.rank-card small{color:#ef1018;font-size:26px;font-weight:950}.rank-visual{grid-template-columns:repeat(4,1fr);place-items:end center;gap:8px;height:118px;display:grid;position:relative}.rank-visual svg{color:#ef1018;z-index:1;background:#ffe0e4;border-radius:999px;width:64px;height:64px;padding:14px;position:absolute;top:0;right:0}.rank-visual span{opacity:.75;background:linear-gradient(#ffc6cf,#ff9fad);border-radius:4px 4px 0 0;width:22px;display:block}.rank-visual span:nth-child(2){height:18px}.rank-visual span:nth-child(3){height:36px}.rank-visual span:nth-child(4){height:62px}.rank-visual span:nth-child(5){height:28px}.tabs{background:#fff;border:1px solid #dde4ee;border-radius:8px;gap:6px;padding:5px;display:inline-flex;box-shadow:0 12px 32px #1118270f}.game-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.tab{color:#344054;background:0 0;border-radius:8px;min-height:56px;padding:10px 14px}.tab.active{color:#ef1018;background:linear-gradient(90deg,#ef10181a,#ef101826);font-weight:900;box-shadow:inset 0 -3px #ef1018}.phase-filter{color:#111827;background:#fff;border:1px solid #dde4ee;border-radius:8px;justify-content:space-between;gap:18px;width:218px;min-height:50px;padding:0 18px;font-weight:900;box-shadow:0 10px 24px #1118270d}.phase-filter svg{width:18px;height:18px;transform:rotate(90deg)}.match-list,.admin-list,.rules-grid{gap:16px;display:grid}.match-list{grid-template-columns:repeat(2,minmax(0,1fr))}.match-card,.admin-match,.rule-card,.table-wrap,.side-panel{background:#fff;border:1px solid #dde4ee;border-radius:8px;box-shadow:0 18px 42px #11182714}.match-card,.admin-match,.rule-card{padding:24px}.match-card{gap:18px;min-height:394px;display:grid;position:relative;overflow:hidden}.match-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 86% 9%,#ef101814,#0000 26%);position:absolute;inset:0}.match-card-header,.match-footer,.admin-match,.admin-score-row{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.match-card-header>div:first-child{gap:8px;min-width:0;display:grid}.match-code{color:#ef1018;text-transform:uppercase;margin-bottom:4px;font-size:14px;font-weight:950;line-height:1;display:block}h3{color:#0f172a;margin:0;font-size:26px;font-weight:950;line-height:1.1}.match-card p,.admin-match p{color:#667085;margin:0}.match-meta{color:#344054;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;display:flex}.match-meta span{color:#344054;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.match-meta span:first-child{background:#f1f4f8;border:1px solid #dde4ee;border-radius:8px;padding:7px 10px}.match-meta svg{width:17px;height:17px}.status-badge{color:#344054;text-transform:uppercase;background:#f0f2f6;border-radius:999px;flex:none;margin-top:2px;padding:9px 14px;font-size:13px;font-weight:900}.status-scheduled{color:#ef1018;background:#fff0f2;border:1px solid #ffcdd5}.status-confirmed{color:#344054;background:#e7ebf1}.status-finished{color:#ef1018;background:#fff0f2}.score-caption{color:#344054;text-align:center;text-transform:uppercase;z-index:1;margin-bottom:-18px;font-size:13px;font-weight:900;position:relative}.score-row{text-align:center;z-index:1;grid-template-columns:minmax(86px,1fr) 60px auto 60px minmax(86px,1fr);align-items:end;gap:12px;display:grid;position:relative}.team-badge{color:#0f172a;place-items:center;gap:10px;min-width:0;font-weight:900;display:grid}.team-crest{background:#fff;border:1px solid #dde4ee;border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;font-size:44px;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 12px 24px #1118271f}.team-badge span:last-child{overflow-wrap:anywhere}.score-row>strong{color:#ef1018;font-size:25px;line-height:60px}.score-row input{text-align:center;border:1px solid #d8e0ea;min-height:60px;font-size:30px;font-weight:950;box-shadow:0 10px 22px #11182717}.versus-strip{display:none}input{box-sizing:border-box;color:#0f172a;font:inherit;background:#fff;border:1px solid #d8e0ea;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}input:disabled{color:#667085;background:#f1f4f8}.match-footer{align-items:center;margin-top:auto}.match-footer>span{color:#667085;font-weight:800}.primary-button,.secondary-button{border-radius:8px;gap:8px;min-height:48px;padding:10px 18px;font-weight:900}.primary-button{color:#fff;background:#ef1018;box-shadow:0 14px 26px #ef10183d}.match-footer .primary-button{width:100%}.match-footer .primary-button:disabled{box-shadow:none;color:#ef1018;opacity:1;background:#fff;border:2px solid #ef1018}.primary-button.compact{min-height:48px}.secondary-button{color:#fff;background:#111827}.primary-button:hover{background:#cf0e16}.secondary-button:hover{background:#000}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.icon-only{width:48px;padding:10px}.locked-message{color:#ef1018;font-weight:900}.player-aside{gap:28px;display:grid}.side-panel{padding:26px 28px}.side-panel h2{color:#0f172a;margin:0 0 24px;padding-bottom:14px;font-size:25px;font-weight:950;line-height:1.1;position:relative}.side-panel h2:after{content:"";background:#ef1018;width:36px;height:3px;position:absolute;bottom:0;left:0}.point-rule{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:18px;padding:15px 0;display:grid}.point-rule>span{color:#ef1018;background:#ffe3e7;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.point-rule svg{width:28px;height:28px}.point-rule p{color:#111827;gap:2px;margin:0;font-weight:700;line-height:1.25;display:grid}.point-rule strong{color:#ef1018;font-weight:950}.deadline-item{border-bottom:1px solid #e5eaf0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 0;display:grid}.deadline-flags{grid-column:1/-1;gap:12px;display:flex}.deadline-flags span{background:#fff;border:1px solid #dde4ee;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:23px;display:inline-flex}.deadline-item strong,.deadline-item span{display:block}.deadline-item strong{color:#111827;font-size:15px;font-weight:950}.deadline-item span{color:#667085;margin-top:4px;font-weight:700}.deadline-item em{color:#ef1018;white-space:nowrap;background:#ffe3e7;border-radius:8px;padding:8px;font-style:normal;font-weight:950}.see-all-deadlines{color:#ef1018;background:0 0;justify-content:space-between;gap:10px;width:100%;padding:18px 0 0;font-weight:950}.see-all-deadlines svg{width:20px;height:20px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header h2,.login-panel h1{color:#0f172a;margin:4px 0 0;font-size:32px;font-weight:950;line-height:1.1}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{color:#111827;text-align:left;border-bottom:1px solid #e7edf4;padding:15px 18px}th{color:#ef1018;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:950}tbody tr:last-child td{border-bottom:0}.compact-table{min-width:600px}.admin-grid{grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);align-items:start;gap:18px;display:grid}.admin-score-row input{width:70px}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-card{align-items:flex-start;gap:12px;display:flex}.rule-card svg{color:#ef1018;flex:none}.rule-card p{color:#111827;margin:0}.empty-state{color:#667085;background:#fff;border:1px dashed #c9d3df;border-radius:8px;grid-column:1/-1;place-items:center;gap:10px;padding:48px 20px;display:grid}.notice{color:#fff;background:#ef1018;border-radius:8px;width:100%;margin-bottom:18px;padding:12px 14px;font-weight:900}.login-screen,.loading{background-color:#0000;background-image:linear-gradient(105deg,#fffffff0,#f8fafcd6),url(https://images.unsplash.com/photo-1556056504-5c7696c4c28d?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{color:#111827;background:#fff;border:1px solid #dde4ee;border-radius:8px;max-width:430px;padding:34px;box-shadow:0 26px 70px #11182729}.intro{color:#667085;margin:14px 0 24px}form{gap:14px;display:grid}label{color:#111827;gap:6px;font-weight:900;display:grid}.form-error{color:#ef1018;margin:0;font-weight:900}.demo-users{color:#667085;border-top:1px solid #e2e8f0;gap:4px;margin-top:22px;padding-top:18px;font-size:13px;display:grid}.sr-only{width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=1320px){.player-layout{grid-template-columns:1fr}.player-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.app-shell,.admin-grid{grid-template-columns:1fr}.mobile-menu-toggle,.mobile-menu-close{display:inline-flex}.sidebar{opacity:0;pointer-events:none;visibility:hidden;z-index:30;flex-direction:column;align-content:start;align-items:stretch;gap:24px;width:100%;height:100dvh;padding:22px;transition:opacity .18s,transform .18s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.sidebar.menu-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.mobile-menu-close{align-self:flex-end}.user-box{grid-row:auto;align-self:stretch;width:auto;margin-top:auto}nav{grid-row:auto;align-content:start;align-self:auto;justify-items:stretch;gap:10px;display:grid}.nav-button{justify-content:flex-start;width:100%;height:60px;padding:10px 18px;font-size:22px}.content{padding-top:82px}.top-bar{margin-left:58px}.search-box{width:min(100%,630px)}}@media (width<=820px){.content,.sidebar,.login-panel{padding:22px}.top-bar{align-items:stretch;margin-left:58px}.search-box{min-height:56px;padding:0 16px}.notification-button{width:56px;height:56px}.player-main{padding:20px}.player-hero,.player-aside{grid-template-columns:1fr}.player-copy h2{font-size:40px}.player-copy p{font-size:16px}.rank-card{grid-template-columns:1fr}.rank-visual{display:none}.game-tabs,.match-list{grid-template-columns:1fr}.phase-filter{width:100%}.page-header,.match-card-header,.match-footer,.admin-match{flex-direction:column;align-items:stretch}.button-row{justify-content:flex-start}.score-row{grid-template-columns:minmax(64px,1fr) 54px auto 54px minmax(64px,1fr);gap:8px}.team-crest{width:58px;height:58px;font-size:30px}.team-badge span:last-child{font-size:12px}.match-meta span{white-space:normal}.rules-grid{grid-template-columns:1fr}}
