@font-face{font-family:Sensible XI;src:url(/project/sensible-xi/fonts/sensi.woff2) format("woff2");font-display:swap}@font-face{font-family:Sensible XI;src:url(/project/sensible-xi/fonts/sensi-extra.woff2) format("woff2");unicode-range:U+25C6;font-display:swap}:root{--bg:#0a0d24;--panel:#121a4a;--edge:#6f86ff;--edge-dim:#2c3a86;--ink:#f2f4ff;--muted:#b4bce6;--good:#7cf08f;--bad:#ff7a6b;--a:#ff0000;--a-ink:#141414;--b:#ffff00;--b-ink:#141414;--focus:#ffe066;--panel-2:#1b2560;--hud:72px;--side:300px;--gap:12px}*{box-sizing:border-box}html{scrollbar-gutter:stable;color-scheme:dark}body{margin:0;background:radial-gradient(60% 55% at 12% 18%,#1d2c86 0,transparent 70%),radial-gradient(50% 50% at 88% 12%,#2b1f74 0,transparent 70%),radial-gradient(40% 40% at 50% 50%,#141c58 0,transparent 75%),var(--bg);background-attachment:fixed;color:var(--ink);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;min-height:100svh;display:flex;flex-direction:column;justify-content:center}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.logo,.tagline,.team-name,.name-input,.side select,.kit-row select,.side h2,.side h3,.matchup h2,.empty-pitch span,.chip{font-family:Sensible XI,ui-monospace,monospace;font-weight:400;line-height:1;-webkit-font-smoothing:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hud{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 12px}.brand{display:inline-flex;flex-direction:column;align-items:stretch;gap:8px}.tagline{margin:0;font-size:16px;color:var(--muted);white-space:nowrap;text-transform:uppercase}.logo{font-size:40px;margin:0;white-space:nowrap;text-shadow:3px 3px 0 #2c3a86}.stage{display:grid;grid-template-columns:var(--side) minmax(0,1fr) var(--side);gap:var(--gap);padding:0 var(--gap) var(--gap)}.side{display:flex;flex-direction:column;height:0;min-height:100%;color:var(--ink)}.side-head{padding:14px 14px 12px}.team-name{display:flex;align-items:center;gap:10px;width:100%;font-size:16px;line-height:1;margin:0 0 10px;min-height:52px;padding:8px 10px;text-align:left;color:var(--ink);background:#ffffff14;border:0;cursor:pointer}.team-name:hover{background:#ffffff24}.random-btn{display:block;width:100%;margin-top:8px;font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none;color:var(--ink);background:#ffffff14;border:0;padding:10px 12px 9px;min-height:40px;cursor:pointer}.random-btn:hover{background:#ffffff24}.fpick{display:flex;align-items:stretch;gap:6px;margin:0 0 8px}.fpick .fopen{flex:1;border:0;cursor:pointer;text-align:center}.arrow{flex:none;width:40px;display:flex;align-items:center;justify-content:center;padding:3px 0 0;font-family:Sensible XI,monospace;font-size:24px;line-height:.75;-webkit-font-smoothing:none;color:var(--ink);background:#ffffff14;border:0;cursor:pointer}.arrow:hover{background:#ffffff24}.kit-sprite{width:24px;height:36px;flex:none;image-rendering:pixelated}.team-name .name{display:flex;flex-direction:column;gap:4px;min-width:0}.team-name .city{color:var(--muted)}.team-name .city:empty{display:none}.custom{margin-top:8px}.name-input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#ffffff14;border:0;border-radius:0;padding:9px 10px 8px;min-height:44px}.name-input::placeholder{color:var(--muted)}.side select{width:100%;font-size:16px;color:var(--ink);background:#ffffff14;border:0;border-radius:0;padding:9px 10px 8px;min-height:44px;cursor:pointer}.kit-row{display:flex;align-items:center;gap:6px;margin-top:10px}.kit-preview{width:24px;height:36px;image-rendering:pixelated;flex:none;margin-right:4px}.kit-row{position:relative}.swatch{width:32px;height:32px;flex:none;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff40}.swatch:disabled{opacity:.3;cursor:not-allowed}.palette{position:absolute;left:0;top:calc(100% + 6px);z-index:5;display:grid;grid-template-columns:repeat(4,32px);gap:6px;padding:8px;background:var(--bg);box-shadow:0 8px 24px #00000080}.palette button{width:32px;height:32px;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff40}.palette button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.kit-row select{flex:1;min-width:0;font-size:16px;color:var(--ink);background:#ffffff14;border:0;border-radius:0;padding:8px 6px 7px;min-height:32px;cursor:pointer}.side-body{flex:1;min-height:0;overflow:auto;padding:12px 14px 16px}.centre{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.pitch-wrap{position:relative;flex:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pitch img,.pitch canvas{-webkit-user-drag:none}.pitch{position:relative;width:100%;aspect-ratio:172/116}.pitch canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.layer{position:absolute;inset:0}.pitch canvas.focus{opacity:0;pointer-events:none}.empty-pitch{position:absolute;left:0;right:0;bottom:8%;display:flex;justify-content:center;pointer-events:none}.empty-pitch[hidden]{display:none}.empty-pitch span{font-size:16px;background:#060920d9;color:var(--ink);padding:8px 10px 7px;animation:blink 1.2s steps(2,start) infinite}@keyframes blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.empty-pitch span{animation:none}}.legend{font-size:13px;color:var(--muted);margin:0;text-align:center;min-height:1.4em}.legend i{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin:0 4px 0 12px}.legend i:first-child{margin-left:0}.matchup{width:100%;min-height:170px;overflow:auto;scrollbar-gutter:stable both-edges;padding:12px 14px}.foot{margin:0;padding:0 12px 14px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}.foot a:hover{color:var(--ink)}.boards{position:absolute;left:0;right:0;top:var(--board-top);height:var(--board-h);z-index:3;display:flex;gap:calc(var(--s) * 1px);pointer-events:none}.boards.bottom{top:auto;bottom:var(--board-bottom)}.boards.bottom .board{transform:rotate(180deg)}.board{position:absolute;top:0;bottom:0;width:calc(var(--s) * var(--w) * 1px);min-width:0;display:flex;align-items:flex-start;padding-top:var(--board-pad)!important;justify-content:center;overflow:hidden;white-space:nowrap;padding:0;text-decoration:none;font-family:Sensible XI,monospace;font-size:var(--board-font);line-height:var(--board-line);-webkit-font-smoothing:none;text-transform:uppercase;color:#8c93b8;background:#2a2f48}.board.comp{flex:0 0 auto;border:0;pointer-events:auto;cursor:pointer}.board.comp:focus:not(:focus-visible){outline:none}.board.ticker{justify-content:flex-start;background:#000;color:#fff}.roll{flex:none;animation:roll 10s steps(100) infinite}@keyframes roll{0%{transform:translate(calc(var(--s) * var(--bw) * 1px))}to{transform:translate(calc(var(--s) * var(--tw) * -1px))}}.pitch-step{position:absolute;top:0;bottom:0;z-index:3;padding:0;border:0;background:none;cursor:pointer;color:#fff}.pitch-step.prev{left:0;width:calc(var(--s) * 12px)}.pitch-step.next{right:0;width:calc(var(--s) * 11px)}.pitch-step:before{font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none;opacity:.35;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.pitch-step.prev:before{content:"<"}.pitch-step.next:before{content:">"}.pitch-step:hover,.pitch-step:focus-visible{background:#0000002e}.pitch-step:hover:before,.pitch-step:focus-visible:before{opacity:1}.pitch-step:focus:not(:focus-visible){outline:none}.pitch-name{position:absolute;left:50%;top:8%;z-index:3;transform:translate(-50%);margin:0;padding:6px 10px 5px;font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none;text-transform:uppercase;color:#fff;background:#060920d9;pointer-events:none;animation:say 1.3s ease both}.pitch-name[hidden]{display:none}.ball:focus:not(:focus-visible){outline:none}.ball{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:calc(var(--s) * 13px);height:calc(var(--s) * 13px);padding:0;border:0;background:none;cursor:pointer}.bubble{position:absolute;z-index:2;transform:translate(-50%,calc(-100% - var(--s) * 13px));font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none;text-transform:uppercase;white-space:nowrap;color:#111;background:#fff;padding:4px 6px 3px;pointer-events:none;animation:say 1.8s ease both}.bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:4px solid transparent;border-top-color:#fff}@keyframes say{0%,to{opacity:0}12%,85%{opacity:1}}.party{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 20px;text-align:center;background:#060920f2;box-shadow:inset 2px 2px #5c6286,inset -2px -2px #1e2134,0 8px 24px #00000080;animation:pop .12s ease-out both;user-select:none;-webkit-user-select:none}.party[hidden]{display:none}.pitch-wrap.asking:after{content:"";position:absolute;inset:0;z-index:4;background:#06092099;animation:dim .12s ease-out both}@keyframes dim{0%{opacity:0}}.party p{margin:0;font-family:Sensible XI,monospace;font-size:16px;line-height:1.4;-webkit-font-smoothing:none;text-transform:uppercase;max-width:28ch}.party-actions{display:flex;gap:8px}.party .back-btn{padding:0 14px;min-height:44px;white-space:nowrap}.party-yes{background:#1f6b2a!important;box-shadow:inset 2px 2px #3e9a4a,inset -2px -2px #0e3a15!important}.party-yes:hover,.party-yes:focus-visible{background:#2a8436!important}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@media(prefers-reduced-motion:reduce){.party{animation:none}}.chooser{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;gap:6px;padding:8px;background:#060920eb;overflow:auto;user-select:none;-webkit-user-select:none}.chooser[hidden]{display:none}.chooser-title{margin:0;padding:10px 12px 8px;text-align:center;font-family:Sensible XI,monospace;font-size:24px;line-height:1;-webkit-font-smoothing:none;background:#5a5f74;box-shadow:inset 2px 2px #9aa0b8,inset -2px -2px #2e3142}.chooser-head{display:grid;grid-template-columns:80px 1fr 80px;gap:6px;align-items:stretch}.back-btn{font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none;color:var(--ink);background:#3a3f58;border:0;padding:0 12px;cursor:pointer;box-shadow:inset 2px 2px #5c6286,inset -2px -2px #1e2134;min-height:40px}.back-btn:not(:disabled):hover,.back-btn:focus-visible{background:#4b5274}.back-btn:disabled{color:var(--muted);opacity:.45;cursor:not-allowed}.club-grid.nine{grid-template-rows:repeat(3,60px)}.club-grid.nine .club-btn{justify-content:center}.club-grid.six{grid-template-rows:repeat(2,72px)}.club-grid.six .club-btn{gap:10px;padding:8px 12px}.club-grid.six .club-btn img{width:24px;height:36px}.club-grid.six .club-btn .c{white-space:normal;line-height:1.25;overflow:visible}.country-btn{justify-content:space-between}.country-btn .n{font-size:11px;color:var(--muted)}.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.club-btn{display:flex;align-items:center;gap:6px;padding:4px 6px;text-align:left;color:var(--ink);background:#3a3f58;border:0;cursor:pointer;box-shadow:inset 2px 2px #5c6286,inset -2px -2px #1e2134;min-height:36px}.club-btn:hover,.club-btn:focus-visible{background:#4b5274}.club-btn[aria-current=true]{outline:2px solid #fff;outline-offset:-2px}.club-btn img{width:16px;height:24px;flex:none;image-rendering:pixelated}.club-btn .c{min-width:0;font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player{position:absolute;transform:translate(-50%,-85%);transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.player img{display:block;image-rendering:pixelated;width:calc(var(--s) * 8px);height:calc(var(--s) * 12px);transition:opacity .45s ease}.players.dimmed .player:not(.lit) img{opacity:.35}.player.hide{opacity:0}@media(prefers-reduced-motion:reduce){.player,.player img{transition:none}}.side h2{font-size:16px;margin:0 0 6px}.chip{display:inline-block;font-size:24px;padding:5px 7px 4px}.chip.a{background:var(--a);color:var(--a-ink)}.chip.b{background:var(--b);color:var(--b-ink)}.summary{margin:0;color:var(--muted)}.side h3{font-size:16px;margin:18px 0 6px;display:flex;align-items:center;gap:8px}.side h3:before{content:"";flex:none;width:10px;height:10px;transform:translateY(-1px);background:var(--good);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M4 0h2v2h1v2h1v2h1v2h1v2H0V8h1V6h1V4h1V2h1z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M4 0h2v2h1v2h1v2h1v2h1v2H0V8h1V6h1V4h1V2h1z'/%3E%3C/svg%3E") center/100% 100% no-repeat}.side h3.w:before{background:var(--bad);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 0h10v2h-1v2h-1v2h-1v2h-1v2H4V8H3V6H2V4H1V2H0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 0h10v2h-1v2h-1v2h-1v2h-1v2H4V8H3V6H2V4H1V2H0z'/%3E%3C/svg%3E")}.points{list-style:none;margin:0;padding:0}.pt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-weight:400;color:inherit;background:none;border:0;padding:8px 6px;cursor:pointer;min-height:36px}.pt:before{content:"";flex:none;width:8px;height:8px;background:var(--good)}.w .pt:before{background:var(--bad)}.pt span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt:after{content:"+";font-family:Sensible XI,monospace;font-size:16px;line-height:1;color:var(--muted)}.pt[aria-expanded=true]:after{content:"-"}.pt:hover,.point.on .pt{background:#ffffff14}.desc{margin:0 0 6px;padding:0 8px 8px 26px;color:var(--muted)}.desc[hidden]{display:none}.side .muted{color:var(--muted);margin:0}.matchup .vs .chip.a{justify-self:end}.matchup .vs .chip.b{justify-self:start}.matchup h2{font-size:16px;margin:0 0 10px;text-align:center}.matchup .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 0 12px;font-family:Sensible XI,monospace;font-size:16px;line-height:1;-webkit-font-smoothing:none}.msides{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mpoints{list-style:none;margin:0;padding:0}.mpoints.b .mpoint{text-align:right}.mpoints.even{max-width:50%;margin:8px auto 0;text-align:center}@media(max-width:600px){.msides{grid-template-columns:1fr}.mpoints.b .mpoint{text-align:left}.mpoints.even{max-width:none}}.mpoint{padding:6px 8px;margin:0 0 2px;cursor:default}.edge:before,.mpoints.b .edge:after{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:var(--muted)}.mpoint.for .edge:before{background:var(--a)}.mpoints.b .edge:before{display:none}.mpoints.b .edge:after{margin:0 0 0 6px;background:var(--b)}@media(max-width:600px){.mpoints.b .edge:before{display:inline-block;background:var(--b)}.mpoints.b .edge:after{display:none}}.mpoint:hover,.mpoint.on{background:#ffffff14}.mpoint p{margin:0}.edge{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.matchup .muted{color:var(--muted);margin:0}@media(max-width:960px){.stage{grid-template-columns:1fr 1fr;height:auto}.centre{grid-column:1 / -1;order:-1}.matchup{flex:none}.side-body{overflow:visible}.side{height:auto;min-height:0}body{display:block}}@media(max-width:600px){.stage{grid-template-columns:1fr}.logo{font-size:24px}}@media(max-width:960px){.chooser{position:fixed;z-index:50;padding:16px;background:#060920f7}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.club-grid{grid-template-columns:1fr}.club-grid.six{grid-template-rows:repeat(6,60px)}.club-grid.nine{grid-template-rows:none;grid-auto-rows:52px}}.intro .hud,.intro .stage,.intro .foot{visibility:hidden}