html,body{height:100%;min-height:-webkit-fill-available;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:#fff;background:linear-gradient(90deg,#c057c7 50%,#ed5358);overflow:hidden;touch-action:none}.stack,.card{touch-action:pan-y}h2{position:absolute;top:0;left:0;width:100vw;text-align:center;padding:.5em 0;font-size:1.8em}.wrap{width:100%;height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;padding:12px;box-sizing:border-box;position:relative}.stack{top:16%;position:relative;width:min(92vw,420px);height:min(130vw,620px);display:flex;justify-content:center;align-items:center}.card{width:100%;height:100%;border-radius:24px;overflow:hidden;position:relative;background:#151823;box-shadow:0 20px 60px #00000059}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.caption{position:absolute;bottom:0;right:0;width:100%;padding:.5em;background:linear-gradient(180deg,#0000,#00000059 8%,#0009);color:#f4f6fb;font-weight:600;text-align:right;font-size:1.9em;pointer-events:none}.badge{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);padding:14px 24px;border-radius:12px;font-weight:800;font-size:22px;letter-spacing:2px;border:4px solid currentColor;background:#00000059;color:#fff;text-transform:uppercase}.right{color:#32d583;border-color:#32d583;transform:translate(-50%,-50%) rotate(15deg)}.left{color:#f97066;border-color:#f97066;transform:translate(-50%,-50%) rotate(-15deg)}.message{text-align:center;font-size:clamp(18px,2.5vw,22px);opacity:.9;font-weight:900;top:45%;position:absolute}.indicators{position:absolute;top:8px;left:5%;display:flex;gap:6px;z-index:2;width:90%;justify-content:center}.indicator{flex:auto;height:4px;border-radius:2px;background:#fff6;transition:background .3s}.indicator.active{background:#fff}