:root{--sky-top:#5fb1f2;--sky-mid:#a6d6f6;--sky-low:#d6ecfb;--sky-horizon:#f6fbfe;--sky-ground:#fdf4e6;--ink:#2b3a52;--font-display:"Baloo 2",ui-rounded,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-display);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--sky-low)}.sky{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 34%,var(--sky-low) 60%,var(--sky-horizon) 84%,var(--sky-ground) 100%)}.sky:before{top:-22vmax;right:-14vmax;width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(255,249,224,.9) 0,rgba(255,245,210,.4) 32%,rgba(255,245,210,0) 68%)}.sky:after,.sky:before{content:"";position:absolute;pointer-events:none}.sky:after{left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.45))}.cloud{position:absolute;pointer-events:none;filter:blur(6px);opacity:.85;will-change:transform}.cloud svg{display:block}.cloud--a{top:14%;width:380px;animation:drift 110s linear infinite;animation-delay:-20s}.cloud--b{top:40%;width:260px;opacity:.6;animation:drift 150s linear infinite;animation-delay:-90s}.cloud--c{top:7%;width:180px;opacity:.5;animation:drift 190s linear infinite;animation-delay:-50s}@keyframes drift{0%{transform:translateX(-30vw)}to{transform:translateX(130vw)}}.balloon{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);will-change:transform;z-index:10;cursor:pointer;animation:float var(--bob-duration,8s) ease-in-out var(--bob-delay,0s) infinite alternate}.balloon:hover .balloon__bob{filter:brightness(1.04)}.balloon:focus-visible{outline:3px solid hsla(0,0%,100%,.95);outline-offset:3px;border-radius:12px}@keyframes float{0%{transform:translateX(-50%) translateY(-8px)}to{transform:translateX(-50%) translateY(10px)}}.balloon__bob{position:relative;z-index:1;width:100%;transform-origin:50% 100%;animation:sway calc(var(--bob-duration, 8s) * 1.3) ease-in-out var(--bob-delay,0s) infinite alternate}@keyframes sway{0%{transform:rotate(calc(var(--sway, 3deg) * -1))}to{transform:rotate(var(--sway,3deg))}}.balloon__svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 16px 20px rgba(43,58,82,.16))}.balloon__string{position:absolute;top:calc(var(--balloon-w, 60px) * 1.24);left:50%;transform:translateX(-50%);width:10px;height:clamp(56px,8vw,78px);z-index:0;opacity:.9}.balloon__tag{position:relative;z-index:2;margin-top:calc(var(--balloon-w, 60px) * -.09);width:max-content;max-width:44vw;padding:4px 11px;border-radius:999px;background:hsla(0,0%,100%,.94);box-shadow:0 6px 16px rgba(43,58,82,.16);text-align:center;line-height:1.12}.balloon__name{display:block;font-weight:700;font-size:clamp(11px,1.1vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balloon__bid{display:block;font-weight:600;font-size:clamp(10px,.95vw,13px);color:#7a8aa3}.balloon__rank{position:absolute;top:8%;left:50%;transform:translateX(-50%);font-weight:800;font-size:clamp(9px,.9vw,13px);color:hsla(0,0%,100%,.9);text-shadow:0 1px 3px rgba(43,58,82,.35);pointer-events:none}.grass{left:0;right:0;bottom:-1px;width:100%;height:clamp(50px,8.4vh,90px);z-index:20;display:block;filter:drop-shadow(0 -6px 10px rgba(43,58,82,.08))}.brand,.grass{position:fixed;pointer-events:none}.brand{top:max(18px,env(safe-area-inset-top));left:20px;z-index:40}.brand__name{margin:0;font-size:clamp(18px,2.4vw,26px);font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 10px rgba(43,58,82,.25)}.brand__tag{margin:2px 0 0;font-size:clamp(11px,1.3vw,14px);font-weight:600;color:hsla(0,0%,100%,.92);text-shadow:0 1px 3px rgba(43,58,82,.45),0 2px 14px rgba(43,58,82,.35)}.stats{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;z-index:40;display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(43,58,82,.16);white-space:nowrap;font-size:clamp(11.5px,1.3vw,14px);font-weight:600;color:#6a778c;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats__online{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#1f9d4d}.stats__sep{color:#c3ccd9}.stats__dot{width:7px;height:7px;border-radius:50%;background:#2fbf5b;animation:stats-pulse 2s ease-out infinite}@keyframes stats-pulse{0%{box-shadow:0 0 0 0 rgba(47,191,91,.5)}70%{box-shadow:0 0 0 7px rgba(47,191,91,0)}to{box-shadow:0 0 0 0 rgba(47,191,91,0)}}@media (max-width:600px){.brand__tag,.stats__since{display:none}.stats{top:52px;right:auto;left:50%;transform:translateX(-50%);gap:7px;padding:6px 13px;font-size:11.5px}}.claim{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:50;display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border:none;border-radius:999px;font-family:var(--font-display);font-size:clamp(15px,1.6vw,18px);font-weight:700;color:var(--ink);cursor:pointer;background:linear-gradient(180deg,#fff,#fdeede);box-shadow:0 10px 30px rgba(43,58,82,.28),0 2px 6px rgba(43,58,82,.2);transition:transform .15s ease,box-shadow .15s ease}.claim:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 16px 38px rgba(43,58,82,.32),0 3px 8px rgba(43,58,82,.22)}.claim:active{transform:translateX(-50%) translateY(0)}.empty-sky{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none;color:#fff}.empty-sky__big{margin:0;font-size:clamp(26px,5vw,44px);font-weight:800;letter-spacing:-.01em;text-shadow:0 3px 18px rgba(43,58,82,.28)}.empty-sky__small{margin:6px 0 0;font-size:clamp(13px,1.8vw,17px);font-weight:600;color:hsla(0,0%,100%,.9);text-shadow:0 2px 12px rgba(43,58,82,.3)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(28,40,61,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade .16s ease-out}.modal{position:relative;width:100%;max-width:380px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 22px 18px;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(28,40,61,.4);font-family:var(--font-display);color:var(--ink);animation:modal-pop .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}.modal__close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;border-radius:50%;background:#f1f3f7;color:#7a8aa3;font-size:20px;line-height:1;cursor:pointer}.modal__close:hover{background:#e6e9f0}.modal__title{margin:0;font-size:22px;font-weight:800}.modal__sub{margin:3px 0 14px;font-size:13px;font-weight:600;color:#8a97ab}.modal__sub em{font-style:normal;color:var(--ink)}.preview{margin-bottom:16px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#5fb1f2,#a6d6f6 55%,#e8f5fd)}.preview__sky{display:flex;align-items:flex-start;justify-content:center;height:172px;padding-top:14px}.preview-balloon{transition:width .35s cubic-bezier(.2,.9,.3,1.15)}.preview-balloon svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 12px 16px rgba(43,58,82,.22))}.preview__caption{margin:0;padding:9px 12px;text-align:center;font-size:13px;font-weight:700;color:#35507a;background:hsla(0,0%,100%,.6)}.preview__caption strong{color:#14213d}.field{display:block;margin-bottom:12px}.field__label{display:block;margin-bottom:5px;font-size:12px;font-weight:700;color:#7a8aa3}.field__input{width:100%;padding:11px 13px;border:1.5px solid #e2e6ee;border-radius:12px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);background:#fbfcfe;outline:none}.field__input:focus{border-color:#7b8cff;background:#fff}.field__money{display:flex;align-items:center;gap:4px}.field__currency{font-size:18px;font-weight:800;color:#7a8aa3}.field__input--money{flex:1 1}.claim-top{display:inline-flex;align-items:center;gap:6px;margin:2px 0 14px;padding:9px 14px;border:1.5px dashed #ffca7a;border-radius:999px;background:#fff7ec;color:#b26a12;font-family:var(--font-display);font-size:13px;font-weight:800;cursor:pointer}.claim-top:hover{background:#ffefd9}.modal__error{margin:0 0 10px;padding:8px 11px;border-radius:10px;background:#fdecec;color:#c0392b;font-size:13px;font-weight:600}.modal__pay{width:100%;padding:14px;border:none;border-radius:14px;font-family:var(--font-display);font-size:17px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(180deg,#ff6a86,#e2415f);box-shadow:0 10px 24px rgba(226,65,95,.35);transition:transform .12s ease,box-shadow .12s ease}.modal__pay:hover:not(:disabled){transform:translateY(-1px)}.modal__pay:disabled{opacity:.45;cursor:not-allowed}.modal__fineprint{margin:9px 0 0;text-align:center;font-size:11px;font-weight:600;color:#9aa6b8}.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:90;max-width:min(92vw,420px);padding:12px 18px;border-radius:14px;background:rgba(20,33,61,.92);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;text-align:center;box-shadow:0 12px 30px rgba(20,33,61,.35);animation:modal-pop .2s ease-out}@media (prefers-reduced-motion:reduce){.balloon,.balloon__bob,.cloud,.preview-balloon,.stats__dot{animation:none!important;transition:none!important}}