:root{--villagr-navy:#0b1a33;--villagr-navy-2:#061028;--villagr-white:#fff;--game-accent:#ff2bc2;--game-accent-2:#00e5ff;--game-good:#31d93a;--game-warn:#ffe23d;--game-danger:#ff355d;--hud-bg:#061028c7;--hud-border:#ffffff29;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--radius-lg:20px;--radius-pill:999px;--shadow-soft:0 18px 42px #0000005c;--shadow-glow:0 0 26px color-mix(in srgb, var(--game-accent) 58%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-rounded,Nunito,Inter,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--villagr-navy-2);color:var(--villagr-white);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0}button:focus-visible,canvas:focus-visible{outline:3px solid var(--game-accent-2);outline-offset:3px}.game-page{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--game-accent) 34%, transparent), transparent 34%), radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--game-accent-2) 26%, transparent), transparent 30%), linear-gradient(180deg, var(--villagr-navy), var(--villagr-navy-2));min-height:100%}.game-page.standalone{background:radial-gradient(circle at 50% 0,#0a1830,#04080f 72%);place-items:center;min-height:100svh;padding:clamp(0px,2vmin,20px);display:grid}.game-page.standalone .game-shell{aspect-ratio:390/844;background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--game-accent) 34%, transparent), transparent 34%), radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--game-accent-2) 26%, transparent), transparent 30%), linear-gradient(180deg, var(--villagr-navy), var(--villagr-navy-2));border:1px solid #ffffff29;border-radius:30px;width:auto;max-width:min(100%,430px);height:100%;margin:0;overflow:hidden;box-shadow:0 28px 60px #00000080}.game-shell{width:min(100vw,560px);height:100%;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));grid-template-rows:auto minmax(0,1fr) auto;gap:10px;margin:0 auto;display:grid;position:relative}.game-hud{z-index:5;grid-template-columns:minmax(108px,1fr) minmax(174px,1.55fr) 44px;align-items:center;gap:8px;display:grid;position:relative}.brand-lockup{gap:1px;min-width:0;display:grid}.brand-lockup span,.hud-pill span{color:#ffffffc7;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.brand-lockup strong{color:#fff;white-space:normal;font-size:clamp(13px,3.4vw,15px);font-weight:1000;line-height:1.05}.hud-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.hud-pill{border:1px solid var(--hud-border);border-radius:var(--radius-pill);background:var(--hud-bg);text-align:center;min-width:0;padding:8px 7px;box-shadow:inset 0 1px #ffffff1f}.game-page[data-final-warning=true] .hud-pill:nth-child(2),.game-page[data-final-warning=true] .state-badge{border-color:color-mix(in srgb, var(--game-warn) 78%, white 12%);box-shadow:0 0 18px color-mix(in srgb, var(--game-warn) 34%, transparent), inset 0 1px 0 #ffffff29;animation:.62s ease-in-out infinite villagr-countdown-pulse}.game-page[data-final-warning=true] .state-badge{animation-name:villagr-countdown-badge-pulse}.game-page[data-final-warning=true] .hud-pill:nth-child(2) strong{color:var(--game-warn)}.hud-pill strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,3.3vw,18px);font-weight:1000;line-height:1.18;display:block;overflow:hidden}.hud-pill.optional strong{white-space:pre-line;font-size:11px;line-height:1.06}.icon-button{border:2px solid color-mix(in srgb, var(--game-accent-2) 55%, white 12%);width:44px;height:44px;box-shadow:var(--shadow-soft);color:#fff;background:linear-gradient(#ffffff29,#ffffff05);border-radius:50%;font-size:13px;font-weight:1000}.playfield-wrap{border:2px solid color-mix(in srgb, var(--game-accent) 42%, #ffffff29);min-height:0;box-shadow:var(--shadow-soft), inset 0 0 0 1px #ffffff14;background:#00000038;border-radius:24px;position:relative;overflow:hidden}.game-page[data-screen-shake=true] .playfield-wrap{animation:.14s linear infinite villagr-screen-shake}.game-canvas{touch-action:none;width:100%;height:100%;display:block}@keyframes villagr-screen-shake{0%,to{transform:translate(0,0)}20%{transform:translate3d(calc(var(--villagr-shake-mag,3px) * -1), calc(var(--villagr-shake-mag,3px) * .66), 0)}40%{transform:translate3d(var(--villagr-shake-mag,3px), calc(var(--villagr-shake-mag,3px) * -.66), 0)}60%{transform:translate3d(calc(var(--villagr-shake-mag,3px) * -.66), calc(var(--villagr-shake-mag,3px) * -.33), 0)}80%{transform:translate3d(calc(var(--villagr-shake-mag,3px) * .66), calc(var(--villagr-shake-mag,3px) * .33), 0)}}.state-badge{border-radius:var(--radius-pill);color:#fff;letter-spacing:0;text-transform:uppercase;background:#061028c7;border:1px solid #ffffff2e;padding:6px 12px;font-size:11px;font-weight:1000;position:absolute;top:12px;left:50%;transform:translate(-50%)}.game-page.drop-dash[data-game-status=running] .state-badge{display:none}.game-footer{border:1px solid var(--hud-border);border-radius:var(--radius-pill);background:var(--hud-bg);color:#ffffffdb;text-align:center;min-height:38px;padding:10px 14px;font-size:13px;font-weight:800;line-height:1.25}.overlay{z-index:8;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(#06102857,#061028bd);place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow-y:auto}.hidden{display:none!important}.overlay-panel{border:2px solid color-mix(in srgb, var(--game-accent-2) 42%, white 18%);background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--game-accent) 24%, transparent), transparent 42%), linear-gradient(180deg, #0b1a33f5, #061028f0);width:min(92%,430px);box-shadow:var(--shadow-soft), var(--shadow-glow);text-align:center;border-radius:24px;padding:22px}.drop-dash-splash .drop-dash-splash-art{place-items:center;height:clamp(146px,42vw,188px);margin:-4px auto 10px;display:grid;position:relative}.drop-dash-splash-art img{object-fit:contain;display:block;position:absolute}.drop-dash-splash-art .splash-hero{width:clamp(126px,40vw,170px);filter:drop-shadow(0 14px 22px #00000080) drop-shadow(0 0 20px color-mix(in srgb, var(--game-accent-2) 55%, transparent));animation:3.4s ease-in-out infinite drop-dash-splash-float;position:relative}.drop-dash-splash-art .splash-vector-tease{opacity:.3;width:clamp(60px,21vw,88px);filter:saturate(1.25) drop-shadow(0 0 14px color-mix(in srgb, var(--game-accent-2) 65%, #00e5ff));animation:4.4s ease-in-out infinite drop-dash-splash-float}.drop-dash-splash-art .tease-left{top:30%;left:3%;transform:rotate(-9deg)}.drop-dash-splash-art .tease-right{animation-delay:.7s;top:16%;right:3%;transform:rotate(8deg)}@keyframes drop-dash-splash-float{0%,to{translate:0}50%{translate:0 -8px}}.game-page[data-reduced-motion=true] .drop-dash-splash-art img{animation:none}.game-over-overlay{align-items:start}.game-over-overlay .overlay-panel{margin-block:auto}.mini{color:var(--game-accent-2);text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:1000}h1,h2{letter-spacing:0;margin:0;font-size:clamp(26px,8vw,42px);line-height:.96}.overlay-panel p:not(.mini){color:#ffffffdb;margin:12px auto 18px;font-size:15px;font-weight:750;line-height:1.38}.primary-button,.secondary-button{border-radius:var(--radius-pill);text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;max-width:100%;min-height:48px;padding:0 18px;font-size:15px;font-weight:1000;line-height:1.1;display:inline-flex}.guide-link{border:1px solid color-mix(in srgb, var(--game-accent-2) 52%, white 14%);border-radius:var(--radius-pill);color:#fff;background:#ffffff14;justify-content:center;align-items:center;min-height:38px;margin:-4px auto 14px;padding:0 14px;font-size:13px;font-weight:1000;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--game-accent), var(--game-accent-2));box-shadow:0 12px 28px color-mix(in srgb, var(--game-accent) 34%, transparent);position:relative;overflow:hidden}.primary-button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0% 38%,#ffffff6b 48%,#0000 58% 100%) 140% 0/220% 100% no-repeat;animation:2.1s ease-in-out infinite villagr-button-glint;position:absolute;inset:0}.secondary-button{background:#ffffff1a;border:1px solid #ffffff38}.overlay-actions{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;margin-top:18px;display:grid}.run-hook{border:1px solid color-mix(in srgb, var(--game-accent-2) 46%, white 12%);background:color-mix(in srgb, var(--game-accent-2) 16%, #0b1a3399);color:#fff;text-wrap:balance;border-radius:14px;margin:12px 0 0;padding:10px 14px;font-size:14px;font-weight:1000;line-height:1.3}.run-hook:empty{display:none}.overlay-status{min-height:20px;color:var(--game-accent-2);margin:10px 0 0;font-size:13px;font-weight:900}.snake-swipe-cues{pointer-events:none;grid-template-areas:".up.""left.right"".down.";width:136px;height:106px;margin:4px auto 0;display:grid}.snake-swipe-cues .cue{border:2px solid color-mix(in srgb, var(--game-accent-2) 72%, white 12%);width:42px;height:42px;box-shadow:0 0 18px color-mix(in srgb, var(--game-accent-2) 35%, transparent);color:var(--game-accent-2);background:#00e5ff1f;border-radius:50%;place-items:center;font-size:18px;font-weight:1000;display:grid}.snake-swipe-cues .up{grid-area:up}.snake-swipe-cues .left{grid-area:left}.snake-swipe-cues .right{grid-area:right}.snake-swipe-cues .down{grid-area:down}.final-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.mini-card-preview{place-items:center;min-height:0;margin-top:12px;display:grid}.mini-card-preview img{aspect-ratio:1;object-fit:cover;border:1px solid #fff3;border-radius:12px;width:min(150px,44vw);animation:.42s cubic-bezier(.16,1,.3,1) both villagr-share-card-pop;display:block;box-shadow:0 10px 24px #00000042}.final-stat{background:#ffffff14;border:1px solid #ffffff24;border-radius:14px;padding:10px}.final-stat span{color:#ffffffc7;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.final-stat strong{color:#fff;margin-top:2px;font-size:18px;font-weight:1000;display:block}@media (width<=380px){.game-shell{gap:8px;padding-inline:8px}.game-hud{grid-template-columns:1fr 44px}.brand-lockup{display:none}.hud-pills{grid-column:1}.hud-pill.optional span{display:none}}@media (height<=720px){.game-over-overlay{padding:12px}.game-over-overlay .overlay-panel{padding:14px}.game-over-overlay .mini{margin-bottom:5px}.game-over-overlay h2{font-size:clamp(24px,7vw,34px)}.game-over-overlay .final-stats{gap:6px;margin-top:10px}.game-over-overlay .final-stat{padding:7px}.game-over-overlay .final-stat strong{font-size:15px}.game-over-overlay .mini-card-preview{margin-top:8px}.game-over-overlay .mini-card-preview img{width:min(104px,32vw)}.game-over-overlay .overlay-actions{gap:8px;margin-top:10px}}@keyframes villagr-countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}@keyframes villagr-countdown-badge-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.055)}}@keyframes villagr-button-glint{0%,45%{background-position:140% 0}72%,to{background-position:-140% 0}}@keyframes villagr-share-card-pop{0%{opacity:0;transform:translateY(8px)scale(.9)}72%{opacity:1;transform:translateY(-2px)scale(1.035)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.game-page[data-final-warning=true] .hud-pill:nth-child(2),.game-page[data-final-warning=true] .state-badge,.primary-button:after,.mini-card-preview img{animation:none}}.game-page[data-reduced-motion=true] .hud-pill:nth-child(2),.game-page[data-reduced-motion=true] .state-badge,.game-page[data-reduced-motion=true] .primary-button:after,.game-page[data-reduced-motion=true] .mini-card-preview img{animation:none}