@font-face{font-family:Kickoffice Display;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-latin-wdth-normal.1wb8qz68xbxwc.woff2)format("woff2-variations")}.page-kickoffice,.ko-scope{--ko-ink:#0b101a;--ko-ink2:#121a2a;--ko-paper:#f4f6f9;--ko-dim:#9aa6b8;--ko-lime:#c6f04a;--ko-line:#f4f6f91a}.ko-display{font-family:"Kickoffice Display", var(--font-sans);text-transform:uppercase;letter-spacing:-.01em;font-weight:800;font-stretch:75%}.ko-pitch-bg{background-color:#0b101a;background-image:linear-gradient(#f4f6f909 1px,#0000 1px),linear-gradient(90deg,#f4f6f909 1px,#0000 1px);background-size:40px 40px}.ko-lime{color:#c6f04a}.ko-dim{color:#9aa6b8}.ko-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#c6f04a;align-items:center;gap:10px;font-size:13px;display:inline-flex}.ko-kicker:before{content:"";background:#c6f04a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #c6f04acc}.ko-h2{font-family:"Kickoffice Display", var(--font-sans);letter-spacing:-.01em;text-transform:uppercase;color:#f4f6f9;margin:0;font-size:clamp(44px,6vw,88px);font-weight:800;font-stretch:75%;line-height:.92}.ko-panel{background:#121a2a;border:1px solid #f4f6f91a;border-radius:24px}.ko-chip{height:34px;font-family:var(--font-mono);letter-spacing:.04em;border:1px solid #f4f6f92e;border-radius:999px;align-items:center;padding:0 14px;font-size:12px;display:inline-flex}.ko-wordmark{white-space:nowrap;font-family:"Kickoffice Display", var(--font-sans);letter-spacing:-.015em;text-transform:uppercase;color:#f4f6f9;margin:0;font-size:clamp(64px,9.6vw,150px);font-weight:800;font-stretch:75%;line-height:.84}.ko-wordmark.fit{font-size:clamp(48px,21cqw,150px)}.ko-wordmark .ko-dot{background:#c6f04a;border-radius:50%;width:.16em;height:.16em;margin-left:.05em;animation:2.4s ease-in-out infinite ko-pulse;display:inline-block;box-shadow:0 0 .35em #c6f04a99}@keyframes ko-pulse{0%,to{box-shadow:0 0 .2em #c6f04a66}50%{box-shadow:0 0 .6em #c6f04ae6}}.ko-scarf{background:repeating-linear-gradient(-45deg,#c6f04a 0 14px,#121a2a 14px 28px);height:10px}.ko-stadium{background:radial-gradient(120% 70% at 50% 0,#16213a 0%,#0b101a 60%);position:relative;overflow:hidden}.ko-beam{pointer-events:none;mix-blend-mode:screen;opacity:.55;width:70%;height:120%;animation:9s ease-in-out infinite ko-flicker;position:absolute;top:-10%}.ko-beam.l{background:conic-gradient(from 150deg at 0 0,#0000 0deg,#f4f6f921 12deg,#c6f04a0d 22deg,#0000 34deg);left:-18%}.ko-beam.r{background:conic-gradient(from 176deg at 100% 0,#0000 0deg,#c6f04a0d 12deg,#f4f6f921 22deg,#0000 34deg);animation-delay:-4s;right:-18%}@keyframes ko-flicker{0%,to{opacity:.5}45%{opacity:.62}50%{opacity:.46}55%{opacity:.6}}.ko-crowd{background-image:radial-gradient(circle,#f4f6f929 1.4px,#0000 1.8px),radial-gradient(circle,#c6f04a38 1.4px,#0000 1.8px);background-position:0 0,7px 6px;background-size:14px 12px,38px 30px;height:160px;animation:3.2s steps(2,end) infinite ko-crowd;position:absolute;bottom:120px;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 40% 70%,#0000);mask-image:linear-gradient(#0000,#000 40% 70%,#0000)}@keyframes ko-crowd{50%{background-position:0 -1px,7px 4px}}.ko-turf{transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#12442a 0 80px,#0f3b24 80px 160px);height:340px;position:absolute;bottom:-160px;left:-10%;right:-10%;transform:perspective(600px)rotateX(62deg);box-shadow:inset 0 60px 80px #0b101a}.ko-turf:before{content:"";border:3px solid #f4f6f947;border-bottom:none;position:absolute;inset:30px 12%}.ko-turf:after{content:"";border:3px solid #f4f6f947;border-radius:50%;width:180px;height:180px;margin-left:-90px;position:absolute;top:30px;left:50%}.ko-pop{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f6f9;white-space:nowrap;background:#121a2aeb;border:1px solid #f4f6f924;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:650;animation:6s ease-in-out infinite ko-bob;display:inline-flex;position:absolute;box-shadow:0 18px 40px #00000073}.ko-pop small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9aa6b8;font-size:10px;font-weight:500;display:block}.ko-pop .ic{color:#c6f04a;width:30px;height:30px;font-family:var(--font-mono);background:#0b101a;border-radius:9px;place-items:center;font-size:13px;font-weight:700;display:grid}.ko-pop.up .ic{color:#0b101a;background:#c6f04a}.ko-pop.down .ic{color:#ff7a7a;background:#3a1720}@keyframes ko-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1279px){.ko-pop{display:none}}.ko-phone{aspect-ratio:300/512;color:#121a2a;font-family:var(--font-sans);background:linear-gradient(160deg,#2a3550,#141c2d);border-radius:2.4em;padding:.55em;position:relative;box-shadow:0 50px 100px #0009,0 0 0 1px #f4f6f924,0 0 80px #c6f04a14}.ko-screen{background:#f4f6f9;border-radius:1.9em;flex-direction:column;gap:.8em;height:100%;padding:.9em .8em;display:flex;overflow:hidden}.ko-hud{color:#f4f6f9;background:#121a2a;border-radius:1em;align-items:center;gap:.6em;padding:.7em .8em;display:flex;box-shadow:inset 0 -.22em #c6f04a}.ko-hud .ko-dim{color:#9aa6b8}.ko-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#4a5568;border:1px solid #121a2a26;border-radius:999px;align-self:center;padding:.3em .9em;font-size:.62em}.ko-card{transform-origin:50% 120%;color:#121a2a;background:#fff;border:1px solid #121a2a14;border-radius:1.2em;flex-direction:column;gap:.9em;padding:1em;animation:6s ease-in-out infinite ko-swipe;display:flex;box-shadow:0 .8em 1.6em #121a2a1f}.ko-card .ko-dim{color:#6b7588}.ko-av{color:#c6f04a;width:2.4em;height:2.4em;font-family:var(--font-mono);background:#121a2a;border-radius:50%;place-items:center;font-size:.78em;font-weight:700;display:grid}.ko-opts{justify-content:space-between;gap:.5em;display:flex}.ko-opt{border:1px solid #121a2a26;border-radius:.8em;padding:.45em .8em;font-size:.78em;font-weight:700}.ko-l{animation:6s ease-in-out infinite ko-left}.ko-r{animation:6s ease-in-out infinite ko-right}.ko-next{color:#f4f6f9;background:#121a2a;border-radius:.9em;align-items:center;gap:.6em;padding:.6em .8em;font-size:.72em;display:flex}.ko-next b{color:#c6f04a;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.9em}.ko-pulses{grid-template-columns:1fr 1fr;gap:.5em;margin-top:auto;display:grid}.ko-pulse{background:#fff;border:1px solid #121a2a14;border-radius:.8em;align-items:center;gap:.45em;padding:.55em .65em;font-size:.7em;font-weight:700;display:flex}.ko-pips{gap:.2em;margin-left:auto;display:flex}.ko-pips i{background:#121a2a24;border-radius:50%;width:.5em;height:.5em}.ko-pips i.on{background:#121a2a}.ko-up{color:#5e8a0a}.ko-down{color:#d64545}@keyframes ko-swipe{0%,12%,50%,62%,to{transform:none}25%,37%{transform:translate(-9%)rotate(-7deg)}75%,87%{transform:translate(9%)rotate(7deg)}}@keyframes ko-left{0%,12%,50%,to{color:inherit;background:0 0}25%,37%{color:#f4f6f9;background:#121a2a}}@keyframes ko-right{0%,62%,to{color:inherit;background:0 0}75%,87%{color:#121a2a;background:#c6f04a;border-color:#c6f04a}}.ko-float{animation:7s ease-in-out infinite ko-float}@keyframes ko-float{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-2.5deg)translateY(-12px)}}.ko-mq{z-index:4;color:#0b101a;background:#c6f04a;width:106%;margin:-28px -3% 0;position:relative;overflow:hidden;transform:rotate(-1.6deg);box-shadow:0 20px 50px #00000059}.ko-mq-track{white-space:nowrap;width:max-content;padding:16px 0;animation:40s linear infinite ko-mq;display:flex}.ko-mq-track span{font-family:"Kickoffice Display", var(--font-sans);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:26px;padding-right:26px;font-size:clamp(22px,2.4vw,32px);font-weight:800;font-stretch:75%;display:inline-flex}.ko-mq-track span:after{content:"";background:#0b101a;border-radius:50%;width:12px;height:12px}@keyframes ko-mq{to{transform:translate(-50%)}}.ko-step{transition:transform .25s,border-color .25s,box-shadow .25s}.ko-step:hover{border-color:#c6f04a80;transform:translateY(-6px);box-shadow:0 24px 50px #00000059}.ko-art{height:240px;position:relative;overflow:hidden}.ko-stack{width:min(250px,82%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ko-stack .ko-card{font-size:14px}.ko-ghost{opacity:.35;background:#fff;border-radius:1.2em;position:absolute;inset:0}.ko-run{animation:5s ease-in-out infinite ko-run}@keyframes ko-run{0%,to{transform:translate(0)}50%{transform:translate(var(--dx,8px), var(--dy,-6px))}}.ko-ball{animation:5s ease-in-out infinite ko-ball}@keyframes ko-ball{0%{transform:translate(0)}35%{transform:translate(70px,-28px)}60%{transform:translate(118px,-8px)}72%,to{transform:translate(152px,-42px)}}.ko-net{animation:5s ease-in-out infinite ko-net}@keyframes ko-net{0%,70%{opacity:0}76%,94%{opacity:1}to{opacity:0}}.ko-vote{transform-origin:0;animation:4.5s cubic-bezier(.2,.8,.2,1) infinite ko-vote}@keyframes ko-vote{0%{transform:scaleX(0)}45%,to{transform:scaleX(1)}}.ko-stamp{animation:4.5s ease-in-out infinite ko-stamp}@keyframes ko-stamp{0%,48%{opacity:0;transform:rotate(-8deg)scale(1.4)}56%,92%{opacity:1;transform:rotate(-8deg)scale(1)}to{opacity:0;transform:rotate(-8deg)scale(1)}}.ko-gauge{transition:transform .25s,border-color .25s}.ko-gauge:hover{border-color:#c6f04a73;transform:translateY(-6px)}.ko-ring{transform:rotate(-90deg)}.ko-ring .arc{stroke-dasharray:var(--len) 999;animation:1.6s cubic-bezier(.2,.8,.2,1) both ko-arc}@keyframes ko-arc{0%{stroke-dasharray:0 999}}.ko-msg{background:#121a2a;border:1px solid #f4f6f91a;border-radius:20px;gap:14px;padding:16px 18px;transition:transform .2s,border-color .2s;animation:.7s cubic-bezier(.2,.8,.2,1) both ko-in;display:flex;box-shadow:0 18px 40px #0000004d}.ko-msg:hover{border-color:#c6f04a73;transform:translate(-6px)}.ko-msg .who{color:#c6f04a;width:44px;height:44px;font-family:var(--font-mono);background:#0b101a;border-radius:14px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}@keyframes ko-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}.ko-badge{height:22px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9aa6b8;background:#f4f6f914;border-radius:6px;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.ko-badge.hot{color:#ff8a8a;background:#3a1720}.ko-board{background:#070b12;border:1px solid #f4f6f91a;border-radius:24px;overflow:hidden;box-shadow:inset 0 2px #f4f6f90a,0 30px 60px #00000059}.ko-row{border-top:1px solid #f4f6f90f;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px clamp(16px,2.4vw,28px);display:grid}.ko-row:first-child{border-top:none}.ko-flaps{flex-wrap:wrap;gap:3px;display:flex}.ko-flap{color:#f4f6f9;width:clamp(20px,2.1vw,28px);height:clamp(28px,2.9vw,38px);font-family:var(--font-mono);background:linear-gradient(#1a2234 50%,#141b2a 50%);border-radius:4px;place-items:center;font-size:clamp(13px,1.4vw,18px);font-weight:700;animation:.5s cubic-bezier(.3,1.4,.5,1) both ko-flip;display:grid;position:relative}.ko-flap:after{content:"";background:#0009;height:1px;position:absolute;top:50%;left:0;right:0}@keyframes ko-flip{0%{transform:rotateX(90deg)}}.ko-open{font-family:var(--font-mono);letter-spacing:.1em;color:#c6f04a;font-size:12px;font-weight:700;animation:2.4s step-end infinite blink}@media (max-width:640px){.ko-row{grid-template-columns:26px minmax(0,1fr) auto}.ko-row .ko-clubs{display:none}}.ko-final{background:radial-gradient(80% 90% at 50% 0,#1b2944,#0b101a 70%);border:1px solid #c6f04a4d;border-radius:36px;position:relative;overflow:hidden}.ko-final .ko-beam{opacity:.4}.ko-playable{outline-offset:6px;aspect-ratio:300/470;-webkit-user-select:none;user-select:none}.ko-deck{display:grid;position:relative}.ko-deck>*{grid-area:1/1}.ko-pcard{transform-origin:50% 110%;color:#121a2a;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background:#fff;border:1px solid #121a2a14;border-radius:1.2em;flex-direction:column;gap:.9em;padding:1em;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 .8em 1.6em #121a2a24}.ko-pcard>*{transition:opacity .25s}.ko-pcard .ko-dim{color:#6b7588}.ko-pcard.dragging{cursor:grabbing;transition:none}.ko-play-enter{animation:.38s cubic-bezier(.2,.8,.2,1) backwards ko-enter}.ko-behind{pointer-events:none;transform:translateY(.7em)scale(.94);box-shadow:0 .4em 1em #121a2a14}.ko-behind>*{opacity:.5}.ko-fly{pointer-events:none;animation:.34s cubic-bezier(.4,0,.9,.6) forwards ko-fly-r}.ko-fly-l{animation-name:ko-fly-l}@keyframes ko-fly-r{0%{transform:translateX(var(--x)) rotate(var(--r))}to{opacity:0;transform:translate(170%)rotate(22deg)}}@keyframes ko-fly-l{0%{transform:translateX(var(--x)) rotate(var(--r))}to{opacity:0;transform:translate(-170%)rotate(-22deg)}}@keyframes ko-enter{0%{opacity:0;transform:translateY(1.4em)scale(.95)}}.ko-lean{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;border-radius:.6em;padding:.3em .7em;font-size:.66em;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;top:-.9em;transform:scale(.9)}.ko-lean-l{color:#f4f6f9;background:#121a2a;left:.6em}.ko-lean-r{color:#121a2a;background:#c6f04a;right:.6em}.ko-lean.on{opacity:1;transform:none}.ko-pcard .ko-opt{font:inherit;color:inherit;cursor:pointer;background:0 0;font-size:.78em;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.ko-pcard .ko-opt:hover,.ko-pcard .ko-opt.lean-l{color:#f4f6f9;background:#121a2a;border-color:#121a2a}.ko-pcard .ko-opt:last-child:hover,.ko-pcard .ko-opt.lean-r{color:#121a2a;background:#c6f04a;border-color:#c6f04a}.ko-end{cursor:default;gap:.8em}.ko-end.in{box-shadow:inset 0 -.3em #c6f04a,0 .8em 1.6em #121a2a24}.ko-end.out,.ko-end.sacked{box-shadow:inset 0 -.3em #d64545,0 .8em 1.6em #121a2a24}.ko-end.sacked .ko-display{color:#b42318}.ko-again{color:#c6f04a;font:inherit;cursor:pointer;background:#121a2a;border:none;border-radius:999px;align-self:flex-start;padding:.55em 1.1em;font-size:.82em;font-weight:700}.ko-again:hover{background:#0b101a}.ko-bar{background:#121a2a1f;border-radius:99px;flex:1;height:.42em;margin-left:.2em;overflow:hidden}.ko-bar>i{border-radius:inherit;background:#121a2a;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.ko-bar>i.low{background:#d64545}.ko-bar>i.ko-fill{transform-origin:0;background:#c6f04a;animation:1.2s cubic-bezier(.2,.8,.2,1) both ko-vote}.ko-hint{background:#121a2a;border-radius:50%;width:.42em;height:.42em}.ko-hint.big{width:.62em;height:.62em}.ko-delta{font-family:var(--font-mono);font-size:.95em;font-weight:800;animation:1.5s ease-out both ko-delta;position:absolute;top:-1.1em;right:.5em}@keyframes ko-delta{0%{opacity:0;transform:translateY(.3em)}15%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.4em)}}.ko-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ko-try{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#c6f04a;align-items:center;gap:10px;margin-top:22px;font-size:12px;display:inline-flex}.ko-try i{font-style:normal;animation:1.6s ease-in-out infinite ko-nudge;display:inline-block}.ko-try i:last-child{animation-delay:.8s}@keyframes ko-nudge{0%,to{transform:none}50%{transform:translate(-4px)}}.ko-try i:last-child{animation-name:ko-nudge-r}@keyframes ko-nudge-r{0%,to{transform:none}50%{transform:translate(4px)}}.ko-hover{animation:7s ease-in-out infinite ko-hover}@keyframes ko-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ko-hover:hover,.ko-hover:focus-within{animation-play-state:paused}
