/* Presentation only: stock, timing and score rules are unchanged. */
/* R14: budget the COMPLETE menu against iframe height, not just its width.
   Prize rows must never be the flex-shrink/overflow-hidden pressure release.
   Preserve the card width; use a smaller menu-only unit in shorter containers.
   Scroll is an accessibility fallback for enlarged fonts, not normal layout. */
[data-studio="pop"] .start-screen{--u:min(1vw,.59vh);width:calc(min(1vw,.7142857vh)*88);padding:calc(var(--u)*2) calc(var(--u)*1.2) calc(var(--u)*1.5);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}
[data-studio="pop"] .start-screen>*{flex-shrink:0}
[data-studio="pop"] .start-screen .prize-table{overflow:visible}
[data-studio="pop"] .start-screen .tier:last-child{border-radius:0 0 calc(var(--u)*3) calc(var(--u)*3)}
.single-finger-tip{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*2);flex-shrink:0;min-height:calc(var(--u)*12);padding:calc(var(--u)*1) calc(var(--u)*2.4);border:calc(var(--u)*.35) solid #f3a8b5;border-radius:calc(var(--u)*2.6);background:#fff2f5;text-align:left}
.finger-demo{position:relative;display:block;width:calc(var(--u)*12);height:calc(var(--u)*11);flex-shrink:0;pointer-events:none}
.finger-target{position:absolute;left:5%;top:4%;width:46%;height:50%;border:calc(var(--u)*.5) solid #ed1a3d;border-radius:50%;background:#fff;box-shadow:0 0 0 calc(var(--u)*.7) #ed1a3d12;animation:fingerTarget 2.2s ease-in-out infinite}
.finger-demo img{position:absolute;left:20%;top:12%;width:80%;height:88%;object-fit:contain;filter:drop-shadow(0 calc(var(--u)*.4) calc(var(--u)*.3) #0002);animation:fingerTap 2.2s ease-in-out infinite}
.finger-copy{display:flex;flex-direction:column;gap:calc(var(--u)*.65)}
.finger-copy strong{font-size:calc(var(--u)*4);font-weight:900;letter-spacing:.035em;line-height:1.1;color:#c30e2d;animation:fingerNotice 2.2s ease-in-out infinite}
.finger-copy small{font-size:calc(var(--u)*2.45);line-height:1.25;color:#4a3237}
.single-finger-tip.compact{position:absolute;left:50%;top:calc(var(--u)*17);transform:translateX(-50%);width:calc(var(--u)*92);min-height:calc(var(--u)*10);z-index:5;pointer-events:none;background:#fff5f8ee;box-shadow:0 calc(var(--u)*.5) calc(var(--u)*1.3) #78001b0b;transition:background .2s,border-color .2s}
.compact .finger-demo{width:calc(var(--u)*8);height:calc(var(--u)*8)}
.compact .finger-copy strong{font-size:calc(var(--u)*3.2)}
.compact .finger-copy small{font-size:calc(var(--u)*2.35)}
.single-finger-tip.extra-touch{background:#ffdee6;border-color:#ed1a3d;box-shadow:0 0 0 calc(var(--u)*.55) #ed1a3d22}
.extra-touch .finger-copy strong{color:#a80624}
[data-state="time_up"] .single-finger-tip.compact{display:none}
[data-state="score_menu"].outcome-success .score-summary{flex-direction:row;justify-content:center;gap:calc(var(--u)*3);margin:calc(var(--u)*.5) 0;padding:calc(var(--u)*1.3) calc(var(--u)*3);border:calc(var(--u)*.25) solid #f3d2da;border-radius:calc(var(--u)*2.5);background:#fff5f7}
[data-state="score_menu"].outcome-success .score-summary small{font-size:calc(var(--u)*3.1);color:#712532;letter-spacing:.08em}
[data-state="score_menu"].outcome-success .score-summary strong{font-size:calc(var(--u)*9);color:#ed1a3d;line-height:1}
[data-state="score_menu"].outcome-success .result-art{height:calc(var(--u)*17)}
[data-state="score_menu"].outcome-success .accessory-hero{height:calc(var(--u)*17);width:calc(var(--u)*20)}
.viu-artwork .result-card{gap:calc(var(--u)*1.3)}
.viu-artwork #rewardInstructions{font-size:calc(var(--u)*2.55);margin:calc(var(--u)*1) 0}
@keyframes fingerNotice{0%,100%{opacity:1}50%{opacity:.66}}
@keyframes fingerTap{0%,55%,100%{transform:translate(5%,6%)}22%,36%{transform:translate(-5%,-5%) scale(.96)}}
@keyframes fingerTarget{0%,55%,100%{box-shadow:0 0 0 0 #ed1a3d00}25%,35%{box-shadow:0 0 0 calc(var(--u)*1.2) #ed1a3d20}}
@media(prefers-reduced-motion:reduce){.finger-demo img,.finger-target,.finger-copy strong{animation:none}}