:root{--sky:#5fb8ea;--sky-deep:#3e9ad6;--ink:#1b5e9c;--ink-deep:#12406c;--red:#e03a48;--sun:#ffd34e;--white:#fff;--turquoise:#57d0c2;--concrete:#d6cfc2;--page:#f2fafe;--display:Impact, "Haettenschweiler", "Arial Narrow Bold", "Anton", sans-serif;--ui:"Avenir Next Condensed", "Futura", "Trebuchet MS", system-ui, sans-serif;--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)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;font-family:var(--ui);color:var(--white);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a1c2e;margin:0;padding:0;overflow:hidden}.app{position:fixed;top:0;bottom:0;left:0;right:0}.app canvas{touch-action:none;display:block}.overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.overlay button,.overlay a,.overlay input,.overlay .sheet,.overlay .menu,.overlay .over{pointer-events:auto}h1,h2,h3{margin:0;font-weight:700}.muted{opacity:.66;font-size:.86rem}.btn{font-family:var(--display);letter-spacing:.06em;color:var(--white);background:var(--ink);border:3px solid var(--ink-deep);cursor:pointer;box-shadow:0 5px 0 var(--ink-deep);border-radius:14px;padding:.62em 1.5em;font-size:clamp(1.1rem,3.4vw,1.6rem);transition:transform 90ms,box-shadow 90ms,filter .15s}.btn:active{box-shadow:0 1px 0 var(--ink-deep);transform:translateY(4px)}.btn:hover{filter:brightness(1.08)}.btn--primary{background:var(--red);border-color:#a7202c;box-shadow:0 5px #a7202c}.btn--primary:active{box-shadow:0 1px #a7202c}.iconbtn{font-family:var(--ui);color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12406cbf;border:2px solid #fff6;border-radius:10px;width:2.5em;height:2.5em;font-size:.95rem}.chip{font-family:var(--ui);letter-spacing:.04em;color:var(--ink-deep);cursor:pointer;text-align:left;background:#ffffffe6;border:2px solid #1b5e9c4d;border-radius:11px;flex-direction:column;align-items:flex-start;gap:.15em;padding:.6em 1.05em;font-size:.98rem;font-weight:600;display:flex}.chip small{opacity:.72;font-size:.8rem;font-weight:500}.chip--on{background:var(--sun);color:#4a3407;border-color:#c99a1d}.chip--wide{width:100%}.row{flex-wrap:wrap;gap:.55rem;display:flex}.col{flex-direction:column;gap:.5rem;display:flex}.screen{padding:calc(1rem + var(--safe-t)) calc(1rem + var(--safe-r)) calc(1rem + var(--safe-b)) calc(1rem + var(--safe-l));justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen--menu{background:linear-gradient(#081e3426 0%,#081e348c 55%,#081e34d9 100%)}.menu{text-align:center;flex-direction:column;align-items:center;gap:.35rem;max-width:30rem;display:flex}.menu__logo{filter:drop-shadow(0 6px 14px #0006);width:clamp(84px,20vh,150px);height:auto}.menu__title{font-family:var(--display);letter-spacing:-.01em;color:var(--white);text-shadow:-3px -3px 0 var(--ink-deep), 3px -3px 0 var(--ink-deep), -3px 3px 0 var(--ink-deep), 3px 3px 0 var(--ink-deep), 8px 9px 0 var(--red);font-size:clamp(2.9rem,13vw,5.6rem);line-height:.94}.menu__title span{color:var(--sky-deep)}.menu__sub{letter-spacing:.24em;text-transform:uppercase;opacity:.94;text-shadow:0 2px 6px #0009;margin:.1rem 0 1.1rem;font-size:clamp(.82rem,2.6vw,1.02rem)}.menu__buttons{flex-direction:column;gap:.65rem;width:min(19rem,78vw);display:flex}.menu__foot{letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-top:1rem;font-size:.82rem}.screen--sheet{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#081e34d1;align-items:flex-start;overflow-y:auto}.sheet{background:var(--page);color:var(--ink-deep);border:4px solid var(--ink);border-radius:18px;flex-direction:column;gap:1rem;width:100%;max-width:34rem;margin:auto;padding:1.4rem 1.5rem 1.6rem;display:flex}.sheet__title{font-family:var(--display);letter-spacing:.03em;color:var(--ink);font-size:2rem}.sheet section{flex-direction:column;gap:.4rem;display:flex}.sheet h3{letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-size:.82rem}.sheet p,.sheet li{margin:0;font-size:.95rem;line-height:1.5}.sheet ul{flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;display:flex}.keys{padding:0;list-style:none}.key{font-family:var(--ui);letter-spacing:.08em;background:var(--ink);color:var(--white);border-radius:6px;margin:0 .1em;padding:.16em .5em;font-size:.78rem;font-weight:700;display:inline-block}.sheet__note{border-left:4px solid var(--sun);opacity:.85;padding-left:.8rem;font-size:.88rem!important}.sheet .btn{align-self:center;margin-top:.3rem}.hud{padding:calc(.7rem + var(--safe-t)) calc(.8rem + var(--safe-r)) calc(.7rem + var(--safe-b)) calc(.8rem + var(--safe-l));flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hud__top{align-items:flex-start;gap:.5rem;display:flex}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a26409e;border:2px solid #ffffff47;border-radius:12px;min-width:4.6rem;padding:.32rem .7rem .4rem;position:relative}.panel--round{text-align:center;margin:0 auto}.panel--outs{text-align:right;margin-left:auto}.panel__label{letter-spacing:.19em;text-transform:uppercase;opacity:.78;font-size:.6rem;display:block}.panel__value{font-family:var(--display);letter-spacing:.02em;font-size:clamp(1.5rem,5.5vw,2.1rem);line-height:1}.panel__of{opacity:.66;margin-left:.22em;font-size:.5em}.panel__badge{background:var(--sun);color:#4a3407;border:2px solid #c99a1d;border-radius:999px;padding:.12em .5em;font-size:.72rem;font-weight:700;position:absolute;top:-.55rem;right:-.55rem}.outs{justify-content:flex-end;gap:.28rem;margin-top:.24rem;display:flex}.out{background:0 0;border:2px solid #ffffff8c;border-radius:50%;width:.85rem;height:.85rem}.out--on{background:var(--red);border-color:#ff8a94;box-shadow:0 0 8px #e03a48cc}.toast{text-align:center;pointer-events:none;animation:.28s cubic-bezier(.2,1.5,.4,1) pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.toast__text{font-family:var(--display);letter-spacing:.02em;color:var(--white);text-shadow:-2px -2px 0 var(--ink-deep), 2px -2px 0 var(--ink-deep), -2px 2px 0 var(--ink-deep), 2px 2px 0 var(--ink-deep), 5px 6px 0 #0000004d;font-size:clamp(1.9rem,8vw,3.5rem);line-height:1}.toast--great .toast__text{color:var(--sun)}.toast--good .toast__text{color:var(--turquoise)}.toast--bad .toast__text{color:#ff9aa3}.toast__sub{letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 5px #000000b3;opacity:.94;margin-top:.25rem;font-size:.86rem}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.shouts{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.shout{font-family:var(--display);letter-spacing:.02em;color:var(--sun);text-shadow:-1.5px -1.5px 0 var(--ink-deep), 1.5px -1.5px 0 var(--ink-deep), -1.5px 1.5px 0 var(--ink-deep), 1.5px 1.5px 0 var(--ink-deep);font-size:clamp(.95rem,3.2vw,1.35rem);animation:1.9s ease-out forwards rise;position:absolute;bottom:34%}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.85)}18%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-64px)scale(1)}}.hud__bottom{flex-direction:column;gap:.55rem;display:flex}.meter{flex-direction:column;align-items:center;gap:.32rem;width:min(26rem,82vw);margin:0 auto;display:flex}.meter__timing{background:#0a264099;border:2px solid #ffffff4d;border-radius:999px;width:100%;height:.7rem;transition:opacity .2s;position:relative}.meter__zone{border:2px solid var(--turquoise);background:#57d0c280;border-radius:999px;position:absolute;top:-2px;bottom:-2px;left:78%;right:6%}.meter__pip{background:var(--white);border:2px solid var(--ink-deep);border-radius:50%;width:.85rem;height:.85rem;margin-left:-.42rem;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 10px #ffffffd9}.meter__power{background:#0a264099;border:2px solid #ffffff4d;border-radius:999px;width:100%;height:.85rem;overflow:hidden}.meter__fill{transform-origin:0;background:var(--turquoise);width:100%;height:100%;transition:background .12s linear;transform:scaleX(0)}.meter__label{letter-spacing:.2em;text-transform:uppercase;opacity:.85;text-shadow:0 2px 5px #000000b3;font-size:.66rem}.touch{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.touch__aim{gap:.55rem;display:flex}.aimbtn{width:3.3rem;height:3.3rem;color:var(--white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12406cb3;border:3px solid #fff6;border-radius:50%;font-size:1.15rem}.aimbtn:active{background:var(--ink)}.action{font-family:var(--display);letter-spacing:.05em;color:var(--white);background:var(--red);border:5px solid #a7202c;border-radius:50%;width:6.6rem;height:6.6rem;font-size:1.35rem;box-shadow:0 6px #7d1721}.action:active{transform:translateY(5px);box-shadow:0 1px #7d1721}.action--run{background:var(--turquoise);color:#093a34;border-color:#2b9c8f;box-shadow:0 6px #1f7d72}.action--run:active{box-shadow:0 1px #1f7d72}.screen--over{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081e34c7}.over{text-align:center;flex-direction:column;align-items:center;gap:.9rem;max-width:26rem;display:flex}.over__banner{font-family:var(--display);color:#ff9aa3;text-shadow:-3px -3px 0 var(--ink-deep), 3px -3px 0 var(--ink-deep), -3px 3px 0 var(--ink-deep), 3px 3px 0 var(--ink-deep);font-size:clamp(2.4rem,11vw,4.2rem);line-height:1}.over__banner--win{color:var(--sun)}.over__line{opacity:.92;margin:0;font-size:1rem}.over__stats{gap:1.4rem;display:flex}.over__stats div{flex-direction:column;display:flex}.over__stats span{font-family:var(--display);font-size:2rem;line-height:1}.over__stats small{letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-size:.66rem}@media (pointer:fine){.only-touch{display:none}}@media (max-height:460px){.toast{top:28%}.action{width:5.2rem;height:5.2rem;font-size:1.05rem}.aimbtn{width:2.7rem;height:2.7rem}.meter{width:min(20rem,58vw)}}.sheet__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gems{font-family:var(--display);letter-spacing:.02em;color:var(--ink);background:#5fb8ea29;border:2px solid #1b5e9c47;border-radius:999px;align-items:center;gap:.34em;padding:.16em .7em;font-size:1.35rem;display:inline-flex}.gems__icon{font-size:.85em}.upg{background:#fff;border:2px solid #1b5e9c38;border-radius:13px;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.upg__icon{font-size:1.7rem;line-height:1}.upg__body{flex:1;min-width:0}.upg__name{font-family:var(--display);letter-spacing:.02em;color:var(--ink);align-items:baseline;gap:.5rem;font-size:1.12rem;display:flex}.upg__level{font-family:var(--ui);letter-spacing:.1em;opacity:.55;font-size:.72rem;font-weight:600}.upg__blurb{opacity:.75;font-size:.85rem;line-height:1.35}.upg__effect{color:var(--turquoise);filter:brightness(.72);margin-top:.24rem;font-size:.78rem;font-weight:600}.pips{gap:.24rem;margin-top:.36rem;display:flex}.pip{background:#1b5e9c29;border-radius:999px;width:1.5rem;height:.36rem}.pip--on{background:var(--sky-deep)}.buy{font-family:var(--display);letter-spacing:.04em;color:#fff;cursor:not-allowed;background:#1b5e9c59;border:2px solid #1b5e9c4d;border-radius:11px;min-width:5rem;padding:.55em .85em;font-size:1rem}.buy--ready{background:var(--red);cursor:pointer;border-color:#a7202c;box-shadow:0 4px #a7202c}.buy--ready:active{transform:translateY(3px);box-shadow:0 1px #a7202c}.packs{grid-template-columns:repeat(auto-fit,minmax(8.2rem,1fr));gap:.6rem;display:grid}.pack{cursor:pointer;color:var(--ink-deep);background:linear-gradient(#fff 0%,#eaf6fd 100%);border:2px solid #1b5e9c40;border-radius:13px;flex-direction:column;align-items:center;gap:.18rem;padding:.9rem .5rem .7rem;display:flex;position:relative}.pack--best{border-color:var(--sun);box-shadow:0 0 0 3px #ffd34e59}.pack__flag{font-family:var(--ui);letter-spacing:.14em;background:var(--sun);color:#4a3407;border-radius:999px;padding:.14em .6em;font-size:.58rem;font-weight:700;position:absolute;top:-.62rem}.pack__n{font-family:var(--display);letter-spacing:.01em;font-size:1.16rem}.pack__bonus{letter-spacing:.08em;color:var(--turquoise);filter:brightness(.7);font-size:.68rem;font-weight:700}.pack__price{font-family:var(--ui);color:var(--red);margin-top:.24rem;font-size:.9rem;font-weight:700}.notice{color:var(--ink);border-left:4px solid var(--sun);background:#ffd34e47;border-radius:0 8px 8px 0;margin:0;padding:.5rem .7rem;font-size:.85rem;font-weight:600}.menu .gems{color:#fff;background:#0a26408c;border-color:#ffffff59}.over__earned{font-family:var(--ui);letter-spacing:.06em;color:var(--sun);font-size:.95rem;font-weight:700}.dot{background:#b9c2ca;border-radius:50%;width:.72rem;height:.72rem;box-shadow:0 0 0 3px #0000000f}.dot--online{background:var(--turquoise)}.dot--connecting{background:var(--sun)}.dot--offline{background:#c4ccd3}.who{background:#fff;border:2px solid #1b5e9c38;border-radius:13px;align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.who__pic{object-fit:cover;background:var(--sky);border-radius:50%;flex:none;width:2.75rem;height:2.75rem}.who__pic--letter{font-family:var(--display);color:#fff;place-items:center;font-size:1.3rem;display:grid}.who__body{flex:1;min-width:0}.who__name{font-family:var(--display);color:var(--ink);font-size:1.1rem}.who__sub{opacity:.7;font-size:.8rem}.chip--fb{color:#fff;background:#1877f2;border-color:#0f5ec7}.waiting{font-family:var(--display);color:var(--ink);margin:0;font-size:1.15rem}.waiting:after{content:"";width:.6em;animation:1.2s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.throw{flex-direction:column;align-items:center;gap:.5rem;width:min(30rem,92vw);margin:0 auto;display:flex}.throw__types{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.ptype{font-family:var(--ui);letter-spacing:.08em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a26409e;border:2px solid #ffffff4d;border-radius:999px;padding:.4em .9em;font-size:.78rem;font-weight:700}.ptype--on{background:var(--red);border-color:#ff9aa3}.throw__aim{align-items:center;gap:.6rem;width:100%;display:flex}.throw__aim input{accent-color:var(--sun);flex:1}.throw__aim span{letter-spacing:.16em;text-transform:uppercase;opacity:.8;font-size:.66rem}.scoreline{font-family:var(--display);letter-spacing:.04em;justify-content:center;align-items:center;gap:.8rem;font-size:1rem;display:flex}.scoreline em{opacity:.65;font-size:.7em;font-style:normal}