@font-face{font-family:Concert One;src:url(/assets/ConcertOne-Regular-BxvJN_g8.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0b1c2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Concert One,ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}#root{text-transform:uppercase}button,select{text-transform:inherit}input,textarea,[contenteditable]{text-transform:none}html,body,#root,#root *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{touch-action:manipulation}#root input,#root textarea,#root [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;min-height:44px}.kit{--k-sky:#2fb4f4;--k-sky-lite:#5cc8fa;--k-sky-deep:#1a93de;--k-sea:#1c7fd0;--k-ink:#173a86;--k-ink-deep:#0f2a68;--k-navy:#22459f;--k-navy-edge:#163682;--k-navy-lite:#3b62c4;--k-white:#fff;--k-cream:#fff3c4;--k-gold:#ffd23f;--k-gold-edge:#e89c00;--k-gold-lite:#ffe98a;--k-gold-ink:#986000;--k-green:#4fc52d;--k-green-edge:#27851a;--k-green-lite:#a6e98b;--k-orange:#ff9a2e;--k-orange-edge:#d9640f;--k-orange-lite:#ffc989;--k-red:#f24a3d;--k-red-edge:#b32420;--k-red-lite:#ff9c94;--k-purple:#a35cf5;--k-purple-edge:#6f31c9;--k-purple-lite:#d2b1ff;--k-blue:#3f8ef9;--k-blue-edge:#2158c2;--k-blue-lite:#9ec6ff;--k-grey:#a4b1c7;--k-grey-edge:#6c7b95;--k-grey-lite:#d3dbe8;--k-panel:#7fd5fc;--k-panel-deep:#3aaeea;--k-shelf:5px;--k-stroke:3px;--k-radius:18px;--k-top:max(10px, env(safe-area-inset-top));--k-bottom:env(safe-area-inset-bottom);--k-tabs-h:84px;background:var(--k-sky);color:#fff}.k-screen{position:absolute;inset:0;overflow:hidden}.k-out{color:#fff;letter-spacing:.02em;-webkit-text-stroke:3px var(--k-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--k-ink);line-height:1.05}.k-out.hero{-webkit-text-stroke-width:6px;text-shadow:0 4px 0 var(--k-ink);letter-spacing:.03em;font-size:38px}.k-out.title{-webkit-text-stroke-width:5px;text-shadow:0 3px 0 var(--k-ink);font-size:26px}.k-out.label{-webkit-text-stroke-width:3px;text-shadow:0 2px 0 var(--k-ink);font-size:16px}.k-out.meta{-webkit-text-stroke-width:2.5px;text-shadow:0 2px 0 var(--k-ink);font-size:12px}.k-out.gold{color:var(--k-gold)}.k-out.green{color:var(--k-green)}.k-out.red{color:var(--k-red)}.k-ink{color:var(--k-ink)}.k-dim{color:#5b74b3}.k-btn{--fill:var(--k-green);--edge:var(--k-green-edge);--lite:var(--k-green-lite);border-radius:var(--k-radius);background:var(--fill);border:var(--k-stroke) solid var(--edge);min-height:56px;box-shadow:0 var(--k-shelf) 0 var(--edge);color:#fff;letter-spacing:.03em;-webkit-text-stroke:3px var(--edge);paint-order:stroke fill;text-shadow:0 2px 0 var(--edge);margin-bottom:var(--k-shelf);isolation:isolate;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:20px;line-height:1;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.k-btn:before{content:"";background:var(--lite);opacity:.55;pointer-events:none;z-index:-1;border-radius:11px 11px 7px 7px;height:36%;position:absolute;top:4px;left:7px;right:7px}.k-btn:active:not(:disabled){transform:translateY(var(--k-shelf));box-shadow:0 0 0 var(--edge)}.k-btn.gold{--fill:var(--k-gold);--edge:var(--k-gold-edge);--lite:var(--k-gold-lite)}.k-btn.blue{--fill:var(--k-blue);--edge:var(--k-blue-edge);--lite:var(--k-blue-lite)}.k-btn.red{--fill:var(--k-red);--edge:var(--k-red-edge);--lite:var(--k-red-lite)}.k-btn.purple{--fill:var(--k-purple);--edge:var(--k-purple-edge);--lite:var(--k-purple-lite)}.k-btn.orange{--fill:var(--k-orange);--edge:var(--k-orange-edge);--lite:var(--k-orange-lite)}.k-btn.navy{--fill:var(--k-navy);--edge:var(--k-navy-edge);--lite:var(--k-navy-lite)}.k-btn.grey,.k-btn:disabled{--fill:var(--k-grey);--edge:var(--k-grey-edge);--lite:var(--k-grey-lite);cursor:default}.k-btn-charge-track{border-radius:inherit;pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.k-btn-charge-fill{background:var(--charge-colour,var(--k-green));transform:scaleX(var(--button-charge));transform-origin:0;transition:transform .1s linear;position:absolute;inset:0}.k-btn-charge-fill:before{content:"";background:var(--charge-lite,var(--k-green-lite));opacity:.55;border-radius:11px 11px 7px 7px;height:36%;position:absolute;top:4px;left:7px;right:7px}@media (prefers-reduced-motion:reduce){.k-btn-charge-fill{transition:none}}.k-btn.white{--fill:#fff;--edge:var(--k-panel-deep);--lite:#fff;color:var(--k-ink);-webkit-text-stroke:0;text-shadow:none}.k-btn.lg{border-radius:22px;min-height:68px;padding:0 28px;font-size:24px}.k-btn.sm{--k-shelf:4px;-webkit-text-stroke-width:2px;border-width:2.5px;border-radius:13px;min-height:44px;padding:0 14px;font-size:15px}.k-btn.sm:before{border-radius:8px 8px 5px 5px;top:3px;left:5px;right:5px}.k-btn.wide{width:100%}.k-btn .k-ico,.k-btn img{width:26px;height:26px}.k-btn.lg .k-ico,.k-btn.lg img{width:32px;height:32px}.k-btn.sm .k-ico,.k-btn.sm img{width:20px;height:20px}.k-btn.stack{flex-direction:column;gap:0;padding:8px 26px 6px}.k-btn-line{font-size:17px}.k-btn-big{color:var(--k-gold);font-size:34px;line-height:.95}.k-btn.gold:not(:disabled){-webkit-text-stroke-color:var(--k-gold-ink);text-shadow:0 2px 0 var(--k-gold-ink)}.k-round{--fill:var(--k-navy);--edge:var(--k-navy-edge);--lite:var(--k-navy-lite);--size:52px;width:var(--size);height:var(--size);min-height:var(--size);background:var(--fill);border:var(--k-stroke) solid var(--edge);box-shadow:0 4px 0 var(--edge);isolation:isolate;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-bottom:4px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.k-round:before{content:"";background:var(--lite);opacity:.6;pointer-events:none;z-index:-1;border-radius:50%;height:32%;position:absolute;top:7%;left:18%;right:18%}.k-round:active:not(:disabled){box-shadow:0 0 0 var(--edge);transform:translateY(4px)}.k-round .k-ico,.k-round img{width:28px;height:28px}.k-round.lg{--size:64px}.k-round.lg .k-ico,.k-round.lg img{width:34px;height:34px}.k-round.xl{--size:120px;box-shadow:0 8px 0 var(--edge);border-width:5px;margin-bottom:8px}.k-round.xl:active:not(:disabled){box-shadow:0 0 0 var(--edge);transform:translateY(8px)}.k-round.xl .k-ico,.k-round.xl img{width:60px;height:60px}.k-round.gold{--fill:var(--k-gold);--edge:var(--k-gold-edge);--lite:var(--k-gold-lite)}.k-round.green{--fill:var(--k-green);--edge:var(--k-green-edge);--lite:var(--k-green-lite)}.k-round.red{--fill:var(--k-red);--edge:var(--k-red-edge);--lite:var(--k-red-lite)}.k-round.blue{--fill:var(--k-blue);--edge:var(--k-blue-edge);--lite:var(--k-blue-lite)}.k-round.white{--fill:#fff;--edge:var(--k-blue);--lite:#fff}.k-round.grey,.k-round:disabled{--fill:var(--k-grey);--edge:var(--k-grey-edge);--lite:var(--k-grey-lite)}.k-round.ghost{box-shadow:none;background:0 0;border:none;margin-bottom:0}.k-round.ghost:before{display:none}.k-round.ghost:active{box-shadow:none;transform:scale(.9)}.k-round.ghost .k-ico,.k-round.ghost img{width:38px;height:38px}.k-round.dim{--size:48px;box-shadow:none;background:#0810228c;border:none;margin-bottom:0}.k-round.dim:before{display:none}.k-round.dim:active:not(:disabled){box-shadow:none;background:#081022bf;transform:translateY(2px)}.k-round.dim .k-ico,.k-round.dim img{width:32px;height:32px}.k-round .k-num{font-size:24px}.k-round.lg .k-num{font-size:30px}.k-round.pulse:after,.k-btn.pulse:after{content:"";border-radius:inherit;border:6px solid var(--k-gold);opacity:0;pointer-events:none;animation:1.9s ease-out infinite k-nudge;position:absolute;inset:-8px}@keyframes k-nudge{0%{opacity:0;transform:scale(1)}16%{opacity:.55;animation-timing-function:linear}70%{opacity:0;transform:scale(1.22)}to{opacity:0;transform:scale(1.22)}}.k-badge{z-index:2;background:var(--k-red);color:#fff;-webkit-text-stroke:0;min-width:26px;height:26px;text-shadow:none;pointer-events:none;border:2.5px solid #fff;border-radius:13px;justify-content:center;align-items:center;padding:0 6px;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-7px}.k-badge.tl{left:-7px;right:auto}.k-badge.green{background:var(--k-green)}.k-badge.gold{background:var(--k-gold);color:var(--k-ink)}.k-badge.navy{background:var(--k-navy)}.k-badge .k-ico,.k-badge img{width:16px;height:16px}.k-badge.dot{border-width:2px;min-width:16px;height:16px;padding:0}.k-pill{background:var(--k-navy);border:3px solid var(--k-navy-edge);min-width:116px;height:44px;min-height:44px;box-shadow:0 3px 0 var(--k-navy-edge);color:#fff;border-radius:22px;justify-content:flex-end;align-items:center;margin-bottom:3px;padding:0 14px 0 50px;font-size:19px;line-height:1;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.k-pill:active{box-shadow:0 0 0 var(--k-navy-edge);transform:translateY(3px)}.k-pill-icon{pointer-events:none;width:48px;height:48px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.k-pill-plus{pointer-events:none;width:27px;height:27px;position:absolute;bottom:-11px;left:22px}.k-pill.sm{min-width:96px;height:44px;min-height:44px;padding-left:44px;font-size:16px}.k-pill.sm .k-pill-icon{width:40px;height:40px;left:-6px}.k-meter{background:var(--k-navy);height:34px;box-shadow:0 3px 0 var(--k-navy-edge);border:3px solid #fff;border-radius:17px;position:relative;overflow:hidden}.k-meter-fill{background:var(--k-gold);transform-origin:0;width:100%;transform:scaleX(var(--p,.5));transition:transform .25s ease-out;position:absolute;top:0;bottom:0;left:0}.k-meter-fill:after{content:"";background:var(--k-gold-lite);opacity:.7;height:34%;position:absolute;top:3px;left:0;right:0}.k-meter.green .k-meter-fill{background:var(--k-green)}.k-meter.green .k-meter-fill:after{background:var(--k-green-lite)}.k-meter.red .k-meter-fill{background:var(--k-red)}.k-meter.red .k-meter-fill:after{background:var(--k-red-lite)}.k-meter-text{justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;inset:0}.k-meter.slim{border-width:2.5px;border-radius:11px;height:22px}.k-meter.slim .k-meter-text{font-size:12px}.k-meter.thin{height:14px;box-shadow:0 2px 0 var(--k-navy-edge);border-width:2px;border-radius:7px}.k-meter.thin .k-meter-fill:after{top:2px}.k-meter-wrap{align-items:center;display:flex;position:relative}.k-meter-wrap .k-meter{flex:1}.k-meter-flag{z-index:1;background:var(--flag,var(--k-red));width:34px;height:34px;box-shadow:0 3px 0 var(--k-navy-edge);border:3px solid #fff;border-radius:9px;flex:none;justify-content:center;align-items:center;margin-left:-6px;display:inline-flex;position:relative}.k-meter-flag .k-ico,.k-meter-flag img{width:20px;height:20px}.k-shelf{height:96px;position:relative}.k-shelf:before,.k-shelf-in{clip-path:var(--cp);border-radius:20px;position:absolute}.k-shelf:before{content:"";background:#fff;inset:0}.k-shelf-in{background:var(--k-panel);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;inset:3px}.k-shelf{--cp:none}.k-shelf.left:before{border-radius:0 20px 20px 0}.k-shelf.right:before{border-radius:20px 0 0 20px}.k-shelf.left .k-shelf-in{border-radius:0 17px 17px 0}.k-shelf.right .k-shelf-in{border-radius:17px 0 0 17px}.k-shelf .k-ico,.k-shelf img{width:34px;height:34px}.k-shelf-top{position:absolute;top:-24px;left:50%;transform:translate(-50%)}.k-shelf-top .k-ico,.k-shelf-top img{width:44px;height:44px}.k-ribbon{background:var(--k-blue);box-shadow:0 3px 0 var(--k-blue-edge);border:2.5px solid #fff;border-radius:7px;padding:5px 14px;display:inline-block;transform:skew(-9deg)}.k-ribbon>span{font-size:15px;display:inline-block;transform:skew(9deg)}.k-ribbon.gold{background:var(--k-gold);box-shadow:0 3px 0 var(--k-gold-edge)}.k-ribbon.gold>span{color:var(--k-ink);-webkit-text-stroke:0;text-shadow:none}.k-ribbon.red{background:var(--k-red);box-shadow:0 3px 0 var(--k-red-edge)}.k-chip{background:var(--k-navy);border:2.5px solid var(--k-navy-edge);color:#fff;white-space:nowrap;border-radius:15px;align-items:center;gap:5px;height:30px;padding:0 11px;font-size:14px;line-height:1;display:inline-flex}.k-chip .k-ico,.k-chip img{width:18px;height:18px}.k-chip.gold{background:var(--k-gold);border-color:var(--k-gold-edge);color:var(--k-ink)}.k-chip.green{background:var(--k-green);border-color:var(--k-green-edge)}.k-chip.red{background:var(--k-red);border-color:var(--k-red-edge)}.k-chip.white{border-color:var(--k-panel-deep);color:var(--k-ink);background:#fff}.k-chip.lg{border-radius:19px;height:38px;padding:0 14px;font-size:17px}.k-chip.lg .k-ico,.k-chip.lg img{width:22px;height:22px}.k-tile{--fill:var(--k-orange);--edge:var(--k-orange-edge);background:var(--fill);border:3px solid var(--edge);width:54px;height:54px;box-shadow:0 3px 0 var(--edge);border-radius:15px;flex:none;justify-content:center;align-items:center;display:inline-flex}.k-tile .k-ico,.k-tile img{width:32px;height:32px}.k-tile.gold{--fill:var(--k-gold);--edge:var(--k-gold-edge)}.k-tile.green{--fill:var(--k-green);--edge:var(--k-green-edge)}.k-tile.blue{--fill:var(--k-blue);--edge:var(--k-blue-edge)}.k-tile.red{--fill:var(--k-red);--edge:var(--k-red-edge)}.k-tile.purple{--fill:var(--k-purple);--edge:var(--k-purple-edge)}.k-tile.navy{--fill:var(--k-navy);--edge:var(--k-navy-edge)}.k-tile.grey{--fill:var(--k-grey);--edge:var(--k-grey-edge)}.k-tile.white{--fill:#fff;--edge:var(--k-panel-deep)}.k-tile.sm{border-radius:11px;width:40px;height:40px}.k-tile.sm .k-ico,.k-tile.sm img{width:24px;height:24px}.k-part-dot{border:2.5px solid var(--k-ink);border-radius:50%;flex:none;width:22px;height:22px;display:inline-block}.k-ring{--size:72px;width:var(--size);height:var(--size);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.k-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.k-ring .ring-edge{fill:none;stroke:#fff;stroke-width:3px}.k-ring .ring-track{fill:none;stroke:var(--k-navy);stroke-width:8px}.k-ring .ring-fill{fill:none;stroke:var(--k-green);stroke-width:8px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100px - var(--p,.5) * 100px)}.k-ring.gold .ring-fill{stroke:var(--k-gold)}.k-ring-core{background:var(--k-gold);border:3px solid var(--k-gold-edge);border-radius:50%;justify-content:center;align-items:center;width:70%;height:70%;display:flex;position:relative}.k-ring-core .k-num{font-size:22px}.k-ring.lg{--size:92px}.k-ring.lg .k-num{font-size:30px}.k-ring.sm{--size:56px}.k-ring.sm .k-num{font-size:16px}.k-ring.sm .ring-track,.k-ring.sm .ring-fill{stroke-width:9px}.k-ring.sm .k-ring-core{width:68%;height:68%}.k-pips{gap:3px;display:inline-flex}.k-pips i{background:var(--k-navy);border:1.5px solid var(--k-navy-edge);border-radius:3px;width:11px;height:11px;display:block}.k-pips i.on{background:var(--k-gold);border-color:var(--k-gold-edge)}.k-toggle{background:var(--k-grey);border:3px solid var(--k-grey-edge);width:66px;height:36px;box-shadow:0 3px 0 var(--k-grey-edge);border-radius:18px;flex:none;transition:background .15s;position:relative}.k-toggle:after{content:"";width:28px;height:28px;box-shadow:0 3px 0 var(--k-grey-edge);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:-1px;left:1px}.k-toggle.on{background:var(--k-green);border-color:var(--k-green-edge);box-shadow:0 3px 0 var(--k-green-edge)}.k-toggle.on:after{box-shadow:0 3px 0 var(--k-green-edge);transform:translate(30px)}.k-slider{touch-action:pan-y;cursor:pointer;outline:none;height:44px;position:relative}.k-slider-track{background:var(--k-navy);height:30px;box-shadow:0 3px 0 var(--k-navy-edge);border:3px solid #fff;border-radius:15px;position:absolute;top:6px;left:0;right:0;overflow:hidden}.k-slider-fill{width:calc(var(--pad) - 3px + (100% - 2 * var(--pad) + 6px) * var(--p));background:var(--k-green);position:absolute;top:0;bottom:0;left:0}.k-slider-fill:after{content:"";background:var(--k-green-lite);opacity:.7;height:34%;position:absolute;top:3px;left:0;right:0}.k-slider-knob{width:34px;height:34px;top:3px;left:calc(var(--pad) + (100% - 2 * var(--pad)) * var(--p) - 17px);border:3px solid var(--k-green-edge);box-shadow:0 3px 0 var(--k-green-edge);background:#fff;border-radius:50%;position:absolute}.k-slider.held .k-slider-knob{box-shadow:0 1px 0 var(--k-green-edge);transform:translateY(2px)}.k-slider:focus-visible .k-slider-track{border-color:var(--k-gold)}.k-seg{background:var(--k-navy);border:3px solid var(--k-navy-edge);border-radius:18px;gap:3px;padding:4px;display:flex}.k-seg button{color:#fff;letter-spacing:.03em;border-radius:12px;flex:1;min-height:44px;font-size:14px}.k-seg button.on{background:var(--k-gold);color:var(--k-ink)}.k-seg button:active{transform:scale(.96)}.k-row{border:3px solid var(--k-panel-deep);box-shadow:0 3px 0 var(--k-panel-deep);color:var(--k-ink);background:#fff;border-radius:17px;align-items:center;gap:12px;padding:9px 10px 9px 9px;display:flex}.k-row.on{border-color:var(--k-green-edge);box-shadow:0 3px 0 var(--k-green-edge)}.k-row-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.k-row-title{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:17px;line-height:1.1;display:flex}.k-row-meta{color:#5b74b3;align-items:center;gap:6px;font-size:12px;display:flex}.k-row-meta .k-ico,.k-row-meta img{width:14px;height:14px}.k-row-meta .next{color:var(--k-green-edge)}.k-list{flex-direction:column;gap:10px;display:flex}button.k-row{text-align:left;width:100%;min-height:60px;transition:transform 80ms,box-shadow 80ms}button.k-row:active{box-shadow:0 0 0 var(--k-panel-deep);transform:translateY(3px)}.k-input{border:3px solid var(--k-panel-deep);width:100%;min-height:50px;color:var(--k-ink);font:inherit;background:#fff;border-radius:14px;outline:none;padding:0 14px;font-size:18px}.k-input:focus{border-color:var(--k-blue)}.k-input::placeholder{color:#9fb0d8;text-transform:uppercase}.k-quest{--band:var(--k-purple);--band-edge:var(--k-purple-edge);border:3px solid var(--band-edge);min-height:92px;box-shadow:0 4px 0 var(--band-edge);color:var(--k-ink);background:#fff;border-radius:17px;align-items:stretch;display:flex;position:relative;overflow:hidden}.k-quest.blue{--band:var(--k-blue);--band-edge:var(--k-blue-edge)}.k-quest.green{--band:var(--k-green);--band-edge:var(--k-green-edge)}.k-quest.red{--band:var(--k-red);--band-edge:var(--k-red-edge)}.k-quest.gold{--band:var(--k-gold);--band-edge:var(--k-gold-edge)}.k-quest.done{--band:var(--k-grey);--band-edge:var(--k-grey-edge)}.k-quest-band{background:var(--band);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:104px;padding:8px 14px 8px 8px;display:flex}.k-quest-band .k-ico,.k-quest-band img{width:40px;height:40px}.k-quest-body{flex-direction:column;flex:1;justify-content:center;gap:7px;min-width:0;padding:10px 10px 10px 4px;display:flex}.k-quest-title{font-size:16px;line-height:1.1}.k-quest-bar{align-items:center;gap:8px;display:flex}.k-quest-bar .k-meter{flex:1}.k-quest-side{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:96px;padding:8px 8px 8px 0;display:flex}.k-card{--frame:var(--k-grey);--frame-edge:var(--k-grey-edge);text-align:center;background:var(--frame);border:3px solid var(--frame-edge);width:100%;min-height:112px;box-shadow:0 6px 0 var(--frame-edge);border-radius:26px;flex:none;place-items:center;margin-bottom:6px;padding:18px 64px;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.k-card:active:not(:disabled){box-shadow:0 0 0 var(--frame-edge);transform:translateY(6px)}.k-card.blue{--frame:var(--k-blue);--frame-edge:var(--k-blue-edge)}.k-card.gold{--frame:var(--k-gold);--frame-edge:var(--k-gold-edge)}.k-card.grey{--frame:var(--k-grey);--frame-edge:var(--k-grey-edge)}.k-card.on{border-color:#fff}.k-card .k-out.hero{line-height:1}.k-card-check{z-index:3;width:56px;height:56px;position:absolute;top:-16px;right:-8px}.k-scrim{z-index:60;background:var(--k-ink-deep);opacity:.55;animation:.18s ease-out k-fade;position:absolute;inset:0}@keyframes k-fade{0%{opacity:0}}.k-sheet{left:0;right:0;bottom:var(--sheet-keyboard,0px);z-index:61;max-height:min(calc(var(--frame-h) * .84), calc(var(--frame-h) - var(--sheet-keyboard,0px) - var(--k-top) - 16px));background:var(--k-panel);border:4px solid #fff;border-bottom:none;border-radius:30px 30px 0 0;flex-direction:column;animation:.24s cubic-bezier(.2,.9,.3,1) k-up;display:flex;position:absolute}@keyframes k-up{0%{transform:translateY(100%)}}.k-sheet-head{flex:none;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:14px 64px 4px;display:flex;position:relative}.k-sheet-close{position:absolute;top:10px;right:12px}.k-sheet-close .k-ico{width:24px;height:24px}.k-sheet-body{-webkit-overflow-scrolling:touch;min-height:0;padding:8px 14px calc(22px + var(--k-bottom));flex:1;overflow-y:auto}.k-well{background:var(--k-navy);border-radius:20px;padding:10px}.k-well.lite{background:var(--k-sky-deep)}.k-tabs{z-index:40;height:calc(var(--k-tabs-h) + var(--k-bottom));padding:0 4px var(--k-bottom);background:var(--k-sky-deep);border-top:3px solid var(--k-sky-lite);align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0}.k-tab{color:#fff;letter-spacing:.04em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px 0 6px;font-size:11px;display:flex;position:relative}.k-tab:before{content:"";background:var(--k-sky);opacity:0;border-radius:14px;transition:opacity .12s;position:absolute;inset:6px 3px 4px}.k-tab.on:before{opacity:1}.k-tab-ico{justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.k-tab-ico .k-ico,.k-tab-ico img{width:42px;height:42px}.k-tab-label{position:relative}.k-tab:active .k-tab-ico{transform:scale(.9)}.k-tab.play{flex:1.25;justify-content:flex-start;padding-top:0}.k-tab.play:before{display:none}.k-tab.play .k-round{margin-top:-60px;margin-bottom:0}.k-tab.play .k-tab-label{margin-top:2px}.k-tab .k-badge{top:-6px;right:-9px}.k-tab .k-badge.tl{left:-9px;right:auto}.k-top{left:12px;right:12px;top:var(--k-top);z-index:20;align-items:center;gap:12px;display:flex;position:absolute}.k-top .k-pill{flex:1;min-width:0}.k-band{z-index:20;padding:calc(var(--k-top) + 2px) 12px 10px;background:var(--k-navy);border-bottom:3px solid var(--k-navy-edge);align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.k-band .k-pill{background:var(--k-ink-deep);border-color:var(--k-ink-deep);flex:1;min-width:0;box-shadow:0 3px #0a1d4d}.k-banner{z-index:45;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:2.2s ease-out forwards k-banner;display:flex;position:absolute;inset:0}@keyframes k-banner{0%{opacity:0;transform:scale(.72)}14%{opacity:1;transform:scale(1.06)}24%{transform:scale(1)}76%{opacity:1}to{opacity:0;transform:scale(1.02)translateY(-14px)}}.k-cleared{z-index:70;background:var(--k-sky);padding:0 24px calc(var(--k-bottom) + 10px);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0;overflow:hidden}.k-cleared>*{position:relative}.k-cleared .k-rays{position:absolute}.k-cleared .k-out.hero{text-align:center;animation:.6s cubic-bezier(.2,1.4,.4,1) backwards k-pop}.k-cleared .k-stars{animation:.6s cubic-bezier(.2,1.4,.4,1) .15s backwards k-pop}@keyframes k-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.k-gains{flex-direction:column;align-items:center;gap:8px;display:flex}.k-gains-row{gap:10px;display:flex}.k-gains .k-meter{width:min(260px,72cqw)}.k-cleared .k-btn{min-width:220px;margin-top:18px}.k-rays{background:repeating-conic-gradient(from 0deg, #ffffff29 0 11deg, #fff0 11deg 30deg);pointer-events:none;border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;animation:40s linear infinite k-spin;position:absolute;top:50%;left:50%}@keyframes k-spin{to{transform:rotate(360deg)}}.k-hint{border:3px solid var(--k-ink);box-shadow:0 4px 0 var(--k-ink);color:var(--k-ink);background:#fff;border-radius:18px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:17px;line-height:1.1;display:inline-flex;position:relative}.k-hint:before,.k-hint:after{content:"";border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.k-hint:before{border-top:15px solid var(--k-ink);bottom:-18px}.k-hint:after{border-top:12px solid #fff;bottom:-11px}.k-hint .k-ico,.k-hint img{width:30px;height:30px}.k-stars{align-items:flex-end;gap:6px;display:flex}.k-stars .k-ico{width:52px;height:52px}.k-stars .k-ico:nth-child(2){width:66px;height:66px}.k-stars .off .f-gold{fill:var(--k-grey)}.k-stars .off .f-gold-lite{fill:var(--k-grey-lite)}.k-stick{background:#0f2a6829;border:2.5px solid #fff9;border-radius:50%;width:112px;height:112px;position:absolute}.k-stick-knob{background:#fff;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.k-ico{width:28px;height:28px;color:var(--k-ink);flex:none;display:block}.k-ico .f-white{fill:#fff}.k-ico .f-gold{fill:var(--k-gold)}.k-ico .f-gold-lite{fill:var(--k-gold-lite)}.k-ico .f-gold-edge{fill:var(--k-gold-edge)}.k-ico .f-green{fill:var(--k-green)}.k-ico .f-green-edge{fill:var(--k-green-edge)}.k-ico .f-blue{fill:var(--k-blue)}.k-ico .f-blue-lite{fill:var(--k-blue-lite)}.k-ico .f-red{fill:var(--k-red)}.k-ico .f-orange{fill:var(--k-orange)}.k-ico .f-orange-edge{fill:var(--k-orange-edge)}.k-ico .f-cream{fill:var(--k-cream)}.k-ico .f-ink{fill:var(--k-ink)}.k-ico .f-navy{fill:var(--k-navy)}.k-ico .f-brown{fill:#a6612d}.k-ico .f-brown-edge{fill:#6f3d18}.k-ico .f-sky{fill:var(--k-sky)}.k-ico .s-white{stroke:#fff}.k-ico .s-green{stroke:var(--k-green-edge)}@media (prefers-reduced-motion:reduce){.kit *,.kit :before,.kit :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.k-round.pulse:after,.k-btn.pulse:after{opacity:.55;animation:none}}.app{--frame-w:100dvw;--frame-h:100dvh;background:#000;width:100%;height:100%;position:relative;overflow:hidden;container:frame/inline-size}@media (orientation:portrait) and (width<=600px){.app{--frame-w:min(100dvw - 24px, 1200px, calc((100dvh - 24px) * 19.5 / 9));--frame-h:calc(var(--frame-w) * 9 / 19.5);width:var(--frame-w);height:var(--frame-h);contain:layout paint;border-radius:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app:after{content:"Turn your phone";z-index:99;letter-spacing:.04em;-webkit-text-stroke:3px #173a86;paint-order:stroke fill;text-shadow:0 3px #173a86;pointer-events:auto;background:#0b1c2ed1;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.app .hud,.app .sticks{display:none}}.app canvas.playfield{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.app-boot{z-index:90;background:var(--k-sky,#2fb4f4);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lab-stats{left:12px;bottom:calc(var(--k-bottom,0px) + 6px);z-index:11;pointer-events:none;opacity:.85;position:absolute}.app.join{background:var(--k-sky)}.join-curtain{z-index:2;pointer-events:none;background:var(--k-sky);opacity:1;transition:opacity var(--join-scene-fade,.7s) ease-in-out;position:absolute;inset:0}.join-scene-ready .join-curtain{opacity:0}.quick-island{z-index:1;opacity:1;pointer-events:none;transition:opacity var(--join-detail-fade,.35s) ease-in-out;position:absolute;inset:0}.quick-island-hidden{opacity:0}.join-overlay{z-index:30;opacity:1;pointer-events:none;transition:opacity var(--join-fade,.18s) cubic-bezier(.22, 1, .36, 1);position:absolute;inset:0}.join-leaving{opacity:0;pointer-events:none}.join-card{width:32%;min-width:240px;padding:calc(var(--k-top) + 20px) 24px calc(var(--k-bottom) + 20px);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.join-title{text-align:center;margin-bottom:12px}.join-field,.join-play-slot{width:100%;max-width:260px}.join-name,.join-play{pointer-events:auto;width:100%}.join-name{text-align:center}.join-character{z-index:20;pointer-events:auto;opacity:0;cursor:pointer;width:35%;height:100%;transition:opacity .42s ease-out, transform var(--join-character-exit,.32s) cubic-bezier(.22, 1, .36, 1);background:0 0;border:0;border-radius:0;padding:0;position:absolute;bottom:0;left:1%;transform:translateY(0)}.join-character canvas{width:100%;height:100%;display:block}.join-character-ready{opacity:1}.join-character:focus-visible{outline-offset:-6px;outline:3px solid #fff}.join-character-leaving{transform:translateY(var(--frame-h));opacity:0;transition:transform var(--join-character-exit,.32s) cubic-bezier(.55, .06, .68, .19), opacity .1s ease .22s}.join-play-slot{position:relative}.join-play{--charge-colour:var(--k-grey-lite);--charge-lite:#dce5ec}.join-play-label{position:relative}.join-play-sheen{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.join-play-sheen:before{content:"";opacity:0;background:#fff;width:24%;position:absolute;top:-50%;bottom:-50%;left:0;transform:translate(-150%)skew(-22deg)}.join-play-ready .join-play-sheen:before{animation:.44s linear 2 join-ready-sheen}@keyframes join-ready-sheen{0%{opacity:0;transform:translate(-150%)skew(-22deg)}5%{opacity:.6}68%{opacity:.6;transform:translate(550%)skew(-22deg)}69%,to{opacity:0;transform:translate(550%)skew(-22deg)}}.join-reveal{opacity:0;visibility:hidden}.join-reveal-in{visibility:visible;animation:join-reveal var(--join-reveal,.42s) ease-in-out both}@keyframes join-reveal{0%{opacity:0}to{opacity:1}}.join-line{animation:.18s ease-out k-fade}.game-stage{position:absolute;inset:0}.game-controls{pointer-events:none;contain:layout paint;position:absolute;inset:0}.game-controls-enter{animation:.24s ease-out both k-fade}.join-status{z-index:60;pointer-events:none;white-space:nowrap;background:#0f2a689e;border-radius:16px;padding:10px 18px;animation:.3s ease-out k-fade;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.join-status-wait{animation-delay:.8s;animation-fill-mode:backwards}@container frame (width<=740px){.join-card{gap:10px;min-width:210px;padding-inline:16px}.join-title{margin-bottom:8px}.join-title .k-out{font-size:30px}.join-name{min-height:44px;padding-block:5px}}@media (prefers-reduced-motion:reduce){.join-play-ready .join-play-sheen:before{animation:none}.join-character{transition:opacity .1s ease-out}.join-character-leaving{transition:opacity .1s ease-out;transform:none}.join-overlay{transition-duration:.1s}.game-controls-enter{animation-duration:.1s}}
