@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.ttf) format("truetype");font-weight:400;font-display:swap}html,body{margin:0;padding:0;background:#000;width:100vw;height:100dvh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{position:relative;container-type:inline-size;width:min(56.25dvh,100vw);height:min(100dvh,calc(100vw * 16 / 9));margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.6cqw,24px);padding:clamp(10px,3cqw,22px);padding-top:max(clamp(10px,3cqw,22px),env(safe-area-inset-top));padding-bottom:max(clamp(10px,3cqw,22px),env(safe-area-inset-bottom));box-sizing:border-box}.timer-badge{flex-shrink:0;display:flex;align-items:center;font-family:Lilita One,system-ui,sans-serif;font-size:clamp(20px,8cqw,46px);line-height:1;color:#fff;padding:.16em .66em .2em;background:linear-gradient(180deg,#ffd23f,#ff9e16);border:clamp(2.5px,1cqw,5px) solid #fff;border-radius:999px;box-shadow:0 .16em #7837008c,0 .34em .4em #00000073;text-shadow:0 .07em 0 #c2570a,0 .12em .04em rgba(0,0,0,.35);letter-spacing:.03em;-webkit-user-select:none;user-select:none}.corner-btns{position:absolute;top:max(clamp(6px,2cqw,14px),calc(env(safe-area-inset-top) + 6px));right:max(clamp(6px,2cqw,14px),calc(env(safe-area-inset-right) + 6px));z-index:20;display:flex;gap:clamp(4px,1.4cqw,9px)}.cbtn{width:clamp(30px,8.5cqw,50px);height:clamp(30px,8.5cqw,50px);border-radius:50%;font-family:Lilita One,system-ui,sans-serif;font-size:clamp(16px,5cqw,28px);color:#fff;border:clamp(2px,.7cqw,3.5px) solid #fff;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;text-shadow:0 .07em 0 rgba(0,0,0,.4);transition:transform .08s ease-out}.cbtn:active{transform:translateY(2px) scale(.94)}.cbtn-install{background:linear-gradient(180deg,#4fd16a,#25974a);box-shadow:0 .14em #003c1699}.cbtn-refresh{background:linear-gradient(180deg,#3aa8ff,#1d6fd6);box-shadow:0 .14em #00285a99}.toast{position:absolute;bottom:clamp(10px,4cqw,26px);left:50%;transform:translate(-50%) translateY(8px);max-width:86%;background:#000000eb;color:#fff;font-family:system-ui,sans-serif;font-size:clamp(11px,3.2cqw,16px);text-align:center;padding:.6em 1em;border:2px solid rgba(255,255,255,.25);border-radius:14px;z-index:30;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.donor-bar{flex-shrink:0;display:flex;gap:clamp(4px,1.4cqw,11px);align-items:center;justify-content:center;width:100%;min-height:clamp(32px,10cqw,56px);font-family:Lilita One,system-ui,sans-serif}.donor-chip{display:flex;align-items:center;gap:.34em;padding:.16em .62em .2em .16em;background:linear-gradient(180deg,#6f7bff,#4453d6);border:clamp(2px,.7cqw,3.5px) solid #fff;border-radius:999px;box-shadow:0 .14em #12164699;color:#fff;font-size:clamp(11px,3.5cqw,20px);line-height:1;white-space:nowrap;text-shadow:0 .06em 0 rgba(0,0,0,.4)}.donor-chip.rank-1{background:linear-gradient(180deg,#ffd23f,#ff9e16);box-shadow:0 .14em #78370099;text-shadow:0 .06em 0 #c2570a}.donor-chip .avatar{width:1.7em;height:1.7em;border-radius:50%;object-fit:cover;background:#2a2e35;border:1.5px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:.8em;flex-shrink:0}.donor-chip .dname{max-width:6em;overflow:hidden;text-overflow:ellipsis}.donor-chip .dapples{opacity:.95}.board{position:relative;flex:1 1 auto;min-height:0;max-width:100%;margin:0 auto;aspect-ratio:1.2 / 1;border:clamp(4px,1.4cqw,7px) solid #1aff1a;padding:4px;background:#000;box-shadow:0 0 0 2px #000,0 0 22px #1aff1a4d;box-sizing:border-box;transition:filter .15s;line-height:0}.board svg{display:block;width:100%;height:100%}.keypad{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto auto;gap:clamp(3px,1.2cqw,9px);-webkit-user-select:none;user-select:none}.kc-up{grid-column:2;grid-row:1}.kc-left{grid-column:1;grid-row:2}.kc-down{grid-column:2;grid-row:2}.kc-right{grid-column:3;grid-row:2}.kc{width:min(30cqw,128px);height:min(30cqw,128px);transition:transform .08s ease-out;pointer-events:none}.kc svg{width:100%;height:100%;display:block;overflow:visible}.kc .arrow{fill:#4a5058;transition:fill .08s ease-out}.kc.active{transform:translateY(4%) scale(.95)}.kc.active .arrow{fill:#1aff1a;filter:drop-shadow(0 0 5px rgba(26,255,26,.9))}#score,#appleCount,#lengthCount{display:none}#snake-tongue{animation:tongueFlick 3s infinite;transform-origin:13px 0;transform-box:fill-box}@keyframes tongueFlick{0%,82%{transform:scaleX(1)}84%,87%{transform:scaleX(.15)}89%,92%{transform:scaleX(1)}94%,96%{transform:scaleX(.15)}98%,to{transform:scaleX(1)}}.apple-fruit{animation:applePulse 1.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box;filter:drop-shadow(0 0 5px rgba(255,80,110,.95)) drop-shadow(0 2.5px 3px rgba(0,0,0,.6))}@keyframes applePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.head-body{fill:#1aff1a}body.skin-slither{background:#131518}body.skin-slither .board{border-color:#0df;box-shadow:0 0 0 2px #000,0 0 40px #0df6;background:#131518}body.skin-slither #hex-bg{display:block}#hex-bg{display:none}body.skin-slither .hud{color:#0df}body.skin-slither .hud b{background:#003955}body.skin-slither #snake-shape{fill:var(--snake-color, #00c8e8);filter:drop-shadow(0 3px 2px rgba(0,0,0,.7)) drop-shadow(0 0 4px var(--snake-glow, rgba(0, 200, 232, .5)))}#snake-scales{display:none}#snake-shape{fill:var(--snake-color, #1aff1a)}body.skin-slither .head-shine{fill:#9ff;opacity:.5}body.skin-slither #snake-tongue path{stroke:#f4a}body.skin-slither #snake-head{filter:drop-shadow(0 0 3px rgba(0,232,255,.7))}body.skin-slither .apple-fruit{fill:#f4a;filter:drop-shadow(0 0 3px rgba(255,68,170,.9))}body.skin-slither .apple-stem{stroke:#f6c}body.skin-slither .apple-shine{fill:#fbd}