.pix{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,var(--bg-top, #ffd6e8) 0%,var(--bg-bottom, #ffb3d1) 100%);--ink: #5a2a44;--frame: #ff8fbf;--frame-dark: #d95f97;--cream: #fff4fa;--accent: #ff5d9e}.pix__cloud{position:absolute;background:#ffe3f1;border-radius:2px;box-shadow:8px 0 #ffe3f1,16px 0 #ffe3f1,8px -8px #ffe3f1;opacity:.8;animation:drift linear infinite}@keyframes drift{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}.pix__hud{position:absolute;top:max(14px,4%);left:50%;transform:translate(-50%);background:var(--cream);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--frame),6px 6px #5a2a4440;padding:12px 18px;text-align:center;z-index:5;image-rendering:pixelated}.pix__tagline{font-size:clamp(7px,2.4vw,11px);color:var(--frame-dark);letter-spacing:1px;margin-bottom:10px}.pix__clock{display:flex;align-items:baseline;justify-content:center;gap:8px;color:var(--ink)}.pix__time{font-size:clamp(20px,8.5vw,38px);color:var(--accent);letter-spacing:1px}.pix__ground{position:absolute;left:0;right:0;bottom:0;height:16%;background:repeating-linear-gradient(90deg,#ff9ec6 0,#ff9ec6 16px,#ff8fbf 16px,#ff8fbf 32px);border-top:6px solid var(--ink);z-index:1}.pix__char{position:absolute;z-index:3;image-rendering:auto;transition:left 1.1s cubic-bezier(.34,1.3,.64,1);animation:bob 1.6s steps(2) infinite}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -4px}}.pix__decor{position:absolute;z-index:2;pointer-events:none;animation:floatup linear infinite}@keyframes floatup{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-82vh) scale(1.1);opacity:0}}.pix__hug{position:absolute;left:50%;bottom:16%;transform:translate(-50%);z-index:3;image-rendering:auto;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:translate(-50%) scale(.4);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.pix__finale-text{position:absolute;left:50%;top:max(20px,6%);transform:translate(-50%);z-index:5;font-size:clamp(22px,10vw,46px);color:var(--accent);text-shadow:3px 3px 0 var(--cream),6px 6px 0 var(--ink);letter-spacing:2px;white-space:nowrap}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(./pressstart2p-cyrillic-DBn7fddJ.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(./pressstart2p-latin-_wFEWmAB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:"Press Start 2P",Courier New,monospace;background:#ffb3d1;color:#5a2a44;overflow:hidden;-webkit-font-smoothing:none}img{image-rendering:pixelated;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}