/* Each phone is an independent card on a native horizontal scroll-snap rail. */
.mario-study .clip-carousel { width:100%; }
.mario-study .clip-track {
 display:flex; align-items:flex-start; gap:22px; width:100vw;
 margin-inline:calc((100% - 100vw) / 2);
 padding:32px calc((100vw - 100%) / 2) 26px;
 overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
 -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.mario-study .clip-track::-webkit-scrollbar { display:none; }
.mario-study .clip-phone {
 position:relative; flex:0 0 min(72vw,382px,38.25svh); min-width:0; scroll-snap-align:center;
 padding:9px; border:3px solid #0e1b45; border-radius:44px; background:#0b0f1c;
 box-shadow:0 10px 0 #0e1b45,0 24px 60px -24px rgba(14,27,69,.35);
}
.mario-study .clip-phone__label {
 position:absolute; z-index:5; left:50%; top:-22px; transform:translateX(-50%) rotate(-3deg);
 padding:6px 12px; border:2.5px solid #0e1b45; border-radius:12px; background:#eacd78;
 color:#0e1b45; font-size:14px; font-weight:800; line-height:1.35; white-space:nowrap;
 box-shadow:0 4px 0 #0e1b45; pointer-events:none;
}
.mario-study .clip-phone__notch {
 position:absolute; z-index:3; left:50%; top:28px; transform:translateX(-50%);
 width:34%; height:22px; border-radius:20px; background:#000; pointer-events:none;
}
.mario-study .clip-phone__burst {
 position:absolute; z-index:6; top:12%; right:-8px; width:104px; aspect-ratio:1;
 display:grid; place-items:center; transform:rotate(10deg); pointer-events:none;
}
.mario-study .clip-phone__burst svg { position:absolute; inset:0; width:100%; height:100%; fill:#f2673f; stroke:#0e1b45; stroke-width:3; }
.mario-study .clip-phone__burst>span { position:relative; color:#fff; text-align:center; line-height:.9; text-shadow:0 2px 0 #0e1b45; }
.mario-study .clip-phone__burst b { font:900 italic 26px/.9 Georgia,serif; }
.mario-study .clip-phone__burst small { display:block; margin-top:2px; font-size:7.5px; font-weight:800; line-height:1; letter-spacing:.02em; }
.mario-study .clip-window { position:relative; width:100%; aspect-ratio:9 / 16; overflow:hidden; border-radius:35px; background:#111; isolation:isolate; }
.mario-study .clip-window,.mario-study .clip-window * { cursor:none; user-select:none; -webkit-touch-callout:none; }
.mario-study .clip-window video { display:block; width:100%; height:100%; object-fit:contain; background:#111; pointer-events:none; }
.mario-study .clip-window video::-webkit-media-controls,
.mario-study .clip-window video::-webkit-media-controls-enclosure { display:none!important; }
.mario-study .clip-hint { margin:8px 0 0; color:#0e1b45; font-size:12px; font-weight:650; line-height:1.5; text-align:center; }
.mario-study .clip-message { position:absolute; inset:auto 16px 80px; padding:12px; border-radius:12px; background:rgba(17,17,17,.85); color:#fff; font-size:13px; line-height:1.4; text-align:center; }
@media (min-width:1025px) { .mario-study .clip-track { justify-content:center; } }
@media (max-width:1024px) { .mario-study .clip-carousel { scroll-margin-bottom:96px; } }
@media (max-width:760px) and (max-height:650px) {
 .mario-study .clip-phone { flex-basis:min(72vw,calc((100svh - 260px) * .5625)); }
 .mario-study .clip-phone__label { padding:5px 9px; font-size:12px; }
 .mario-study .clip-phone__burst { width:84px; }
 .mario-study .clip-phone__burst b { font-size:23px; }
}