/* Native home CTAs transplanted into the isolated red game section. */
.mario-study .showcase-actions .play-btn { width: 100%; height: 54px; background: linear-gradient(135deg, rgb(34, 197, 94), rgb(22, 163, 74)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 14px; color: rgb(255, 255, 255); font-family: "Stack Reference Pixel", system-ui; font-size: 0.9rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.5rem; box-shadow: rgb(21, 128, 61) 0px 4px, rgba(34, 197, 94, 0.4) 0px 10px 20px; transition: 0.1s; text-transform: uppercase; position: relative; overflow: hidden; }
.mario-study .showcase-actions .test-btn { width: 100%; height: 40px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; color: rgb(255, 255, 255); font-weight: 600; font-size: 0.8rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.5rem; transition: 0.2s; backdrop-filter: blur(4px); }
/* Shared CTA identity without changing these buttons' dimensions or base fills. */
.mario-study .showcase-actions :is(.play-btn,.test-btn) {
 position: relative; border-radius: 999px; font-family: var(--sb-font); font-weight: 900;
 line-height: 1.2; letter-spacing: 1.5px; text-transform: uppercase;
 transition: transform .1s, box-shadow .1s;
}
.mario-study .showcase-actions .play-btn {
 font-size: 1.26rem; /* Original .9rem + 40%, without resizing the button. */
 box-shadow: inset 0 2px 0 rgba(255,255,255,.26), 0 5px 0 var(--sb-green-edge), 0 12px 22px rgba(0,0,0,.18);
 /* Breathe with scale, so the approved bevel/shadow never disappears. */
 animation: reference-play-breathe 1.4s ease-in-out infinite; animation-play-state: paused;
}
.mario-study .showcase-actions .play-btn::after {
 content: ""; position: absolute; top: -50%; bottom: -50%; left: -45%; width: 35%;
 background: linear-gradient(90deg,transparent,rgba(255,255,255,.15) 35%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.15) 65%,transparent);
 pointer-events: none; opacity: 0; transform: translateX(0) skewX(-18deg);
 animation: reference-play-shine 2.4s ease-in-out infinite; animation-play-state: paused;
}
.mario-study .showcase-actions .play-btn.is-pulsing { animation-play-state: running; }
.mario-study .showcase-actions .play-btn.is-pulsing::after { animation-play-state: running; }
.mario-study .showcase-actions .play-btn:is(:active,:focus-visible) { animation: none; scale: 1; }
.mario-study .showcase-actions .play-btn:is(:active,:focus-visible)::after { animation: none; opacity: 0; }
@keyframes reference-play-breathe { 0%,100% { scale: 1; } 50% { scale: 1.06; } }
@keyframes reference-play-shine {
 0%,40% { transform: translateX(0) skewX(-18deg); opacity: 0; }
 45% { opacity: 1; }
 85%,100% { transform: translateX(450%) skewX(-18deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .mario-study .showcase-actions .play-btn { animation: none; scale: 1; }
 .mario-study .showcase-actions .play-btn::after { animation: none; opacity: 0; }
}
.mario-study .showcase-actions .test-btn {
 border-color: rgba(255,255,255,.25);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 4px 0 rgba(15,39,90,.4), 0 12px 22px rgba(0,0,0,.18);
}
.mario-study .showcase-actions .play-btn:active {
 transform: translateY(3px);
 box-shadow: inset 0 2px 0 rgba(255,255,255,.26), 0 2px 0 var(--sb-green-edge), 0 6px 12px rgba(0,0,0,.18);
}
.mario-study .showcase-actions .test-btn:active {
 transform: translateY(3px);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 1px 0 rgba(15,39,90,.4), 0 6px 12px rgba(0,0,0,.18);
}

/* Keep both controls below the native tower at every viewport size. */
.mario-study .game-showcase { display:flex; flex-direction:column; align-items:center; gap:20px; height:auto; padding-bottom:27px; }
.mario-study .showcase-tower { position:relative; left:auto; top:auto; flex:none; transform:none; }
.mario-study .showcase-bottom { position:static; width:100%; display:block; }
.mario-study .showcase-bottom h3 { margin:0 0 20px; text-align:center; }
.mario-study .showcase-actions { display:flex; flex-direction:column; gap:.8rem; width:min(100%,320px); margin:0 auto; padding:0; }
/* Preserve the reference's blue secondary surface against the red section. */
.mario-study .showcase-actions .test-btn { background:linear-gradient(135deg,#4b70c8,#365bb4); text-decoration:none; }
.mario-study .showcase-actions .test-btn:hover { filter:brightness(1.08); }
@media (min-width:768px) {
 .mario-study .showcase-actions { width:min(100%,360px); }
 .mario-study .showcase-actions .play-btn { height:64px; font-size:1.68rem; }
}
@media (max-width:760px) { .mario-study .game-showcase { padding-bottom:23px; } }