.minigames-section{padding-top:38px;padding-bottom:45px}
.mini-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}
.mini-heading h1{font-size:clamp(38px,5vw,62px);margin:0}
.mini-heading p{font-size:14px;color:var(--muted);margin:0}
.mini-heading .eyebrow{margin-bottom:12px}
.arcade{border:1px solid #4b3a60;border-radius:12px;overflow:hidden;background:#18141e}
.arcade-hud{padding:15px 24px;display:flex;align-items:center;gap:30px;background:#20192b;border-bottom:1px solid #483455}
.hud-score span,.hud-time span,.hud-hits span{display:block;color:#aaa0b7;font-size:12px;letter-spacing:1.5px}
.hud-score strong,.hud-time strong{font-family:var(--heading);font-size:38px;line-height:1.1;font-variant-numeric:tabular-nums}
.hud-score strong{color:var(--green)}.hud-time{margin-left:auto;text-align:right}.hud-hits strong{font-size:22px}
.arcade-hud small{font-size:14px;color:var(--muted)}
.balloon-arena{height:clamp(300px,47svh,510px);position:relative;isolation:isolate;overflow:hidden;outline-offset:-4px;background:radial-gradient(ellipse at 50% 80%,#39215566,transparent 70%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#121017;background-size:auto,42px 42px,42px 42px,auto;cursor:crosshair}
.balloon-arena:not(.finished){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='9' fill='none' stroke='%235befbb' stroke-width='1.5'/%3E%3Cpath d='M16 0v10m0 12v10M0 16h10m12 0h10' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 16 16,crosshair}
#balloon-layer{position:absolute;inset:0}
.balloon{position:absolute;left:0;top:0;display:grid;place-items:center;padding:0;color:#17111f;font-weight:800;font-size:16px;border:1px solid #ffffff60;border-radius:50% 50% 47% 47%;background:radial-gradient(ellipse at 28% 23%,#ffffffc0 0%,#ffffff22 17%,transparent 40%),var(--balloon-color);box-shadow:inset -7px -9px 16px #0003,0 5px 24px #0005;cursor:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none;will-change:transform}
.balloon:after{content:'';position:absolute;top:100%;left:50%;height:24px;width:1px;background:#d8c8e866;pointer-events:none}
.balloon:focus-visible{outline:3px solid white;outline-offset:5px}
.pop-points{position:absolute;pointer-events:none;font-size:26px;font-weight:900;animation:pop-up .55s ease-out forwards;z-index:2}
@keyframes pop-up{to{transform:translateY(-35px);opacity:0}}
.round-progress{appearance:none;display:block;width:100%;height:4px;border:0;background:#34273f}
.round-progress::-webkit-progress-bar{background:#34273f}.round-progress::-webkit-progress-value{background:var(--green)}.round-progress::-moz-progress-bar{background:var(--green)}
.round-result{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;background:#15101fec;z-index:5;cursor:default;overflow:auto}
.round-result .eyebrow{margin-bottom:6px}.round-result h2{font-size:32px}.result-number{font-family:var(--heading);font-size:clamp(55px,10vw,84px);line-height:1.1;color:var(--green)}
.round-result p{font-size:14px;color:var(--muted);margin:4px 0 16px}.round-result .save-note{font-size:12px;max-width:410px;margin:16px 0 0}
.balloon-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:16px 24px;border-top:1px solid #382840;font-size:14px}.balloon-legend span{display:flex;align-items:center;gap:8px}.balloon-legend i{width:10px;height:10px;border-radius:50%;background:var(--dot)}.balloon-legend small{color:var(--muted);margin-left:auto;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.nav-wrap{gap:22px}nav{gap:22px}.nav-note{display:none}}
@media(max-width:760px){.minigames-section{padding-top:24px}.minigames-section .back-link{margin-bottom:18px}.mini-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:15px}.mini-heading h1{font-size:42px}.mini-heading .eyebrow{margin-bottom:8px}.mini-heading p{font-size:14px}.arcade-hud{padding:12px 16px;gap:20px}.hud-score strong,.hud-time strong{font-size:32px}.balloon-legend{padding:12px 16px;gap:10px 15px}.balloon-legend small{width:100%;margin:0}.balloon-arena{height:clamp(300px,43svh,430px)}.round-result{padding:15px}}
@media(prefers-reduced-motion:reduce){.pop-points{animation:none;opacity:.9}}
