/* Velora 5306: self-contained home showcase and lighter Squaremap */
.velora-market-showcase{margin:28px 0;content-visibility:auto;contain-intrinsic-size:auto 380px}
.velora-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.velora-market-tile{position:relative;min-width:0;min-height:238px;padding:22px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;transition:transform .22s ease,border-color .22s ease;transform:translateZ(0)}
.velora-market-chest{background:radial-gradient(circle at 80% 40%,#9b713e77,transparent 50%),linear-gradient(130deg,#263e32,#16271f)}
.velora-market-night{background:radial-gradient(circle at 79% 30%,#7062c061,transparent 55%),linear-gradient(130deg,#22293c,#172332)}
.velora-market-tile:focus-visible{outline:3px solid #f6c56d;outline-offset:3px}
.velora-market-tile:hover{transform:translateY(-4px);border-color:#e4c98e}
.velora-market-copy{position:relative;z-index:2;display:grid;gap:8px;max-width:61%}
.velora-market-copy small{font-weight:750;letter-spacing:.13em;color:#eacb8e}
.velora-market-copy strong{font-size:clamp(1.3rem,2vw,2rem);line-height:1.14}
.velora-market-copy span{color:#e3e9e6;font-size:.88rem}
.velora-market-copy em{font-style:normal;font-weight:800;font-size:.88rem;margin-top:8px}
.velora-market-art{display:grid;place-items:center;position:relative;width:40%;min-height:150px;perspective:400px}
.velora-chest-3d{position:relative;display:block;width:116px;height:115px;transform:rotate(-7deg) rotateY(-14deg);filter:drop-shadow(0 15px 14px #0007);transition:transform .34s ease}
.velora-chest-base{position:absolute;bottom:8px;left:8px;width:102px;height:66px;border:6px solid #563018;border-radius:6px;background:repeating-linear-gradient(90deg,#b98238 0 30px,#a2692d 30px 35px);box-shadow:inset 0 7px #f0ba68,inset -11px -6px #623b23}
.velora-chest-base i{display:block;background:#edcb7f;border:3px solid #795223;width:23px;height:30px;margin:-4px auto;position:relative;z-index:2}
.velora-chest-lid{position:absolute;z-index:1;top:14px;left:4px;width:110px;height:39px;border:6px solid #5e321c;border-radius:5px;background:repeating-linear-gradient(90deg,#c99448 0 36px,#ad783b 36px 40px);transform-origin:bottom center;transition:transform .34s ease;box-shadow:inset 0 5px #ffcf75}
.velora-market-tile:hover .velora-chest-lid,.velora-market-tile:focus-visible .velora-chest-lid{transform:rotateX(42deg) translateY(-10px)}
.velora-night-orb{font-size:clamp(5rem,10vw,9rem);line-height:1;color:#e8d8a0;text-shadow:0 0 35px #d0b6ff77;transition:transform .28s ease}
.velora-market-tile:hover .velora-night-orb,.velora-market-tile:focus-visible .velora-night-orb{transform:rotate(-12deg) scale(1.08)}
.velora-night-stars{position:absolute;bottom:5px;right:0;font-size:21px;color:#fff2ba}
.home-squaremap-card{content-visibility:auto;contain-intrinsic-size:auto 410px}
.home-squaremap-viewport{max-height:min(650px,75vh)}
.home-squaremap-start button{min-height:44px}
@media(max-width:700px){.velora-market-grid{grid-template-columns:1fr}.velora-market-tile{min-height:196px;padding:18px}.velora-market-art{min-height:125px}.velora-market-copy{max-width:65%}.velora-chest-3d{transform:scale(.82) rotate(-7deg)}.home-squaremap-viewport{max-height:55vh}}
@media(max-width:360px){.velora-market-copy{max-width:68%}.velora-market-art{width:32%}.velora-night-orb{font-size:4.5rem}}
@media(hover:none){.velora-market-tile:hover{transform:none}.velora-chest-lid{transform:none!important}}
@media(prefers-reduced-motion:reduce){.velora-market-tile,.velora-chest-lid,.velora-chest-3d,.velora-night-orb{transition:none!important;transform:none!important}}

/* 5307: avoid offscreen layout work but keep low-end phones stable. */
.velora-market-tile{contain:layout style;overflow:hidden}
.velora-market-tile:hover{will-change:transform}
@media (hover:none),(pointer:coarse){.velora-market-tile:hover{will-change:auto}.velora-chest-3d{filter:none}}
@media (max-width:420px){.velora-market-tile{min-height:175px;padding:14px;border-radius:16px}.velora-market-copy{max-width:70%}.velora-market-copy strong{font-size:1.2rem}.velora-market-art{min-width:85px;width:30%}.velora-chest-3d{transform:scale(.68) rotate(-7deg);transform-origin:center}.velora-night-orb{font-size:4.2rem}}
@media(prefers-reduced-motion:reduce){.velora-market-tile:hover{will-change:auto}}