.hub-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.hub-heading h1{font-size:56px;margin:8px 0 0}.hub-heading .cg-eyebrow{font-size:9px}.hub-heading>a{font-size:11px;color:#aebda7}.hub-layout{display:grid;grid-template-columns:1fr 270px;gap:25px}.hub-arena{display:grid;grid-template-columns:210px 1fr;gap:35px;align-items:center;background:radial-gradient(ellipse at left,#405a3040,transparent 75%),#18241c;border:1px solid #405038;border-radius:18px;padding:28px}.hub-active-card{max-width:210px;transform:rotate(-4deg)}.hub-active-card .football-card{box-shadow:0 18px 32px #0007}.hub-play{min-width:0}.hub-play h2{font:800 42px/1 var(--display);margin:13px 0 18px}.hub-play>p:not(.cg-eyebrow){color:#aebda8;font-size:12px;line-height:1.8}.hub-fight{width:100%;font:800 23px var(--display);min-height:62px;letter-spacing:.8px;gap:40px}.hub-fight>span{font-size:23px}.hub-win-reward{display:block;text-align:center;font-size:9px;color:#bccc9e;margin:12px 0 18px}.hub-picker{position:relative}.hub-picker summary{cursor:pointer;color:#d6ddc6;font-size:12px;font-weight:700;list-style:none;padding:12px;border:1px solid #5b6b4c;border-radius:5px;text-align:center}.hub-picker summary::-webkit-details-marker{display:none}.hub-picker>p{font-size:11px;color:#aebda8}.hub-picker-grid{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0;gap:15px}.hub-picker[open]{grid-column:1/-1}.hub-picker .select-label{font-size:8px}.hub-picker-grid .football-card .player-info h2{font-size:26px;margin:2px 0 8px}.hub-picker-grid .football-card .card-edition>span{font-size:25px}.hub-replay{display:block;text-align:center;font-size:10px;color:#9eaf97;margin-top:16px}.hub-week{background:#1e281b;border:1px solid #4d5735;border-radius:18px;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hub-week .chest-object{transform:scale(.55);transform-origin:center;margin:-25px 0 -24px}.hub-week h2{font:800 28px var(--display);margin:0 0 8px}.hub-week em{font-style:normal;color:#e9d081}.hub-week>p:not(.cg-eyebrow){font-size:11px;margin:7px 0}.hub-week p strong{font-size:23px;color:#e3d598}.hub-week progress{width:100%;height:8px;accent-color:#dfbf6a;margin:10px 0}.hub-week small{font-size:9px;line-height:1.7;color:#97a78c;margin-top:10px}.hub-week .cg-button{padding:10px;min-height:40px;font-size:10px}.hub-section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.hub-section-title h2{font:800 25px var(--display);margin:0}.hub-section-title a{font-size:10px;color:#bcc9b0}.hub-chest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hub-chest-slot{background:#1b281d;border:1px solid #40523b;border-radius:12px;padding:16px;display:flex;align-items:center;gap:13px;min-height:155px}.hub-chest-slot>.chest-object{transform:scale(.5);transform-origin:left center;width:78px;flex-shrink:0;margin:0 -50px 0 0}.hub-chest-slot>div:last-child{min-width:0;flex:1}.hub-chest-slot h3{font:800 22px var(--display);margin:0 0 8px}.hub-chest-slot p{font-size:10px;color:#afbea6;line-height:1.7;margin:0 0 10px}.hub-chest-slot .cg-button{width:100%;font-size:9px;min-height:33px;padding:8px 6px;gap:0}.hub-slot-empty{border-style:dashed;color:#93a58a}.hub-slot-empty>span{font:400 43px var(--display);margin:0 8px}.hub-chest-note{font-size:10px;color:#92a58c;margin:14px 0}.hub-save{margin-top:28px;padding:22px;border:1px solid #4b5d42;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hub-save strong{font-size:13px}.hub-save p{font-size:11px;color:#acbba2;margin:6px 0 0}.hub-save .cg-button{font-size:10px;min-height:40px;padding:11px 17px}@media(max-width:950px){.hub-layout{grid-template-columns:1fr 220px;gap:15px}.hub-arena{grid-template-columns:160px 1fr;gap:25px;padding:22px}.hub-play h2{font-size:33px}.hub-chest-grid{gap:10px}.hub-chest-slot{padding:12px;gap:3px}.hub-chest-slot>.chest-object{display:none}}@media(max-width:700px){.hub-heading{margin-bottom:22px}.hub-heading h1{font-size:42px}.hub-heading .cg-eyebrow{font-size:7px;letter-spacing:1.3px}.hub-heading>a{font-size:9px;white-space:nowrap}.hub-layout{grid-template-columns:1fr;gap:18px}.hub-arena{grid-template-columns:145px 1fr;gap:18px;padding:20px 16px;border-radius:13px;align-items:start}.hub-active-card{margin-top:5px}.hub-active-card .player-info h2{font-size:23px}.hub-active-card .card-edition>span{font-size:24px}.hub-play>.cg-eyebrow{font-size:7px;letter-spacing:1px}.hub-play h2{font-size:28px;margin:10px 0 12px}.hub-play>p:not(.cg-eyebrow){font-size:10px;line-height:1.65}.hub-fight{min-height:51px;font-size:20px;gap:15px;padding:12px 10px}.hub-win-reward{font-size:7px;line-height:1.7;margin:10px 0 12px}.hub-picker summary{font-size:10px;padding:9px}.hub-replay{font-size:8px;margin-top:12px}.hub-picker-grid{grid-template-columns:1fr}.hub-picker[open]{position:relative;z-index:1}.hub-week{display:grid;grid-template-columns:1fr 85px;column-gap:14px;text-align:left;align-items:center;padding:17px 20px;border-radius:12px}.hub-week>.cg-eyebrow{margin:0;font-size:8px;grid-column:1}.hub-week .chest-object{grid-column:2;grid-row:1/6;transform:scale(.48);transform-origin:center;margin:-10px -40px -10px -40px;justify-self:center}.hub-week h2{font-size:25px;margin:6px 0;grid-column:1}.hub-week>p:not(.cg-eyebrow){grid-column:1;font-size:10px;margin:4px 0}.hub-week>p strong{font-size:18px}.hub-week progress{grid-column:1;max-width:220px;margin:7px 0}.hub-week .hub-goal-note{display:none}.hub-week small{grid-column:1/-1;font-size:8px;margin-top:5px}.hub-week form{grid-column:1/-1;margin-top:10px}.hub-chest-grid{gap:8px}.hub-chest-slot{display:block;padding:14px 8px;text-align:center;min-height:154px}.hub-chest-slot h3{font-size:18px}.hub-chest-slot p{font-size:8px;line-height:1.7}.hub-chest-slot .cg-button{font-size:8px;line-height:1.5;min-height:39px;padding:5px}.hub-slot-empty>span{display:block;font-size:32px;line-height:1;margin-bottom:12px}.hub-slot-empty p{font-size:8px}.hub-chest-note{font-size:8px;line-height:1.7}.hub-section-title h2{font-size:23px}.hub-save{padding:16px;display:block}.hub-save .cg-button{margin-top:16px;width:100%}}@media(max-width:360px){.hub-arena{grid-template-columns:120px 1fr;gap:12px;padding:16px 12px}.hub-play h2{font-size:25px}.hub-fight{font-size:18px}.hub-active-card .player-info h2{font-size:20px}}
@media(max-width:700px){.cg-main:has(.hub-layout){display:flex;flex-direction:column}.cg-main:has(.hub-layout)>.hub-heading{order:0}.hub-layout{display:contents}.hub-arena{order:1}.hub-chests{order:2}.hub-week{order:3;margin-top:18px}.hub-save{order:4}.hub-arena{margin-bottom:0}.hub-chests .hub-section-title{margin-top:22px}}

.hub-heading .arena-next{font-size:11px;line-height:1.6;color:#b7c7ab;margin:7px 0 0;max-width:460px}.arena-next strong{color:#d4ecab}@media(max-width:700px){.hub-heading .arena-next{font-size:9px;max-width:220px;line-height:1.5}}
