:root{--accent: #e6e8ec;--on-accent: #14181f;--paper: #ffffff;--ink: #14181f;--line: 1.5px solid var(--ink);--heavy: "Archivo", "Arial Black", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:var(--accent);color:var(--ink);font-family:var(--mono)}#stage{position:relative;height:100vh;height:100dvh;width:min(100vw,calc(100vh * 9 / 19.5));width:min(100vw,calc(100dvh * 9 / 19.5));container-type:size;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:var(--paper);border-inline:var(--line);touch-action:none;user-select:none;-webkit-user-select:none}#c{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.top{width:100%;flex:none;padding:3.5cqw 4cqw 0;display:flex;align-items:flex-start;justify-content:space-between;gap:2cqw}.chips{display:flex;flex-direction:column;align-items:stretch;gap:1cqw}.chip[hidden]{display:none}h1{margin:0;font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:6.1cqw;line-height:1;white-space:nowrap;letter-spacing:-.035em}.chip{padding:.8cqw 1.6cqw;border:var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:500 2.1cqw var(--mono);letter-spacing:.08em;cursor:pointer}.chip:hover{background:var(--ink);color:var(--paper)}.chip.off{background:var(--accent);color:var(--on-accent)}#slot{width:100%;flex:1 1 0;min-height:0}#slot[hidden]{display:none}.select{flex:1 1 0;min-height:0;width:100%;padding-top:3cqw;display:flex;flex-direction:column;animation:rise .4s cubic-bezier(.2,1.2,.4,1) both}.select[hidden]{display:none}.select .lead{padding:0 4cqw;font-size:5cqw}.count{margin-top:3cqw;padding:1.4cqw 4cqw;display:flex;justify-content:space-between;border-block:var(--line);font-size:2.3cqw;letter-spacing:.1em;text-transform:uppercase}.clubs{flex:1 1 0;min-height:0;padding:3cqw 4cqw 9cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:2.5cqw;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-mask-image:linear-gradient(#000 calc(100% - 9cqw),transparent);mask-image:linear-gradient(#000 calc(100% - 9cqw),transparent)}.club{appearance:none;position:relative;aspect-ratio:4 / 5;min-width:0;padding:0;display:flex;flex-direction:column;border:var(--line);border-radius:0;background:var(--paper);color:var(--ink);cursor:pointer;transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.club:hover{transform:translateY(-1cqw)}.club:active{transform:translateY(1.5px)}.club .crest{flex:1 1 0;min-height:0;width:100%;padding:2cqw;object-fit:contain;pointer-events:none}.club .name{padding:1.4cqw 1cqw;border-top:var(--line);background:var(--a);color:var(--on);font-family:var(--heavy);font-weight:900;font-stretch:100%;font-size:2.5cqw;letter-spacing:-.01em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club small{position:absolute;top:0;right:0;padding:.5cqw 1cqw;background:var(--ink);color:var(--paper);font:500 1.9cqw var(--mono);letter-spacing:.04em}.club small:empty{display:none}.rows{flex:1 1 0;min-height:0;margin:0;padding:0 4cqw 9cqw;list-style:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-mask-image:linear-gradient(#000 calc(100% - 9cqw),transparent);mask-image:linear-gradient(#000 calc(100% - 9cqw),transparent)}.rows li{border-bottom:var(--line)}.rowBtn{appearance:none;width:100%;padding:0;display:grid;grid-template-columns:9cqw 11cqw minmax(0,1fr) auto;align-items:center;gap:2.5cqw;border:0;border-radius:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.rowBtn:hover{background:var(--accent)}.rowBtn .pos{align-self:stretch;display:grid;place-items:center;background:var(--a);color:var(--on);font-family:var(--heavy);font-weight:900;font-stretch:112%;font-size:4.4cqw;font-variant-numeric:tabular-nums}.rowBtn img{width:11cqw;height:13cqw;padding-block:1.4cqw;object-fit:contain}.rowBtn .who{min-width:0;display:flex;flex-direction:column;gap:.6cqw;font-family:var(--heavy);font-weight:900;font-stretch:100%;font-size:3.4cqw;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowBtn .who small{font:500 2.1cqw var(--mono);letter-spacing:.08em}.rowBtn .pct{padding-right:1cqw;font-family:var(--heavy);font-weight:900;font-stretch:112%;font-size:5cqw;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.rows .note{padding:3cqw 0;border-bottom:0;font-size:2.6cqw;letter-spacing:.06em;text-transform:uppercase}.panel{flex:none;height:76cqw;width:100%;padding:3cqw 4cqw 2.5cqw;display:flex;flex-direction:column;justify-content:center;gap:4cqw;animation:rise .4s cubic-bezier(.2,1.2,.4,1) both}.panel[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(6cqw)}}p{margin:0}.lead{text-align:justify;font-family:var(--heavy);font-weight:800;font-stretch:100%;font-size:6cqw;line-height:1.12;letter-spacing:-.02em}.hint{font-size:2.9cqw;line-height:1.45}.size{display:flex;flex-direction:column;gap:1cqw}.size span{font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:4.2cqw;letter-spacing:-.02em;text-transform:uppercase}.best{font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase}.best:empty{display:none}.btn{appearance:none;width:100%;padding:2.5cqw 3.5cqw;display:flex;align-items:center;justify-content:space-between;border:var(--line);border-radius:0;background:var(--paper);color:var(--ink);font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:4.2cqw;letter-spacing:-.01em;cursor:pointer;transition:background .12s,color .12s}.btn em{font-style:normal;font-family:var(--mono);font-weight:500;transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.btn:hover em{transform:translate(1.5cqw)}.btn:active{transform:translateY(1.5px)}.btn.solid{background:var(--accent);color:var(--on-accent)}.btn.ink,.btn:hover{background:var(--ink);color:var(--paper)}.btn.ink:hover{background:var(--accent);color:var(--on-accent)}.btn.big{font-size:8cqw;padding:3cqw 3.5cqw;letter-spacing:-.03em}.row{display:flex;gap:2cqw;width:100%}.row .btn{font-size:3.8cqw;padding-inline:3cqw}.btn[hidden]{display:none}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:10cqw;margin:0;cursor:ew-resize;touch-action:none;background:linear-gradient(var(--ink),var(--ink)) center / 100% 1.5px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 4.6cqw) center / 100% 3.4cqw no-repeat}input[type=range]::-webkit-slider-runnable-track{height:10cqw;background:transparent}input[type=range]::-moz-range-track{height:10cqw;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:5cqw;height:10cqw;border:var(--line);border-radius:0;background:var(--accent);transition:background .1s}input[type=range]::-moz-range-thumb{width:5cqw;height:10cqw;border:var(--line);border-radius:0;background:var(--accent)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{background:var(--ink)}#result{gap:2cqw;justify-content:flex-start}.scoreWrap small{display:block;font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase}.score{font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:12.5cqw;line-height:.92;letter-spacing:-.05em;font-variant-numeric:tabular-nums;transform-origin:left center}#result.final .score{animation:slam .5s cubic-bezier(.2,1.6,.3,1)}@keyframes slam{0%{transform:scale(1.35)}60%{transform:scale(.97)}}.after{width:100%;display:flex;flex-direction:column;gap:2cqw;opacity:0;transform:translateY(5cqw);pointer-events:none}#result.final .after{opacity:1;transform:none;pointer-events:auto;transition:opacity .3s,transform .45s cubic-bezier(.2,1.2,.4,1)}.verdict{padding:2cqw 3cqw;background:var(--accent);color:var(--on-accent);border:var(--line);display:flex;flex-direction:column;gap:.8cqw}.verdict b{font-family:var(--heavy);font-weight:900;font-stretch:125%;font-size:4.6cqw;line-height:1;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}.verdict span{font-size:2.4cqw;letter-spacing:.04em;text-transform:uppercase}.stats{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-block:var(--line)}.stats li{padding:1.6cqw 2cqw;display:flex;flex-direction:column;gap:.6cqw}.stats li+li{border-left:var(--line)}.stats b{font-family:var(--heavy);font-weight:900;font-stretch:112%;font-size:4.4cqw;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.stats span{font-size:2.1cqw;letter-spacing:.1em;text-transform:uppercase}.stats li.record{background:var(--accent);color:var(--on-accent)}#toast{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;transform:translateY(250%);background:var(--ink);color:var(--paper);font-size:2.8cqw;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:3cqw 3.5cqw;transition:transform .3s cubic-bezier(.2,1.2,.4,1);pointer-events:none}#toast.on{transform:none}.credit{flex:none;width:100%;padding:0 4cqw calc(1.6cqw + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.8cqw;font-size:2.4cqw;letter-spacing:.04em;white-space:nowrap}.credit p:first-child{text-align:center}.credit p+p{display:flex;justify-content:space-between}.credit a{color:var(--ink);text-decoration:none}.credit p:first-child a,.credit a:hover{text-decoration:underline}