/* council-v2: poprawki po uwagach Bartka 16.09 (telefon w scenie 3, widoczność tekstów) */
@media (max-width:700px){
  /* przełączniki rozmów są zbędne (rozmowa zmienia się sama co 6,5 s); miejsce oddajemy telefonowi */
  .scene--phone .conversation-controls,.scene--phone .phone-caption,.scene--phone .phone-steps{display:none !important}
  .scene--phone .scene-inner{gap:8px}
  .scene--phone .phone-art{height:min(560px,calc(100dvh - var(--header) - var(--footer) - 240px));min-height:420px;flex:none}
  .scene--phone .phone-stage{height:100%}
  .scene--phone .phone-wrap{top:0;left:50%;transform:translateX(-50%) scale(1);transform-origin:50% 0}
  .scene--phone .phone-case,.scene--phone .phone-wrap{height:100%}
  .scene--phone .phone-status,.scene--phone .phone-island{display:none}
  .scene--phone .conversation-content .chat-message p{font-size:13px;line-height:1.5}
}
@media (max-width:370px){
  .scene--phone .phone-art{min-height:400px}
}

/* v3a: sceny mają się mieścić w oknie (bez mikroscrolla); telefon bez przełączników; wskaźnik wydajności */
.conversation-controls,.phone-caption{display:none!important}
.counter-ratio{margin:2px 0 8px;font:500 15px/1.4 var(--body);color:var(--ink)}
.counter-ratio strong{font:700 30px/1 var(--display);color:var(--amber)}
.counter-ratio .ratio-x{font:700 22px/1 var(--display);color:var(--amber);margin:0 8px 0 2px}
@media(min-width:701px) and (max-height:860px){.cinematic .scene:not(.scene--routes) .scene-inner{zoom:.9}.scene--routes .scene-inner{zoom:.93}}
@media(min-width:701px) and (max-height:780px){.cinematic .scene:not(.scene--routes) .scene-inner{zoom:.82}.scene--routes .scene-inner{zoom:.86}.scene--phone .phone-art{--phone-scale:.72}}
@media(min-width:701px) and (max-height:700px){.cinematic .scene:not(.scene--routes) .scene-inner{zoom:.72}.scene--routes .scene-inner{zoom:.78}.scene--phone .phone-art{--phone-scale:.6}}
@media(min-width:701px){.scene--hero h1{font-size:clamp(48px,5.3vw,88px)}}
@media(max-width:700px){
  .scene--scale .stats-art{padding:12px 14px}.scene--scale .counter-main{font-size:68px}.scene--scale .counter-label{margin-top:0}
  .counter-ratio{font-size:13px;margin:0 0 6px}.counter-ratio strong{font-size:22px}.counter-ratio .ratio-x{font-size:16px;margin:0 6px 0 2px}
  .scene--scale .estimate-label{display:none}
  .scene--phone .phone-art{--phone-scale:.78}.scene--phone .lead{font-size:12px;line-height:1.6}.scene--phone .question{display:none}
}
@media(max-width:700px) and (max-height:700px){.scene--phone .phone-art{--phone-scale:.7}.scene--scale .counter-main{font-size:58px}}
