body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #87CEEB; /* Sky blue background */
    font-family: sans-serif;
}

#canvas-container {
    width: 100vw;
    height: 100vh;
    display: block;
}

#ui-layer {
    position: absolute;
    top: 20px;
    left: 20px;
    width: min(350px, calc(100vw - 225px));
    color: white;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    pointer-events: none;
}

#money-counter {
    position: absolute;
    top: 18px;
    right: 18px;
    display: grid;
    grid-template-columns: auto minmax(74px, auto);
    align-items: center;
    gap: 12px;
    min-width: 176px;
    padding: 11px 15px 12px 13px;
    border: 4px solid #fff5bd;
    border-radius: 18px;
    background:
        radial-gradient(circle at 22% 20%, rgba(255,255,255,0.92) 0 9%, transparent 10%),
        linear-gradient(145deg, #fff07a 0%, #ffc93c 42%, #ff8f1f 100%);
    color: #244b16;
    font-family: "Cooper Black", "Comic Sans MS", "Arial Black", sans-serif;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    text-shadow: 2px 2px 0 #fff7ce, 3px 4px 0 rgba(0,0,0,0.2);
    box-shadow:
        inset 0 3px 0 rgba(255,255,255,0.85),
        inset 0 -8px 0 rgba(175,80,14,0.22),
        0 8px 0 #9c4f0f,
        0 14px 22px rgba(0,0,0,0.28);
    overflow: visible;
    pointer-events: none;
    user-select: none;
    transition: transform 180ms ease;
}

#money-counter::after {
    content: "";
    position: absolute;
    inset: 6px 10px auto 72px;
    height: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,0.48), rgba(255,255,255,0));
    pointer-events: none;
}

#money-counter.spend {
    animation: moneyBop 720ms cubic-bezier(.24,1.46,.42,1);
}

#money-counter.nope {
    animation: noMoneyShake 420ms ease;
}

#money-counter.claimed {
    animation: claimGlow 720ms ease;
}

.cash-stack {
    position: relative;
    display: grid;
    width: 54px;
    height: 44px;
    place-items: center;
    transform: rotate(-7deg);
    filter: drop-shadow(3px 4px 0 rgba(92,45,8,0.2));
}

.cash-stack::before,

.cash-stack::after {
    content: "";
    position: absolute;
    width: 49px;
    height: 31px;
    border: 3px solid #164f25;
    border-radius: 9px;
    background: #b7ff76;
    box-shadow: inset 0 -5px 0 rgba(27,90,38,0.18);
}

.cash-stack::before {
    transform: translate(5px, -3px) rotate(8deg);
}

.cash-stack::after {
    transform: translate(-2px, 4px) rotate(-5deg);
}

.cash-bill {
    position: relative;
    z-index: 1;
    display: grid;
    width: 48px;
    height: 31px;
    place-items: center;
    border: 3px solid #164f25;
    border-radius: 9px;
    background:
        radial-gradient(circle at center, #f9ffe5 0 27%, transparent 28%),
        linear-gradient(135deg, #69ec62, #20b84b);
    color: #10360d;
    font-size: 1.45rem;
    box-shadow: inset 0 -5px 0 rgba(0,0,0,0.16);
}

.cash-readout {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2px;
}

.cash-label {
    color: #7b320b;
    font-size: 0.68rem;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}

#money-amount {
    min-width: 70px;
    text-align: right;
    font-size: 1.95rem;
}

#money-amount.roll {
    animation: amountRoll 520ms ease;
}

#live-status {
    position: absolute;
    right: 10px;
    bottom: -15px;
    padding: 4px 8px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #2d7dff;
    color: #ffffff;
    font-family: "Arial Black", sans-serif;
    font-size: 0.6rem;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 3px 0 #174791, 0 7px 10px rgba(0,0,0,0.18);
}

#shop-timer {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 220px;
    padding: 9px 16px 10px;
    border: 3px solid #fff8c9;
    border-radius: 999px;
    background:
        radial-gradient(circle at 18% 20%, rgba(255,255,255,0.84) 0 8%, transparent 9%),
        linear-gradient(145deg, #fff8a8 0%, #f7cc38 48%, #d98b1f 100%);
    color: #5b2a06;
    font-family: "Cooper Black", "Comic Sans MS", "Arial Black", sans-serif;
    font-size: 0.92rem;
    line-height: 1;
    text-align: center;
    text-shadow: 1px 1px 0 #fff7ce, 2px 3px 0 rgba(104,55,5,0.18);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,0.75),
        inset 0 -6px 0 rgba(124,67,7,0.18),
        0 5px 0 #8d4f11,
        0 10px 18px rgba(0,0,0,0.24);
    pointer-events: auto;
    cursor: pointer;
    appearance: none;
    user-select: none;
    z-index: 3;
    transition: transform 140ms ease, filter 140ms ease;
}
#shop-timer:hover { filter: brightness(1.06); transform: translateX(-50%) translateY(-1px); }
#shop-timer:active { transform: translateX(-50%) translateY(2px); }

#shop-timer.boosted {
    border-color: #ffffff;
    background:
        radial-gradient(circle at 16% 20%, rgba(255,255,255,0.9) 0 8%, transparent 9%),
        linear-gradient(145deg, #fff27c 0%, #ff56b7 44%, #7d5cff 100%);
    color: #ffffff;
    text-shadow: 1px 2px 0 rgba(75,20,100,0.55);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,0.78),
        inset 0 -6px 0 rgba(46,12,87,0.2),
        0 5px 0 #6a287b,
        0 10px 20px rgba(92,30,130,0.35);
    animation: shopTimerBoosted 2400ms ease-in-out infinite;
}

@keyframes shopTimerBoosted {
    0%, 100% { box-shadow: inset 0 2px 0 rgba(255,255,255,0.78), inset 0 -6px 0 rgba(46,12,87,0.2), 0 5px 0 #6a287b, 0 10px 20px rgba(255,80,200,0.45); }
    50% { box-shadow: inset 0 2px 0 rgba(255,255,255,0.78), inset 0 -6px 0 rgba(46,12,87,0.2), 0 5px 0 #6a287b, 0 14px 28px rgba(255,150,80,0.65); }
}

#shop-panel.boosted {
    border-color: #ffffff;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,0.92) 0 8%, transparent 9%),
        linear-gradient(145deg, #fff7c4 0%, #ffb45a 30%, #ff5fae 65%, #7d5cff 100%);
    background-size: 200% 200%;
    animation: shopPanelBoosted 7s ease-in-out infinite;
    box-shadow:
        inset 0 3px 0 rgba(255,255,255,0.85),
        inset 0 -9px 0 rgba(70,18,90,0.22),
        0 8px 0 #6a2a78,
        0 14px 26px rgba(125,40,150,0.4),
        0 0 36px rgba(255,170,80,0.45);
    color: #3a153f;
}

#shop-panel.boosted .shop-title {
    background: linear-gradient(90deg, #ffd54a, #ff61b9, #7d5cff, #5dd4ff);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
    animation: shopTitleBoosted 4s linear infinite;
}

#shop-panel.boosted .shop-card {
    border-color: rgba(255,180,80,0.6);
    background: linear-gradient(160deg, rgba(255,255,255,0.85), rgba(255,235,200,0.65));
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.85), 0 0 12px rgba(255,150,80,0.45);
}

@keyframes shopPanelBoosted {
    0%, 100% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
}

@keyframes shopTitleBoosted {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

#shop-panel {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
    border: 4px solid #fef6cc;
    border-radius: 18px;
    background:
        radial-gradient(circle at 16% 18%, rgba(255,255,255,0.85) 0 8%, transparent 9%),
        linear-gradient(145deg, #fff6bc 0%, #f6d46d 48%, #d98a2c 100%);
    box-shadow:
        inset 0 3px 0 rgba(255,255,255,0.78),
        inset 0 -9px 0 rgba(121,66,18,0.18),
        0 8px 0 #7b4a1f,
        0 14px 24px rgba(0,0,0,0.28);
    color: #3f260f;
    font-family: "Cooper Black", "Comic Sans MS", "Arial Black", sans-serif;
    pointer-events: auto;
    user-select: none;
    text-shadow: none;
}

.shop-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 12px;
    transition: background 140ms;
}

.shop-topline:hover { background: rgba(255,255,255,0.25); }

.shop-topline::after {
    content: "▾";
    margin-left: auto;
    font-size: 0.9rem;
    color: #6f3f12;
    transition: transform 220ms ease;
}

#shop-panel.collapsed .shop-topline {
    margin-bottom: 0;
}

#shop-panel.collapsed .shop-topline::after {
    transform: rotate(-90deg);
}

#shop-panel.collapsed .shop-list {
    display: none;
}

#shop-panel.collapsed .seed-catalog {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.seed-catalog.catalog-collapsed .catalog-list { display: none; }

.catalog-title {
    cursor: pointer;
}

.catalog-title::after {
    content: "▾";
    margin-left: 6px;
    display: inline-block;
    font-size: 0.7rem;
    transition: transform 220ms ease;
}

.seed-catalog.catalog-collapsed .catalog-title::after {
    transform: rotate(-90deg);
}

.shop-title {
    font-size: 1.15rem;
    line-height: 1;
    color: #512b10;
    text-shadow: 1px 1px 0 #fff6ce;
}

.seed-count-pill {
    min-width: 72px;
    padding: 7px 9px;
    border: 3px solid #ffffff;
    border-radius: 999px;
    background: #46cf5d;
    color: #133e1b;
    font-size: 0.78rem;
    line-height: 1;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.55);
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.15), 0 4px 0 #1f7b32;
}

.seed-count-pill.pop {
    animation: seedPop 560ms ease;
}

.shop-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-areas:
        "thumb copy"
        "button button";
    align-items: center;
    gap: 8px 10px;
    margin-top: 8px;
    padding: 10px;
    border: 3px solid rgba(87,48,15,0.28);
    border-radius: 14px;
    background: rgba(255,255,255,0.46);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.65);
}

.shop-card.boosted {
    border-color: #fff6a8;
    background:
        radial-gradient(circle at 12% 14%, rgba(255,255,255,0.65) 0 8%, transparent 9%),
        linear-gradient(145deg, #fff8c4, #ffd461 38%, #ff83cf 100%);
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,0.75),
        inset 0 -5px 0 rgba(126,42,95,0.16),
        0 4px 0 #9c5b20,
        0 8px 14px rgba(153,75,140,0.24);
}

.shop-item-copy {
    grid-area: copy;
    min-width: 0;
}

.shop-list {
    display: grid;
    gap: 8px;
}

.shop-list.rotating {
    animation: shopRotateSwap 720ms cubic-bezier(0.4, 1.4, 0.4, 1);
    transform-origin: 50% 30%;
    will-change: transform, opacity;
}

.shop-list.rotating .shop-card {
    animation: shopCardDealIn 620ms cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}
.shop-list.rotating .shop-card:nth-child(1) { animation-delay: 80ms; }
.shop-list.rotating .shop-card:nth-child(2) { animation-delay: 200ms; }
.shop-list.rotating .shop-card:nth-child(3) { animation-delay: 320ms; }

.shop-card.just-bought {
    animation: shopCardJustBought 820ms cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 0 24px rgba(255,210,80,0.7), inset 0 2px 0 rgba(255,255,255,0.85);
}

@keyframes shopRotateSwap {
    0% { opacity: 1; transform: scale(1) rotateX(0); filter: blur(0); }
    35% { opacity: 0; transform: scale(0.92) rotateX(60deg); filter: blur(2px); }
    65% { opacity: 0; transform: scale(0.92) rotateX(-50deg); filter: blur(2px); }
    100% { opacity: 1; transform: scale(1) rotateX(0); filter: blur(0); }
}

@keyframes shopCardDealIn {
    0% { opacity: 0; transform: translateY(-22px) rotateZ(-6deg) scale(0.85); }
    60% { opacity: 1; transform: translateY(4px) rotateZ(2deg) scale(1.04); }
    100% { opacity: 1; transform: translateY(0) rotateZ(0) scale(1); }
}

@keyframes shopCardJustBought {
    0% { transform: scale(1); filter: brightness(1); }
    25% { transform: scale(1.08) rotateZ(-1.5deg); filter: brightness(1.18); }
    55% { transform: scale(0.97) rotateZ(1deg); filter: brightness(1.06); }
    100% { transform: scale(1) rotateZ(0); filter: brightness(1); }
}

.seed-catalog {
    margin-top: 11px;
    padding-top: 10px;
    border-top: 3px solid rgba(87,48,15,0.22);
}

.catalog-title {
    display: block;
    margin-bottom: 7px;
    color: #512b10;
    font-size: 0.82rem;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
    text-transform: uppercase;
}

.catalog-list {
    display: grid;
    gap: 7px;
    max-height: 205px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 3px;
}

.catalog-list::-webkit-scrollbar {
    width: 8px;
}

.catalog-list::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(87,48,15,0.16);
}

.catalog-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #9f642a;
}

.catalog-row {
    appearance: none;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 9px;
    padding: 7px 8px;
    border: 2px solid rgba(87,48,15,0.2);
    border-radius: 12px;
    background: rgba(255,255,255,0.35);
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.catalog-row:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,0.52);
}

.catalog-row.selected {
    border-color: #ffffff;
    background: linear-gradient(135deg, #58e86e, #22ae43);
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.58), 0 4px 0 #156b2a;
}

.catalog-row.empty {
    cursor: not-allowed;
    filter: grayscale(0.5);
    opacity: 0.68;
}

.catalog-row.empty:hover {
    transform: none;
    background: rgba(255,255,255,0.35);
}

.catalog-icon {
    position: relative;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #ffd23f;
    color: #4a2614;
    font-size: 0.86rem;
    line-height: 1;
    box-shadow: inset 0 -3px 0 rgba(126,72,10,0.18);
}

.catalog-icon.plant-thumb {
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 14px;
    background:
        radial-gradient(circle at 38% 26%, rgba(255,255,255,0.95) 0 13%, transparent 14%),
        linear-gradient(145deg, #f8ffd2, #8fe6ff);
    box-shadow: inset 0 -4px 0 rgba(22,112,153,0.18), 0 3px 0 rgba(80,48,14,0.2);
}

.catalog-icon.sunflower,

.catalog-icon.tomato,

.catalog-icon.cactus,

.catalog-icon.glowshroom,

.catalog-icon.strawberry,

.catalog-icon.peas,

.catalog-icon.corn,

.catalog-icon.pumpkin,

.catalog-icon.watermelon,

.catalog-icon.crystalbloom,

.catalog-icon.dragonfruit,

.catalog-icon.goldleaf,

.catalog-icon.lavender,

.catalog-icon.moongourd,

.catalog-icon.rainboworchid,

.catalog-icon.firepepper,

.catalog-icon.starfruit,

.catalog-icon.bonsai,

.catalog-icon.frostfern,

.catalog-icon.cocoa,

.catalog-icon.prismlotus,

.catalog-icon.honeyvine,

.catalog-icon.obsidianrose,

.catalog-icon.cloudberry {
    color: transparent;
}

.catalog-icon.sunflower::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: #4a2614;
    border: 2px solid #fff8c9;
    box-sizing: border-box;
}

.catalog-icon.tomato {
    background: #ef3f36;
}

.catalog-icon.tomato::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 10px;
    width: 12px;
    height: 9px;
    border-radius: 60% 60% 45% 45%;
    background: #37b44a;
    box-shadow: -5px 3px 0 -2px #248a37, 5px 3px 0 -2px #248a37;
}

.catalog-icon.cactus {
    background: #38b85a;
}

.catalog-icon.cactus::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 22px;
    border-radius: 999px 999px 7px 7px;
    background: #146d39;
    box-shadow: -8px 6px 0 -3px #1f8e49, 8px 9px 0 -3px #1f8e49;
}

.catalog-icon.glowshroom {
    background: #7b5cff;
}

.catalog-icon.glowshroom::before {
    content: "";
    position: absolute;
    top: 8px;
    width: 22px;
    height: 13px;
    border-radius: 999px 999px 8px 8px;
    background: #f249a9;
    box-shadow: inset 0 -4px 0 rgba(83,22,84,0.24), 0 10px 0 -6px #eaffff;
}

.catalog-icon.strawberry {
    background: #f04455;
}

.catalog-icon.strawberry::before {
    content: "";
    position: absolute;
    top: 5px;
    width: 16px;
    height: 10px;
    border-radius: 50%;
    background: #39b84e;
    box-shadow: -6px 3px 0 -3px #258f3a, 6px 3px 0 -3px #258f3a, 0 13px 0 5px #d7193d;
}

.catalog-icon.peas {
    background: #75d646;
}

.catalog-icon.peas::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 13px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 25% 50%, #d8ff91 0 15%, transparent 16%),
        radial-gradient(circle at 50% 50%, #d8ff91 0 15%, transparent 16%),
        radial-gradient(circle at 75% 50%, #d8ff91 0 15%, transparent 16%),
        #2d9a35;
    transform: rotate(-14deg);
}

.catalog-icon.corn {
    background: #ffe36c;
}

.catalog-icon.corn::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 25px;
    border-radius: 999px 999px 7px 7px;
    background:
        repeating-linear-gradient(0deg, #f7b91f 0 4px, #ffe477 4px 8px);
    box-shadow: -9px 7px 0 -5px #3aa84b, 9px 7px 0 -5px #3aa84b;
}

.catalog-icon.pumpkin {
    background: #f7941e;
}

.catalog-icon.pumpkin::before {
    content: "";
    position: absolute;
    width: 23px;
    height: 20px;
    border-radius: 45% 45% 50% 50%;
    background:
        linear-gradient(90deg, transparent 0 28%, rgba(135,62,8,0.25) 29% 32%, transparent 33% 65%, rgba(135,62,8,0.25) 66% 69%, transparent 70%),
        #ef7d17;
    box-shadow: 0 -9px 0 -7px #2b8739;
}

.catalog-icon.watermelon {
    background: #45c857;
}

.catalog-icon.watermelon::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 18px;
    border-radius: 50%;
    background:
        linear-gradient(90deg, transparent 0 18%, rgba(18,113,38,0.38) 19% 28%, transparent 29% 43%, rgba(18,113,38,0.38) 44% 53%, transparent 54% 100%),
        #2fb84a;
    box-shadow: inset 0 -5px 0 #f04f63;
}

.catalog-icon.crystalbloom {
    background: #69e9ff;
}

.catalog-icon.crystalbloom::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 24px;
    clip-path: polygon(50% 0, 100% 28%, 78% 100%, 22% 100%, 0 28%);
    background: #dfffff;
    box-shadow: -9px 7px 0 -2px #8c7dff, 9px 7px 0 -2px #8c7dff;
}

.catalog-icon.dragonfruit {
    background: #ff4fb0;
}

.catalog-icon.dragonfruit::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 54% 46% 58% 42%;
    background:
        radial-gradient(circle at 36% 38%, #ffffff 0 18%, transparent 19%),
        radial-gradient(circle at 62% 58%, #ffffff 0 14%, transparent 15%),
        #f72585;
    box-shadow: -7px -5px 0 -4px #75e055, 8px 5px 0 -4px #75e055;
}

.catalog-icon.goldleaf {
    background: #ffd84b;
}

.catalog-icon.goldleaf::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 24px;
    border-radius: 80% 0 80% 0;
    background: #f7c315;
    transform: rotate(-18deg);
    box-shadow: inset -5px -5px 0 rgba(154,92,2,0.18);
}

.catalog-icon.lavender {
    background: #b98cff;
}

.catalog-icon.lavender::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 25px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 10%, #f3ddff 0 18%, transparent 19%),
        radial-gradient(circle at 50% 31%, #8954d9 0 21%, transparent 22%),
        radial-gradient(circle at 50% 53%, #7440c8 0 22%, transparent 23%),
        radial-gradient(circle at 50% 76%, #5f32b0 0 22%, transparent 23%);
    box-shadow: -7px 8px 0 -4px #2f9c54, 7px 12px 0 -4px #2f9c54;
}

.catalog-icon.moongourd {
    background: #36518f;
}

.catalog-icon.moongourd::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 22px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 66% 32%, #f8fbff 0 14%, transparent 15%),
        linear-gradient(90deg, transparent 0 27%, rgba(153,196,255,0.36) 28% 34%, transparent 35% 61%, rgba(153,196,255,0.36) 62% 68%, transparent 69%),
        #9fd4ff;
    box-shadow: 0 0 12px rgba(199,232,255,0.9), 0 -9px 0 -7px #2f9c54;
}

.catalog-icon.rainboworchid {
    background: #4dd7ff;
}

.catalog-icon.rainboworchid::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background:
        conic-gradient(from 0deg, #ff4f9a, #ffd84f, #52e667, #45cfff, #a36bff, #ff4f9a);
    box-shadow: inset 0 0 0 8px rgba(255,255,255,0.35), 0 9px 0 -6px #2a8c47;
}