@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/assets/BarlowCondensed-SemiBold-B7YG4rBL.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(/assets/BarlowCondensed-Bold-v1X23fbx.ttf)format("truetype")}:root{--paper:#f4eddf;--sheet:#fbf7ee;--key:#1b1a22;--muted:#6b6672;--accent:#e8452c;--highlight:#ffe14d;--face:"Barlow Condensed", "Avenir Next Condensed", "DIN Condensed", "Arial Narrow", sans-serif;--offset:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--key);font-family:var(--face);margin:0;font-weight:600}body{min-height:100vh;position:relative}body:after{content:"";background:var(--grain-url);mix-blend-mode:multiply;opacity:.5;pointer-events:none;z-index:10;background-size:128px;position:fixed;inset:0}button{font:inherit;color:inherit}.screen,.card .body,.ad{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key)}.masthead{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1440px;margin:0 auto;padding:28px 24px 20px;display:grid}.langs{gap:8px;display:flex}.langs button{cursor:pointer;opacity:.55;background:0 0;border:2px solid #0000;padding:2px 4px;font-size:26px;line-height:1}.langs button[aria-pressed=true]{border-color:var(--key);opacity:1}.logo{margin:0}.logo a{align-items:center;gap:10px;text-decoration:none;display:flex}.mark{width:74px;height:74px;overflow:visible}.mark .under{fill:var(--highlight)}.mark .core{fill:var(--accent);stroke:var(--key);stroke-width:3px}.mark .shine{fill:none;stroke:var(--sheet);stroke-width:3.5px;stroke-linecap:round}.mark .socket{fill:var(--key)}.mark .fuse{fill:none;stroke:var(--key);stroke-width:3px;stroke-linecap:round}.mark .spark{fill:var(--highlight);stroke:var(--key);stroke-width:1.6px;stroke-linejoin:round;transform-origin:61px 10px;animation:.9s steps(3,end) infinite spark}@keyframes spark{0%{transform:rotate(0)scale(1)}50%{transform:rotate(18deg)scale(.85)}to{transform:rotate(-12deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.mark .spark{animation:none}}.word{letter-spacing:.01em;text-transform:uppercase;text-shadow:3px 3px 0 var(--highlight);font-size:64px;font-style:italic;font-weight:700;line-height:.9;transform:skew(-8deg)}.word .fuse{color:var(--key)}.word .clash{color:var(--accent)}.nav{justify-content:flex-end;gap:28px;font-size:21px;display:flex}.nav a{color:var(--key);border-bottom:2px solid #0000;text-decoration:none}.nav a[href]:hover{border-bottom-color:var(--key)}.nav .soon{color:var(--muted);cursor:default}.nav .soon:after{content:attr(data-soon);text-transform:uppercase;letter-spacing:.08em;background:var(--highlight);color:var(--key);vertical-align:super;margin-left:6px;padding:0 4px;font-size:12px}.page{grid-template-columns:160px minmax(0,1fr) 160px;align-items:start;gap:40px;max-width:1440px;margin:0 auto;padding:0 24px 48px;display:grid}.privacy-page{max-width:820px;margin:0 auto;padding:8px 24px 48px}.privacy .big{text-transform:uppercase;margin:0 0 8px;font-size:40px}.privacy .lead{color:var(--muted);margin:0 0 28px;font-size:19px}.privacy section{margin-bottom:26px}.privacy h3{text-transform:uppercase;margin:0 0 8px;font-size:24px}.privacy p,.privacy li{font-size:18px;line-height:1.5}.privacy a{color:var(--accent)}.privacy .missing{background:var(--highlight);padding:0 4px;font-weight:700}.site-foot{text-align:center;padding:24px 16px 32px;font-size:15px}.site-foot a,.privacy-note a{color:var(--muted)}.site-foot .dot{color:var(--muted);margin:0 10px}.privacy-note{margin:14px 0 0;font-size:15px}.ad{height:600px;box-shadow:none;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:18px;display:flex;position:sticky;top:20px}.ad small{letter-spacing:.05em;font-size:13px}.ad.filled{background:0 0;border:none}.player .caption{align-items:center;gap:12px;margin:0 0 10px;font-size:18px;display:flex}.caption .my-bets{flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.caption .my-bets[hidden]{display:none}.caption .my-bet{background:var(--sheet);border:2px solid var(--key);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px 2px 4px;font-size:16px;display:inline-flex}.caption .my-bet .sum{font-weight:700}.caption .my-bet .fusecoins-mark{width:auto;height:1em;stroke:var(--key);stroke-width:1.4px;stroke-linejoin:round}.caption .my-bets:not([hidden])+.full{margin-left:4px}@media (width<=600px){.player .caption{flex-wrap:wrap}.caption .what{flex:1 1 0;min-width:0}.caption .my-bets{flex:1 0 100%;order:5;justify-content:flex-start;margin-left:0}.caption .my-bets:not([hidden])+.full{margin-left:auto}}.caption .full{background:var(--sheet);border:2px solid var(--key);width:36px;height:36px;box-shadow:3px 3px 0 var(--key);cursor:pointer;place-items:center;margin-left:auto;padding:0;display:grid}.caption .full:hover{background:var(--highlight)}.caption .full svg{fill:none;width:20px;height:20px;stroke:var(--key);stroke-width:2.6px;stroke-linecap:square}.caption .full .leave,.caption .full.on .enter{display:none}.caption .full.on .leave{display:block}.badge{background:var(--accent);color:var(--sheet);text-transform:uppercase;letter-spacing:.08em;padding:1px 8px;font-weight:700}.caption .what{color:var(--muted)}.fusecoins{white-space:nowrap}.fusecoins-mark{vertical-align:-.12em;width:auto;height:1em;stroke:var(--key);stroke-width:1.4px;stroke-linejoin:round;margin-right:.12em}.fusecoins-mark .rim{fill:#d9a520}.fusecoins-mark .face{fill:var(--highlight)}.fusecoins-mark .ring{fill:none;stroke-width:1.1px}.free-label{width:fit-content;color:var(--key);border:2px solid var(--key);box-shadow:3px 3px 0 var(--key);text-transform:uppercase;letter-spacing:.06em;text-align:center;background:#cfe8f7;margin:0 auto 14px;padding:4px 14px;font-weight:700;text-decoration:none;display:block}.free-label[hidden]{display:none}.login-card .free-label{text-transform:none;letter-spacing:0;margin:0 0 14px}.badge.soon{background:var(--key)}.caption .back{background:var(--accent);color:var(--sheet);border:2px solid var(--key);box-shadow:3px 3px 0 var(--key);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:2px 12px;font-size:16px;font-weight:700}.caption .back[hidden]{display:none}.screen{z-index:11;aspect-ratio:16/9;position:relative;overflow:hidden}@media (width<=672px){.screen{aspect-ratio:auto;height:calc(56.25cqi + 246px)}.player{container-type:inline-size}}.screen:fullscreen{aspect-ratio:auto;box-shadow:none;border:0}.screen iframe{background:var(--key);border:0;width:100%;height:100%;display:block}.lists{grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;display:grid}.lists h2{text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;font-size:30px;font-weight:700}.cards{gap:14px;margin:0;padding:0;list-style:none;display:grid}.card .body{text-align:left;grid-template-columns:1fr auto;grid-template-areas:"teams when""score when";align-items:center;column-gap:16px;width:100%;min-height:96px;padding:14px 18px;display:grid}.card button.body{cursor:pointer}.card button.body:hover,.card button.body.on{background:var(--highlight)}.card button.body:active{box-shadow:2px 2px 0 var(--key);transform:translate(2px,2px)}.card p{margin:0}.teams{grid-area:teams;font-size:25px;font-weight:700;line-height:1.1}.club{color:var(--team)}.club .crest{vertical-align:-5px;margin-right:5px}.vs{color:var(--muted);font-size:17px;font-weight:600}.score{letter-spacing:.04em;grid-area:score;font-size:30px;font-weight:700}.card .body:not(:has(.score)) .teams{grid-row:1/3}.when{flex-direction:column;grid-area:when;align-items:flex-end;gap:2px;font-size:17px;display:flex}.when .stadium{color:var(--muted);font-size:14px}.cards .empty{color:var(--muted)}.card .bet{margin:0 var(--offset) 0 10px;background:var(--sheet);border:2px solid var(--key);border-top:0;gap:8px;padding:10px 16px 12px;display:grid}.bet .odds{flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-size:18px;display:flex}.bet .odd .name,.bet .club-pick .name{color:var(--team);font-weight:700}.bet .odd .value,.bet .club-pick .value{background:var(--highlight);font-variant-numeric:tabular-nums;margin-left:6px;padding:0 6px}.bet .mine,.bet .closed{color:var(--muted);font-size:16px}.bet .bet-go{text-transform:uppercase;letter-spacing:.05em;color:var(--sheet);background:var(--accent);border:2px solid var(--key);cursor:pointer;justify-self:start;padding:4px 14px 3px;font-size:17px;font-weight:700;text-decoration:none}.bet .bet-go:hover{background:var(--key)}.bet-form{gap:10px;display:grid}.bet-form .pick-label{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.bet-form .pick{flex-wrap:wrap;gap:10px;display:flex}.bet-form .club-pick{background:var(--sheet);border:2px solid var(--key);cursor:pointer;padding:6px 12px;font-size:19px}.bet-form .club-pick[aria-pressed=true]{box-shadow:inset 0 -5px 0 var(--team);background:var(--highlight)}.bet-form .stake{flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;display:flex}.bet-form .stake .label{text-transform:uppercase;font-weight:700}.bet-form .stake input{width:9em;font:600 19px var(--face);border:2px solid var(--key);background:#fff;padding:4px 8px}.bet-form .stake .all{border:2px solid var(--key);background:var(--sheet);cursor:pointer;padding:4px 10px;font-weight:700}.bet-form .estimate,.bet-form .balance{font-size:16px}.bet-form .balance{color:var(--muted)}.bet-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bet-buttons .cta[disabled]{opacity:.5;cursor:default}.bet-buttons .close{text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:6px 12px;font-weight:700;text-decoration:underline}.bet-form .said{color:var(--accent);font-weight:600}.bet-form .said:empty{display:none}.bet-form .said ul{margin:4px 0 0;padding-left:18px;font-weight:500}.ranking-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.ranking-side{gap:24px;display:grid}@media (width<=900px){.ranking-grid{grid-template-columns:minmax(0,1fr)}}.rank-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.rank-tabs button{font:700 18px var(--face);text-transform:uppercase;letter-spacing:.04em;background:var(--sheet);border:2px solid var(--key);cursor:pointer;padding:6px 14px 5px}.rank-tabs button[aria-selected=true]{background:var(--key);color:var(--sheet)}.rank-table{border-collapse:collapse;width:100%;font-size:18px}.rank-table[hidden]{display:none}.rank-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:2px solid var(--key);padding:6px 8px;font-size:15px}.rank-table td{border-bottom:1px solid var(--muted);font-variant-numeric:tabular-nums;padding:7px 8px}.rank-table th:nth-child(n+3),.rank-table td:nth-child(n+3){text-align:right}.rank-table td:nth-child(2){font-weight:700}.rank-table tr.me td{background:var(--highlight)}.rank-table .net.up{color:#1f7a3c;font-weight:700}.rank-table .net.down{color:var(--accent)}.my-rank p{margin:0 0 6px;font-size:17px}.my-rank a{color:var(--accent);font-weight:700}.podium{gap:8px;margin:0;padding:0;list-style:none;display:grid}.podium .step{background:var(--sheet);border:2px solid var(--key);grid-template-columns:3.2em minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 12px;display:grid}.podium .rank1{background:var(--highlight)}.podium .rank{font-size:22px;font-weight:700}.podium .name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.podium .net{font-variant-numeric:tabular-nums;font-weight:600}.ranking-home{max-width:560px;margin-top:40px}.ranking-home[hidden]{display:none}.ranking-home h2{text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;font-size:30px;font-weight:700}.ranking-home .empty{color:var(--muted)}.ranking-home .see{text-transform:uppercase;color:var(--accent);margin-top:12px;font-weight:700;display:inline-block}.bets-list li{border-bottom:1px solid var(--muted);gap:2px;padding:8px 0;display:grid}.bets-list .bet-when{color:var(--muted);font-size:15px}.bets-list .bet-result.won{color:#1f7a3c;font-weight:700}.bets-list .bet-result.lost{color:var(--accent)}.bets-list .bet-result.refunded,.bets-list .bet-result.open{color:var(--muted)}.profile .bets-go{color:var(--accent);margin-top:10px;font-weight:700;display:inline-block}@media (width<=1100px){.page{grid-template-columns:minmax(0,1fr)}.ad{display:none}}@media (width<=760px){.masthead{grid-template-columns:1fr auto;grid-template-areas:"logo logo""langs nav";padding:16px 16px 12px}.logo{grid-area:logo;justify-self:center}.mark{width:52px;height:52px}.word{font-size:44px}.langs{grid-area:langs}.nav{grid-area:nav;gap:16px;font-size:18px}.page{padding:0 16px 32px}.lists{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}}.nav a[aria-current=page]{border-bottom-color:var(--key)}.teams-page{grid-template-columns:minmax(0,1fr);gap:48px;max-width:1280px;margin:0 auto;padding:8px 24px 56px;display:grid}.squad header{flex-wrap:wrap;align-items:center;gap:6px 18px;margin-bottom:14px;display:flex}.club-name{text-transform:uppercase;letter-spacing:.04em;color:var(--sheet);background:var(--team);box-shadow:var(--offset) var(--offset) 0 var(--key);margin:0;padding:2px 14px 0;font-size:34px;font-weight:700}.squad header p{color:var(--muted);margin:0;font-size:18px}.line{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);overflow-x:auto}.stage{z-index:11;aspect-ratio:7/1.85;min-width:640px;position:relative}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.squad:not(.ready) .stage:after{content:attr(data-loading);color:var(--muted);place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.names{border-top:2px solid var(--key);text-align:center;grid-template-columns:repeat(7,1fr);min-width:640px;margin:0;padding:10px 0 14px;list-style:none;display:grid}.names li{gap:1px;padding:0 4px;display:grid}.names .number{color:var(--team);font-size:15px;font-weight:700}.names .name{font-size:20px;font-weight:700;line-height:1.1}.names .role{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:14px}@media (width<=760px){.teams-page{gap:36px;padding:0 16px 40px}.club-name{font-size:26px}.names .name{justify-content:center;align-items:center;min-height:2.2em;display:flex}.squad header p{font-size:16px}}.stats{text-align:left;gap:2px;margin:10px 8px 0;display:grid}.stats dt{text-transform:uppercase;letter-spacing:.06em;font-size:13px}.stats dd{border:1.5px solid var(--key);background:var(--paper);height:12px;margin:0 0 4px;position:relative}.stats dd:after{content:"";background:repeating-linear-gradient(to right, transparent 0 calc(10% - 1px), var(--key) calc(10% - 1px) 10%);opacity:.55;pointer-events:none;position:absolute;inset:0}.stats dd span{background:var(--team);height:100%;-webkit-mask-image:var(--ink-url);-webkit-mask-image:var(--ink-url);mask-image:var(--ink-url);display:block;-webkit-mask-size:128px;mask-size:128px}.names li{align-content:start}.rules-page{padding-bottom:0}.rules-page .big{text-transform:uppercase;text-shadow:3px 3px 0 var(--highlight);margin:0;font-size:clamp(40px,6vw,76px);font-style:italic;font-weight:700;line-height:.95;transform:skew(-6deg)}.rules-page .kicker{letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:20px}.rules-page .lead{max-width:760px;margin:18px 0 0;font-size:21px;font-weight:600;line-height:1.35}.hero{text-align:center;padding:56px 24px 72px}.hero .lead{margin-inline:auto}.rule{background:var(--paper);padding:72px 24px}.rule.dark{background:var(--key);color:var(--sheet)}.rule.dark .big{text-shadow:3px 3px 0 var(--accent)}.rule-head,.rule-body{max-width:1200px;margin:0 auto}.rule-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;max-width:1200px;margin:40px auto 0;display:grid}.rule-card{background:var(--sheet);color:var(--key);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--highlight);padding:20px 20px 18px}.rule:not(.dark) .rule-card{box-shadow:var(--offset) var(--offset) 0 var(--key)}.rule-card-icon{background:var(--card);border:2px solid var(--key);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.rule-card-icon svg{width:38px;height:38px;fill:var(--key);stroke:var(--key);stroke-width:1.6px}.rule-card h3{text-transform:uppercase;letter-spacing:.03em;margin:14px 0 6px;font-size:26px;font-weight:700}.rule-card p{margin:0;font-size:18px;font-weight:500;line-height:1.35}.rule-body{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:40px;margin-top:40px;display:grid}.figure{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--highlight)}.rule:not(.dark) .figure{box-shadow:var(--offset) var(--offset) 0 var(--key)}.figure svg{width:100%;height:auto;display:block}.figure .label{font-family:var(--face);fill:var(--key);font-weight:700}.figure .layer{opacity:0;transition:opacity .35s}.figure .layer.on{opacity:1}.figure-flow{padding:12px}.class-stage{z-index:11;aspect-ratio:16/10;position:relative}.class-stage canvas{width:100%;height:100%;position:absolute;inset:0}.tabs{flex-direction:column;gap:8px;display:flex}.tab{text-align:left;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:2px solid;padding:10px 16px;font-size:22px;font-weight:700}.tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--sheet)}.tab:hover:not([aria-selected=true]){background:color-mix(in srgb, var(--highlight) 45%, transparent)}.caption-text{margin:20px 0 0;font-size:19px;line-height:1.4}.cta{text-align:center;background:var(--accent);color:var(--sheet);padding:80px 24px 96px}.cta .big{text-shadow:3px 3px 0 var(--key)}.cta .button{text-transform:uppercase;letter-spacing:.06em;color:var(--key);background:var(--highlight);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);margin-top:28px;padding:14px 34px;font-size:24px;font-weight:700;text-decoration:none;display:inline-block}@media (width<=860px){.rule-body{grid-template-columns:minmax(0,1fr);gap:20px}.tabs{flex-flow:wrap}.tab{padding:8px 12px;font-size:17px}}@media (width<=760px){.rule{padding:48px 16px}.hero{padding:32px 16px 48px}.rules-page .lead,.caption-text{font-size:18px}}.squad header .club-city{color:var(--muted);margin:0;font-size:18px}.profile{gap:14px;margin:0 0 18px;display:grid}.facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.facts li{background:var(--sheet);border:1.5px solid var(--key);padding:2px 10px 1px;font-size:16px}.fact-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px}.style{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--team);padding:14px 18px 16px}.style-title{text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:22px;font-style:italic;font-weight:700}.style-lines{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px 22px;margin:0;padding:0;list-style:none;display:grid}.style-lines li{grid-template-columns:34px 1fr;align-items:center;gap:10px;font-size:18px;line-height:1.25;display:grid}.style-icon{background:var(--team);border:2px solid var(--key);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.style-icon svg{width:20px;height:20px;fill:var(--sheet);stroke:var(--sheet);stroke-width:2px}@media (width<=760px){.style-lines{grid-template-columns:minmax(0,1fr)}.style-lines li{font-size:16px}}.maker-call{justify-content:flex-end;display:flex}.cta{font:700 20px/1 var(--face);text-transform:uppercase;letter-spacing:.05em;color:var(--sheet);background:var(--accent);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);cursor:pointer;padding:8px 18px 6px;text-decoration:none;display:inline-block}.cta:hover{background:var(--key)}.cta:active{box-shadow:2px 2px 0 var(--key);transform:translate(2px,2px)}.login-page{max-width:560px;margin:24px auto 56px;padding:0 16px}.login-card,.maker-head,.club-form,.player-form,.lineup{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);padding:18px 20px}.login-card h2,.maker-head h2{text-transform:uppercase;margin:0 0 8px;font-size:30px}.login-card p,.maker-head p{color:var(--muted);margin:0 0 14px;font-size:18px}.login-form,.signed-in{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.login-form[hidden],.signed-in[hidden]{display:none}.signed-in .who{color:var(--key);flex-basis:100%;margin:0;font-size:22px;font-weight:700}.sign-out{font:600 18px var(--face);cursor:pointer;background:0 0;border:none;text-decoration:underline}.login-page label,.maker label{text-transform:uppercase;letter-spacing:.04em;gap:4px;font-size:16px;font-weight:600;display:grid}.login-page input,.maker input,.maker select{font:500 18px var(--face);background:var(--paper);border:2px solid var(--key);color:var(--key);padding:6px 8px}.maker input:not([type=color]),.maker select{box-sizing:border-box;width:100%}.maker input[type=color]{width:64px;height:38px;padding:2px}.maker{gap:20px;max-width:1280px;margin:0 auto;padding:8px 24px 56px;display:grid}.club-form{flex-wrap:wrap;align-items:end;gap:16px 24px;display:flex}.club-form label:first-child{flex:260px}.maker-body{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(260px,340px);align-items:start;gap:20px;display:grid}.lineup{gap:6px;margin:0;list-style:none;display:grid}.lineup button{text-align:left;width:100%;font:600 18px var(--face);background:var(--paper);border:2px solid var(--key);cursor:pointer;padding:6px 8px}.lineup button b{min-width:1.6em;color:var(--accent);display:inline-block}.lineup button.on{background:var(--highlight)}.preview{z-index:11;aspect-ratio:3/4;background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);position:relative}.preview canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.player-form{gap:10px;display:grid}.player-form fieldset{border:none;gap:10px;margin:6px 0 0;padding:0;display:grid}.player-form legend{text-transform:uppercase;margin-bottom:6px;font-size:20px;font-weight:700}.emblem-head{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.emblem-lines{gap:6px;display:flex}.emblem-lines button,.emblem-grid button{font:inherit;cursor:pointer;background:var(--sheet);border:2px solid var(--muted)}.emblem-lines button{padding:4px 10px;font-weight:600}.emblem-lines button[aria-checked=true],.emblem-grid button[aria-pressed=true]{border-color:var(--key);box-shadow:2px 2px 0 var(--accent)}.emblem-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;padding:2px 4px 4px 2px;display:grid}.emblem-grid button{padding:1px;line-height:0}.weapon-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:2px 4px 4px 2px;display:grid}.weapon-grid button{font:inherit;cursor:pointer;background:var(--sheet);border:2px solid var(--muted);justify-items:center;gap:2px;padding:2px 2px 4px;font-size:14px;font-weight:600;line-height:1.2;display:grid}.weapon-grid button canvas{width:100%;height:auto;display:block}.weapon-grid button[aria-pressed=true]{border-color:var(--key);box-shadow:2px 2px 0 var(--accent)}.player-form .slot{grid-template-columns:1fr 1fr;gap:8px;display:grid}.saved{color:var(--muted);margin:0;font-size:16px}@media (width<=900px){.maker-body{grid-template-columns:minmax(0,1fr)}.maker,.login-page{padding-left:16px;padding-right:16px}}.maker input[aria-invalid=true],.login-page input[aria-invalid=true]{border-color:var(--accent);outline:2px solid var(--accent)}.name-refused{color:var(--accent);text-transform:none;letter-spacing:0;flex-basis:100%;font-size:16px;font-weight:600}.player-form .stats label{grid-template-columns:110px 1fr 44px;align-items:center}.player-form .stats label .notch-price{grid-column:2}.player-form .stats label .stat-rating{text-align:right;grid-column:3;font-size:15px}.player-form .style-gauges label .notch-price{grid-column:1}.player-form .style-gauges{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.player-form .style-gauges legend,.player-form .style-gauges .stats-note{grid-column:1/-1}.player-form .style-gauges label{grid-template-columns:1fr;gap:2px;font-size:15px}@media (width<=760px){.player-form .style-gauges{grid-template-columns:minmax(0,1fr)}}.player-form input[type=range]{accent-color:var(--accent);background:0 0;border:none;padding:0}.stats-note{color:var(--muted);margin:0 0 4px;font-size:15px}.player-form .slot{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.maker-line{z-index:11;aspect-ratio:7/1.85;background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);position:relative}.maker-line canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.maker-body{align-items:stretch}.player-form{box-sizing:border-box;align-content:start;height:0;min-height:100%;padding-top:0;overflow-y:auto}.maker-tabs{z-index:1;background:var(--sheet);border-bottom:2px solid var(--key);flex-wrap:wrap;gap:4px;margin:0 -20px;padding:12px 20px 10px;display:flex;position:sticky;top:0}.maker-tabs button{width:auto;min-width:0;font:700 14px var(--face);text-transform:uppercase;letter-spacing:.02em;background:var(--paper);border:2px solid var(--key);cursor:pointer;flex:auto;padding:4px 6px}.maker-tabs button[aria-selected=true]{background:var(--key);color:var(--sheet)}.tab-panel{gap:10px;padding-top:12px;display:grid}.colour-field{grid-template-columns:1fr auto;align-items:center}.lineup{align-self:start}@media (width<=900px){.player-form{height:auto;max-height:70vh}}.server-save{flex-wrap:wrap;align-items:start;gap:12px 20px;display:flex}.server-save [hidden]{display:none}.publish-confirm{background:var(--accent)}.purse{align-self:center;margin:0;font-size:17px;font-weight:700}.purse.short{color:var(--accent)}.notch-price{color:var(--muted);font-size:13px}.retire-server{font:600 16px var(--face);color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:center;padding:0;text-decoration:underline}.server-status{font-size:17px;font-weight:600}.maker :disabled{opacity:.55}.server-status ul{color:var(--accent);margin:4px 0 0;padding-left:18px;font-weight:500}.profile{gap:24px;max-width:1100px;margin:24px auto 56px;padding:0 16px;display:grid}.profile-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:24px;display:grid}.profile-card{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);padding:18px 20px}.profile-card h3{text-transform:uppercase;margin:0 0 10px;font-size:22px}.profile-card .note{color:var(--muted);margin:8px 0 0;font-size:16px}.profile-card .balance{margin:0;font-size:20px}.profile-card .amount{font-size:44px;line-height:1}.profile-card ul{margin:0;padding:0;list-style:none}.club-row{border-bottom:1px solid var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.club-row .status{color:var(--muted);font-size:15px}.club-row .edit{text-transform:uppercase;color:var(--accent);margin-left:auto;font-weight:700}.profile .new-team{margin-top:14px;display:inline-block}.profile .new-team[hidden],.profile .note[hidden]{display:none}.profile-status{color:var(--accent);margin:0;font-weight:600}.profile-card.premium{border-color:var(--accent);box-shadow:var(--offset) var(--offset) 0 var(--accent)}.profile-card .pitch{margin:0 0 8px;font-size:17px}.profile-card .premium-state{margin:0 0 8px;font-weight:700}.profile-card .price-line{margin:0}.profile-card .price{font-size:32px;line-height:1.1}.premium-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.premium-actions button[hidden],.profile-card .price-line[hidden],.profile-card .terms-note[hidden]{display:none}.premium-status{color:var(--accent);margin:10px 0 0;font-weight:600}.premium-status:empty{display:none}.server-status .premium-link{text-transform:uppercase;color:var(--accent);font-weight:700}.profile-head{position:relative}.profile-head .settings-button{position:absolute;top:16px;right:16px}.profile-head{padding-right:190px}.profile-head .sign-out-button{font:700 16px/1 var(--face);text-transform:uppercase;letter-spacing:.05em;color:var(--key);background:var(--sheet);border:2px solid var(--key);box-shadow:3px 3px 0 var(--key);cursor:pointer;padding:5px 12px 4px;position:absolute;top:14px;right:54px}.profile-head .sign-out-button:hover{color:var(--sheet);background:var(--accent)}.profile-head .sign-out-button:active{box-shadow:1px 1px 0 var(--key);transform:translate(2px,2px)}@media (width<=600px){.profile-head{padding-top:58px;padding-right:20px}}.settings-button{color:var(--key);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.settings-button[hidden]{display:none}.settings-button svg{fill:currentColor;width:26px;height:26px}.settings-button:hover{color:var(--accent)}.settings-panel{background:var(--sheet);width:min(92vw,460px);color:var(--key);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);padding:22px 24px}.settings-panel::backdrop{background:#14100c73}.settings-form{gap:14px;display:grid}.settings-title{text-transform:uppercase;margin:0;font-size:28px}.settings-form label{text-transform:uppercase;letter-spacing:.04em;gap:4px;font-size:16px;font-weight:600;display:grid}.settings-form label.emails{grid-template-columns:auto 1fr;align-items:center;gap:10px}.settings-form input[type=text],.settings-form input:not([type]){font:500 18px var(--face);background:var(--paper);border:2px solid var(--key);color:var(--key);padding:6px 8px}.settings-form input[aria-invalid=true]{border-color:var(--accent)}.settings-form input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.settings-form .note{color:var(--muted);text-transform:none;letter-spacing:0;font-size:15px;font-weight:500}.settings-buttons{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.settings-buttons .close,.settings-buttons .sign-out{font:600 17px var(--face);color:var(--key);cursor:pointer;background:0 0;border:none;text-decoration:underline}.settings-buttons .sign-out{color:var(--muted);margin-left:auto}.settings-status{margin:0;font-size:16px;font-weight:600}.erase{border-top:1px solid var(--muted);justify-items:start;gap:8px;padding-top:12px;display:grid}.erase-ask{font:600 16px var(--face);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.erase-note{margin:0;font-size:15px}.erase-confirm[hidden],.erase-note[hidden]{display:none}.settings-status ul{color:var(--accent);margin:4px 0 0;padding-left:18px;font-weight:500}.nation{background:var(--sheet);border:2px solid var(--key);box-shadow:var(--offset) var(--offset) 0 var(--key);grid-template-columns:minmax(0,1fr);gap:44px;padding:26px 26px 34px;display:grid}.nation-head{border-bottom:2px solid var(--key);padding-bottom:16px}.nation-name{text-transform:uppercase;letter-spacing:.02em;text-shadow:3px 3px 0 var(--highlight);margin:0;font-size:44px;font-style:italic;font-weight:700;line-height:1}.nation-line{max-width:820px;color:var(--muted);margin:8px 0 0;font-size:18px}@media (width<=600px){.nation{padding:18px 14px 24px}}.made-title{border-top:2px solid var(--key);text-transform:uppercase;margin:24px 0 0;padding-top:20px;font-size:30px}.squad .style[hidden]{display:none}.squad .show-players{margin-bottom:14px;padding:6px 14px 5px;font-size:17px}.squad .line[hidden]{display:none}
