@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");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:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff) format("woff");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{--ink: #1b1430;--paper: #fff8ec;--orange: #ff7a1a;--yellow: #ffd23a;--red: #ff4d2e;--blue: #2f8cff;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:Lilita One,Arial Rounded MT Bold,system-ui,sans-serif;color:#fff}canvas.view{position:absolute;inset:0;width:100%;height:100%;display:block}.ui{position:absolute;inset:0;pointer-events:none}.ui section{position:absolute;inset:0}.ui button,.ui .zone,.ui .panel,.ui .card{pointer-events:auto}[hidden]{display:none!important}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}.outline{text-shadow:0 3px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}.ui svg{width:1em;height:1em;display:block;flex:none}.grow{flex:1}.btn{display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;padding:.6em .9em;font-size:20px;letter-spacing:.5px;color:var(--ink);background:linear-gradient(#ffe975,#ffbf1f);border-radius:18px;box-shadow:0 6px #c47f00,0 0 0 3px var(--ink),0 12px 18px #0c081e59,inset 0 2px #ffffffbf;white-space:nowrap;transition:transform .06s}.btn:active{transform:translateY(4px);box-shadow:0 2px #c47f00,0 0 0 3px var(--ink),inset 0 2px #ffffffbf}.btn.big{font-size:32px;padding:.38em 1em .44em;border-radius:24px;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;background:linear-gradient(#ffd23a,#ff8a1f 55%,#ff4d2e);box-shadow:0 7px #a82a12,0 0 0 4px var(--ink),0 14px 22px #0c081e66,inset 0 3px #fff9}.btn.big:active{transform:translateY(5px);box-shadow:0 2px #a82a12,0 0 0 4px var(--ink),inset 0 3px #fff9}.btn.big svg{filter:drop-shadow(0 2px 0 var(--ink))}.btn.alt{color:#fff;background:linear-gradient(#63bcff,#2a86f0);box-shadow:0 6px #1659b0,0 0 0 3px var(--ink),0 12px 18px #0c081e59,inset 0 2px #ffffff80}.btn.alt:active{box-shadow:0 2px #1659b0,0 0 0 3px var(--ink),inset 0 2px #ffffff80}.btn.sm{width:auto;font-size:14px;padding:.7em .9em;border-radius:14px}.btn.armed{background:linear-gradient(#ff8a7a,#e8372c);box-shadow:0 6px #8f1a12,0 0 0 3px var(--ink),inset 0 2px #ffffff80}.ibtn{width:50px;height:50px;flex:none;display:grid;place-items:center;font-size:24px;color:#fff;background:#1b14309e;border:3px solid rgba(255,255,255,.85);border-radius:16px;position:relative}.ibtn:active{transform:scale(.92)}.ibtn.dark{background:var(--ink);border-color:var(--ink)}.ibtn.off{opacity:.5}.ibtn.off:after{content:"";position:absolute;width:30px;height:4px;border-radius:2px;background:currentColor;box-shadow:0 0 0 2px var(--ink);transform:rotate(-45deg)}.row{display:flex;align-items:center;gap:12px;width:100%}.row .btn{flex:1}.row .btn.sm{flex:none}.row.center{justify-content:center}.rnd{width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:16px;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.rnd:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.menu{display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(var(--sat) + 14px) 18px calc(var(--sab) + 16px);background:linear-gradient(rgba(27,20,48,.4),transparent 26%,transparent 42%,rgba(27,20,48,.72) 68%,rgba(27,20,48,.92))}.logo{display:flex;flex-direction:column;align-items:center;line-height:.9;transform:rotate(-4deg);animation:logo 2.6s ease-in-out infinite;pointer-events:none}@keyframes logo{50%{transform:rotate(-4deg) translateY(-6px) scale(1.02)}}.logo .l1{font-size:clamp(48px,17vw,96px);letter-spacing:3px;color:var(--yellow);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink)}.logo .l2{margin:2px 0 0 36%;padding:1px 20px 5px;font-size:clamp(25px,8.5vw,46px);letter-spacing:2px;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;background:linear-gradient(#ff8a3a,#ff3d2e);border:5px solid var(--ink);border-radius:16px;box-shadow:0 6px 0 var(--ink),inset 0 3px #ffffff73;transform:rotate(5deg)}.tag{display:none;margin-top:12px;padding:4px 14px;font-size:14px;letter-spacing:.5px;background:#1b14308c;border-radius:99px;pointer-events:none}.col{width:100%;max-width:400px;display:flex;flex-direction:column;gap:8px;animation:rise .5s cubic-bezier(.2,1.25,.4,1) both}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.who{align-self:center;display:flex;align-items:baseline;gap:8px;max-width:100%;padding:1px 16px 4px;background:#1b1430a8;border:3px solid rgba(255,255,255,.16);border-radius:99px;white-space:nowrap}.who b{font-weight:400;font-size:21px;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.who em{font-style:normal;font-size:13px;opacity:.92}.pick{display:flex;align-items:center;gap:8px}.dots{flex:1;display:flex;justify-content:center;gap:8px}.char{width:40px;height:40px;padding:0;flex:none;border-radius:50%;font-size:20px;background:color-mix(in srgb,var(--c) 30%,#fff);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);opacity:.8;transition:transform .14s,opacity .14s}.char.sel{opacity:1;background:var(--c);transform:translateY(-3px) scale(1.14);box-shadow:0 0 0 3px var(--yellow),0 5px 0 3px var(--ink)}.menu .ibtn{width:44px;height:44px;font-size:21px;border-radius:14px}.stage{display:flex;align-items:stretch;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--a),var(--b));border-radius:16px;box-shadow:0 5px #0c081ecc,0 0 0 3px var(--ink),inset 0 2px #ffffff73}.st-no{display:grid;align-content:center;padding:3px 13px 4px;text-align:center;background:#1b1430db;border-right:3px dashed rgba(255,255,255,.55)}.st-no small{font-size:9px;letter-spacing:2px;opacity:.8}.st-no b{font-weight:400;font-size:27px;line-height:.95;color:var(--yellow)}.st-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:4px 10px 5px;text-shadow:0 2px 0 rgba(27,20,48,.6)}.st-info b{font-weight:400;font-size:20px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-sub{display:flex;align-items:baseline;gap:8px;min-width:0}.st-sub span{flex:none;font-size:12px;letter-spacing:1.5px;color:var(--yellow)}.st-sub small{font-family:system-ui,sans-serif;font-weight:700;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(27,20,48,.5)}.stage i{align-self:center;padding-right:12px;font-style:normal;font-size:30px;transform:rotate(8deg);filter:drop-shadow(0 3px 0 rgba(27,20,48,.5))}.seg{flex:1;display:flex;gap:4px;padding:3px;background:#1b1430a8;border:3px solid rgba(255,255,255,.16);border-radius:14px}.mode{flex:1;padding:5px 4px 6px;font-size:14px;letter-spacing:1px;color:#fff;background:transparent;border-radius:9px;opacity:.7}.mode.sel{opacity:1;background:linear-gradient(#63bcff,#2a86f0);box-shadow:0 3px #1659b0,inset 0 2px #ffffff73}.corner{position:absolute;top:calc(var(--sat) + 10px);right:calc(var(--sar) + 12px);display:flex;flex-direction:column;gap:8px;z-index:2}.note{margin-top:-4px;text-align:center;font:700 11px system-ui,sans-serif;color:#ffb0a0}.note:empty{display:none}.go{margin-top:2px;font-size:30px;animation:go 1.5s ease-in-out infinite}@keyframes go{50%{transform:scale(1.03);filter:brightness(1.08)}}.go:active{animation:none}.link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;padding:2px;font-size:13px;letter-spacing:.3px;color:#fff;background:none;opacity:.8;text-decoration:underline dotted;text-underline-offset:3px}.link.armed{opacity:1;color:#ffd23a;text-decoration:none}.hint{margin:0;text-align:center;font:600 11.5px system-ui,sans-serif;opacity:.65}@media(orientation:portrait)and (max-height:700px){.menu{padding-top:calc(var(--sat) + 8px);padding-bottom:calc(var(--sab) + 10px)}.logo .l1{font-size:clamp(42px,14.5vw,80px)}.logo .l2{font-size:clamp(22px,7.2vw,40px)}.col{gap:7px}}@media(orientation:landscape){.menu{align-items:flex-end;justify-content:center;padding-right:calc(var(--sar) + 22px);background:linear-gradient(to left,rgba(27,20,48,.92),rgba(27,20,48,.74) 34%,transparent 62%)}.menu>.grow{display:none}.logo{position:absolute;left:calc(var(--sal) + 26px);top:calc(var(--sat) + 3vh);align-items:flex-start}.in-4play .logo{top:calc(var(--sat) + 68px)}.logo .l1{font-size:clamp(44px,9vw,96px)}.logo .l2{font-size:clamp(24px,4.6vw,50px);margin-left:30%}.tag{display:block;position:absolute;left:calc(var(--sal) + 26px);bottom:calc(var(--sab) + 16px);margin:0}.col{width:min(44%,400px)}.corner{flex-direction:row}.who{align-self:flex-start}}@media(orientation:landscape)and (max-height:430px){.menu{padding-top:calc(var(--sat) + 8px);padding-bottom:calc(var(--sab) + 8px)}.col{gap:7px}.menu .ibtn{width:40px;height:40px;font-size:19px}.char{width:36px;height:36px;font-size:18px}.go{font-size:26px}.hint{display:none}}.hud .pos{position:absolute;left:calc(var(--sal) + 12px);top:calc(var(--sat) + 8px);display:flex;align-items:baseline;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 4px 0 var(--ink))}.pos b{font-size:68px;font-weight:400;line-height:1}.pos i{font-style:normal;font-size:28px}.pos small{font-size:16px;margin-left:4px;opacity:.85;-webkit-text-stroke-width:5px}.pos[data-rank="1"]{color:var(--yellow)}.pos[data-rank="2"]{color:#e6ecf5}.pos[data-rank="3"]{color:#ffb07a}.info{position:absolute;top:calc(var(--sat) + 10px);left:50%;transform:translate(-50%);text-align:center;padding:4px 16px 5px;background:#1b1430b8;border:3px solid var(--ink);border-radius:16px;white-space:nowrap}.lap{font-size:18px;letter-spacing:1px}.lap b{font-weight:400;color:var(--yellow)}.time{font-size:14px;opacity:.85;font-variant-numeric:tabular-nums}.hud .pause{position:absolute;right:calc(var(--sar) + 10px);top:calc(var(--sat) + 10px);font-size:16px}.map{position:absolute;right:calc(var(--sar) + 8px);top:calc(var(--sat) + 60px);width:104px;height:104px}.item{position:absolute;left:calc(var(--sal) + 14px);top:calc(var(--sat) + 92px);width:72px;height:72px;padding:8px;border-radius:20px;background:#fff8eceb;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.item svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 6px var(--glow, transparent))}.item{--glow: transparent;padding:5px}.item[data-state=empty]{background:#1b143073;box-shadow:none}.item[data-state=roll]{background:#fff}.item[data-state=ready]{background:radial-gradient(circle at 50% 40%,#fff 30%,color-mix(in srgb,var(--glow) 55%,#fff));animation:ready .55s ease-in-out infinite alternate}@keyframes ready{0%{box-shadow:0 5px 0 var(--ink),0 0 10px 2px var(--glow)}to{box-shadow:0 5px 0 var(--ink),0 0 26px 9px var(--glow);transform:scale(1.08) rotate(-2deg)}}.item[data-state=ready]:after{content:"␣";position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;line-height:24px}.touch-on .item[data-state=ready]:after{content:"TAP";width:auto;padding:0 7px;border-radius:12px;font-size:11px}.banner{position:absolute;left:0;right:0;top:27%;text-align:center;font-size:clamp(54px,15vw,120px);color:#fff;-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 6px 0 var(--ink));opacity:0;pointer-events:none}.banner.show{opacity:1}.banner.pop{animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.banner.go{color:#7dff5a}.banner.warn{color:var(--yellow);font-size:clamp(34px,9vw,72px)}.banner.fin{color:var(--yellow)}@keyframes pop{0%{transform:scale(2.2);opacity:0}}.wrong{position:absolute;left:50%;top:46%;transform:translate(-50%);padding:6px 18px;font-size:26px;background:var(--red);border:4px solid var(--ink);border-radius:14px;animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.vignette{position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse at center,transparent 45%,rgba(255,190,60,.28) 100%),repeating-conic-gradient(from 0deg at 50% 55%,rgba(255,255,255,.16) 0deg 1.2deg,transparent 1.2deg 9deg);-webkit-mask-image:radial-gradient(ellipse at 50% 55%,transparent 38%,#000 85%);mask-image:radial-gradient(ellipse at 50% 55%,transparent 38%,#000 85%)}.boosting .vignette{opacity:1}.zone{position:absolute;inset:0;touch-action:none}.zone span{position:absolute;bottom:calc(var(--sab) + 18px);width:92px;height:92px;display:none;place-items:center;font-size:40px;color:var(--ink);background:#fff8ec8c;border:4px solid var(--ink);border-radius:50%;pointer-events:none}.touch-on .zone span{display:grid}.tilt-on .zone span{display:none}.zone .al{left:calc(var(--sal) + 16px)}.zone .ar{right:calc(var(--sar) + 16px)}.zone.l .al,.zone.r .ar{background:var(--yellow);transform:scale(.92)}.touch-on .item{left:50%;top:auto;bottom:calc(var(--sab) + 20px);width:88px;height:88px;margin-left:-44px}.overlay{display:grid;place-items:center;padding:16px;background:repeating-linear-gradient(135deg,#100c24b3 0 26px,#100c249e 26px 52px)}.panel,.card{width:min(92vw,350px);display:flex;flex-direction:column;gap:12px;padding:20px 20px 22px;color:var(--ink);text-align:center;background:linear-gradient(#fffdf6,#ffe9c6);border-radius:28px;box-shadow:0 10px #0c081e99,0 0 0 5px var(--ink),inset 0 3px #fff;animation:panel .28s cubic-bezier(.2,1.5,.4,1)}@keyframes panel{0%{transform:scale(.8);opacity:0}}.ribbon{align-self:center;margin:-42px 0 2px;padding:2px 30px 7px;font-size:38px;letter-spacing:2px;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;background:linear-gradient(#ffb23a,#ff4d2e);border:5px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink),inset 0 3px #ffffff80;transform:rotate(-3deg)}.pinfo{margin:0;font:700 12.5px system-ui,sans-serif;letter-spacing:.3px;opacity:.7}.panel .btn{box-shadow:0 6px #c47f00,0 0 0 3px var(--ink),inset 0 2px #ffffffbf}.panel .btn.big{box-shadow:0 7px #a82a12,0 0 0 4px var(--ink),inset 0 3px #fff9}.panel .btn.alt,.card .btn.alt{box-shadow:0 6px #1659b0,0 0 0 3px var(--ink),inset 0 2px #ffffff80}.card .btn.big{box-shadow:0 7px #a82a12,0 0 0 4px var(--ink),inset 0 3px #fff9}.card{max-height:94%;overflow-y:auto;touch-action:pan-y;gap:8px}.card.wide{width:min(94vw,460px)}.card h2{margin:0;font-size:40px;font-weight:400;color:var(--orange);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.card .sub{margin:0 0 4px;font-family:system-ui,sans-serif;font-weight:700;font-size:14px}.rows{list-style:none;margin:0;padding:0;display:grid;gap:4px}.rows li{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 6px;border-radius:12px;background:#fff;border:2px solid rgba(27,20,48,.15);font-size:16px}.rows li.me{background:var(--yellow);border-color:var(--ink)}.rows b{width:20px;font-weight:400}.rows i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--c);border:2px solid var(--ink);font-size:15px}.rows span{flex:1;text-align:left}.rows em{font-style:normal;font-size:14px;opacity:.75;font-variant-numeric:tabular-nums}.btns{display:flex;gap:14px;margin:8px 3px 6px}.btns .btn{flex:1}.btns .btn.big{flex:1.6;font-size:24px}@media(orientation:landscape)and (max-height:430px){.panel{gap:9px;padding:14px 18px 16px}.ribbon{font-size:30px;margin-top:-34px}.panel .btn.big{font-size:24px}.card{padding:10px 16px 12px}.card h2{font-size:28px}.card.wide{width:min(94vw,640px)}.rows li{font-size:14px;padding:2px 8px 2px 4px}.btns .btn.big{font-size:20px}.pos b{font-size:52px}.item{top:calc(var(--sat) + 74px)}.zone span{bottom:calc(var(--sab) + 12px);width:82px;height:82px}.touch-on .item{bottom:calc(var(--sab) + 12px);width:78px;height:78px;margin-left:-39px}.map{width:88px;height:88px}}
