@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAVoAA8AAAAACegAAAUTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAbBEIColciA0LHgABNgIkAzgEIAWDZAc+DAcb9QdRlE5OmOBngm2rYa0IiBSU4SB6GXpb1ovxAEMb3kc8/X6ve+4LIEoWKsKQjE0KaAS5si8LV935qoC6jkBWl99PeNa/acrMsmIWkJM7J2fiwyD6/rZ3nySQEEJPI2+8mQgCjl/7/xfCPjhmumgbjyJtDTLAgZRI5C2Lsyg9Ej+AogCfIgpT4Glg/xqJD/gP3cxixar09EqCLkAR0S2CjsmOByOgCZ096O8EMaNtszM3NFMavYQr9Cp5x9dfFA/5c6zg2Tty8yAadUVizTiA6qa3QCC/ewmYw2NFVjA0W0NfnG8fGGCFUMwlNjUZzmSW9PlG/R/AyDGpxk28hPlctcMi84z8m/D+t4A8BCJ1LJF6PM8poA/kPvkJWDJ1K8BaUZaAFU7lYnST2ctUYrFxdcncWZ+9iCBZ7QpGtRZjgknaiROuAw9zmuW0fBVJAuYMq2n1OtKMXVFHky8Q0hrFz5fHL9r+nEPMnjt7HmivMC8x91xDA/1M/oAFOmT59tOnXR4D/SyfffGCednGaXbT8vxlrLJwBWKuYq7gZdFz7CSU+gIt6kE7uc+Qo2v37Ql5HkHKQsxRQtvGGz2XFwMdv411vIFQ6YqXmDMUlNIsQgwHBXRRFWtcw+hMzOajmR59mMsOuWmOF4yqrMx9tIxFTBfJL+Ii0RlIK4ImubT7MpIsjraaeanajTm7MtJOmW4rxrqXFRkT0If2oT0spW5rQzzafpjguAN9hiRinFZih+0AJ4zTkDbS8Uh95LjURmGlmKaOU1gqqpGTVk+skg4HuviVSNOtxkAukjRmgehpuFJzeK1lTT5P1BR1/PNEQdrPnuV+BTaWg//+kPhs+NC04dbkEaOaIOzcWmf+0GCvjO57t/beypjctoHZoyi8WpYUkmvITj8o+TTCOX91Xp24bnVevsQkk/AmUsZTIOZotreXUWEZNO7bn9qWsbLZpFW6JvXu9NXJzKKH42p+jchuqW1L6vNy1e9301q7tfmbr/QZMkUOD899Yd14NHBLo/SjF5cCSkjT2NHk135OQk4wT8IJPl3A+KVAmsC6w9Yzeb5ippX3NAv4svYkQsqFgb5lm1UzJZ7DRrsvW6fPCvnquOaJ3AZkUSKvIgyXf96PrZJ0kgSzaEuXOoX1hffmtOr/WYZ+xra+RIUo1WFKdehUQIrG3y5m3i9eznH2AwnYJE9dQSY4kM2VOdnutWqt4pcfeb+k1NlrCD2P3ZO5XLekNz+2uPpKb/XJ2t0NUfOkPccR0vHefWSNS4H/BGiupbdcml/BnXeommkZlIk13/I8D/sOQlw8z33xfpVl+C/GxBeA17vkDn3BYWv7dXrdRJsCQnVz7EH1QwnxcArxoPR47glkG2iQNwSZIChqhlyhaVP9a/045AZNdsyOfJGctxwg9NgmBAURbAFAm+MIaZIADY94zBhygFn0uMesbKlubVJlNpuQyGwxwB96jhQ4qR9Qu4XyKu1Tp1cLH/p5ZE990E5DFwpNaqksidKBtoMWVahBSjs1KNRwaI2gi380ig9P3rz5SjWgRqcMBWu/Q2sDMrNLKOq0U7MWT/ny5gPGn6tBkwHtavQaVcbp0m0kfWtTWctTnNVxceak0ulKzTpDe6uiNRqHjom7XY06zVt5qtVilAt3lKFEEM26JK19bwCDFNQf9sQgYUrmZO1Qm5ZiW0CGLZ6Hyvq4TZke5H+6xGcf+8Snzvruczt8Mu1G9R7wrwIAAA==) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAdoAA4AAAAACcgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEADkdQT1MAAAFcAAAADAAAAAwAFQAKR1NVQgAAAWgAAAAYAAAAGGyKdIVPUy8yAAABgAAAAE8AAABgZgH8y2NtYXAAAAHQAAAAUwAAAGxDUOfcZ2FzcAAAAiQAAAAIAAAACAAAABBnbHlmAAACLAAAA1QAAATSWeRXtGhlYWQAAAWAAAAAMgAAADb4vFe7aGhlYQAABbQAAAAeAAAAJAbhAvBobXR4AAAF1AAAADgAAAA4FcIAhmxvY2EAAAYMAAAAHgAAAB4HgwZJbWF4cAAABiwAAAAYAAAAIAAVAE5uYW1lAAAGRAAAAPIAAAHkJa9Cm3Bvc3QAAAc4AAAALwAAAD4DnwR9AAEAAAAMAAAAAAAAAAIAAQABAA0AAQAAAAEAAAAKAAoACgAAAAEAAAAKABYAFgABbGF0bgAIAAAAAAAAeNpjYGJczjiBgZWBgWkPUxcDA0MPhGa8y2DE8AsoygADDQwMugxIICAyKJjBgUFBQYF51n9VBgbm2Qx3gMKMDCDiF9MBIKXAwAQAu3UOIwB42mNgYGACYmYgFgGSjGCahSECSAsxCDAwA2UVGJ0YExkrGOsYJzEdV1D4/5+BASjmyJgAFKuFif1//O/wv2X/Jvzr+Vf51/X+W6BJGAAA3YQYRQAAAQAB//8AD3jabJQDtOtKFIb3nkmTpkqRSWqeukdBr23bNheebXvx2bZtLz7b9uLTcnsnBxe9J8bM/N8mILgA8E3yNlQARoUK+XLJGtUchyF+NXWNhUxD11RJrCMbeirk8qXpubBbENzhnBGL2sbmwZfN1zp3Mdx6MuiOoyelJJUUsqBIBVFp/TXwekZVr6o1n6PabuGx5FVIARTVQmkCHqZsHi6LbOfi8YMC47esmDT4NMkto/TRoMJWhUqt6waegUCq/T/+Q6+BGkwAGJVGw7Z6KF+5aRqarjJVlEp5puppqmvOS74HrSY6WgqK+V4s2c5IvTk/smFFdHLWDlTO2zv7VNKQJ+8outPl7rh94mnjt8xO4wJZUcXrJbd0vZiXyZln/KtYOUVPh8pszKOnZGKUFvaJuS4tJAQiqaixdN/FRB27dAl5VEtXXMsFYblLzlhz5wInjnHi+8hbUIAmJ9ZMTlx2MAxtgLbAcdNkgLaQL9kj0k5d0pu2zth/zZ66u24k2Oii3rd336zjE9jooHyynylR8/i5C7NxbTaNRnyhmBouTVi8ra+WnEgSHXC0/V/7P3ISvQA0SEMJAB0vSpTxwPBoTUBa4h8ySNX8BLQMpg/d8Ur/calF9P1RyWZi1GfC2sxpvjnWZZf9etll5PaCW2xN+z0kCVQK/4ivid6uL7Eiui6XXVcNXB2PFPklTq+AFPQBRAbzwswZmipR0zgsC61RiZFCF5KoS2Z4QbAf/3wGUZMF0au3TpN76Z/nd/iDiD2RnljPeQFs3dSnG0njlLSA+/CiEaIEgA/xKGlQdZhsawBIwVEGUwdhJmHkaJi6FMFJUh++/nDQ42u9qtTIK5d0MODy+gmrvfivb1Zi5nZGvsN9nerYvrs9Ad/l6nX+wgWduqBOOlhNJ2FGRQocyKmdURPRdPImgHYpryCe7A2J0txS9Fl7bpec7a24ijO8Lo9nBvVuWtzYls1m50gU/80bXYHW2Y/Fral+ZuGJGTUxStuzNBZndp4wiwHCbOLDm7l+GGAEj+OxnW59q8MEhGL7UXyefAMFAAw58eM5fqjb2IPdJoXD0cVaSgmkUsdFJCrI4QMrBHOKgBxWDiHGaf8sIKUA4wlZXlkB2a0Q3lYwhwEAvBLSq3jaY2BkYADi5t8fKo7F89t8ZeBmfsEABKd1OU/B6P9d/1WYdzLPBnI5GJhAogCeEw3qAAB42mNgZGBgnv1fBUi++9/1/zzzTqAIKuADAKY3BtYAAADHAAAAAAAAAU0AAAC8AAAB1QAFAX0ABQIYAB0BwgAZAmf/9QIzACUBxgAZAab/pgHjAEgB2wAlAAAAAAAAAAAAAAA7AGcAwAEOAUkBkwHSAhICMwJpAAB42mNgZGBg4GPwZWBjAAIgDw0AAAnZAGR42m2OBWoDQBREX929WLFPkLoXC1J3V5y4u8tpeoKeoFhOlgHiCWuzY3xgkiAjDI1OAf/UGniIVf4aeJh5fht4hDPcDTza4RljjZsGHmeZkwaeF4Iwea00Tva1cvjIEtE/L7ynEyGuNyU2JP2VG560xOrk8YhJEuBHJ4vcpPQ3DpU50DrigQIecc9IIY+a5BUj5MS6uqzRJp4jpQ+1PvQPqSMuPTvQfUmKNBWy4kOEpRkb+NjsaLHWHDZwEiWINhxniCchNq6/j7DuPbxqr6pzB6MknBdvaDpyOlmKuv1ibhrtxotyCaQLOwZO7qgDp2hIawAAeNptwUkBgCAAALCJf8MY0TA24EUa7hhQgE0AVvQ6eXAJbkXVdMkw/bJvA722ChwA) format("woff")}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/kayivo/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/kayivo/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/kayivo/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/kayivo/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy: #0f2a47;--navy2: #15385e;--ink: #fffaf0;--muted: #b8cbe0;--dim: #8aa3bf;--line: rgba(255, 255, 255, .12);--sun: #ffc531;--sea: #20c6c0;--terra: #e8603c;--good: #3dd47a;--bad: #ff5a4a;--paper: #fffaf0;--radius: 14px;--font: "Nunito Variable", "Nunito", ui-rounded, system-ui, sans-serif;--display: "Lilita One", "Nunito Variable", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--navy);color:var(--ink);font:600 15px/1.35 var(--font);overflow:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.sr-only{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app{display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}kbd{display:inline-block;min-width:1.6em;padding:1px 5px;border-radius:6px;background:#ffffff1f;box-shadow:inset 0 -2px #0000004d;font:700 12px/1.4 var(--font);text-align:center}.topbar>*{min-width:0}.topbar{display:flex;align-items:center;gap:12px;height:54px;padding:0 12px;background:linear-gradient(#123459,#0f2a47);border-bottom:3px solid var(--sun);position:relative;z-index:40;box-shadow:0 4px 16px #00142859}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font:400 22px/1 var(--display);letter-spacing:.06em;flex:none}.brand svg{width:30px;height:30px;animation:wheel 6s linear infinite}@keyframes wheel{to{transform:rotate(360deg)}}.brand .tyre{fill:#22252b}.brand .rim{fill:var(--sun)}.brand .spoke{stroke:var(--navy);stroke-width:2;stroke-linecap:round}.brand .hub{fill:var(--sea)}.brand span{text-shadow:0 2px 0 #c4553c}.scoreboard{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px}.chips{display:flex;gap:6px;list-style:none;margin:0;padding:0;min-width:0;overflow:hidden}.chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:#ffffff14;transition:transform .3s cubic-bezier(.2,1.4,.4,1),background .2s;min-width:0;position:relative}.chip i{flex:none;width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 -3px #00000040,0 0 0 2px #fff3}.chip.me{background:#ffffff2e;box-shadow:inset 0 0 0 1.5px #ffffff73}.chip.lead i:after{content:"";position:absolute;left:6px;top:-7px;width:14px;height:9px;background:var(--sun);clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%)}.chip.out{opacity:.55}.chip.bump{animation:chip .6s cubic-bezier(.2,1.6,.4,1)}@keyframes chip{30%{transform:scale(1.18);background:#ffc53173}}.chip-name{font-size:13px;font-weight:700;max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-score{font:400 16px/1 var(--display);font-variant-numeric:tabular-nums;min-width:1ch;text-align:right}.clock{font:400 19px/1 var(--display);font-variant-numeric:tabular-nums;min-width:4.2ch;text-align:center;padding:6px 12px 5px;border-radius:999px;background:#00000047;white-space:nowrap;letter-spacing:.04em}.clock.hot{color:var(--navy);background:var(--sun);animation:hot .5s ease-in-out infinite alternate}@keyframes hot{to{background:var(--terra);color:#fff;transform:scale(1.08)}}.identity{position:relative;display:flex;align-items:center;gap:6px;flex:none}.identity-dot{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00000059}.identity input{width:130px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#00000040}.identity input:focus{outline:none;border-color:var(--sun)}.color-picker{position:absolute;top:40px;left:0;display:grid;grid-template-columns:repeat(4,34px);gap:8px;padding:10px;border-radius:var(--radius);background:var(--navy2);box-shadow:0 12px 30px #00000073;z-index:60}.color-picker button{width:34px;height:34px;border-radius:50%;border:3px solid transparent;box-shadow:inset 0 -4px #0003}.color-picker button.selected{border-color:#fff}.toolbar{display:flex;gap:4px;flex:none}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:0;background:#ffffff14;font-weight:800;font-size:17px;transition:background .15s,transform .1s}.icon-button:hover{background:#ffffff2e}.icon-button:active{transform:scale(.94)}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#menuButton{display:none}main{display:grid;grid-template-columns:minmax(0,1fr) 296px;min-height:0;min-width:0}.arena{position:relative;min-height:0;overflow:hidden;background:linear-gradient(#6fb3e8,#f3dcc0);user-select:none;-webkit-user-select:none}.arena:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 62%,rgba(15,30,50,.32) 100%);z-index:3}#canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.tags{position:absolute;inset:0;pointer-events:none;z-index:5}.tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}.tag span{padding:1px 8px 2px;border-radius:8px;background:#0f2a47b8;font-size:12px;font-weight:800;white-space:nowrap;border-bottom:2.5px solid var(--c);max-width:12ch;overflow:hidden;text-overflow:ellipsis}.tag .hp{display:flex;gap:2px}.tag .hp b{width:10px;height:4px;border-radius:2px;background:var(--good);box-shadow:0 1px 2px #00000080}.tag .hp b.off{background:#ffffff40}.tag.mine span{background:var(--c);color:var(--navy);border-color:#fffc}.reticle{position:absolute;left:0;top:0;width:64px;height:64px;margin:-32px 0 0 -32px;pointer-events:none;z-index:6;will-change:transform;transition:opacity .15s}.reticle i{position:absolute;width:16px;height:16px;border:3px solid var(--terra);filter:drop-shadow(0 0 3px rgba(0,0,0,.6));animation:lock .5s ease-in-out infinite alternate}.reticle i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:6px 0 0}.reticle i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 6px 0 0}.reticle i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 6px}.reticle i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 6px}@keyframes lock{to{margin:4px}}.item-slot{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:7;display:grid;justify-items:center;gap:4px;pointer-events:none}.slot-box{position:relative;width:74px;height:74px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(#1b4f80,#0f2a47);border:3px solid var(--sun);box-shadow:0 6px #0a192d8c,0 10px 24px #00000059,inset 0 2px #ffffff2e}.slot-box img{width:54px;height:54px}.item-slot.rolling .slot-box img{animation:roll .09s steps(1) infinite}@keyframes roll{50%{transform:translateY(-3px) scale(.9)}}.item-slot.ready .slot-box{animation:ready .5s cubic-bezier(.2,1.8,.4,1);border-color:#fff}@keyframes ready{0%{transform:scale(.6)}60%{transform:scale(1.15)}}.item-slot.empty .slot-box{border-color:#ffffff4d;background:#0f2a4780}.ammo{position:absolute;right:-8px;bottom:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--terra);color:#fff;font:400 15px/24px var(--display);text-align:center;box-shadow:0 2px #0000004d}.slot-key{font-size:11px;margin-top:6px;background:#0f2a47bf}.feed{position:absolute;top:12px;right:12px;z-index:7;list-style:none;margin:0;padding:0;display:grid;gap:5px;justify-items:end;pointer-events:none;max-width:46%}.feed li{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:10px;background:#0f2a47c7;font-size:13px;font-weight:800;animation:feed .4s cubic-bezier(.2,1.4,.4,1);white-space:nowrap}.feed li.me{background:#ffc531eb;color:var(--navy)}.feed li.out{animation:feedout .4s ease-in forwards}.feed b{color:var(--c);text-shadow:0 1px 0 rgba(0,0,0,.4);max-width:9ch;overflow:hidden;text-overflow:ellipsis}.feed li.me b{text-shadow:none;filter:brightness(.7)}.feed img{width:20px;height:20px}@keyframes feed{0%{opacity:0;transform:translate(30px) scale(.9)}}@keyframes feedout{to{opacity:0;transform:translate(20px)}}.count{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:8;font:400 clamp(90px,22vmin,200px)/1 var(--display);color:#fff;opacity:0;text-shadow:0 7px 0 var(--terra),0 12px 30px rgba(0,0,0,.4);-webkit-text-stroke:4px var(--navy)}.count.pop{animation:count .95s cubic-bezier(.2,.9,.3,1.2) forwards}.count.go{color:var(--sun)}.count.small{font-size:clamp(60px,13vmin,120px)}@keyframes count{0%{opacity:0;transform:scale(2.4) rotate(-8deg)}18%{opacity:1;transform:scale(.92) rotate(2deg)}30%{transform:scale(1.04)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.banner{position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:9;display:grid;justify-items:center;gap:2px;padding:10px 22px 12px;border-radius:18px;background:#0f2a47e0;box-shadow:0 10px 30px #00000059,inset 0 0 0 2px #ffffff1f;text-align:center;pointer-events:none;max-width:calc(100% - 24px)}.banner.show{animation:drop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes drop{0%{opacity:0;transform:translate(-50%,-24px) scale(.9)}}.banner strong{font:400 26px/1.1 var(--display);letter-spacing:.02em}.banner small{color:var(--muted);font-size:14px}.ko-card{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:9;text-align:center;pointer-events:none;animation:kocard .5s cubic-bezier(.2,1.5,.4,1)}.ko-card strong{display:block;font:400 clamp(40px,9vmin,72px)/1 var(--display);color:#fff;-webkit-text-stroke:3px var(--navy);text-shadow:0 6px 0 var(--terra),0 10px 26px rgba(0,0,0,.4)}.ko-card small{display:inline-block;margin-top:10px;padding:5px 14px;border-radius:999px;background:#0f2a47d9;font-size:15px;font-weight:800}.ko-card small b{color:var(--c)}.ko-card .respawn{display:block;margin:12px auto 0;width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--sun) calc(var(--p) * 1turn),rgba(255,255,255,.15) 0);display:grid;place-items:center;font:400 30px/1 var(--display);color:var(--navy)}.ko-card .respawn span{width:54px;height:54px;border-radius:50%;background:var(--paper);display:grid;place-items:center}@keyframes kocard{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6) rotate(-6deg)}}.pops{position:absolute;inset:0;pointer-events:none;z-index:8}.score-pop{position:absolute;left:50%;top:34%;font:400 46px/1 var(--display);color:var(--sun);-webkit-text-stroke:3px var(--navy);text-shadow:0 5px 0 var(--terra);animation:scorepop 1.3s cubic-bezier(.2,1.2,.4,1) forwards;white-space:nowrap;transform:translate(-50%)}.score-pop.minus{color:#ff8a7a}.score-pop small{display:block;font:800 15px/1.3 var(--font);-webkit-text-stroke:0;text-shadow:0 1px 3px rgba(0,0,0,.7);color:#fff;text-align:center}@keyframes scorepop{0%{opacity:0;transform:translate(-50%,20px) scale(.4)}15%{opacity:1;transform:translate(-50%) scale(1.15)}25%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50px) scale(.95)}}.result,.idle{position:absolute;inset:0;z-index:12;display:grid;place-items:end center;padding:16px;animation:fade .35s ease-out;overflow:auto}@media(min-aspect-ratio:5/4){.result{place-items:center end;padding-right:max(16px,3%)}.result .card{width:min(420px,44%)}}.idle{place-items:center;background:linear-gradient(#0f2a4700 40%,#0f2a4780)}@keyframes fade{0%{opacity:0}}.card,.welcome{width:min(440px,100%);padding:20px 22px 18px;border-radius:24px;background:var(--paper);color:var(--navy);box-shadow:0 8px #0f2a4759,0 24px 60px #00000059;text-align:center;animation:rise .55s cubic-bezier(.2,1.3,.4,1);border:3px solid #fff}@keyframes rise{0%{opacity:0;transform:translateY(30px) scale(.94)}}.card h2{margin:0;font:400 36px/1.05 var(--display);color:var(--c);-webkit-text-stroke:1.5px var(--navy);text-shadow:0 3px 0 var(--navy);letter-spacing:.02em}.card .sub{margin:4px 0 12px;color:#4a6584;font-size:14px}.standings{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:5px;text-align:left}.standings li{display:grid;grid-template-columns:22px 16px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#eef4f9;animation:rise .5s backwards}.standings li:nth-child(2){animation-delay:.06s}.standings li:nth-child(3){animation-delay:.12s}.standings li:nth-child(4){animation-delay:.18s}.standings li:nth-child(n+5){animation-delay:.24s}.standings li.first{background:#fff1c2;box-shadow:inset 0 0 0 2px var(--sun)}.standings li.me b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.standings .place{font:400 17px/1 var(--display);color:#4a6584}.standings i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 -2px #0003}.standings b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings .pts{font:400 20px/1 var(--display);font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right}.standings small{color:#6c84a0;font-weight:700;font-size:12px;white-space:nowrap}.welcome{border-radius:28px}.welcome h1{margin:0 0 2px;font:400 54px/1 var(--display);letter-spacing:.04em;color:var(--sun);-webkit-text-stroke:2px var(--navy);text-shadow:0 5px 0 var(--terra),0 10px 0 var(--navy)}.welcome p{margin:10px 0 16px;color:#3c5878;font-size:15px}.welcome .items{display:flex;justify-content:center;gap:8px;margin:0 0 16px}.welcome .items img{width:34px;height:34px;padding:4px;border-radius:10px;background:var(--navy);animation:bob 2.4s ease-in-out infinite}.welcome .items img:nth-child(2n){animation-delay:-1.2s}@keyframes bob{50%{transform:translateY(-4px) rotate(-4deg)}}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.primary,.secondary{min-height:48px;padding:10px 22px;border:0;border-radius:16px;font:400 19px/1 var(--display);letter-spacing:.03em;transition:transform .12s,filter .15s,box-shadow .15s}.primary{background:linear-gradient(#ffd75a,#ffb11f);color:var(--navy);box-shadow:0 5px #c4553c,0 8px 18px #e8603c4d}.secondary{background:var(--navy);color:#fff;box-shadow:0 5px #071629}.primary:hover:not(:disabled),.secondary:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary:active:not(:disabled),.secondary:active{transform:translateY(3px);box-shadow:0 2px #c4553c}.text-button{border:0;background:none;color:var(--muted);font-weight:800;padding:6px 8px;border-radius:8px}.text-button:hover{color:var(--ink);background:#ffffff14}.card .text-button{color:#4a6584}.card .note{color:#4a6584;margin:0}.bot-tag{font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:#ffffff24;color:var(--muted);text-transform:uppercase;white-space:nowrap}.card .bot-tag{background:#dfe8f1;color:#4a6584}.touch{position:absolute;inset:0;z-index:7;pointer-events:none}.stick{position:absolute;left:0;top:0;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;background:#0f2a4752;box-shadow:inset 0 0 0 3px #ffffff8c;opacity:.6;transition:opacity .15s}.stick:before{content:"";position:absolute;inset:38%;border-radius:50%;background:#ffffff26}.stick.on{opacity:1}.stick span{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#dfe9f3);box-shadow:0 4px 10px #0000004d;transform:translate(var(--sx, 0),var(--sy, 0))}.pad-button{position:absolute;display:grid;place-items:center;align-content:center;gap:0;border:0;border-radius:50%;pointer-events:auto;color:#fff;touch-action:none;transition:transform .08s;font:400 12px/1 var(--display);letter-spacing:.06em}.pad-button svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.pad-button.held{transform:translateY(4px) scale(.94)}.fire-button{width:96px;height:96px;right:calc(16px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 35% 30%,#ff8a5c,#e8442a 62%,#b62a17);box-shadow:0 6px #8e1f10,0 10px 24px #00000059}.fire-button img{width:46px;height:46px}.fire-button.empty{filter:saturate(.3) brightness(.85)}.fire-button.ready{animation:ready .5s cubic-bezier(.2,1.8,.4,1)}.drift-button{width:74px;height:74px;right:calc(122px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 35% 30%,#4fe3dc,#18a7b8 62%,#0f7685);box-shadow:0 6px #0a5560,0 10px 24px #00000059}.brake-button{width:58px;height:58px;right:calc(28px + env(safe-area-inset-right));bottom:calc(136px + env(safe-area-inset-bottom));background:#0f2a47b8;box-shadow:inset 0 0 0 2.5px #ffffff8c}.brake-button svg{width:28px;height:28px;stroke-width:2.6}.panel{display:flex;flex-direction:column;gap:12px;padding:14px;background:linear-gradient(#123459,#0f2a47);border-left:3px solid rgba(255,197,49,.5);overflow-y:auto;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font:400 22px/1 var(--display);letter-spacing:.03em}#closePanel{display:none}.mode-switch,.skill-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;padding:4px;border-radius:13px;background:#00000040}.mode-switch button,.skill-switch button{border:0;border-radius:10px;padding:8px 6px;background:none;color:var(--muted);font-weight:800;transition:background .15s,color .15s}.mode-switch button.active,.skill-switch button.active{background:var(--sun);color:var(--navy)}.bot-settings{display:grid;gap:8px}.row{display:flex;align-items:center;justify-content:space-between}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:34px;height:34px;border-radius:10px;border:0;background:#ffffff1a;font-weight:900;font-size:18px}.stepper output{min-width:2ch;text-align:center;font:400 20px/1 var(--display)}.invite-row{display:flex;gap:6px}.invite-row input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#00000040;font-size:13px}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.player-list li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;background:#ffffff0f;min-width:0}.player-list li.me{box-shadow:inset 0 0 0 1.5px #ffc53199}.player-list li.away{opacity:.55}.player-list i{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 -2px #00000040}.player-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.player-list small{margin-left:auto;color:var(--muted);white-space:nowrap;font-weight:700}.player-list .remove{border:0;background:#ffffff1a;width:24px;height:24px;border-radius:8px;flex:none}.add-bot{justify-self:start;text-align:left}.panel-name{display:none;gap:6px;font-size:13px;color:var(--muted)}.panel-name input{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#00000040;font-size:15px}.panel-name input:focus{outline:none;border-color:var(--sun)}.note{color:var(--muted);font-size:13.5px;margin:0}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.connection{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.connection:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dim)}.connection.online:before{background:var(--good);box-shadow:0 0 8px var(--good)}.connection.trouble:before{background:var(--sun)}dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:22px;padding:18px 20px;background:var(--navy2);color:var(--ink);box-shadow:0 30px 80px #00000080}dialog::backdrop{background:#050f1e8c}dialog p{color:var(--muted)}dialog b{color:var(--ink)}.keys{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;margin:14px 0}.keys strong{font-weight:700;color:var(--muted)}.item-help{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.item-help li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}.item-help img{width:30px;height:30px;padding:3px;border-radius:8px;background:#00000040;flex:none}.touch-help{display:none}@media(pointer:coarse){.touch-help{display:block}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:90;padding:10px 18px;border-radius:14px;background:var(--paper);color:var(--navy);font-weight:800;box-shadow:0 10px 30px #00000059;max-width:calc(100% - 24px);text-align:center;animation:rise .35s cubic-bezier(.2,1.3,.4,1)}@media(max-width:899px){main{grid-template-columns:minmax(0,1fr)}.panel{position:fixed;top:0;right:0;bottom:0;width:min(340px,92vw);z-index:70;transform:translate(105%);transition:transform .3s cubic-bezier(.2,.9,.3,1);padding-top:calc(14px + env(safe-area-inset-top));box-shadow:-20px 0 50px #0006}.panel.open{transform:none}#menuButton,#closePanel{display:grid}.identity input{width:92px}.chip-name{display:none}.chip{padding-right:8px}}@media(max-width:599px){.topbar{gap:6px;padding:0 8px;height:50px}.brand span,.identity input{display:none}.panel-name{display:grid}.chip{flex-shrink:0}#fullscreenButton{display:none}.icon-button{width:34px;height:34px}.clock{font-size:16px;padding:5px 8px 4px}.chips{gap:3px}.chip{padding:2px 6px 2px 2px;gap:3px}.chip i{width:14px;height:14px}.chip-score{font-size:14px}.welcome h1{font-size:44px}.item-slot{top:8px}.slot-box{width:62px;height:62px;border-radius:16px}.slot-box img{width:44px;height:44px}.slot-key{display:none}.feed{top:auto;bottom:230px;right:8px;max-width:70%}.feed li{font-size:12px;padding:3px 8px}}@media(max-height:480px){.topbar{height:44px}.item-slot{top:6px;left:50%}.slot-box{width:54px;height:54px;border-radius:14px}.slot-box img{width:38px;height:38px}.slot-key{display:none}.banner{top:70px}.fire-button{width:84px;height:84px;bottom:calc(14px + env(safe-area-inset-bottom))}.drift-button{width:64px;height:64px;right:calc(110px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}.brake-button{bottom:calc(110px + env(safe-area-inset-bottom));width:52px;height:52px}.feed{top:8px;max-width:34%}.welcome{padding:14px 18px}.welcome h1{font-size:40px}.welcome p{margin:6px 0 10px}.welcome .items{display:none}.card h2{font-size:28px}.standings li{padding:4px 8px}.result{place-items:center end}.result .card{width:min(380px,52%);max-height:100%;overflow:auto}}