@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")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-cyrillic-800-normal-wonQiwhm.woff2)format("woff2"),url(./rubik-cyrillic-800-normal-DocVmW4N.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(./rubik-latin-800-normal-BtaGuVpR.woff2)format("woff2"),url(./rubik-latin-800-normal-Dq1miTTj.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-700-normal-DFnztZBh.woff2)format("woff2"),url(./rubik-cyrillic-700-normal-C_jxLOfU.woff)format("woff")}:root{--c-ink:#0b1530;--c-night:#13265a;--c-panel:#1f3c86;--c-panel-2:#183172;--c-panel-3:#2a4ea3;--c-bar:#0e1c45;--c-orange:#ff8a1f;--c-ice:#7fd0ff;--c-gold:#ffc530;--c-green:#3dd16b;--c-red:#ff4d5e;--c-blue:#3a86ff;--c-purple:#a24bff;--c-gray:#6c7aa3;--c-text:#fff;--c-dim:#cfe0ff;--c-scrim:#060c24a8;--font:"Lilita One", "Rubik", "Trebuchet MS", system-ui, sans-serif;--font-ui:"Rubik", "Trebuchet MS", system-ui, sans-serif;--gutter:clamp(8px, 2vmin, 14px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--btn-size:clamp(48px, 7.4vmin, 60px);--ico-btn:clamp(24px, 3.7vmin, 30px);--outline:0 3px 0 var(--c-ink), 2px 0 0 var(--c-ink), -2px 0 0 var(--c-ink), 0 -2px 0 var(--c-ink), 2px 2px 0 var(--c-ink), -2px 2px 0 var(--c-ink), 2px -2px 0 var(--c-ink), -2px -2px 0 var(--c-ink);--outline-thin:0 2px 0 var(--c-ink), 1px 0 0 var(--c-ink), -1px 0 0 var(--c-ink), 0 -1px 0 var(--c-ink), 1px 1px 0 var(--c-ink), -1px 1px 0 var(--c-ink);--btn-shadow:inset 0 -5px 0 #00000038, inset 0 3px 0 #ffffff59, 0 4px 0 var(--c-ink);--btn-shadow-press:inset 0 -2px 0 #00000038, inset 0 2px 0 #ffffff4d, 0 1px 0 var(--c-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:lang(ru){--font:"Rubik", "Trebuchet MS", system-ui, sans-serif}:root:lang(ru) .otext,:root:lang(ru) .btn,:root:lang(ru) .lbl{font-weight:800}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--c-night);color:var(--c-text);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}button:focus{outline:none}button:focus-visible{outline:none}#app,.app{position:fixed;top:0;bottom:0;left:0;right:0}.stage,.stage__game{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage__game canvas{width:100%;height:100%;display:block}.layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.layer>*{pointer-events:auto}.layer>.layer{pointer-events:none}.ico{flex:none;place-items:center;display:inline-grid}.ico svg{width:100%;height:100%;display:block;overflow:visible}.otext{color:var(--c-text);text-shadow:var(--outline);letter-spacing:.02em;line-height:1.1}.otext--thin{text-shadow:var(--outline-thin)}.topbar{left:calc(var(--gutter) + var(--safe-l));right:calc(var(--gutter) + var(--safe-r));top:calc(var(--gutter) + var(--safe-t));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.topbar>*{pointer-events:auto}.topcenter{left:50%;top:calc(var(--gutter) + var(--safe-t));pointer-events:none;position:absolute;transform:translate(-50%)}.btn{border:3px solid var(--c-ink);background:var(--c-green);min-height:48px;box-shadow:var(--btn-shadow);font-family:var(--font);color:#fff;text-shadow:var(--outline-thin);white-space:nowrap;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:20px;transition:transform 60ms;display:inline-flex}.btn:active{box-shadow:var(--btn-shadow-press);transform:translateY(3px)}.btn--gray{background:var(--c-gray)}.btn--orange{background:var(--c-orange)}.btn--ad{background:var(--c-blue)}.btn--off{cursor:default;background:#59628a}.btn--off:active{box-shadow:var(--btn-shadow);transform:none}.btn .ico{width:20px;height:20px}.round-btn{width:var(--btn-size);height:var(--btn-size);background:var(--c-panel-3);border:3px solid var(--c-ink);box-shadow:var(--btn-shadow);cursor:pointer;border-radius:14px;place-items:center;padding:0;display:grid}.round-btn:active{box-shadow:var(--btn-shadow-press);transform:translateY(3px)}.round-btn .ico{width:var(--ico-btn);height:var(--ico-btn)}.chip{white-space:nowrap;background:var(--c-ink);border-radius:999px;align-items:center;gap:6px;min-width:70px;padding:3px 10px 3px 4px;font-size:clamp(17px,2.7vmin,22px);display:inline-flex}.chip .ico{width:var(--ico-btn);height:var(--ico-btn)}.bar{background:var(--c-ink);border-radius:999px;height:22px;padding:3px;position:relative;overflow:hidden}.bar__fill{background:var(--c-green);border-radius:999px;width:0;height:100%;transition:width .15s}.bar__text{place-items:center;font-size:13px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.fatal{text-align:center;background:var(--c-night);align-content:center;place-items:center;gap:16px;padding:24px;font-size:20px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}.dscroll{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.dscroll.is-dragging{cursor:grabbing}.dscroll__in{will-change:transform}.labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.lbl{white-space:nowrap;will-change:transform;font-family:var(--font);color:#fff;text-shadow:var(--outline-thin);transform-origin:50% 100%;border-radius:9px;padding:2px 7px 3px;font-size:clamp(17px,2.7vmin,22px);line-height:1;position:absolute;top:0;left:0}.lbl--ball{text-shadow:var(--outline);background:0 0;font-size:clamp(26px,4.4vmin,38px)}.lbl--bot{color:#e3ecff;font-size:clamp(15px,2.3vmin,19px)}.lbl--ring{border-radius:50%;place-items:center;min-width:2.4em;height:2.4em;padding:0;display:grid;position:absolute}.lbl--ring:before{content:"";z-index:-1;background:conic-gradient(var(--rc) var(--k), #0b15308c 0);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.lbl--ring.lbl--ball{font-size:clamp(20px,3.2vmin,28px)}.lbl--ring.lbl--bot{font-size:clamp(14px,2.1vmin,18px)}.lbl--name{font-family:var(--font-ui);text-shadow:none;background:#0b15308c;padding:2px 6px;font-size:clamp(11px,1.7vmin,14px);font-weight:700}.lbl--hp{color:#ff3347;text-shadow:var(--outline);font-size:clamp(20px,3.2vmin,27px)}.lbl--plus{color:#35e06a;text-shadow:var(--outline);font-size:clamp(20px,3.2vmin,27px)}.lbl--wall{color:#ff3347;text-shadow:var(--outline);font-size:clamp(24px,3.8vmin,32px)}.lbl--fort{background:var(--c-ink);border:3px solid var(--c-red);padding:3px 10px 4px;font-size:clamp(22px,3.6vmin,30px)}.pops{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.pop-n{white-space:nowrap;opacity:0;will-change:transform, opacity;font-size:24px;position:absolute;top:0;left:0}.pop-n--mass{color:#bfe9ff}.pop-n--plus{color:#35e06a;font-size:30px}.pop-n--coin{color:var(--c-gold);font-size:26px}.pop-n--coinSmall{color:var(--c-gold);font-size:20px}.pop-n--loss{color:#ff8f9a;font-size:26px}.pop-n--gate{color:#7fd0ff;font-size:34px}.pop-n--hit{color:var(--c-red);font-size:clamp(48px,9vmin,72px)}.pop-n--botHit{color:#ffb3bb;font-size:28px}.pop-n.go{animation:.85s ease-out forwards popUp}.pop-n--hit.go{animation-duration:1.6s}@keyframes popUp{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-80%)scale(1.2)}to{opacity:0;transform:translate(-50%,-200%)scale(1)}}.lbl--you{background:var(--c-gold);color:var(--c-ink)}.lbl--place{text-shadow:var(--outline);transform-origin:50%;font-size:clamp(28px,5vmin,40px)}.lbl--place1{color:#fff3c4}.lbl--place2{color:#fff}.lbl--place3{color:#ffe0c8}.hud__center{flex-direction:column;align-items:center;display:flex}.hud__roll{width:min(clamp(170px, 34vmin, 270px), calc(100vw - 2 * var(--gutter) - var(--safe-l) - var(--safe-r) - var(--btn-size) - 140px));flex-direction:column;align-items:center;gap:4px;display:flex}.hud__title{color:#fff;font-size:clamp(26px,4.6vmin,38px)}.hud__timer{background:#0b153099;border-radius:999px;align-items:center;gap:6px;padding:2px 14px 2px 6px;font-size:clamp(26px,4.6vmin,36px);display:flex}.hud__timerIco{width:clamp(26px,4.4vmin,34px);height:clamp(26px,4.4vmin,34px)}.hud__timer--end{color:#ff8f9a;animation:.5s ease-in-out infinite alternate timerEnd}@keyframes timerEnd{to{transform:scale(1.12)}}.count{color:var(--c-gold);pointer-events:none;font-size:clamp(110px,26vmin,200px);line-height:1;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.count--go{animation:1s ease-out forwards countPop}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.hud__roll .bar{width:100%;height:clamp(22px,3.4vmin,28px)}.hud__roll .bar__fill{background:var(--c-ice)}.hud__roll .bar__text{font-size:clamp(13px,2vmin,16px)}.race{flex-direction:column;gap:4px;width:100%;padding-top:8px;display:flex}.race__track{background:#0b1530b3;border-radius:4px;height:8px;overflow:hidden}.race__fill{border-radius:4px;width:0;height:100%;transition:width .12s linear}.race__row--you .race__track{height:12px;box-shadow:0 0 0 2px #fff}.race__row--full .race__fill{animation:.4s ease-in-out infinite alternate raceFull}@keyframes raceFull{to{filter:brightness(1.5)}}.hud__way{flex-direction:column;align-items:center;gap:4px;width:clamp(190px,40vmin,320px);padding-top:6px;display:flex}.hud__track{width:100%;height:clamp(14px,2.2vmin,18px);position:relative}.hud__track .bar{height:100%;margin-right:20px;padding:2px}.hud__track .bar__fill{background:var(--c-ice);transition:none}.hud__wayBall{width:28px;height:28px;position:absolute;top:50%;transform:translateY(-50%)}.hud__wayFort{width:clamp(32px,5vmin,40px);height:clamp(32px,5vmin,40px);position:absolute;top:50%;right:-10px;transform:translateY(-55%)}.hud__walls{color:#ffd0d5;font-size:clamp(14px,2.2vmin,18px)}@media (max-width:480px){.hud__way{padding-top:calc(var(--btn-size) + 12px)}}.hint{left:50%;bottom:calc(12% + var(--safe-b));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.hint__pad{width:220px;height:120px;position:relative}.hint__hand{filter:drop-shadow(0 3px #0b153080);width:64px;height:74px;margin:-20px 0 0 -24px;position:absolute;top:50%;left:50%}.hint--arena .hint__pad:before{content:"";border:6px dashed #ffffffb3;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #0b153059}.hint--arena .hint__hand{animation:2s linear infinite handCircle}.hint--descent .hint__pad:before{content:"";background:#ffffffb3;border-radius:5px;height:10px;margin-top:-5px;position:absolute;top:50%;left:10px;right:10px;box-shadow:0 0 0 3px #0b153059}.hint--descent .hint__hand{animation:1.4s ease-in-out infinite handSlide}@keyframes handSlide{0%,to{transform:translate(-80px)}50%{transform:translate(80px)}}@keyframes handCircle{0%{transform:rotate(0)translate(55px)rotate(0)}to{transform:rotate(360deg)translate(55px)rotate(-360deg)}}.hint__t{border:3px solid var(--c-ink);white-space:nowrap;background:#0b1530b8;border-radius:16px;padding:6px 18px 8px;font-size:clamp(26px,5vmin,40px)}.banner{text-align:center;color:var(--c-red);pointer-events:none;font-size:clamp(44px,9vmin,76px);animation:1.6s forwards banner;position:absolute;top:30%;left:0;right:0}.banner--blue{color:var(--c-ice)}.banner--gold{color:var(--c-gold)}@keyframes banner{0%{opacity:0;transform:scale(2.4)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}@media (orientation:landscape) and (max-height:520px){.hud__title{font-size:22px}.hud__timer{padding:1px 10px 1px 4px;font-size:22px}.hud__timerIco{width:22px;height:22px}.count{font-size:120px}.hud__roll .bar{height:18px;padding:2px}.hint{bottom:8%}}.home{padding:calc(var(--gutter) + var(--safe-t)) calc(var(--gutter) + var(--safe-r)) calc(var(--gutter) + var(--safe-b)) calc(var(--gutter) + var(--safe-l));flex-direction:column;align-items:center;display:flex}.home__top{flex-direction:column;align-items:center;gap:6px;width:clamp(200px,40vmin,320px);display:flex}.home__mtn{font-size:clamp(28px,5.6vmin,44px)}@media (max-width:480px){.home__top{top:calc(var(--gutter) + var(--safe-t) + var(--btn-size) + 4px)}}.fortbar{align-items:center;width:100%;display:flex;position:relative}.fortbar .bar{flex:1;height:clamp(22px,3.4vmin,28px);margin-left:-12px}.fortbar .bar__fill{background:var(--c-red)}.fortbar .bar__text{font-size:clamp(13px,2vmin,16px)}.fortbar__ico{z-index:1;width:clamp(40px,6vmin,50px);height:clamp(40px,6vmin,50px);position:relative}.home__tap{cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:flex-end;width:100%;padding:0 0 clamp(12px,2.6vmin,22px);font-size:clamp(36px,6.4vmin,54px);display:flex}.home__tap span{animation:1.2s infinite tapPulse}@keyframes tapPulse{50%{transform:scale(1.07)}}.ups{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.4vmin,12px);display:grid}.home__ups{width:min(100%,clamp(360px,72vmin,560px))}.up{font:inherit;color:inherit;text-align:center;cursor:pointer;background:var(--c-panel);border:3px solid var(--c-ink);box-shadow:0 4px 0 var(--c-ink);border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 5px;transition:transform 60ms;display:flex}.up.can{box-shadow:0 4px 0 var(--c-ink), inset 0 0 0 2px var(--c-gold)}.up__lv{color:var(--c-dim);font-size:clamp(12px,1.9vmin,15px)}.up__ico{width:clamp(42px,7vmin,60px);height:clamp(42px,7vmin,60px)}.up__name{white-space:nowrap;max-width:100%;font-size:clamp(14px,2.2vmin,19px);overflow:hidden}.up__val{font-family:var(--font-ui);color:#9cf29c;white-space:nowrap;font-size:clamp(11px,1.8vmin,14px);font-weight:700}.up:active:not(:disabled){box-shadow:0 1px 0 var(--c-ink);transform:translateY(3px)}.up:disabled{cursor:default}.up .btn{pointer-events:none;border-radius:10px;width:100%;min-height:clamp(36px,5.6vmin,46px);padding:0 4px;font-size:clamp(16px,2.5vmin,21px)}.up .btn .ico{width:1.1em;height:1.1em}.up .btn.poor .num-txt{color:#ff9a9a}.up .btn--max .ico{display:none}@media (max-width:440px){.ups{gap:6px}.up{padding:6px 4px}.up__ico{width:40px;height:40px}.up__name{font-size:15px}.up__val{font-size:11px}.up .btn{min-height:36px;font-size:17px}}@media (orientation:landscape) and (max-height:520px){.home__mtn{font-size:24px}.home__top{gap:3px;width:clamp(180px,34vmin,260px)}.fortbar .bar{height:18px;padding:2px}.fortbar__ico{width:34px;height:34px}.home__tap{padding-bottom:8px;font-size:30px}.home__ups{width:min(100%,600px)}.home__ups .up{text-align:left;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico name""ico val""btn btn";gap:1px 6px;padding:5px 6px;display:grid}.home__ups .up__lv{display:none}.home__ups .up__ico{grid-area:ico;width:32px;height:32px}.home__ups .up__name{grid-area:name;font-size:14px}.home__ups .up__val{grid-area:val;font-size:11px}.home__ups .up .btn{grid-area:btn;min-height:30px;margin-top:3px;font-size:15px}.res__ups{gap:5px}.res__ups .up{gap:1px;padding:4px 3px}.res__ups .up__lv{display:none}.res__ups .up__ico{width:28px;height:28px}.res__ups .up__name{font-size:13px}.res__ups .up__val{font-size:10.5px}.res__ups .up .btn{min-height:28px;margin-top:2px;font-size:15px}}.up__name,.up__val{text-overflow:clip;max-width:100%;overflow:hidden}.pop{background:var(--c-scrim);padding:calc(var(--gutter) + var(--safe-t)) calc(var(--gutter) + var(--safe-r)) calc(var(--gutter) + var(--safe-b)) calc(var(--gutter) + var(--safe-l));place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pop__wrap{transform-origin:50%;flex-direction:column;align-items:center;display:flex}.pop__card{width:min(clamp(342px, 54vmin, 420px), calc(100vw - 2 * var(--gutter)));background:var(--c-panel);border:4px solid var(--c-ink);box-shadow:0 6px 0 var(--c-ink);border-radius:26px;animation:.22s cubic-bezier(.3,1.6,.5,1) pop;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.pop__head{text-align:center;border-bottom:4px solid var(--c-ink);background:var(--c-panel-3);padding:12px;font-size:clamp(30px,4.6vmin,38px)}.pop__head--red{background:var(--c-red)}.pop__head--gold{background:var(--c-gold)}.pop__head--blue{background:var(--c-blue)}.pop__body{flex-direction:column;gap:12px;padding:16px;display:flex}.pop__close{background:var(--c-red);border:4px solid var(--c-ink);width:60px;height:60px;box-shadow:0 4px 0 var(--c-ink);cursor:pointer;border-radius:50%;place-items:center;margin-top:24px;padding:0;display:grid}.pop__close .ico{width:24px;height:24px}.pop__row2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pop__row2 .btn{min-height:58px}.tile{background:var(--c-panel-2);text-align:center;border-radius:14px;padding:8px}.tile__k{font-family:var(--font-ui);color:var(--c-dim);font-size:12px;font-weight:700}.tile__v{font-size:26px}.prog{flex-direction:column;gap:6px;display:flex}.prog__head{justify-content:space-between;align-items:center;font-size:17px;display:flex}.prog .bar{height:24px}.prog .bar__fill{background:var(--c-orange)}.tag{background:var(--c-gold);color:var(--c-ink);text-shadow:none;border:2px solid var(--c-ink);border-radius:6px;padding:1px 6px;font-size:13px}.earn{background:var(--c-ink);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:34px;display:flex}.earn .ico{width:38px;height:38px}.toggle{background:var(--c-panel-2);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:18px;display:flex}.toggle__l{align-items:center;gap:10px;display:flex}.toggle__l .ico{width:26px;height:26px}.switch{border:3px solid var(--c-ink);cursor:pointer;background:#59628a;border-radius:999px;width:58px;height:32px;padding:0;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--c-green)}.switch[aria-checked=true]:after{transform:translate(26px)}.hint-row{background:var(--c-panel-2);font-family:var(--font-ui);color:#e3e8ff;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.hint-row .ico{width:30px;height:30px}.dev-toggle{z-index:2147483647;color:#0f0;cursor:pointer;background:#000;border:1px solid #000;border-radius:0;height:24px;margin:0;padding:0 8px;font:700 12px/22px monospace;position:fixed;bottom:0;left:0}.dev-toggle.on{color:#000;background:#0f0}.dev{z-index:2147483647;color:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-user-select:text;user-select:text;touch-action:auto;background:#fff;border:1px solid #000;flex-direction:column;width:min(420px,100vw);max-height:calc(100dvh - 24px);font:12px/1.4 monospace;display:none;position:fixed;bottom:24px;left:0}.dev.open{display:flex}.dev__head{background:#eee;border-bottom:1px solid #000;flex-wrap:wrap;flex:none;display:flex}.dev__head>button{background:0 0;border:0;border-right:1px solid #999;border-radius:0;flex:auto;padding:7px 6px}.dev__head>button.on{color:#fff;background:#000}.dev__head>.dev__danger{flex:none}.dev__page{padding:6px 8px 10px;display:none;overflow:auto}.dev__page.on{display:block}.dev__row{flex-wrap:wrap;align-items:center;gap:4px;margin:3px 0;display:flex}.dev__lbl{min-width:110px}.dev__chk{align-items:center;gap:4px;margin-right:8px;display:inline-flex}.dev__group{border:1px solid #ccc;margin:6px 0}.dev__group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f0f0;padding:4px 6px;font-weight:700}.dev__group[open]>summary{border-bottom:1px solid #ccc}.dev__group>:not(summary){margin-left:6px;margin-right:6px}.dev button,.dev input,.dev textarea{font:inherit;color:#000}.dev input,.dev textarea{background:#fff;border:1px solid #888;border-radius:2px}.dev button{cursor:pointer;background:#f4f4f4;border:1px solid #888;border-radius:2px;padding:4px 7px}.dev button:active{background:#ddd}.dev input[type=number]{width:100px;padding:3px}.dev textarea{width:100%;height:110px}.dev pre{white-space:pre-wrap;word-break:break-all;margin:4px 0}.dev small{color:#666}.dev .dev__danger{color:#fff;background:#c00;border-color:#800}.result{pointer-events:none}.res__panel{left:50%;bottom:calc(var(--gutter) + var(--safe-b));width:min(calc(100% - 2 * var(--gutter)), 460px);background:var(--c-panel);border:4px solid var(--c-ink);max-height:64%;box-shadow:0 6px 0 var(--c-ink);border-radius:24px;flex-direction:column;gap:clamp(6px,1.3vmin,10px);padding:0 clamp(10px,2vmin,14px) clamp(10px,2vmin,14px);display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}.res__panel--in{animation:.28s cubic-bezier(.3,1.5,.5,1) resIn}@keyframes resIn{0%{opacity:0;transform:translate(-50%)translateY(40%)}}.res__head{text-align:center;border-bottom:4px solid var(--c-ink);background:var(--c-panel-3);margin:0 calc(-1*clamp(10px,2vmin,14px));padding:8px 12px;font-size:clamp(28px,5vmin,38px)}.res__head--gold{background:var(--c-gold)}.res__head--blue{background:var(--c-blue)}.res__head--red{background:var(--c-red)}.res__line{background:var(--c-panel-2);border-radius:14px;align-items:center;gap:10px;padding:6px 10px;display:flex}.res__fortIco{width:44px;height:40px}.res__col{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.res__line .bar{height:26px}.res__line .bar__fill{background:var(--c-red)}.res__line .bar__text{font-size:16px}.res__sub{color:var(--c-dim);text-align:center;font-size:15px}.res__earn{background:var(--c-ink);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:4px 10px;font-size:clamp(26px,4.6vmin,34px);display:flex}.res__earn .ico{width:32px;height:32px}.res__btns{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px;display:grid}.res__btns .btn{min-height:clamp(52px,8vmin,64px);font-size:clamp(20px,3.4vmin,28px)}.res__btns .btn .ico{width:1em;height:1em}.res__play{animation:1.2s infinite tapPulse}@media (orientation:landscape){.res__panel{left:auto;right:calc(var(--gutter) + var(--safe-r));top:calc(var(--gutter) + var(--safe-t) + var(--btn-size) + 6px);bottom:calc(var(--gutter) + var(--safe-b));justify-content:space-between;width:min(44%,440px);max-height:none;transform:none}@keyframes resIn{0%{opacity:0;transform:translate(40%)}}}@media (orientation:landscape) and (max-height:520px){.res__panel{top:calc(var(--gutter) + var(--safe-t));gap:5px}.res__head{padding:4px 10px;font-size:24px}.res__line{padding:3px 8px}.res__line .bar{height:20px}.res__sub{font-size:12px}.res__earn{padding:2px 8px;font-size:22px}.res__earn .ico{width:24px;height:24px}.res__btns .btn{min-height:42px;font-size:19px}.result .topbar{right:calc(var(--gutter) + var(--safe-r) + min(44%, 440px) + 10px)}}.tut{z-index:20;pointer-events:auto;cursor:default;position:absolute;top:0;bottom:0;left:0;right:0}.tut__hole{pointer-events:none;box-shadow:0 0 0 9999px #060c24b8, 0 0 0 4px var(--c-gold) inset;border-radius:18px;animation:1s ease-in-out infinite alternate tutGlow;position:absolute}@keyframes tutGlow{to{box-shadow:0 0 0 9999px #060c24b8,inset 0 0 0 6px #fff3b0}}.tut__t{white-space:nowrap;pointer-events:none;border:3px solid var(--c-ink);color:var(--c-gold);background:#0b1530d9;border-radius:14px;padding:4px 14px 6px;font-size:clamp(26px,5vmin,38px);position:absolute;transform:translate(-50%,-100%)}.tut__t--below{transform:translate(-50%)}.tut__hand{pointer-events:none;filter:drop-shadow(0 3px #0b153080);width:56px;height:66px;margin:-6px 0 0 -18px;position:absolute;top:0;left:0}.tut__hand svg{transform-origin:40% 10%;animation:.9s ease-in-out infinite tutTap}@keyframes tutTap{0%,to{transform:translate(10px,14px)scale(1)}50%{transform:translate(0)scale(.9)}}.skins-layer{z-index:30}.topbar__col{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.skbtn{position:relative}.skbtn .ico{width:calc(var(--ico-btn) * 1.15);height:calc(var(--ico-btn) * 1.15)}.skbtn__dot{background:var(--c-red);border:3px solid var(--c-ink);border-radius:50%;width:16px;height:16px;display:none;position:absolute;top:-5px;right:-5px}.skbtn__dot.on{animation:.9s ease-in-out infinite alternate dotPulse;display:block}@keyframes dotPulse{to{transform:scale(1.25)}}.sk{aspect-ratio:1;cursor:pointer;border:3px solid var(--c-ink);box-shadow:0 3px 0 var(--c-ink);background:radial-gradient(circle at 50% 40%,#8fd2ff,#3b78d6 75%);border-radius:14px;padding:0;position:relative;overflow:hidden}.sk__img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.sk__lock,.sk__check{width:24%;height:24%;display:none;position:absolute}.sk__lock{bottom:5%;right:5%}.sk__check{top:5%;right:5%}.sk__new{background:var(--c-red);border:2px solid var(--c-ink);border-radius:50%;width:12px;height:12px;display:none;position:absolute;top:6%;left:6%}.sk--locked,.sk--grey{background:radial-gradient(circle at 50% 40%,#9aa3bd,#59628a 75%)}.sk__img:not([src]),.skins__big:not([src]),.srev__pic:not([src]){visibility:hidden}.sk--locked .sk__img,.sk--grey .sk__img{filter:grayscale()brightness(.72)}.sk--locked .sk__lock,.sk--on .sk__check{display:grid}.sk--new .sk__new{display:block}.sk--sel{box-shadow:0 3px 0 var(--c-ink), 0 0 0 3px var(--c-gold)}.sk:active{transform:translateY(2px)}.skins .pop__card.skins__card{width:min(calc(100vw - 2 * var(--gutter)), 460px)}.skins__body{flex-direction:column;gap:10px;padding:12px;display:flex}.skins__count{color:var(--c-dim);font-size:.6em}.skins__view{background:var(--c-panel-2);border-radius:16px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic name""pic act";align-items:center;gap:6px 12px;padding:8px 12px 8px 8px;display:grid}.skins__stage{aspect-ratio:1;border:3px solid var(--c-ink);background:radial-gradient(circle at 50% 40%,#b6e4ff,#3b78d6 78%);border-radius:14px;grid-area:pic;width:clamp(104px,22vmin,150px);overflow:hidden}.skins__big{object-fit:contain;width:100%;height:100%;display:block}.skins__big--locked{filter:grayscale()brightness(.72)}.skins__name{grid-area:name;align-self:end;font-size:clamp(24px,4.4vmin,32px)}.skins__act{grid-area:act;align-self:start;align-items:center;min-height:48px;display:flex}.skins__act .btn{width:100%}.skins__adIco{width:28px!important;height:22px!important}.skins__on{color:#9cf29c;align-items:center;gap:8px;font-size:20px;display:flex}.skins__on .ico{width:26px;height:26px}.skins__hint{font-family:var(--font-ui);color:var(--c-dim);font-size:14px;font-weight:700;line-height:1.25}.skins__list{max-height:min(46vh,340px);overflow:hidden}.skins__grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;gap:7px;padding:3px 3px 6px;display:grid}.skins__grid .sk{align-self:start;width:100%}@media (orientation:landscape){.skins .pop__card.skins__card{width:min(calc(100vw - 2 * var(--gutter)), 760px)}.skins__body{flex-direction:row;align-items:stretch}.skins__view{text-align:center;grid-template-columns:1fr;grid-template-areas:"pic""name""act";align-content:center;justify-items:center;width:36%;padding:10px}.skins__stage{width:min(100%,200px)}.skins__act{justify-content:center;width:100%}.skins__hint{text-align:center}.skins__list{flex:1;align-self:flex-start;max-height:min(62vh,400px)}}@media (orientation:landscape) and (max-height:520px){.skins .pop__head{padding:4px;font-size:24px}.skins .pop__close{width:48px;height:48px;margin-top:10px}.skins__body{padding:8px}.skins__stage{width:min(100%,120px)}.skins__list{max-height:58vh}.skins__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.sroll{--card:clamp(96px, 17vmin, 150px);background:#060c24cc;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,3vmin,24px);transition:opacity .3s;display:flex}.sroll--out{opacity:0}.sroll__title{color:var(--c-gold);font-size:clamp(32px,6.4vmin,54px);animation:.3s cubic-bezier(.3,1.6,.5,1) pop}.sroll__window{width:100%;height:calc(var(--card) + 30px);border-top:4px solid var(--c-ink);border-bottom:4px solid var(--c-ink);background:#0b1530bf;position:relative;overflow:hidden}.sroll__window:before,.sroll__window:after{content:"";z-index:2;pointer-events:none;width:18%;position:absolute;top:0;bottom:0}.sroll__window:before{background:linear-gradient(90deg,#080f28f2,#080f2800);left:0}.sroll__window:after{background:linear-gradient(270deg,#080f28f2,#080f2800);right:0}.sroll__strip{will-change:transform;gap:12px;display:flex;position:absolute;top:15px;left:0}.sroll__strip .sk{width:var(--card);cursor:default;flex:none}.sroll__strip .sk:active{transform:none}.sk--won{z-index:1;box-shadow:0 3px 0 var(--c-ink), 0 0 0 4px var(--c-gold), 0 0 28px 6px #ffd250cc;background:radial-gradient(circle at 50% 40%,#b6e4ff,#3b78d6 78%);transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s;transform:scale(1.14)}.sk--won .sk__img{filter:none;transition:filter .3s}.sroll__marker{background:var(--c-gold);width:4px;box-shadow:0 0 0 2px var(--c-ink);z-index:3;pointer-events:none;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%}.sroll__marker:before,.sroll__marker:after{content:"";border:12px solid #0000;margin-left:-12px;position:absolute;left:50%}.sroll__marker:before{border-top:14px solid var(--c-gold);top:-2px}.sroll__marker:after{border-bottom:14px solid var(--c-gold);bottom:-2px}.sroll__skip{font-family:var(--font-ui);color:var(--c-dim);font-size:15px;font-weight:700}.srev{background:#060c24b3;place-items:center;transition:opacity .16s;display:grid}.srev--out{opacity:0}.srev__card{width:min(calc(100vw - 2 * var(--gutter)), 380px);background:var(--c-panel);border:4px solid var(--c-ink);box-shadow:0 6px 0 var(--c-ink);border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:0 14px 14px;animation:.22s cubic-bezier(.3,1.6,.5,1) pop;display:flex;overflow:hidden}.srev__card--fly{animation:none}.srev__card--fly .srev__head,.srev__card--fly .srev__name,.srev__card--fly .srev__btns,.srev__card--fly .srev__rays{animation:.3s .35s both srevIn}@keyframes srevIn{0%{opacity:0}}.srev__head{text-align:center;background:var(--c-gold);border-bottom:4px solid var(--c-ink);align-self:stretch;padding:10px;font-size:clamp(30px,5.6vmin,40px)}.srev__stage{aspect-ratio:1;width:clamp(170px,34vmin,240px);position:relative}.srev__rays{pointer-events:none;background:repeating-conic-gradient(#ffe2786b 0 12deg, #ffe27800 12deg 30deg);border-radius:50%;animation:9s linear infinite srevSpin;position:absolute;top:-30%;bottom:-30%;left:-30%;right:-30%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%)}.srev__card--fly .srev__rays{animation:.3s .35s both srevIn,9s linear infinite srevSpin}@keyframes srevSpin{to{transform:rotate(360deg)}}.srev__pic{object-fit:contain;width:100%;height:100%;display:block;position:relative}.srev__name{font-size:clamp(28px,5vmin,36px)}.srev__btns{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-self:stretch;gap:10px;display:grid}.srev__btns .btn{min-height:56px;font-size:22px}@media (orientation:landscape) and (max-height:520px){.srev__stage{width:150px}.srev__head{padding:4px;font-size:26px}.srev__btns .btn{min-height:44px}}
