/* One illustrated handset and one conversation layout in every scene.
   Load after ui-system.css; specificity intentionally wins over legacy skins. */
body.ui-v21 #gameApp .fold-chat25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25{
 position:absolute!important;inset:auto!important;top:50%!important;left:34%!important;right:auto!important;bottom:auto!important;width:min(66cqw,135cqh)!important;height:auto!important;aspect-ratio:3/2!important;max-width:none!important;max-height:none!important;transform:translateY(-50%)!important;translate:none!important;padding:0!important;box-sizing:border-box!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:#173b40;direction:rtl;z-index:77!important;font-family:'Rubik Game',Arial,sans-serif;filter:none!important;backdrop-filter:none!important;
}
body.ui-v21 #gameApp .home-phone-popup.fold-chat25{left:50%!important;width:min(82cqw,141cqh)!important;transform:translate(-50%,-50%)!important;z-index:85!important}
body.ui-v21 #gameApp .home-phone-host{position:absolute;inset:0;z-index:80;background:#081c29c9;backdrop-filter:blur(3px)}
body.ui-v21 #gameApp .fold-chat25::before,body.ui-v21 #gameApp .fold-chat25::after{content:none!important}
body.ui-v21 #gameApp .fold-chat25 .fold-chat-frame25{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0;filter:drop-shadow(0 1.5cqh 1.2cqh #03101e77)}
body.ui-v21 #gameApp .fold-chat25 .fold-chat-screen25{position:absolute;left:12.3%;right:14%;top:11.5%;bottom:10.2%;border-radius:1.5cqw;overflow:hidden;display:grid;grid-template-rows:5% 20% minmax(0,1fr);background:#e9e8d9;color:#203b3f;direction:rtl;z-index:1}
body.ui-v21 #gameApp .fold-chat25 .fold-chat-screen25::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#132c3512;z-index:6;pointer-events:none}
body.ui-v21 #gameApp .fold-chat25 .fold-chat-status25{display:flex;align-items:center;justify-content:space-between;padding:0 3%;font:500 .65cqw 'Rubik Game';background:#104a47;color:#e3ebe4;direction:ltr}
body.ui-v21 #gameApp .fold-chat25 .chat-contact25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-top{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;flex-direction:row!important;gap:2%!important;width:100%!important;height:100%!important;min-height:0!important;padding:1.2% 2.7%!important;margin:0!important;box-sizing:border-box;background:#13615a!important;color:#f8f1d9!important;border:0!important;border-bottom:2px solid #0a4540!important;z-index:3!important;direction:rtl}
body.ui-v21 #gameApp .fold-chat25 .chat-avatar25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-contact-avatar{display:block!important;position:static!important;flex:0 0 auto!important;width:10.5%!important;height:auto!important;aspect-ratio:1!important;min-width:32px!important;min-height:32px!important;max-width:none!important;object-fit:cover!important;border:2px solid #e8ce8c!important;border-radius:50%!important;box-shadow:0 2px #08342f55;background:#f4e3b9!important;overflow:hidden!important;filter:none!important}
body.ui-v21 #gameApp .fold-chat25 .chat-contact-name25{flex:1;min-width:0;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:.2cqh}
body.ui-v21 #gameApp .fold-chat25 .chat-contact-name25>strong,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 #phoneName{font:600 clamp(13px,1.6cqw,22px)/1.1 'Fredoka Game',Arial!important;color:#fff4d1!important;display:block}
body.ui-v21 #gameApp .fold-chat25 .chat-contact-name25>small,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 #phoneEyebrow{font:400 clamp(8px,.78cqw,12px)/1.3 'Rubik Game',Arial!important;color:#d4e9dc!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui-v21 #gameApp .fold-chat25 .chat-countdown25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 #phoneCountdown{position:static!important;font:600 clamp(10px,1.05cqw,16px) 'Rubik Game'!important;white-space:nowrap;color:#ffe4a3!important;padding:.3cqh .5cqw!important;border:1px solid #bddaca60;border-radius:8px;background:#0b4b46!important;margin:0!important}
body.ui-v21 #gameApp .fold-chat25 .chat-close25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 #minimizePhoneButton{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;inset:auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;flex:0 0 auto!important;background:#0a4b45!important;border:1px solid #93b6a777!important;border-radius:10px!important;color:#f7ead1!important;font:500 22px Arial!important;box-shadow:none!important;cursor:pointer}
body.ui-v21 #gameApp .fold-chat25 .chat-close25 svg{width:18px;height:18px}
body.ui-v21 #gameApp .fold-chat25 .chat-content25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-content{position:relative!important;inset:auto!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;background:radial-gradient(ellipse at 10% 20%,#c6cdbb40 0 3px,transparent 4px),radial-gradient(ellipse at 70% 80%,#c6cdbb55 0 4px,transparent 5px),#e9e8d9!important;background-size:37px 41px,49px 43px,auto!important;border:0!important;z-index:2!important}
body.ui-v21 #gameApp .fold-chat25 .fold-timeline25{position:relative;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:1.2cqh 1.1cqw;display:flex;flex-direction:column;gap:1cqh;direction:rtl;box-sizing:border-box}
body.ui-v21 #gameApp .fold-chat25 .chat-date25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-chat-date{position:static!important;display:block!important;align-self:center!important;width:auto!important;padding:.35cqh .65cqw!important;margin:0 auto .3cqh!important;background:#fff9e9df!important;border:0!important;border-radius:7px!important;box-shadow:0 1px 2px #173a3b18!important;color:#687e77!important;font:400 clamp(8px,.7cqw,11px)/1.2 'Rubik Game'!important;text-align:center;direction:rtl}
body.ui-v21 #gameApp .fold-chat25 .chat-bubble25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-message{position:relative!important;display:block!important;width:fit-content!important;max-width:89%!important;min-width:26%!important;padding:1cqh .9cqw .45cqh!important;margin:0!important;border:0!important;border-radius:12px 3px 12px 12px!important;box-shadow:0 2px 0 #29423c1e!important;background:#fff8e7!important;color:#243e3d!important;font:500 clamp(11px,1.2cqw,17px)/1.4 'Rubik Game',Arial!important;box-sizing:border-box!important;text-align:right!important;direction:rtl;flex:none}
body.ui-v21 #gameApp .fold-chat25 .chat-in25{align-self:flex-end!important;margin-right:auto!important;margin-left:0!important}
body.ui-v21 #gameApp .fold-chat25 .chat-out25{align-self:flex-start!important;margin-left:auto!important;margin-right:0!important;background:#cde9c4!important;border-radius:3px 12px 12px 12px!important}
body.ui-v21 #gameApp .fold-chat25 .chat-speaker25{display:block;font:500 clamp(7px,.65cqw,10px)/1.25 'Rubik Game';color:#6c8580;margin:0 0 .3cqh}
body.ui-v21 #gameApp .fold-chat25 .chat-stamp25{display:block!important;text-align:left;font:400 clamp(7px,.62cqw,9px)/1.1 'Rubik Game';color:#819087;margin-top:.4cqh;direction:ltr}
body.ui-v21 #gameApp .fold-chat25 .chat-stamp25 span{color:#56a7ad;font-weight:600;font-size:1.1em}
body.ui-v21 #gameApp .fold-chat25 .chat-choices25,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-choices{position:relative!important;display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;align-items:stretch!important;gap:.5cqw!important;width:100%!important;padding:.8cqh .9cqw .7cqh!important;margin:0!important;box-sizing:border-box;background:#e1e5d4f2!important;border-top:1px solid #b4c5b7!important}
body.ui-v21 #gameApp .fold-chat25 .chat-choices25 button,
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 .phone-choices button{position:relative!important;inset:auto!important;flex:1!important;min-width:0!important;min-height:44px!important;padding:.6cqh .5cqw!important;margin:0!important;border:2px solid #15493f!important;border-bottom-width:4px!important;border-radius:13px 9px!important;background:#126759!important;color:#fff7db!important;font:500 clamp(11px,1.1cqw,17px)/1.2 'Fredoka Game',Arial!important;box-shadow:none!important;cursor:pointer;text-align:center;touch-action:manipulation}
body.ui-v21 #gameApp .fold-chat25 .chat-choices25 button:nth-child(2){background:#fff3cd!important;color:#37514a!important;border-color:#b0b893!important}
body.ui-v21 #gameApp .fold-chat25 .chat-choices25 button strong{font-weight:600;white-space:nowrap}
body.ui-v21 #gameApp .fold-chat25 .chat-bank-note25{display:block;flex-basis:100%;text-align:center;color:#667d71;font:400 clamp(7px,.63cqw,10px)/1.15 'Rubik Game'}
body.ui-v21 #gameApp .fold-chat25 .chat-plan25{position:absolute!important;bottom:1%!important;right:6%!important;width:auto!important;max-width:85%!important;min-height:24px!important;height:auto!important;padding:.25cqh .55cqw!important;border:0!important;border-radius:5px!important;background:#dce6d2!important;color:#326352!important;font:500 clamp(8px,.73cqw,12px)/1.2 'Fredoka Game'!important;cursor:pointer;z-index:4}
body.ui-v21 #gameApp .fold-chat25:has(.chat-plan25) .chat-content25{padding-bottom:4cqh!important}
body.ui-v21 #gameApp .fold-chat25 .fold-chat-home25{position:absolute;bottom:.5%;left:39%;right:39%;height:.5%;border-radius:5px;background:#617872;z-index:5}
body.ui-v21 #gameApp .fold-chat25 [hidden],body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 [hidden]{display:none!important}
body.ui-v21.phone-cinematic #gameApp #phoneDialog.fold-chat25 #minimizePhoneButton[hidden]{display:none!important}
@container(max-height:370px){
 body.ui-v21 #gameApp .fold-chat25 .fold-chat-screen25{grid-template-rows:0 22% minmax(0,1fr)}
 body.ui-v21 #gameApp .fold-chat25 .fold-chat-status25{visibility:hidden}
 body.ui-v21 #gameApp .fold-chat25 .chat-avatar25{min-width:28px!important;min-height:28px!important}
 body.ui-v21 #gameApp .fold-chat25 .fold-timeline25{padding:.7cqh .8cqw;gap:1cqh}
 body.ui-v21 #gameApp .fold-chat25 .chat-speaker25{display:none}
 body.ui-v21 #gameApp .fold-chat25 .chat-bubble25{padding:.6cqh .8cqw!important;line-height:1.25!important;font-size:10px!important}
 body.ui-v21 #gameApp .fold-chat25 .chat-bank-note25{display:none}
 body.ui-v21 #gameApp .fold-chat25 .chat-date25{display:none!important}
 body.ui-v21 #gameApp .fold-chat25 .chat-plan25{min-height:22px!important;bottom:0!important}
 body.ui-v21 #gameApp .fold-chat25:has(.chat-plan25) .chat-content25{padding-bottom:5cqh!important}
}

body.ui-v21 #gameApp .fold-chat25 .phone-message::before,body.ui-v21 #gameApp .fold-chat25 .chat-bubble25::before{content:none!important;display:none!important}