:root{--navy: #0b1a3a;--navy-2: #122a5c;--coral: #ff5d5d;--sun: #ffd60a;--turq: #2ec4b6;--cream: #fff4d6;--purple: #7b2cbf;--ink: #08122a;--gold: #ffd60a;--silver: #d9dee7;--bronze: #d98c4a;--display: "Titan One", "Rubik", system-ui, sans-serif;--body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--skew: -8deg;--bw: 4px;--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--pad: clamp(10px, 2.2vmin, 28px)}html,body{margin:0;padding:0;height:100%}body{overflow:hidden;background:var(--navy);font-family:var(--body);color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#app{position:relative;width:100%;height:100dvh}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui{position:fixed;inset:0;pointer-events:none;overflow:hidden;font-family:var(--body);color:var(--cream);z-index:10}#ui [hidden]{display:none!important}#ui .xk-audio-pending,#ui button,#ui .xk-card,#ui .xk-mute,#ui .xk-stick-zone,#ui .xk-touch-btn,#ui .xk-scroll{pointer-events:auto}#ui button{font-family:inherit}#ui *,#ui *:before,#ui *:after{box-sizing:border-box}.xk-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.xk-display{font-family:var(--display);font-weight:400;letter-spacing:.01em;line-height:1}.xk-outline{-webkit-text-stroke:.045em var(--ink);paint-order:stroke fill;text-shadow:.055em .06em 0 var(--ink)}.xk-stripes{background-image:repeating-linear-gradient(-35deg,rgba(255,255,255,.07) 0 14px,transparent 14px 28px)}.xk-panel{position:relative;isolation:isolate}.xk-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--panel-bg, rgba(11, 26, 58, .92));border:var(--bw) solid var(--panel-border, var(--cream));box-shadow:8px 8px 0 var(--ink);transform:skew(var(--skew));border-radius:6px}.xk-btn{position:relative;isolation:isolate;display:inline-block;appearance:none;border:0;background:transparent;cursor:pointer;padding:.55em 1.5em;font:italic 900 clamp(15px,2.6vmin,26px)/1 var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);min-height:48px;transition:transform .12s cubic-bezier(.34,1.56,.64,1);outline:none}.xk-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--btn-bg, var(--sun));border:var(--bw) solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink);transform:skew(var(--skew));transition:box-shadow .12s,transform .12s}.xk-btn:hover,.xk-btn.is-focus{transform:translate(-2px,-2px) scale(1.04)}.xk-btn:hover:before,.xk-btn.is-focus:before{box-shadow:7px 7px 0 var(--ink)}.xk-btn:active{transform:translate(3px,3px)}.xk-btn:active:before{box-shadow:1px 1px 0 var(--ink)}.xk-btn--coral{--btn-bg: var(--coral);color:var(--cream)}.xk-btn--turq{--btn-bg: var(--turq)}.xk-btn--ghost{--btn-bg: var(--cream)}.xk-btn--big{font-size:clamp(20px,4vmin,40px);padding:.55em 1.8em}.xk-btn-row{display:flex;gap:clamp(14px,3vmin,32px);flex-wrap:wrap;justify-content:center;margin-top:clamp(16px,3vmin,32px)}kbd{display:inline-block;font:700 .85em/1 var(--body);background:var(--cream);color:var(--ink);padding:.28em .5em;border-radius:4px;border:2px solid var(--ink);border-bottom-width:4px;margin:0 .1em;white-space:nowrap}@keyframes xk-pop{0%{transform:scale(1.6);opacity:0}55%{transform:scale(.92);opacity:1}78%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes xk-pop-tilt{0%{transform:scale(1.6) rotate(6deg);opacity:0}55%{transform:scale(.92) rotate(-5deg);opacity:1}78%{transform:scale(1.06) rotate(-3deg)}to{transform:scale(1) rotate(-4deg)}}@keyframes xk-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.8}}@keyframes xk-stripes-move{to{background-position:160px 0}}@keyframes xk-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px,2px) rotate(-5deg)}40%{transform:translate(4px,-3px) rotate(5deg)}60%{transform:translate(-3px,3px) rotate(-3deg)}80%{transform:translate(3px,-2px) rotate(3deg)}}@keyframes xk-banner{0%{transform:scale(1.7) skew(var(--skew));opacity:0}12%{transform:scale(1) skew(var(--skew));opacity:1}72%{transform:scale(1) translate(0) skew(var(--skew));opacity:1}to{transform:scale(.85) translate(140vw) skew(var(--skew));opacity:0}}@keyframes xk-count{0%{transform:scale(2);opacity:0}18%{transform:scale(1);opacity:1}70%{transform:scale(1.02);opacity:1}to{transform:scale(.6);opacity:0}}@keyframes xk-flash{0%,to{opacity:1}50%{opacity:.2}}@keyframes xk-confetti{0%{transform:translateY(-12vh) rotate(0)}to{transform:translateY(112vh) rotate(760deg)}}@keyframes xk-glow{0%,to{filter:drop-shadow(0 0 6px var(--coral))}50%{filter:drop-shadow(0 0 22px var(--sun))}}@keyframes xk-waves{to{transform:translate(-50%)}}@keyframes xk-sun-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-2.5%)}}@keyframes xk-lap-final{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes xk-spin-in{0%{transform:rotate(-12deg) scale(.6);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes xk-rise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.xk-pop{animation:xk-pop .45s cubic-bezier(.22,1.2,.36,1) both}.xk-title{background:var(--navy);color:var(--cream);text-align:center;padding:var(--pad);pointer-events:auto;cursor:pointer}.xk-title:before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(-30deg,rgba(46,196,182,.22) 0 40px,transparent 40px 80px,rgba(255,93,93,.18) 80px 120px,transparent 120px 160px);animation:xk-stripes-move 3s linear infinite}.xk-title-sun{position:absolute;left:50%;bottom:8%;z-index:0;pointer-events:none;width:clamp(220px,60vmin,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff4d6 0 12%,var(--sun) 12% 46%,var(--coral) 46% 62%,transparent 62.5%);animation:xk-sun-bob 6s ease-in-out infinite;transform:translate(-50%);filter:drop-shadow(0 0 40px rgba(255,214,10,.35))}.xk-waves{position:absolute;left:0;bottom:0;z-index:1;width:200%;height:clamp(90px,22vmin,320px);pointer-events:none;animation:xk-waves 9s linear infinite}.xk-waves svg{width:100%;height:100%;display:block}.xk-title-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vmin,20px);max-width:100%}.xk-logo{font-size:clamp(60px,19vmin,260px);color:var(--sun);-webkit-text-stroke:.04em var(--coral);paint-order:stroke fill;text-shadow:.035em .035em 0 var(--purple),.085em .085em 0 var(--ink),0 0 .3em rgba(255,214,10,.35);transform:rotate(-4deg);animation:xk-pop-tilt .7s cubic-bezier(.22,1.2,.36,1) both;letter-spacing:-.01em;margin-top:-.05em}.xk-sticker{position:relative;isolation:isolate;display:inline-block;font:900 clamp(14px,3.2vmin,34px)/1 var(--body);text-transform:uppercase;letter-spacing:.18em;color:var(--ink);padding:.45em 1.1em .4em 1.2em}.xk-sticker:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--turq);border:var(--bw) solid var(--ink);border-radius:6px;box-shadow:6px 6px 0 var(--ink);transform:skew(var(--skew)) rotate(-2deg)}.xk-sticker--coral:before{background:var(--coral)}.xk-sticker--sun:before{background:var(--sun)}.xk-press{margin-top:clamp(10px,3vmin,40px);font:italic 900 clamp(16px,3.4vmin,36px)/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);animation:xk-pulse 1.1s ease-in-out infinite}.xk-controls{margin-top:clamp(12px,3vmin,40px);padding:clamp(10px,1.6vmin,20px) clamp(14px,2.4vmin,30px);--panel-bg: rgba(8, 18, 42, .85);--panel-border: var(--cream);display:grid;gap:.35em 1.4em;grid-template-columns:auto 1fr;align-items:baseline;font:500 clamp(11px,1.7vmin,17px)/1.7 var(--body);color:var(--cream);text-align:left;max-width:min(96vw,900px)}.xk-controls b{font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.08em;color:var(--sun)}.xk-controls span{color:var(--cream)}.xk-controls .sep{opacity:.5;padding:0 .3em}@media(max-height:520px){.xk-controls{display:none}.xk-title-sun{bottom:-10%}}@media(max-width:520px){.xk-controls{grid-template-columns:1fr;gap:.2em}.xk-controls b{display:block;margin-top:.3em}}.xk-select{background:linear-gradient(180deg,#0b1a3a,#17306b);padding:calc(clamp(6px,1.4vmin,20px) + var(--sa-t)) calc(clamp(8px,2vmin,28px) + var(--sa-r)) calc(clamp(6px,1.4vmin,20px) + var(--sa-b)) calc(clamp(8px,2vmin,28px) + var(--sa-l));justify-content:flex-start;gap:clamp(4px,1.2vmin,16px)}.xk-select:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(-35deg,rgba(255,255,255,.04) 0 18px,transparent 18px 36px)}.xk-select-head{position:relative;z-index:1;flex:none;font-size:clamp(20px,6.5vmin,90px);color:var(--cream);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--coral),.1em .1em 0 var(--ink);transform:rotate(-2deg);animation:xk-pop .5s cubic-bezier(.22,1.2,.36,1) both;text-align:center;line-height:1.1}.xk-cards{position:relative;z-index:1;width:100%;max-width:1500px;flex:1 1 auto;min-height:0;overflow:hidden;padding:10px 12px 12px}.xk-grid{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(6px,1.6vmin,24px)}@media(orientation:portrait){.xk-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}}.xk-card{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:var(--cream);color:var(--ink);opacity:.85;border:var(--bw) solid var(--ink);border-radius:10px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,border-color .18s,opacity .18s;touch-action:manipulation}.xk-card.is-selected{opacity:1;transform:translateY(-4px) rotate(-2deg) scale(1.04);border-color:var(--sun);box-shadow:0 0 0 4px var(--sun),8px 10px 0 var(--ink),0 0 30px #ffd60a80;z-index:2}.xk-card-swatch{position:relative;flex:1 1 0;min-height:clamp(22px,5vmin,130px);background:var(--c, var(--turq));border-bottom:var(--bw) solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.xk-card-swatch:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-35deg,rgba(255,255,255,.18) 0 10px,transparent 10px 22px)}.xk-card-swatch:after{content:"";position:absolute;right:-20%;bottom:-60%;width:70%;aspect-ratio:1;border-radius:50%;background:#fff3}.xk-card-img{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;max-width:none;max-height:none;box-sizing:border-box;padding:clamp(3px,.8vmin,10px) clamp(4px,1vmin,12px) 0;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 .5vmin .4vmin rgba(8,18,42,.45));pointer-events:none;transform-origin:50% 90%;transition:opacity .15s}.xk-card-img:not([src]),.xk-card-img[src=""]{opacity:0}.xk-card.is-selected .xk-card-img{animation:xk-idle-bob 2.4s ease-in-out infinite}.xk-card-num{position:absolute;top:4px;left:6px;z-index:2;font:italic 900 clamp(8px,1.4vmin,14px)/1 var(--body);color:var(--ink);background:var(--cream);padding:2px 5px;border:2px solid var(--ink);border-radius:4px}.xk-card-body{flex:none;padding:clamp(4px,1vmin,14px) clamp(6px,1.3vmin,16px) clamp(5px,1.1vmin,16px);display:flex;flex-direction:column;gap:2px;min-width:0}.xk-card-name{font-size:clamp(13px,2.7vmin,30px);color:var(--ink);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xk-card-tag{font:italic 700 clamp(9px,1.4vmin,14px)/1.2 var(--body);color:var(--purple);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xk-card-kartrow{display:flex;align-items:center;gap:2px;min-width:0;margin-bottom:3px}.xk-card-kart{flex:1 1 auto;min-width:0;font:900 clamp(8px,1.2vmin,12px)/1.2 var(--body);text-transform:uppercase;letter-spacing:.08em;color:#4b5570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xk-kart-arrow{display:none;flex:none;position:relative;appearance:none;border:0;background:transparent;cursor:pointer;outline:none;font:900 clamp(9px,1.5vmin,15px)/1 var(--body);color:var(--ink);padding:.25em .4em;margin:0;min-width:1.9em;transform:skew(calc(-1 * var(--skew)));transition:transform .1s}.xk-kart-arrow:after{content:"";position:absolute;inset:-8px -6px}.xk-kart-arrow:hover{transform:skew(calc(-1 * var(--skew))) scale(1.25);color:var(--coral)}.xk-kart-arrow:active{transform:skew(calc(-1 * var(--skew))) scale(.9)}.xk-card.is-selected .xk-card-kartrow{gap:0;margin:3px 2px 2px 3px;background:var(--sun);border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--ink);transform:skew(var(--skew))}.xk-card.is-selected.has-alt-kart .xk-card-kartrow{background:var(--turq)}.xk-card.is-selected .xk-kart-arrow{display:block}.xk-card.is-selected .xk-card-kart{text-align:center;color:var(--ink);transform:skew(calc(-1 * var(--skew)));padding:.2em 0;letter-spacing:.06em}.xk-card-kartrow.xk-bump{animation:xk-bump .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes xk-bump{0%{transform:skew(var(--skew)) scale(1)}40%{transform:skew(var(--skew)) scale(1.07)}to{transform:skew(var(--skew)) scale(1)}}@keyframes xk-idle-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3.5%) rotate(-1.5deg)}}.xk-card-blurb{display:none;font:italic 700 clamp(8px,1.25vmin,12px)/1.2 var(--body);color:var(--purple);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:-1px 0 3px}.xk-card.is-selected .xk-card-blurb{display:block}.xk-card-stats{display:flex;flex-direction:column;min-width:0}.xk-stats{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;align-items:center}.xk-stat-label{font:900 clamp(7px,1.1vmin,11px)/1 var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.xk-pills{display:flex;gap:3px;align-items:center;min-width:0}.xk-pills i{flex:1;height:clamp(5px,1vmin,11px);border-radius:3px;background:#d7d3c4;border:1.5px solid var(--ink);transform:skew(var(--skew))}.xk-pills i.on{background:var(--turq)}.xk-pills i.on.hi{background:var(--coral)}.xk-delta{flex:none;display:inline-block;font:900 clamp(7px,1vmin,10px)/1 var(--body);color:#fff;letter-spacing:.02em;padding:2px 3px 1px;border-radius:3px;border:1.5px solid var(--ink);margin-left:2px;min-width:1.9em;text-align:center;text-shadow:1px 1px 0 rgba(8,18,42,.5);animation:xk-pop .3s cubic-bezier(.22,1.2,.36,1) both}.xk-delta.up{background:#2bb673}.xk-delta.down{background:var(--coral)}.xk-stats-compact{display:none;gap:3px;margin-top:2px}.xk-stats-compact i{position:relative;flex:1;height:clamp(6px,1.4vmin,12px);border-radius:3px;border:1.5px solid var(--ink);transform:skew(var(--skew));background:linear-gradient(90deg,var(--turq) 0 calc(var(--v) * 100%),#d7d3c4 calc(var(--v) * 100%) 100%)}.xk-stats-compact .xk-delta{position:absolute;right:-3px;top:50%;margin:0;padding:1px 2px 0;font-size:7px;min-width:1.6em;transform:translateY(-50%) skew(calc(-1 * var(--skew)));z-index:1;animation:none}.xk-select-foot{position:relative;z-index:1;flex:none;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.xk-select-hint{font:700 clamp(10px,1.5vmin,15px)/1.3 var(--body);color:var(--cream);opacity:.85;text-align:center}@media(max-height:500px),(orientation:portrait)and (max-height:700px),(orientation:portrait)and (max-width:600px){.xk-stats,.xk-card-tag{display:none}.xk-stats-compact{display:flex}.xk-card-kartrow{margin-bottom:0}.xk-card.is-selected .xk-card-kartrow{margin:2px 2px 1px 3px}.xk-card-blurb{margin:0 0 1px}}@media(max-height:420px){.xk-select-hint{display:none}.xk-select-foot .xk-btn{min-height:36px;padding:.35em 1.1em;font-size:14px}.xk-select-head{font-size:clamp(18px,5vmin,30px)}.xk-card:not(.is-selected) .xk-card-kartrow,.xk-card-blurb{display:none}}@media(orientation:portrait)and (max-width:600px){.xk-card.is-selected .xk-card-tag{display:none}}#ui .xk-mode,#ui .xk-track{pointer-events:auto}.xk-mode-cards{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;max-width:1100px;display:flex;gap:clamp(14px,4vmin,48px);align-items:stretch;justify-content:center;padding:clamp(10px,2vmin,24px) clamp(12px,3vmin,36px)}.xk-mode{--mc: var(--turq);position:relative;flex:1 1 0;min-width:0;max-width:520px;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--cream);color:var(--ink);opacity:.85;border:var(--bw) solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,border-color .18s,opacity .18s}.xk-mode--single{--mc: var(--turq)}.xk-mode--gp{--mc: var(--coral)}.xk-mode.is-selected{opacity:1;z-index:2;transform:translateY(-4px) rotate(-1.5deg) scale(1.03);border-color:var(--sun);box-shadow:0 0 0 4px var(--sun),10px 12px 0 var(--ink),0 0 34px #ffd60a80}.xk-mode-art{position:relative;flex:1 1 0;min-height:clamp(70px,18vmin,260px);background:var(--mc);border-bottom:var(--bw) solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.xk-mode-art:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-35deg,rgba(255,255,255,.18) 0 14px,transparent 14px 30px)}.xk-mode-art:after{content:"";position:absolute;right:-18%;bottom:-55%;width:70%;aspect-ratio:1;border-radius:50%;background:#fff3}.xk-mode-art svg{position:relative;z-index:1;width:clamp(64px,20vmin,220px);height:auto;filter:drop-shadow(4px 5px 0 rgba(8,18,42,.45));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.xk-mode.is-selected .xk-mode-art svg{transform:scale(1.12) rotate(-6deg);animation:xk-idle-bob 2.4s ease-in-out infinite}.xk-mode-body{flex:none;padding:clamp(8px,1.8vmin,22px) clamp(12px,2.4vmin,28px) clamp(10px,2vmin,24px);display:flex;flex-direction:column;gap:clamp(3px,.8vmin,10px)}.xk-mode-name{font-size:clamp(26px,7vmin,76px);line-height:.95;color:var(--ink);text-shadow:.04em .04em 0 var(--mc)}.xk-mode-name br{display:none}.xk-mode-desc{font:italic 700 clamp(12px,2.2vmin,22px)/1.25 var(--body);color:var(--purple)}.xk-mode-desc b{font-weight:900;color:var(--ink)}.xk-mode-tag{align-self:flex-start;font:900 clamp(10px,1.6vmin,15px)/1 var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--cream);background:var(--ink);padding:.4em .8em .32em;border-radius:4px;transform:skew(var(--skew));box-shadow:0 0 0 2px var(--mc);margin-top:.2em}@media(orientation:portrait){.xk-mode-cards{flex-direction:column;align-items:center}.xk-mode{width:100%;max-width:520px;flex:1 1 0}.xk-mode-name br{display:block}.xk-mode-name{font-size:clamp(30px,9vmin,76px)}.xk-mode{flex-direction:row}.xk-mode-art{flex:0 0 42%;min-height:0;border-bottom:0;border-right:var(--bw) solid var(--ink)}.xk-mode-body{flex:1 1 auto;justify-content:center;min-width:0}}@media(max-height:420px){.xk-mode-name{font-size:clamp(20px,6vmin,32px)}.xk-mode-desc{font-size:12px}.xk-mode-tag{display:none}.xk-mode-art{min-height:40px}}.xk-track-cards{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;max-width:1200px;display:flex;gap:clamp(14px,3.5vmin,44px);align-items:stretch;justify-content:center;padding:clamp(10px,2vmin,24px) clamp(12px,3vmin,36px)}.xk-track{--tc: var(--sun);position:relative;flex:1 1 0;min-width:0;max-width:520px;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--cream);color:var(--ink);opacity:.85;border:var(--bw) solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);cursor:pointer;touch-action:manipulation;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,border-color .18s,opacity .18s}.xk-track.is-selected{opacity:1;z-index:2;transform:translateY(-4px) rotate(-1.5deg) scale(1.03);border-color:var(--sun);box-shadow:0 0 0 4px var(--sun),10px 12px 0 var(--ink),0 0 34px #ffd60a80}.xk-track-map{position:relative;flex:1 1 0;min-height:clamp(80px,22vmin,300px);border-bottom:var(--bw) solid var(--ink);overflow:hidden}.xk-track-map canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.xk-track-map .xk-card-num{top:8px;left:10px}.xk-track.is-selected .xk-track-map canvas{animation:xk-map-bob 2.6s ease-in-out infinite}@keyframes xk-map-bob{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.03) rotate(-1deg)}}.xk-track--coast .xk-track-map{background:radial-gradient(circle at 78% 22%,#fff4d6 0 6%,var(--sun) 6% 13%,rgba(255,93,93,.55) 13% 17%,transparent 17.5%),repeating-linear-gradient(-35deg,rgba(255,255,255,.08) 0 12px,transparent 12px 26px),linear-gradient(180deg,#7fe0d6 0%,var(--turq) 46%,#1f9d92 58%,#f4e2b0 60%,#e9c98a 100%)}.xk-track--space .xk-track-map{background-color:#0a0620;background-image:radial-gradient(ellipse at 70% 65%,rgba(199,125,255,.42),transparent 55%),radial-gradient(ellipse at 20% 20%,rgba(46,196,182,.28),transparent 50%),radial-gradient(circle,#fff 0 1.2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.85) 0 .9px,transparent 1.6px),radial-gradient(circle,rgba(255,244,214,.55) 0 .7px,transparent 1.4px);background-size:100% 100%,100% 100%,90px 90px,57px 57px,31px 31px;background-position:0 0,0 0,13px 7px,29px 41px,5px 19px}.xk-track-body{flex:none;padding:clamp(8px,1.6vmin,20px) clamp(12px,2.2vmin,26px) clamp(10px,1.8vmin,22px);display:flex;flex-direction:column;gap:clamp(2px,.6vmin,8px);min-width:0}.xk-track-name{font-size:clamp(22px,5.6vmin,60px);line-height:1;color:var(--ink);text-shadow:.04em .04em 0 var(--tc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xk-track-sub{font:italic 700 clamp(11px,1.9vmin,19px)/1.25 var(--body);color:var(--purple);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xk-track-meta{display:flex;align-items:center;gap:.5em;font:900 clamp(10px,1.6vmin,15px)/1 var(--body);text-transform:uppercase;letter-spacing:.1em;color:#4b5570;margin-top:.2em}.xk-track-meta i{font-style:normal;opacity:.5}.xk-track.is-selected .xk-track-meta b{color:var(--ink);background:var(--sun);padding:.35em .6em .28em;border:2px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);transform:skew(var(--skew))}.xk-track.is-selected .xk-track-meta i{display:none}@media(orientation:portrait){.xk-track-cards{flex-direction:column;align-items:center}.xk-track{width:100%;max-width:520px;flex:1 1 0;flex-direction:row}.xk-track-map{flex:0 0 46%;min-height:0;border-bottom:0;border-right:var(--bw) solid var(--ink)}.xk-track-body{flex:1 1 auto;justify-content:center;min-width:0}.xk-track-name{white-space:normal;font-size:clamp(22px,7vmin,60px)}.xk-track-sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media(max-height:420px){.xk-track-name{font-size:clamp(18px,5vmin,28px)}.xk-track-sub{font-size:11px}.xk-track-map{min-height:50px}}.xk-hud{position:absolute;inset:0;pointer-events:none;isolation:isolate;transition:opacity .3s}.xk-hud>*{position:absolute}#ui.is-cinematic .xk-hud{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.xk-cinema{position:absolute;inset:0;pointer-events:none;z-index:28;overflow:hidden}.xk-cinema-bar{position:absolute;left:0;right:0;height:9%;background:#0b1a3a;transition:transform .4s cubic-bezier(.4,0,.2,1)}.xk-cinema-bar--top{top:0;transform:translateY(-101%);box-shadow:0 3px 0 var(--ink)}.xk-cinema-bar--bottom{bottom:0;transform:translateY(101%);box-shadow:0 -3px 0 var(--ink);display:flex;align-items:center;justify-content:flex-end;padding:0 calc(var(--pad) + var(--sa-r)) 0 0}.xk-cinema.is-on .xk-cinema-bar{transform:translateY(0)}.xk-cinema-skip{display:inline-flex;align-items:center;gap:.35em;font:italic 900 clamp(11px,2vmin,20px)/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);opacity:.9;text-shadow:2px 2px 0 var(--ink);animation:xk-pulse 1.4s ease-in-out infinite}.xk-cinema-skip i{font-style:normal;font-size:.75em;color:var(--sun)}.xk-racer{position:absolute;left:0;right:0;bottom:14%;display:flex;justify-content:center;pointer-events:none;z-index:29;padding:0 var(--pad)}.xk-racer-card{--rc: var(--turq);--panel-bg: var(--rc);--panel-border: var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:.1em;padding:.28em 1.1em .4em 1em;max-width:92vw;min-width:0}.xk-racer-card:before{box-shadow:10px 10px 0 var(--ink)}.xk-racer-card.run{animation:xk-racer 1.5s cubic-bezier(.4,0,.2,1) both}.xk-racer-name{max-width:100%;font-size:clamp(30px,9vmin,120px);color:var(--cream);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.05}.xk-racer-kart{font:italic 900 clamp(11px,2.2vmin,24px)/1 var(--body);text-transform:uppercase;letter-spacing:.14em;color:var(--cream);background:var(--ink);padding:.38em .9em .32em;border-radius:4px;transform:skew(var(--skew));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-shadow:0 0 0 2px var(--rc)}@keyframes xk-racer{0%{transform:translate(-60vw) rotate(-6deg);opacity:0}13%{transform:translate(0) rotate(-2deg);opacity:1}84%{transform:translate(0) rotate(-2deg);opacity:1}to{transform:translate(60vw) rotate(3deg);opacity:0}}.xk-pos{left:calc(var(--pad) + var(--sa-l));bottom:calc(var(--pad) + var(--sa-b));display:flex;align-items:flex-end;gap:.05em;font-size:clamp(64px,18vmin,300px);color:var(--cream);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ink),.09em .09em 0 rgba(8,18,42,.5);transform-origin:20% 90%;line-height:.9;padding-left:.2em}.xk-pos.p1{color:var(--gold)}.xk-pos.p2{color:var(--silver)}.xk-pos.p3{color:var(--bronze)}.xk-pos-numbox{position:relative;display:inline-block}.xk-pos-num{display:inline-block;transform-origin:50% 80%;transition:filter .2s}.xk-pos-sfx{font-size:.32em;padding-bottom:.16em;font-style:italic;letter-spacing:.02em}.xk-pos-num.xk-pop{animation:xk-pop .5s cubic-bezier(.22,1.2,.36,1) both}.xk-pos{--dc: transparent;--dc-next: #4cc9f0;--sw: 9}.xk-pos[data-stage="1"]{--dc: #4cc9f0;--dc-next: #ff9f1c}.xk-pos[data-stage="2"]{--dc: #ff9f1c;--dc-next: #c77dff}.xk-pos[data-stage="3"]{--dc: #c77dff;--dc-next: #c77dff}.xk-drift-ring{position:absolute;left:50%;top:50%;width:1.1em;height:1.1em;transform:translate(-50%,-52%);transform-origin:50% 50%;opacity:0;transition:opacity .25s ease-out;pointer-events:none;z-index:-1;overflow:visible}.xk-pos.is-drift .xk-drift-ring{opacity:1;transition:opacity .08s}.xk-drift-ring circle{fill:none;stroke-width:calc(var(--sw) * 1px)}.xk-drift-base{stroke:var(--ink);stroke-width:calc((var(--sw) + 4) * 1px);opacity:.85}.xk-drift-track{stroke:#fff4d638}.xk-drift-fill,.xk-drift-flash{transform:rotate(-90deg);transform-box:fill-box;transform-origin:50% 50%;stroke-linecap:round}.xk-drift-fill{stroke:var(--dc-next);filter:drop-shadow(0 0 3px var(--dc-next));transition:stroke .12s}.xk-drift-flash{stroke:#fff;opacity:0}.xk-drift-flash.run{animation:xk-drift-flash .2s ease-out both}.xk-drift-ring.pop{animation:xk-drift-pop .2s cubic-bezier(.22,1.2,.36,1) both}.xk-pos[data-stage="3"] .xk-drift-fill{animation:xk-drift-breathe 1s ease-in-out infinite}.xk-pos.is-drift[data-stage="1"] .xk-pos-num,.xk-pos.is-drift[data-stage="2"] .xk-pos-num,.xk-pos.is-drift[data-stage="3"] .xk-pos-num{filter:drop-shadow(0 0 .04em var(--dc)) drop-shadow(0 0 .1em var(--dc))}.xk-pos.is-drift[data-stage="3"] .xk-pos-num{animation:xk-drift-glow 1s ease-in-out infinite}@keyframes xk-drift-flash{0%{opacity:1}to{opacity:0}}@keyframes xk-drift-pop{0%{transform:translate(-50%,-52%) scale(1)}45%{transform:translate(-50%,-52%) scale(1.14)}to{transform:translate(-50%,-52%) scale(1)}}@keyframes xk-drift-breathe{0%,to{opacity:1;filter:drop-shadow(0 0 3px var(--dc-next))}50%{opacity:.78;filter:drop-shadow(0 0 8px var(--dc-next))}}@keyframes xk-drift-glow{0%,to{filter:drop-shadow(0 0 .04em var(--dc)) drop-shadow(0 0 .1em var(--dc))}50%{filter:drop-shadow(0 0 .06em var(--dc)) drop-shadow(0 0 .16em var(--dc))}}.xk-lap{right:calc(var(--pad) + var(--sa-r));top:calc(var(--pad) + var(--sa-t));--panel-bg: var(--turq);--panel-border: var(--ink);padding:.3em .9em .25em;font-size:clamp(20px,5vmin,64px);color:var(--ink);transform-origin:100% 0}.xk-lap.is-final{--panel-bg: var(--coral);color:var(--cream);animation:xk-lap-final .55s ease-in-out infinite}.xk-lap small{font:italic 900 .42em/1 var(--body);letter-spacing:.1em;margin-right:.5em;vertical-align:.15em}.xk-mute{position:absolute;right:calc(var(--pad) + var(--sa-r));top:calc(var(--pad) + var(--sa-t) + clamp(44px,9vmin,120px));width:clamp(36px,6vmin,64px);height:clamp(36px,6vmin,64px);appearance:none;border:3px solid var(--ink);border-radius:50%;background:#0b1a3ad9;box-shadow:3px 3px 0 var(--ink);cursor:pointer;padding:4px;outline:none;z-index:25;transition:transform .12s}.xk-mute:hover{transform:scale(1.08)}.xk-mute svg{width:100%;height:100%;display:block}.xk-mute.is-muted{border-color:var(--coral)}.xk-item{left:calc(var(--pad) + var(--sa-l));top:calc(var(--pad) + var(--sa-t));width:clamp(68px,15vmin,170px);height:clamp(68px,15vmin,170px);border-radius:50%;border:clamp(4px,.8vmin,8px) solid var(--cream);background:radial-gradient(circle at 50% 40%,#2ec4b659,#0b1a3ae6 70%);box-shadow:5px 5px 0 var(--ink),inset 0 0 0 3px var(--ink);display:flex;align-items:center;justify-content:center;transform-origin:50% 50%}.xk-item:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px dashed rgba(255,244,214,.3)}.xk-item-icon{width:72%;height:72%;display:none}.xk-item-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(2px 3px 0 rgba(8,18,42,.5))}.xk-item.has-item .xk-item-icon{display:block;animation:xk-pop .4s cubic-bezier(.22,1.2,.36,1) both}.xk-item.is-roulette{animation:xk-shake .18s linear infinite;border-color:var(--sun)}.xk-item.is-roulette .xk-item-icon{animation:none}.xk-item-badge{position:absolute;right:-8%;bottom:-6%;font-size:clamp(14px,3.2vmin,34px);color:var(--sun);-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:.08em .08em 0 var(--ink);transform:rotate(-8deg)}.xk-item-badge[hidden]{display:none}.xk-timer{left:50%;top:calc(var(--pad) + var(--sa-t));transform:translate(-50%);--panel-bg: rgba(8,18,42,.85);--panel-border: var(--cream);padding:.3em .9em .2em;font-size:clamp(18px,4.2vmin,54px);color:var(--cream);font-variant-numeric:tabular-nums;letter-spacing:.04em;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}.xk-speedo{right:calc(var(--pad) + var(--sa-r));bottom:calc(var(--pad) + var(--sa-b));width:clamp(120px,26vmin,320px);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(4px 5px 0 var(--ink))}.xk-speedo svg{width:100%;height:auto;display:block;overflow:visible}.xk-speedo-read{margin-top:-6%;display:flex;align-items:baseline;gap:.15em;font-size:clamp(26px,6vmin,72px);color:var(--cream);-webkit-text-stroke:.045em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ink);font-variant-numeric:tabular-nums}.xk-speedo-read small{font:italic 900 .32em/1 var(--body);color:var(--turq);-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--ink)}.xk-speedo.is-boost{animation:xk-glow .35s ease-in-out infinite}.xk-speedo.is-boost .xk-speedo-read{color:var(--sun)}.xk-speedo-needle{transform-origin:100px 100px;transition:transform .08s linear}.xk-minimap{right:calc(var(--pad) + var(--sa-r));bottom:calc(var(--pad) + var(--sa-b) + clamp(120px,27vmin,330px));width:clamp(90px,22vmin,240px);aspect-ratio:1;background:#08122a8c;border:var(--bw) solid var(--cream);border-radius:12px;box-shadow:5px 5px 0 var(--ink);transform:rotate(3deg)}.xk-minimap canvas{width:100%;height:100%;display:block}@media(max-width:640px)and (orientation:portrait){.xk-minimap{right:auto;bottom:auto;left:50%;top:calc(var(--pad) + var(--sa-t) + clamp(40px,8vmin,70px));transform:translate(-50%) rotate(0);width:clamp(84px,26vmin,140px)}.xk-timer{font-size:clamp(16px,3.8vmin,30px)}}#ui.has-touch .xk-pos{bottom:calc(var(--pad) + var(--sa-b) + clamp(120px,24vmin,180px));font-size:clamp(50px,14vmin,200px)}#ui.has-touch .xk-speedo{bottom:calc(var(--pad) + var(--sa-b) + clamp(190px,42vmin,280px));width:clamp(96px,20vmin,200px)}#ui.has-touch .xk-minimap{bottom:calc(var(--pad) + var(--sa-b) + clamp(190px,42vmin,280px) + clamp(90px,19vmin,200px))}@media(max-width:640px)and (orientation:portrait){#ui.has-touch .xk-minimap{bottom:auto}}.xk-centre{inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.xk-count{font-size:clamp(110px,34vmin,520px);color:var(--sun);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--coral),.1em .1em 0 var(--ink);transform:rotate(-4deg)}.xk-count.run{animation:xk-count 1s cubic-bezier(.22,1.2,.36,1) both}.xk-count.go{font-size:clamp(110px,40vmin,600px);background:linear-gradient(100deg,var(--coral) 0%,var(--sun) 50%,var(--turq) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(.04em .04em 0 var(--ink)) drop-shadow(.08em .08em 0 var(--ink))}.xk-count.go.run{animation:xk-count 1.1s cubic-bezier(.22,1.2,.36,1) both}.xk-banner{--panel-bg: var(--turq);--panel-border: var(--ink);position:relative;isolation:isolate;padding:.25em 1em .2em;font-size:clamp(34px,11vmin,170px);color:var(--cream);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ink);transform:skew(var(--skew));white-space:nowrap;max-width:96vw;overflow:hidden;text-overflow:ellipsis;text-align:center}.xk-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--panel-bg);border:var(--bw) solid var(--panel-border);box-shadow:8px 8px 0 var(--ink);border-radius:6px}.xk-banner.run{animation:xk-banner 1.6s cubic-bezier(.4,0,.2,1) both}.xk-banner.k-final{--panel-bg: var(--coral)}.xk-banner.k-info{--panel-bg: var(--navy-2);--panel-border: var(--cream)}.xk-banner.k-hit{--panel-bg: var(--purple)}.xk-banner.k-hit.run{animation:xk-banner 1.2s cubic-bezier(.4,0,.2,1) both,xk-shake .25s linear 3}.xk-wrongway{left:50%;top:32%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.3em;font-size:clamp(30px,9vmin,130px);color:var(--coral);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ink);animation:xk-flash .5s steps(1) infinite;white-space:nowrap}.xk-wrongway svg{width:1em;height:1em;filter:drop-shadow(3px 3px 0 var(--ink))}.xk-results{background:#08122ac7;padding:calc(var(--pad) + var(--sa-t)) var(--pad) calc(var(--pad) + var(--sa-b))}.xk-results:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-35deg,rgba(46,196,182,.12) 0 24px,transparent 24px 48px);animation:xk-stripes-move 4s linear infinite}.xk-results-head{position:relative;z-index:1;font-size:clamp(30px,8vmin,110px);color:var(--sun);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--coral),.1em .1em 0 var(--ink);transform:rotate(-3deg);animation:xk-pop .5s cubic-bezier(.22,1.2,.36,1) both;text-align:center;flex:none}.xk-board{position:relative;z-index:1;width:min(94vw,760px);max-height:100%;--panel-bg: var(--cream);--panel-border: var(--ink);padding:clamp(8px,1.6vmin,18px);margin-top:clamp(10px,2vmin,24px);display:flex;flex-direction:column;min-height:0;flex:0 1 auto}.xk-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;touch-action:pan-y}.xk-board .xk-scroll{padding:0 8px}.xk-rows{display:flex;flex-direction:column;gap:clamp(4px,.8vmin,8px)}.xk-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:clamp(6px,1.4vmin,14px);padding:clamp(4px,.8vmin,8px) clamp(8px,1.4vmin,14px);background:#fff;border:3px solid var(--ink);border-radius:8px;color:var(--ink);animation:xk-rise .35s both}.xk-row.is-player{background:#fff8c2;border-color:var(--sun);box-shadow:0 0 0 3px var(--sun),0 0 22px #ffd60abf}.xk-row .badge{width:clamp(30px,6vmin,56px);height:clamp(30px,6vmin,56px);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,3.2vmin,30px)}.xk-row .badge svg{width:100%;height:100%}.xk-row .badge.plain{color:var(--ink);-webkit-text-stroke:0;text-shadow:none;font-family:var(--display)}.xk-row .chip{width:clamp(18px,3.2vmin,32px);height:clamp(18px,3.2vmin,32px);border-radius:6px;border:3px solid var(--ink);transform:skew(var(--skew))}.xk-row .who{display:flex;flex-direction:column;min-width:0}.xk-row .name{font-size:clamp(15px,3vmin,30px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xk-row .kart{font:900 clamp(9px,1.4vmin,12px)/1.3 var(--body);text-transform:uppercase;letter-spacing:.08em;color:#4b5570}.xk-row .time{font:italic 900 clamp(13px,2.6vmin,26px)/1 var(--body);font-variant-numeric:tabular-nums;color:var(--purple)}.xk-row .time.dnf{color:var(--coral)}.xk-results .xk-btn-row{position:relative;z-index:1;flex:none}.xk-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.xk-confetti i{position:absolute;top:0;width:10px;height:16px;border-radius:2px;animation:xk-confetti linear infinite;opacity:.95}@media(max-height:520px){.xk-results-head{font-size:clamp(22px,7vmin,40px)}.xk-row{padding:2px 8px}.xk-btn-row{margin-top:8px}}.xk-gp-head{position:relative;z-index:1;flex:none;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.8vmin,10px)}.xk-gp-race{font-size:clamp(11px,2.2vmin,22px);letter-spacing:.16em;animation:xk-pop .5s .12s cubic-bezier(.22,1.2,.36,1) both}.xk-gp-race:before{transform:skew(var(--skew)) rotate(1.5deg)}.xk-standings.is-final .xk-gp-race:before{background:var(--coral)}.xk-standings.is-final .xk-gp-race{color:var(--cream)}.xk-gp-board{width:min(94vw,820px)}.xk-gp-row{grid-template-columns:auto auto 1fr auto auto}.xk-gp-row .badge.rank{font-size:clamp(18px,3.6vmin,34px);color:var(--purple)}.xk-gp-row .name{display:flex;align-items:center;gap:.25em}.xk-gp-row .crown{flex:none;width:1.15em;height:1.15em;display:inline-block;animation:xk-spin-in .5s .5s cubic-bezier(.22,1.2,.36,1) both}.xk-gp-row .crown svg{width:100%;height:100%;display:block;filter:drop-shadow(2px 2px 0 rgba(8,18,42,.4))}.xk-gp-row .last{display:flex;align-items:center;gap:clamp(4px,.8vmin,8px);min-width:clamp(60px,12vmin,120px);justify-content:flex-end}.xk-gp-row .pl{font:italic 900 clamp(11px,1.9vmin,18px)/1 var(--body);color:var(--ink);letter-spacing:.02em;background:var(--silver);padding:.35em .55em .28em;border:2px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink);transform:skew(var(--skew));white-space:nowrap}.xk-gp-row .pl small{font-size:.7em}.xk-gp-row .pl.p1{background:var(--gold)}.xk-gp-row .pl.p2{background:var(--silver)}.xk-gp-row .pl.p3{background:var(--bronze)}.xk-gp-row .pl.p4{background:#d7d3c4}.xk-gp-row .gain{font:italic 900 clamp(12px,2.2vmin,22px)/1 var(--body);color:#2bb673;font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right;display:inline-block}.xk-gp-row .gain.xk-pop{animation:xk-pop .35s cubic-bezier(.22,1.2,.36,1) both}.xk-gp-row .total{display:flex;align-items:baseline;gap:.15em;justify-content:flex-end;min-width:clamp(54px,9vmin,96px);color:var(--ink);font-size:clamp(20px,4.2vmin,42px);font-variant-numeric:tabular-nums}.xk-gp-row .total .n{display:inline-block}.xk-gp-row .total .n.xk-pop{animation:xk-pop .35s cubic-bezier(.22,1.2,.36,1) both}.xk-gp-row .total small{font:900 .36em/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:#4b5570}.xk-gp-row.is-player .total{color:var(--purple)}.xk-standings.is-final .xk-gp-row.is-winner{background:linear-gradient(90deg,#fff3b0,#fff8e0 40%,#fff3b0);border-color:var(--gold)}.xk-standings.is-final .xk-gp-row.is-winner.is-player{box-shadow:0 0 0 3px var(--sun),0 0 28px #ffd60ae6}@media(max-width:480px){.xk-gp-row{gap:6px}.xk-gp-row .kart{display:none}.xk-gp-row .last,.xk-gp-row .gain,.xk-gp-row .total{min-width:0}.xk-gp-row .total small{display:none}}@media(max-height:520px){.xk-gp-head{flex-direction:row;gap:14px}}.xk-pause{background:#08122ab8;backdrop-filter:blur(3px);z-index:30}.xk-pause-head{font-size:clamp(44px,14vmin,200px);color:var(--cream);-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--purple),.1em .1em 0 var(--ink);transform:rotate(-3deg);animation:xk-pop .4s cubic-bezier(.22,1.2,.36,1) both}.xk-pause-hint{margin-top:10px;font:700 clamp(11px,1.7vmin,15px)/1.5 var(--body);opacity:.8}.xk-audio-pending{position:absolute;top:calc(var(--pad) + var(--sa-t) + 58px);right:calc(var(--pad) + var(--sa-r));z-index:60;appearance:none;border:4px solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);font:italic 900 clamp(13px,2.4vmin,18px)/1 var(--body);letter-spacing:.06em;padding:12px 18px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-3deg);animation:xk-pulse 1.1s ease-in-out infinite;touch-action:manipulation;pointer-events:auto}@keyframes xk-pulse{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(-3deg) scale(1.07)}}.xk-debug{position:absolute;left:8px;top:8px;z-index:70;margin:0;padding:8px 10px;max-width:70vw;background:#08122ad9;color:#9ff;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;border:2px solid #9ff;border-radius:8px;pointer-events:none}.xk-touch{position:absolute;inset:0;pointer-events:none;touch-action:none;z-index:20}.xk-stick-zone{position:absolute;left:0;bottom:0;width:46%;height:62%;touch-action:none;pointer-events:auto;overflow:visible}.xk-stick-ghost{position:absolute;left:calc(var(--pad) + var(--sa-l) + 6px);bottom:calc(var(--pad) + var(--sa-b) + 6px);width:clamp(96px,22vmin,170px);height:clamp(96px,22vmin,170px);border-radius:50%;border:4px dashed rgba(255,244,214,.45);background:#08122a2e;display:flex;align-items:center;justify-content:center;pointer-events:none;font:italic 900 clamp(11px,2.2vmin,15px)/1 var(--body);letter-spacing:.12em;color:#fff4d699}.xk-stick{position:absolute;--r: 70px;width:0;height:0;pointer-events:none}.xk-stick-base{position:absolute;left:50%;top:50%;width:calc(var(--r) * 2.3);height:calc(var(--r) * 2.3);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#08122a2e 0 55%,#08122a52 56% 100%);border:4px solid rgba(255,244,214,.6);box-shadow:inset 0 0 0 calc(var(--r) * .5) #2ec4b61f}.xk-stick-knob{position:absolute;left:50%;top:50%;width:clamp(56px,12vmin,84px);height:clamp(56px,12vmin,84px);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff8e6,var(--cream) 55%,#e8d7ad);border:4px solid var(--ink);box-shadow:4px 4px #08122a8c}.xk-stick.is-left .xk-stick-base,.xk-stick.is-right .xk-stick-base{border-color:var(--turq)}.xk-touch-cluster{position:absolute;right:calc(var(--pad) + var(--sa-r));bottom:calc(var(--pad) + var(--sa-b));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:10px;align-items:end;justify-items:end}.xk-touch-btn{appearance:none;pointer-events:auto;touch-action:none;outline:none;border:4px solid rgba(8,18,42,.85);border-radius:50%;font:italic 900 clamp(13px,2.6vmin,20px)/1 var(--body);letter-spacing:.05em;color:var(--ink);box-shadow:4px 4px #08122a99;opacity:.82;transition:transform .06s,opacity .06s;min-width:64px;min-height:64px}.xk-touch-btn.is-down{transform:scale(.92);opacity:1;box-shadow:1px 1px #08122a99}.xk-touch-btn--go{width:clamp(96px,22vmin,150px);height:clamp(96px,22vmin,150px);background:#2ec4b6d9;font-size:clamp(22px,5vmin,36px);grid-column:2;grid-row:2}.xk-touch-btn--drift{width:clamp(72px,16vmin,110px);height:clamp(72px,16vmin,110px);background:#ffd60ad9;grid-column:1;grid-row:2}.xk-touch-btn--item{width:clamp(68px,14vmin,96px);height:clamp(68px,14vmin,96px);background:#ff5d5dd9;color:var(--cream);grid-column:2;grid-row:1}.xk-touch-btn--brake{width:64px;height:64px;background:#fff4d6bf;font-size:12px;grid-column:1;grid-row:1}@media(max-width:430px){.xk-touch-cluster{gap:8px}}@media(prefers-reduced-motion:reduce){.xk-title:before,.xk-waves,.xk-title-sun,.xk-results:before{animation:none}}