/* === Easter Egg: tooltip nad logo === */
.t2s-egg-tooltip {
    position: absolute;
    background: #111;
    color: #fff;
    padding: 8px 14px;
    border-radius: 6px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .25s ease, transform .25s ease;
    z-index: 9998;
    box-shadow: 0 6px 24px rgba(0,0,0,.18);
}
.t2s-egg-tooltip.is-visible { opacity: 1; transform: translateY(0); }
.t2s-egg-tooltip::after {
    content: ''; position: absolute; top: -5px; left: 24px;
    width: 10px; height: 10px; background: #111; transform: rotate(45deg);
}

/* === Scene === */
.t2s-egg-scene {
    position: fixed; left: 0; bottom: 0;
    width: 100vw; height: 320px;
    pointer-events: none; z-index: 9999;
}
.t2s-egg-runner {
    position: absolute; bottom: 0; left: -380px;
    width: 420px; height: 240px;
    animation: t2s-egg-run 10s linear forwards;
}
@keyframes t2s-egg-run {
    from { transform: translateX(0); }
    to   { transform: translateX(calc(100vw + 420px)); }
}
.t2s-egg-runner .t2s-egg-robot {
    position: absolute; bottom: 0; left: 0;
}
.t2s-egg-runner .t2s-egg-cart {
    position: absolute; bottom: 30px; left: 160px;
}

/* === Robot (без bob, руки прямые вперёд) === */
.t2s-egg-robot {
    position: relative;
    width: 80px; height: 180px;
}
.t2s-egg-robot-head {
    position: absolute; top: 0; left: 14px;
    width: 52px; height: 48px;
    background: linear-gradient(180deg, #c7cdd6 0%, #8e97a4 100%);
    border: 2px solid #4a5260;
    border-radius: 10px 10px 8px 8px;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,.15);
}
.t2s-egg-robot-head::before {
    content: ''; position: absolute; top: -10px; left: 22px;
    width: 4px; height: 10px; background: #4a5260;
}
.t2s-egg-robot-head::after {
    content: ''; position: absolute; top: -14px; left: 19px;
    width: 10px; height: 10px; background: #ff5252;
    border-radius: 50%; box-shadow: 0 0 8px #ff5252;
    animation: t2s-egg-blink .8s ease-in-out infinite alternate;
}
@keyframes t2s-egg-blink {
    from { opacity: 1; } to { opacity: .35; }
}
.t2s-egg-robot-eyes {
    position: absolute; top: 14px; left: 8px;
    width: 36px; height: 14px;
    background: #1a1f29; border-radius: 4px;
    display: flex; align-items: center; justify-content: space-around;
}
.t2s-egg-robot-eyes span {
    width: 7px; height: 7px; background: #4ddfff;
    border-radius: 50%; box-shadow: 0 0 6px #4ddfff;
}
.t2s-egg-robot-mouth {
    position: absolute; bottom: 6px; left: 16px;
    width: 20px; height: 3px; background: #4a5260; border-radius: 2px;
}
.t2s-egg-robot-body {
    position: absolute; top: 50px; left: 10px;
    width: 60px; height: 56px;
    background: linear-gradient(180deg, #b8c0cc 0%, #7d8694 100%);
    border: 2px solid #4a5260;
    border-radius: 8px;
    box-shadow: inset 0 -6px 0 rgba(0,0,0,.18);
}
.t2s-egg-robot-body::before {
    content: ''; position: absolute; top: 14px; left: 50%;
    transform: translateX(-50%);
    width: 18px; height: 18px;
    background: radial-gradient(circle, #4ddfff 0%, #1976a8 70%);
    border: 2px solid #2a3340; border-radius: 50%;
    box-shadow: 0 0 8px rgba(77,223,255,.6);
}

/* Руки — прямые, протянуты вперёд (горизонтально), без анимации */
.t2s-egg-robot-arm {
    position: absolute; top: 64px;
    width: 36px; height: 10px;
    background: linear-gradient(180deg, #a0a9b6 0%, #6c7582 100%);
    border: 2px solid #4a5260; border-radius: 5px;
}
.t2s-egg-robot-arm.left  { right: -28px; }
.t2s-egg-robot-arm.right { right: -28px; top: 80px; }

/* Ноги — шагают */
.t2s-egg-robot-leg {
    position: absolute; top: 108px;
    width: 14px; height: 50px;
    background: linear-gradient(180deg, #8e97a4 0%, #5a6270 100%);
    border: 2px solid #4a5260; border-radius: 4px;
    transform-origin: top center;
}
.t2s-egg-robot-leg.left  { left: 18px; animation: t2s-egg-leg-l .5s ease-in-out infinite alternate; }
.t2s-egg-robot-leg.right { left: 44px; animation: t2s-egg-leg-r .5s ease-in-out infinite alternate; }
@keyframes t2s-egg-leg-l {
    from { transform: rotate(-22deg); } to { transform: rotate(18deg); }
}
@keyframes t2s-egg-leg-r {
    from { transform: rotate(18deg); }  to { transform: rotate(-22deg); }
}
.t2s-egg-robot-foot {
    position: absolute; bottom: -4px; left: -4px;
    width: 22px; height: 6px; background: #2a3340; border-radius: 3px;
}

/* === Cart === */
.t2s-egg-cart {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    width: 210px;
}
.t2s-egg-boxes {
    display: flex; flex-direction: column-reverse; align-items: center; gap: 3px;
}
.t2s-egg-box {
    width: 56px; height: 44px;
    background: linear-gradient(180deg, #d9a566 0%, #b8843c 100%);
    border: 1px solid #8a5e22; border-radius: 4px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
}
.t2s-egg-box:nth-child(2) { transform: translateX(-2px); }
.t2s-egg-box:nth-child(3) { transform: translateX(3px); width: 50px; height: 40px; }
.t2s-egg-box img {
    max-width: 70%; max-height: 70%;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.3));
}
.t2s-egg-cart-base {
    width: 200px; height: 14px; background: #555;
    border-radius: 3px; position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.t2s-egg-cart-base::before,
.t2s-egg-cart-base::after {
    content: ''; position: absolute; top: 14px;
    width: 22px; height: 22px;
    background: #222; border: 3px solid #777; border-radius: 50%;
    animation: t2s-egg-wheel .5s linear infinite;
}
.t2s-egg-cart-base::before { left: 18px; }
.t2s-egg-cart-base::after  { right: 18px; }
@keyframes t2s-egg-wheel {
    from { transform: rotate(0deg); } to { transform: rotate(-360deg); }
}
/* SVG-ручка покрывает весь runner — координаты совпадают с runner 420x240 */
.t2s-egg-handle-svg {
    position: absolute; left: 0; bottom: 0;
    width: 420px; height: 240px;
    pointer-events: none;
    overflow: visible;
    z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
    .t2s-egg-runner, .t2s-egg-robot-leg,
    .t2s-egg-robot-head::after,
    .t2s-egg-cart-base::before, .t2s-egg-cart-base::after {
        animation: none;
    }
}