.bloop-body{margin:0;background:#04192b;overflow:hidden;overscroll-behavior:none}.bloop-root{--glass:rgba(4,25,43,0.66);--glass-strong:rgba(4,25,43,0.9);--line:rgba(255,255,255,0.2);--text-soft:rgba(255,255,255,0.75);--ok:#7dffc4;--ko:#ffb0a3;--gold:#ffd34d;position:fixed;inset:0;z-index:0;overflow:hidden;background:#000;color:#fff;font-family:Fredoka,ui-rounded,Segoe UI,system-ui,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.bloop-stage{position:absolute;inset:0;touch-action:none}.bloop-stage canvas{display:block}.bloop-root button{font:inherit;color:inherit;touch-action:manipulation}.bloop-root button:focus-visible{outline:3px solid #8fd8ff;outline-offset:2px}.bloop-bar{position:absolute;left:0;right:0;z-index:10;display:flex;align-items:center;gap:8px;padding:0 10px;pointer-events:none}.bloop-bar button{pointer-events:auto}.bloop-bar-top{top:max(8px,env(safe-area-inset-top));justify-content:space-between}.bloop-bar-bottom{bottom:max(14px,env(safe-area-inset-bottom));justify-content:center;gap:14px}.bloop-group{display:flex;align-items:center;gap:6px;min-width:0}.bloop-chip{display:inline-flex;align-items:baseline;gap:2px;height:36px;line-height:36px;padding:0 11px;border-radius:18px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:15px;font-weight:600;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-sizing:border-box}.bloop-level{gap:5px}.bloop-chip small{font-size:12px;font-weight:500;color:var(--text-soft)}.bloop-chip.is-over{color:var(--ko);border-color:rgba(255,120,100,.7);background:rgba(90,16,10,.66)}.bloop-chip.is-over small{color:var(--ko)}.bloop-timer{min-width:64px;justify-content:center}.bloop-round{width:36px;height:36px;flex:none;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:17px;font-weight:700;cursor:pointer}.bloop-round-lg{width:48px;height:48px;font-size:22px}.bloop-round:disabled{opacity:.35;cursor:default}.bloop-boom{min-width:150px;height:56px;padding:0 24px;border:none;border-radius:28px;background:linear-gradient(180deg,#ffa23d,#ff4b2b);box-shadow:0 5px 0 #b3261e,0 10px 24px rgba(0,0,0,.35);font-size:22px;font-weight:700;letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:transform .08s,box-shadow .08s,filter .2s}.bloop-boom:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #b3261e,0 4px 12px rgba(0,0,0,.35)}.bloop-boom:disabled{filter:grayscale(1) brightness(.75);opacity:.75;cursor:default}.bloop-boom.is-ready{animation:bloop-pulse 1.6s ease-in-out infinite}.bloop-boom.is-flow{font-size:17px;letter-spacing:0;background:linear-gradient(180deg,#4fc8ff,#1f7cff);box-shadow:0 5px 0 #1650b3,0 10px 24px rgba(0,0,0,.35)}.bloop-boom.is-flow.is-fast{background:linear-gradient(180deg,#8f7bff,#5b3cff);box-shadow:0 5px 0 #3a22b3,0 10px 24px rgba(0,0,0,.35)}.bloop-hint{position:absolute;left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 76px);z-index:10;transform:translateX(-50%);max-width:calc(100% - 32px);padding:9px 16px;border-radius:20px;border:1px solid var(--line);font-size:15px;text-align:center;pointer-events:none;animation:bloop-float 2.4s ease-in-out infinite}.bloop-hint,.bloop-panel{background:var(--glass-strong)}.bloop-panel{position:relative;box-sizing:border-box;width:min(440px,100%);padding:18px 20px 14px;border-radius:22px;border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.45);-moz-user-select:text;user-select:text;-webkit-user-select:text}.bloop-title{margin:0;font-size:26px;font-weight:700;line-height:1.15}.bloop-subtitle{margin:14px 0 6px}.bloop-btn,.bloop-subtitle{font-size:16px;font-weight:600}.bloop-btn{flex:1 1;min-height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);cursor:pointer}.bloop-btn.is-primary{border:none;background:linear-gradient(180deg,#43e0a5,#12a378);box-shadow:0 4px 0 #0b6e56}.bloop-btn.is-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #0b6e56}.bloop-sheet{position:absolute;inset:auto 0 0 0;z-index:20;display:flex;justify-content:center;padding:12px 12px max(12px,env(safe-area-inset-bottom));pointer-events:none;animation:bloop-rise .4s ease-out .7s both}.bloop-result{pointer-events:auto;text-align:center}.bloop-collapse{top:8px;right:10px;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.08);font-size:18px}.bloop-collapse,.bloop-reopen{position:absolute;cursor:pointer}.bloop-reopen{left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:20;transform:translateX(-50%);height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--line);background:var(--glass-strong);font-size:16px;font-weight:600;white-space:nowrap}.bloop-stars{display:flex;justify-content:center;gap:12px;margin:6px 0 4px;font-size:42px;line-height:1}.bloop-star{color:rgba(255,255,255,.18);animation:bloop-star-pop .45s cubic-bezier(.2,1.6,.4,1) both}.bloop-star.is-on{color:var(--gold);text-shadow:0 0 14px rgba(255,211,77,.65)}.bloop-stats{display:flex;justify-content:center;gap:8px;margin:8px 0 2px;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bloop-stats span{padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.07)}.bloop-stats .is-ok{color:var(--ok)}.bloop-stats .is-ko{color:var(--ko)}.bloop-message{margin:10px 0 14px;font-size:15px;line-height:1.4;color:var(--text-soft)}.bloop-actions{display:flex;gap:10px}.bloop-link{margin-top:10px;padding:4px;border:none;background:none;font-size:13px;color:rgba(255,255,255,.55);text-decoration:underline;cursor:pointer}.bloop-link:disabled{text-decoration:none;cursor:default}.bloop-modal{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,12,22,.55);animation:bloop-fade .25s ease-out both}.bloop-help{max-height:100%;overflow-y:auto;touch-action:pan-y}.bloop-help-head{display:flex;align-items:center;gap:12px}.bloop-help-head img{flex:none;border-radius:14px;background:rgba(255,255,255,.9)}.bloop-kicker{margin:0 0 2px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8fd8ff}.bloop-help-goal{margin:12px 0 0;font-size:15px;line-height:1.4;color:var(--text-soft)}.bloop-steps{display:grid;grid-gap:8px;gap:8px;margin:12px 0 0;padding:0;list-style:none}.bloop-steps li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.07)}.bloop-steps span{flex:none;font-size:24px}.bloop-steps p{margin:0;font-size:15px;line-height:1.35}.bloop-star-rules{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.7;color:var(--text-soft)}.bloop-help-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.bloop-help-foot .bloop-btn{flex:1 0 140px}.bloop-help-foot .language-selector select{height:40px;padding:0 6px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font-size:18px}.bloop-total{font-size:14px;color:var(--text-soft)}@media (max-width:400px){.bloop-wide{display:none}}@keyframes bloop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes bloop-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes bloop-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes bloop-fade{0%{opacity:0}to{opacity:1}}@keyframes bloop-star-pop{0%{opacity:0;transform:scale(.3) rotate(-30deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bloop-boom.is-ready,.bloop-hint,.bloop-modal,.bloop-sheet,.bloop-star{animation:none}}