@font-face{font-family:Barlow;src:url("/assets/barlow-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url("/assets/barlow-bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url("/assets/barlow-condensed-800-italic.ttf") format("truetype");font-weight:800;font-style:italic;font-display:swap}
:root{color-scheme:dark;--bg:#141519;--panel:#1b1d22;--line:#35373e;--lime:#c7f656;--purple:#bca6ef;--ink:#f4f3eb;--muted:#abacb5;--mono:"Courier New",monospace;--display:"Barlow Condensed","Arial Narrow",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Barlow,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.58}
a{color:inherit}
:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
[hidden]{display:none!important}
.wrap{width:min(1184px,calc(100% - 88px));margin-inline:auto}
.site-header{border-bottom:1px solid #303137;background:#15161a}
.header-inner{display:flex;align-items:center;gap:52px;min-height:77px}
.wordmark,.footer-brand{font:italic 800 33px/.9 var(--display);letter-spacing:-.8px;text-decoration:none;display:inline-flex;align-items:center}
.wordmark span,.footer-brand span{color:var(--lime)}
.brand-mark{position:relative;display:inline-block;width:27px;height:25px;margin-right:8px;transform:skewX(-21deg);background:linear-gradient(90deg,var(--lime) 0 31%,transparent 31% 43%,var(--lime) 43% 74%,transparent 74%);clip-path:polygon(0 29%,27% 29%,27% 0,100% 0,100% 71%,71% 71%,71% 100%,0 100%)}
nav{align-self:stretch;display:flex;gap:29px;align-items:center}
nav a,nav button,.text-button{font-size:15px;font-weight:700;text-decoration:none;border:0;background:none;color:var(--muted);padding:0}
nav .current{color:var(--ink);height:100%;display:grid;align-items:center;position:relative}
nav .current:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime)}
nav button:hover,.text-button:hover{color:var(--ink)}
.account{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}
.account .account-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;color:var(--ink);background:#25272c;border:1px solid #45474e;border-radius:5px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none}
.button:hover{border-color:#83858d;background:#2c2e34}
.button.lime{color:#161b0d;background:var(--lime);border-color:var(--lime)}
.button.lime:hover{background:#d7ff7f;border-color:#d7ff7f}
.header-signin{min-height:36px;background:transparent}
.plus{font:24px/.65 Arial,sans-serif}
button:disabled:hover{filter:none}
.icon{display:inline-block;flex:none;width:18px;height:18px;background-color:currentColor;image-rendering:pixelated;mask:var(--icon) center/contain no-repeat}
.gamepad{--icon:url("/assets/gamepad.png")}.wallet-icon{--icon:url("/assets/wallet.png")}.person{--icon:url("/assets/person.png")}.ticket{--icon:url("/assets/ticket.png")}.flag{--icon:url("/assets/flag.png")}.trophy{--icon:url("/assets/trophy.png")}
main{flex:1}
.hero{isolation:isolate;overflow:hidden;position:relative;margin:28px 0 37px;border:1px solid #454153;border-radius:8px;background:#211e2d;min-height:246px;display:flex;align-items:center}
.hero-art{position:absolute;inset:0 0 0 34%;z-index:-2;background:url("/assets/fight-night.png") center 54%/cover no-repeat;image-rendering:pixelated}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#24212d 0%,#262232 32%,rgba(40,35,51,.96) 36%,rgba(40,35,51,.48) 45%,transparent 53%)}
.hero-copy{padding:29px 36px 32px;max-width:48%}
.mode,.panel-label,.status,.amount-label,.match-meta,.empty-meta,.modal-kicker,.field-label,.wallet-note{font:700 11px/1.4 var(--mono);letter-spacing:1px;text-transform:uppercase}
.mode{color:#d4c7ec;display:inline-flex;align-items:center;gap:8px;font-size:10px}
.mode i{width:6px;height:6px;background:#c9aaf6;box-shadow:0 0 8px #c59af482}
h1,h2,h3,p{margin:0}
.hero h1,h2,.match-card h3,.empty h3,.modal-inner h2,.wallet-amount,.pick-name{font:italic 800 40px/1.02 var(--display);text-transform:uppercase;letter-spacing:-.5px}
.hero h1{font-size:clamp(77px,6.7vw,99px);line-height:.96;letter-spacing:-2.7px;margin:9px 0 13px}
.hero h1 em{color:var(--lime);font-style:inherit}
.hero-copy p{max-width:340px;color:#ddd9e5;font-size:17px;line-height:1.4}
.corner{position:absolute;width:14px;height:14px;border:solid #cbaceb;opacity:.72;pointer-events:none}
.corner-tl{top:9px;left:9px;border-width:2px 0 0 2px}.corner-br{bottom:9px;right:9px;border-width:0 2px 2px 0}
.dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.37fr);gap:28px;margin-bottom:48px}
#board{scroll-margin-top:16px;min-width:0}
.section-title,.card-top,.wallet-balance,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-title{min-height:42px;margin-bottom:19px}
.section-title h2{font-size:38px}
.filters{display:flex;gap:5px;padding:0 0 13px;border-bottom:1px solid var(--line);margin-bottom:16px}
.filters button{background:transparent;color:var(--muted);border:1px solid transparent;padding:6px 13px;border-radius:4px;font-size:14px;line-height:1.25;font-weight:700}
.filters button[aria-pressed=true]{color:var(--ink);background:#303238;border-color:#44464d}
.filters button:hover{color:var(--ink);background:#24262b}
.board-error,.form-error{font-size:14px;color:#ffd1ba;padding:9px 12px;border:1px solid #6f4b3c;background:#382b25;border-radius:4px}
.board-error{margin-bottom:14px}
#markets{display:grid;gap:13px}
.empty{min-height:266px;border:1px dashed #3c3e47;border-radius:7px;text-align:center;padding:32px 18px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#22232b 0,#1a1b20 68%)}
.empty-art{display:grid;place-items:center;width:72px;height:52px;color:var(--purple);position:relative;margin-bottom:13px;background-image:radial-gradient(#575062 1px,transparent 1px);background-size:6px 6px}
.empty-art .icon{width:46px;height:46px;filter:drop-shadow(2px 2px #282031)}
.empty h3{font-size:28px}
.empty p{margin:8px auto 0;font-size:15px;color:var(--muted);max-width:385px;line-height:1.5}
.empty a,.empty button{margin-top:14px}
aside{display:flex;flex-direction:column;gap:16px}
.panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden;padding:21px 21px 20px}
.panel-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}
.panel-label h2{font:inherit;letter-spacing:1.5px}
.panel-label .icon{width:18px;height:18px}
.wallet{position:relative;isolation:isolate;border-color:#46404d;background:linear-gradient(120deg,#2a2732,#23232b 72%);color:var(--ink)}
.wallet:before{content:"";position:absolute;z-index:-1;top:0;right:0;width:104px;height:95px;background:radial-gradient(#726684 1px,transparent 1px);background-size:5px 5px;mask-image:linear-gradient(225deg,#0009 0,transparent 70%)}
.wallet .panel-label{color:#c7b5e8}
.wallet-amount{font-size:47px;letter-spacing:-.5px;line-height:1;margin:14px 0 3px;overflow-wrap:anywhere}
.wallet-note{font-size:10px;letter-spacing:1px;color:var(--muted)}
.wallet .wallet-button{width:100%;margin-top:17px;min-height:37px;background:#35323f;border-color:#555060}
.wallet-button .arrow{margin-left:auto}
.wallet .wallet-button:hover{background:#3e3a49}
.rules ul{list-style:none;margin:19px 0 16px;padding:0;display:grid;gap:15px}
.rules li{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--muted);line-height:1.42}
.rules li .icon{color:var(--purple);width:17px;height:17px;margin-top:3px}
.rules strong{display:block;color:var(--ink);font-size:15px;margin-bottom:1px}
.rules-link{background:none;border:0;border-top:1px solid var(--line);color:#d3c4ec;display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 0 0;text-align:left;font-weight:700;font-size:14px}
.rules-link:hover{color:white}
footer{border-top:1px solid #303238;padding:18px 0 25px;display:flex;align-items:center;justify-content:space-between;color:#a6a7af;font-size:13px}
.footer-brand{font-size:20px;color:#babbc1;opacity:.85}
footer i{font-style:normal;color:#686a72;margin:0 5px}
.match-card{padding:19px;border:1px solid #3c3d45;border-radius:7px;background:var(--panel);scroll-margin-top:15px}
.match-card:target{border-color:var(--purple)}
.status{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.65px;color:var(--muted)}
.status:before{content:"";height:6px;width:6px;background:currentColor}
.status.open{color:var(--lime)}.status.locked,.status.settled{color:var(--purple)}
.game{font-size:13px;color:var(--muted);overflow-wrap:anywhere;text-align:right}
.match-card h3{font-size:29px;margin:10px 0 14px;overflow-wrap:anywhere}
.outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.team-members{font-size:13px;overflow-wrap:anywhere}
.lineup{display:grid;gap:8px}
.lineup-row{display:flex;gap:6px;align-items:end}
.lineup-row .player-field{flex:1}
.lineup-row .button{padding-inline:8px}
.net-up{color:#a0e970}.net-down{color:#ff8989}.net-even{color:var(--muted)}
.reward-box{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.reward-box small{color:var(--muted)}
.payouts :is(th,td):not(:first-child){text-align:right;padding-left:4px}
.side{display:flex;flex-direction:column;text-align:left;align-items:flex-start;position:relative;padding:11px 13px;border:1px solid #494055;border-radius:5px;background:#29262f;color:var(--ink);min-width:0}
.side.b{border-color:#414a36;background:#282c24}
button.side:hover{border-color:var(--purple);background:#322b3d}
button.side.b:hover{border-color:var(--lime);background:#2d3328}
.side .amount-label{color:var(--purple);font-size:9px}.side.b .amount-label{color:var(--lime)}
.pick-name{font-size:23px;margin:5px 0 3px;overflow-wrap:anywhere;width:100%}
.side-pool{color:var(--muted);font-size:13px}
.vs{align-self:center;justify-self:center;font:italic 800 15px var(--display);color:#92939c}
.pool-bar{margin:11px 0 3px;display:flex;gap:2px;height:4px;background:#34353b;overflow:hidden;border-radius:1px}
.pool-bar i{background:var(--purple)}.pool-bar i+i{background:var(--lime)}
.card-footer{margin-top:11px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.card-footer span{overflow-wrap:anywhere}.card-footer strong{color:var(--ink)}
.card-info,.host-tools{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}
.card-info{color:#d1c7dd;font-size:14px}
.host-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.host-tools span{color:var(--muted);font-size:13px;margin-right:auto}
.host-tools button{min-height:33px;padding:6px 10px;font-size:13px}
.host-tools .void{background:transparent}
dialog{width:min(447px,calc(100vw - 28px));color:var(--ink);background:#212228;border:1px solid #52535e;border-radius:9px;padding:0;box-shadow:0 20px 90px #000b}
dialog::backdrop{background:#08090dc9}
.modal-inner{position:relative;padding:27px}
.modal-inner h2{font-size:35px;padding-right:22px;margin:4px 0 13px;overflow-wrap:anywhere}
.modal-inner p,.modal-inner li{color:#c4c4cb;font-size:15px}
.modal-inner .modal-kicker{color:var(--purple);font-size:10px}
.close{position:absolute;right:12px;top:12px;color:#c6c7ce;background:transparent;font:25px/1 Arial,sans-serif;border:0;width:30px;height:30px}
.close:hover{color:white}
form.fields{display:grid;gap:13px}
.fields label{display:grid;gap:5px;color:#dddddf;font-size:14px;font-weight:700}
.fields input{width:100%;background:#17181c;color:var(--ink);border:1px solid #50515b;padding:9px 10px;line-height:1.3;border-radius:4px}
.fields input:focus{border-color:var(--purple)}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick{display:flex;gap:6px;flex-wrap:wrap}
.quick button{padding:4px 9px;min-height:29px;font-size:13px}
.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.modal-body-copy{margin-bottom:17px}
.rules-list{margin:10px 0 18px;padding-left:19px}
.rules-list li{margin-bottom:7px}
.winner-options{display:grid;gap:8px;margin:14px 0}
.winner-options label{display:flex;align-items:center;padding:10px;border:1px solid var(--line);border-radius:4px;gap:10px;overflow-wrap:anywhere}
.winner-options input{accent-color:var(--lime);width:auto}
.flash{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);border:1px solid #696268;border-radius:5px;color:var(--ink);background:#292a30;box-shadow:0 4px 25px #0007;padding:10px 17px;font-size:15px;max-width:calc(100% - 24px);z-index:5}
.flash:empty{display:none}
@media(min-width:1450px){.hero{min-height:270px}.hero-copy{padding-left:41px}}
@media(max-width:940px){.wrap{width:calc(100% - 48px)}.header-inner{gap:30px}.dashboard{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.hero{min-height:218px}.hero-copy{padding:23px 25px}.hero h1{font-size:75px}.panel{padding:17px}.hero-art{left:29%}}
@media(max-width:715px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:64px;gap:20px}nav{gap:14px}nav button{display:none}.wordmark{font-size:29px}.hero{margin:18px 0 24px;min-height:185px}.hero-copy{padding:20px;max-width:48%}.hero h1{font-size:59px}.hero-copy p{font-size:15px}.hero-art{left:30%;background-position:53% center}.dashboard{display:flex;flex-direction:column;gap:22px}aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.section-title h2{font-size:34px}.panel{padding:16px}.hero:before{background:linear-gradient(90deg,#24212d 0%,#262232 29%,rgba(40,35,51,.93) 36%,rgba(40,35,51,.22) 48%,transparent 56%)}}
@media(max-width:480px){.wrap{width:calc(100% - 26px)}.header-inner{gap:17px}.wordmark{font-size:27px}.brand-mark{width:20px;height:20px;margin-right:6px}.header-signin{font-size:13px;min-height:32px;padding:6px 10px}.account-name{display:none}nav a{font-size:13px}.hero{min-height:222px;align-items:flex-end}.hero-art{inset:0 0 0 12%;background-size:auto 89%;background-position:57% -1px}.hero:before{background:linear-gradient(0deg,#24212d 5%,#24212df2 25%,#24212d99 49%,transparent 80%),linear-gradient(90deg,#24212d 0%,#24212d77 25%,transparent 55%)}.hero-copy{max-width:100%;padding:15px 18px 17px}.mode{font-size:9px}.hero h1{font-size:62px;margin:4px 0 5px}.hero-copy p{font-size:14px;max-width:242px}.corner-tl{width:9px;height:9px}.section-title{margin-bottom:13px}.section-title h2{font-size:31px}.section-title .button{font-size:13px;padding:7px 10px;min-height:35px}.filters{padding-bottom:11px}.empty{min-height:240px}.dashboard{margin-bottom:30px}aside{display:flex}.panel{padding:18px}.rules ul{gap:11px}.match-card{padding:14px}.side{padding:9px}.pick-name{font-size:21px}.modal-inner{padding:23px 19px}.field-pair{grid-template-columns:1fr}.footer-brand{font-size:18px}footer{font-size:12px}.account{gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.match-card.shared{border-color:var(--purple)}
.share{color:var(--purple);font:700 13px/1.4 Barlow,Arial,sans-serif;background:none;border:0;padding:2px 0}
.share:hover{text-decoration:underline}
.matchups-page .dashboard{margin-top:clamp(24px,4vw,52px)}
.matchups-page .section-title h1{margin:0;font:italic 800 clamp(40px,6vw,64px)/1 var(--display);text-transform:uppercase}
.match-section+.match-section{margin-top:30px}
.match-section>h2{display:flex;align-items:center;gap:9px;margin:18px 0 12px;font-size:27px}
.match-section>h2 small{font:600 13px var(--mono);color:var(--muted);border:1px solid var(--line);padding:3px 7px;border-radius:4px}
.match-section>.match-card+.match-card{margin-top:12px}
.section-empty{padding:18px;border:1px dashed var(--line);border-radius:6px;color:var(--muted)}
.history-list{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}
.history-entry+.history-entry{border-top:1px solid var(--line)}
.history-entry>summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(85px,auto) auto 14px;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:15px 16px}
.history-entry>summary::-webkit-details-marker{display:none}
.history-entry>summary:is(:hover,:focus-visible){background:#25262d}
.history-title{min-width:0;overflow-wrap:anywhere}
.history-title strong,.history-title small{display:block}
.history-title small,.history-pool,.history-chevron{color:var(--muted);font-size:13px}
.history-result{font-size:14px;overflow-wrap:anywhere}.history-result.won{color:var(--lime)}
.history-entry[open]>summary .history-chevron{transform:rotate(180deg)}
.history-entry .match-card{margin:0 8px 8px}
@media(max-width:600px){
  .history-entry>summary{grid-template-columns:minmax(0,1fr) auto 12px;gap:5px 9px;padding:12px}
  .history-title{grid-column:1;grid-row:1/3}.history-result,.history-pool{grid-column:2;text-align:right;max-width:115px}
  .history-chevron{grid-column:3;grid-row:1/3}
}
.match-links{display:flex;flex-wrap:wrap;gap:12px}
.payouts{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.payouts caption{text-align:left;font-weight:700;font-size:17px;padding-bottom:6px}
.payouts th,.payouts td{padding:7px 0;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.payouts th:last-child,.payouts td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.payouts thead,.payouts small{color:var(--muted);font-weight:400}
.payouts small{display:block}
.payouts tfoot td{color:var(--lime);font-weight:700}
.current-bets :is(td,th):nth-child(2):not(:last-child){text-align:left;white-space:normal}
.bet-notice{margin:9px 0;color:#d4c6e7;font-size:14px}
.player-field{display:grid;min-width:0;align-content:start;gap:5px;color:#dddddf;font-size:14px;font-weight:700}
.player-field button,.player-options button{font:inherit;text-align:left;color:var(--ink);background:#17181c;border:1px solid #50515b;border-radius:4px}
.player-field button{min-height:40px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px}
.player-field button span:first-child{overflow-wrap:anywhere}.player-field button span:last-child{color:var(--muted)}
.player-field button[aria-expanded=true]{border-color:var(--purple)}
.player-field button.has-player{color:var(--lime)}
#player-picker{width:min(385px,calc(100vw - 32px))}
#player-search-label{padding-right:20px;font-size:19px}
.fields select{font:inherit;background:#17181c;color:var(--ink);padding:9px;border:1px solid #50515b;border-radius:4px}
.fields input[type=range]{accent-color:var(--lime);padding:0;cursor:pointer}
#share-output{color:var(--lime)}
.player-options{display:grid;max-height:min(190px,32dvh);overflow:auto;overscroll-behavior:contain}
.player-options:not(:empty){margin-top:8px}
.player-options button{display:grid;gap:1px;padding:7px 9px;background:transparent;border-color:transparent;overflow-wrap:anywhere}
.player-options button:not(:disabled):hover,.player-options button:focus-visible{background:#37313f;border-color:#655777;outline-offset:-2px}
.player-options button strong{font-size:15px}.player-options button span{color:var(--muted);font-size:13px}
.picker-status:not(:empty){margin-top:7px}.modal-inner .picker-status{font-size:14px}
@media(max-width:480px){aside{align-items:stretch}}