/* FÉNIX TV — BUILD013 Premium Adaptive UI
   Visual-only layer. It intentionally avoids changing player/session/catalog logic. */
:root{
  --premium-radius:clamp(14px,1.15vw,24px);
  --premium-shadow:0 22px 60px rgba(0,0,0,.42);
  --premium-border:rgba(255,255,255,.12);
  --premium-glass:linear-gradient(145deg,rgba(18,25,37,.88),rgba(7,11,18,.92));
  --premium-cyan:#56ddff;
  --premium-violet:#9c63ff;
  --premium-rose:#ff4f74;
}

html,body,.app-shell{background:#03050a}
body:before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 18% 10%,rgba(74,215,255,.08),transparent 30%),
  radial-gradient(circle at 82% 20%,rgba(150,80,255,.08),transparent 30%),
  radial-gradient(circle at 55% 90%,rgba(255,65,108,.07),transparent 34%);filter:blur(12px)}
.screen{isolation:isolate}
.screen.is-active{animation:fenixScreenIn .34s cubic-bezier(.2,.75,.2,1)}
@keyframes fenixScreenIn{from{opacity:0;transform:scale(.992) translateY(6px)}to{opacity:1;transform:none}}

.screen-art,.home-backdrop{transform:scale(1.012);filter:saturate(1.04) contrast(1.02)}
.screen-shade{backdrop-filter:blur(.5px)}
.glass-card,.library-hero,.tv-info,.tv-channel-list,.center-summary,.center-action,.exit-card{
  border-color:var(--premium-border)!important;
  box-shadow:var(--premium-shadow);
}
.glass-card{background:var(--premium-glass);backdrop-filter:blur(18px) saturate(1.15)}

.focusable{transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease,background .16s ease,box-shadow .16s ease,filter .16s ease}
.focusable.is-focused{transform:translateY(-2px) scale(1.035);box-shadow:0 0 0 2px rgba(255,255,255,.96),0 14px 36px rgba(0,0,0,.38),0 0 32px rgba(80,213,255,.15);filter:brightness(1.08);z-index:40}
.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.play-btn,.favorite-btn,.manage-btn{
  border-radius:clamp(12px,.82vw,18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(0,0,0,.18)
}
.primary-btn,.play-btn{background:linear-gradient(125deg,#ff355f 0%,#ff4b75 44%,#a04fff 100%)}
.secondary-btn{background:linear-gradient(125deg,#087da9,#24c9ef 58%,#52e0ff)}
.ghost-btn,.favorite-btn,.manage-btn{background:linear-gradient(145deg,rgba(24,31,45,.94),rgba(11,16,25,.96));border:1px solid rgba(255,255,255,.14)}

.brand-header img,.brand-inline img{box-shadow:0 10px 30px rgba(0,0,0,.26);border-color:rgba(255,255,255,.16)}
.eyebrow{color:#7ee8ff;text-shadow:0 0 20px rgba(70,213,255,.12)}
.help-strip{background:rgba(5,8,13,.82);backdrop-filter:blur(14px);border-top-color:rgba(255,255,255,.08)}
.status-pill,.live-pill{backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

/* Login */
.login-layout{animation:fenixFloatIn .45s .04s both cubic-bezier(.2,.75,.2,1)}
@keyframes fenixFloatIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.login-card{position:relative;overflow:hidden}
.login-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 8%,rgba(87,220,255,.12),transparent 25%),radial-gradient(circle at 8% 100%,rgba(159,78,255,.10),transparent 30%)}
.login-card>*{position:relative;z-index:1}
.login-copy h1{background:linear-gradient(180deg,#fff,#c8d2e2 72%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 18px 55px rgba(0,0,0,.28)}
.feature-chips span{backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.input-wrap{background:rgba(7,11,17,.78);backdrop-filter:blur(8px);transition:border-color .15s,box-shadow .15s,background .15s}
.input-wrap.is-focused{background:rgba(8,17,26,.92)}

/* Splash */
.splash-art{animation:splashKen 7s ease-out both}
@keyframes splashKen{from{transform:scale(1.06)}to{transform:scale(1)}}
.splash-glow{background:radial-gradient(circle at 50% 46%,rgba(77,220,255,.07),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.45))}
.splash-loader span{box-shadow:0 0 20px rgba(255,255,255,.34)}

/* Profiles */
.profile-card{box-shadow:0 16px 42px rgba(0,0,0,.22);backdrop-filter:blur(10px);transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s}
.profile-card.is-focused{box-shadow:0 24px 56px rgba(0,0,0,.36),0 0 0 2px #fff,0 0 34px rgba(84,220,255,.12)}
.profile-card img{box-shadow:0 9px 28px rgba(0,0,0,.28)}

/* Home */
.home-overlay{background:linear-gradient(90deg,rgba(3,5,9,.98) 0%,rgba(3,5,9,.91) 47%,rgba(3,5,9,.28) 76%,rgba(3,5,9,.52)),linear-gradient(0deg,rgba(3,5,9,.99),transparent 54%)}
.home-option{box-shadow:0 12px 28px rgba(0,0,0,.18);backdrop-filter:blur(8px);transition:transform .17s cubic-bezier(.2,.8,.2,1),border-color .17s,background .17s,box-shadow .17s}
.home-option:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 36%);pointer-events:none}
.home-option.is-focused{box-shadow:0 22px 48px rgba(0,0,0,.32),0 0 0 2px rgba(255,255,255,.93),0 0 32px rgba(60,211,255,.12)}
.home-stats span{backdrop-filter:blur(8px)}

/* Library / search */
.library-hero{box-shadow:0 25px 64px rgba(0,0,0,.34);backdrop-filter:blur(6px)}
.poster-card{box-shadow:0 12px 28px rgba(0,0,0,.22);transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,box-shadow .16s;will-change:transform}
.poster-card.is-focused{box-shadow:0 23px 52px rgba(0,0,0,.38),0 0 0 2px #fff,0 0 26px rgba(81,218,255,.12)}
.poster-card img{transition:filter .16s,transform .22s}
.poster-card.is-focused img{filter:saturate(1.08) brightness(1.04);transform:scale(1.012)}
.tab,.round-action{backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.tab.active{box-shadow:0 8px 22px rgba(27,193,230,.20)}
.search-box{background:rgba(8,13,21,.88);backdrop-filter:blur(12px);box-shadow:0 14px 32px rgba(0,0,0,.18)}

/* Live TV */
.tv-channel-list{background:rgba(7,11,17,.86);backdrop-filter:blur(13px)}
.channel-row{transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}
.channel-row.is-focused{box-shadow:0 11px 30px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.85)}
.tv-info{background:linear-gradient(155deg,rgba(16,23,34,.90),rgba(6,10,16,.95));backdrop-filter:blur(14px)}
.epg-panel>div{background:linear-gradient(145deg,rgba(53,211,255,.075),rgba(139,79,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

/* Center */
.center-action:after{content:"";position:absolute;right:-12%;bottom:-40%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(76,219,255,.10),transparent 70%);pointer-events:none}
.center-action.is-focused{box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 0 2px #fff}

/* Player — visual polish only. BUILD012 owns visibility policy. */
.player-controls{background:linear-gradient(145deg,rgba(8,12,19,.92),rgba(5,8,13,.96));backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 22px 62px rgba(0,0,0,.42);border-color:rgba(255,255,255,.13)}
.program-card{background:linear-gradient(120deg,rgba(7,11,18,.94),rgba(15,23,34,.92));backdrop-filter:blur(15px);box-shadow:-18px 16px 48px rgba(0,0,0,.34);border-color:rgba(255,255,255,.12)}
.player-control{backdrop-filter:blur(8px)}
.player-control.is-focused{box-shadow:0 8px 24px rgba(66,211,255,.18)}

/* Exit modal */
.modal-layer{backdrop-filter:blur(12px)}
.exit-card{background:linear-gradient(145deg,rgba(20,28,41,.96),rgba(7,11,17,.97));backdrop-filter:blur(18px)}

/* Android TV / Google TV — readable at distance without oversized UI */
html[data-device-mode="tv"] .brand-header{top:3.6vh}
html[data-device-mode="tv"] .login-card{width:min(34vw,620px)}
html[data-device-mode="tv"] .home-option{min-height:12.6vh}
html[data-device-mode="tv"] .poster-card.is-focused{transform:translateY(-.35vh) scale(1.045)}
html[data-device-mode="tv"] .channel-row.is-focused{transform:translateX(.25vw) scale(1.018)}

/* Phone / tablet — portrait-first layout with touch-sized controls. */
html[data-device-mode="mobile"] body{touch-action:manipulation}
html[data-device-mode="mobile"] .focusable.is-focused{transform:none;box-shadow:none;filter:none}
html[data-device-mode="mobile"] .help-strip{display:none}
html[data-device-mode="mobile"] .brand-header{top:2.5vh;left:5vw;gap:3vw}
html[data-device-mode="mobile"] .brand-header img,html[data-device-mode="mobile"] .brand-inline img{width:24vw;height:6vh;border-radius:12px}
html[data-device-mode="mobile"] .brand-header strong,html[data-device-mode="mobile"] .brand-inline strong{font-size:3.7vw;letter-spacing:.35vw}
html[data-device-mode="mobile"] .brand-header span,html[data-device-mode="mobile"] .brand-inline span{font-size:2.35vw}
html[data-device-mode="mobile"] .eyebrow{font-size:2.6vw;letter-spacing:.45vw}
html[data-device-mode="mobile"] .primary-btn,html[data-device-mode="mobile"] .secondary-btn,html[data-device-mode="mobile"] .ghost-btn,html[data-device-mode="mobile"] .danger-btn,html[data-device-mode="mobile"] .play-btn,html[data-device-mode="mobile"] .favorite-btn,html[data-device-mode="mobile"] .manage-btn{min-height:6.1vh;font-size:3.15vw;border-radius:14px;padding:0 4vw}

html[data-device-mode="mobile"] .login-layout{display:block;padding:10.5vh 5vw 3vh;overflow-y:auto}
html[data-device-mode="mobile"] .login-copy{width:100%;text-align:left;padding:2vh 1vw 0}
html[data-device-mode="mobile"] .login-copy h1{font-size:10.2vw;line-height:.94;letter-spacing:-.35vw;margin:1.5vh 0 1.6vh}
html[data-device-mode="mobile"] .login-copy p{font-size:3.55vw;line-height:1.43;width:100%;max-width:none}
html[data-device-mode="mobile"] .feature-chips{gap:1.6vw;margin-top:1.8vh}
html[data-device-mode="mobile"] .feature-chips span{font-size:2.1vw;letter-spacing:.2vw;padding:.65vh 2vw;border-radius:10px}
html[data-device-mode="mobile"] .login-card{width:100%;margin:2.2vh 0 0;padding:2.4vh 5vw 2.5vh;border-radius:24px}
html[data-device-mode="mobile"] .card-kicker{font-size:2.25vw;letter-spacing:.45vw}
html[data-device-mode="mobile"] .login-card h2{font-size:6.3vw;margin:.7vh 0 1.5vh}
html[data-device-mode="mobile"] .login-card>label{font-size:2.55vw;margin:.8vh 0 .55vh}
html[data-device-mode="mobile"] .input-wrap{height:6.1vh;border-radius:14px;padding:0 3vw;margin-bottom:.9vh}
html[data-device-mode="mobile"] .input-wrap img{width:5vw;height:5vw;margin-right:2.2vw}
html[data-device-mode="mobile"] .input-wrap input{font-size:3.45vw}
html[data-device-mode="mobile"] .input-wrap button{font-size:2.55vw}
html[data-device-mode="mobile"] .login-meta{font-size:2.25vw;margin:.6vh 0 1vh}
html[data-device-mode="mobile"] .form-error{font-size:2.35vw;min-height:2.2vh}

html[data-device-mode="mobile"] .activation-panel{left:4.5vw;right:4.5vw;top:9.5vh;bottom:3.5vh;display:block;padding:3.3vh 5vw;border-radius:24px;overflow-y:auto}
html[data-device-mode="mobile"] .activation-left h1{font-size:7vw;margin:1vh 0}
html[data-device-mode="mobile"] .activation-left p{font-size:3.35vw;max-width:none}
html[data-device-mode="mobile"] .activation-url{font-size:2.65vw;padding:1.2vh 3vw;word-break:break-word}
html[data-device-mode="mobile"] .activation-left button{width:100%}
html[data-device-mode="mobile"] .activation-right{width:100%;font-size:2.8vw;margin-top:2vh}
html[data-device-mode="mobile"] .qr-card{width:42vw;height:42vw;max-width:220px;max-height:220px}

html[data-device-mode="mobile"] .profiles-center{left:4vw;right:4vw;top:12vh;bottom:2vh;overflow-y:auto}
html[data-device-mode="mobile"] .profiles-center h1{font-size:7.3vw;margin:.7vh 0 2.2vh}
html[data-device-mode="mobile"] .profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2vh 3vw;padding:0 2vw}
html[data-device-mode="mobile"] .profile-card{width:auto;height:auto;min-height:22vh;border-radius:22px;padding:2vh 2vw}
html[data-device-mode="mobile"] .profile-card img{width:26vw;height:26vw;max-width:138px;max-height:138px}
html[data-device-mode="mobile"] .profile-card h3{font-size:3.8vw;margin:1vh 0 .3vh}
html[data-device-mode="mobile"] .profile-card span{font-size:2.3vw}
html[data-device-mode="mobile"] .manage-btn{width:78vw;margin-top:2.5vh}

html[data-device-mode="mobile"] .home-header{top:2.3vh;left:4.5vw;right:4.5vw;align-items:flex-start}
html[data-device-mode="mobile"] .home-account strong{font-size:3vw}html[data-device-mode="mobile"] .home-account span{font-size:2.2vw}
html[data-device-mode="mobile"] .home-content{left:4.5vw;right:4.5vw;top:11.5vh;width:auto;bottom:2vh;overflow-y:auto;padding-bottom:2vh}
html[data-device-mode="mobile"] .home-content h1{font-size:8.2vw;letter-spacing:-.28vw;margin:.8vh 0}
html[data-device-mode="mobile"] .home-content>p{font-size:3.25vw;width:100%;line-height:1.4}
html[data-device-mode="mobile"] .home-stats{gap:1vw;flex-wrap:wrap;margin-top:1.2vh}
html[data-device-mode="mobile"] .home-stats span{font-size:2vw;padding:.55vh 2vw;border-radius:9px}
html[data-device-mode="mobile"] .home-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vh 2.5vw;margin-top:2vh;width:100%}
html[data-device-mode="mobile"] .home-option{height:auto;min-height:11.6vh;border-radius:18px;padding:1.4vh 3vw;gap:2.7vw}
html[data-device-mode="mobile"] .home-option img{width:9vw;height:9vw}
html[data-device-mode="mobile"] .home-option strong{font-size:3.4vw}html[data-device-mode="mobile"] .home-option span{font-size:2.15vw;margin-top:.35vh}

html[data-device-mode="mobile"] .library-header,html[data-device-mode="mobile"] .tv-header{left:4vw;right:4vw;top:2.4vh}
html[data-device-mode="mobile"] .library-header h1,html[data-device-mode="mobile"] .tv-header h1{font-size:6.6vw;margin:.2vh 0}
html[data-device-mode="mobile"] .round-action{width:10vw;height:10vw;font-size:4.5vw}
html[data-device-mode="mobile"] .library-tabs,html[data-device-mode="mobile"] .tv-categories{left:4vw;right:4vw;top:9.8vh;height:5.5vh;gap:1.5vw;overflow-x:auto}
html[data-device-mode="mobile"] .tab{height:4.7vh;min-width:27vw;padding:0 3.4vw;border-radius:12px;font-size:2.55vw;flex:0 0 auto}
html[data-device-mode="mobile"] .library-stage{left:4vw;right:4vw;top:15.5vh;bottom:1.5vh;display:block;overflow-y:auto}
html[data-device-mode="mobile"] .library-hero{min-height:26vh;padding:2.2vh 4vw;border-radius:20px;margin-bottom:1.5vh}
html[data-device-mode="mobile"] .lib-meta{font-size:2.1vw;letter-spacing:.3vw}
html[data-device-mode="mobile"] .library-hero h2{font-size:5.8vw;margin:.8vh 0}
html[data-device-mode="mobile"] .library-hero p{font-size:2.85vw;line-height:1.42;max-height:8.4vh}
html[data-device-mode="mobile"] .hero-tags{gap:1vw;margin:1.1vh 0}html[data-device-mode="mobile"] .hero-tags span{font-size:1.95vw;padding:.5vh 1.7vw;border-radius:8px}
html[data-device-mode="mobile"] .hero-actions{gap:2vw}.hero-actions button{min-width:0}
html[data-device-mode="mobile"] .poster-grid{height:auto;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:1.4vh 2.5vw;padding:.2vh 1vw 2vh}
html[data-device-mode="mobile"] .poster-card,html[data-device-mode="mobile"] .search-results .poster-card{height:auto;min-height:31vh;border-radius:16px}
html[data-device-mode="mobile"] .poster-card img,html[data-device-mode="mobile"] .search-results .poster-card img{height:25vh}
html[data-device-mode="mobile"] .poster-info{height:auto;min-height:5.8vh;padding:.8vh 2.4vw}
html[data-device-mode="mobile"] .poster-info strong{font-size:2.75vw}html[data-device-mode="mobile"] .poster-info span{font-size:2.05vw}
html[data-device-mode="mobile"] .page-indicator{font-size:2vw;padding:.6vh 2vw}

html[data-device-mode="mobile"] .tv-layout{left:4vw;right:4vw;top:15.5vh;bottom:1.5vh;display:block;overflow-y:auto}
html[data-device-mode="mobile"] .tv-channel-list{padding:1vh 2vw;border-radius:20px;margin-bottom:1.5vh}
html[data-device-mode="mobile"] .channel-row{height:7.6vh;border-radius:14px;gap:2.5vw;padding:.7vh 2vw;margin-bottom:.6vh}
html[data-device-mode="mobile"] .channel-row img{width:14vw;height:5vh;border-radius:10px}
html[data-device-mode="mobile"] .channel-row .num{font-size:2.2vw;width:5vw}html[data-device-mode="mobile"] .channel-row strong{font-size:3vw}html[data-device-mode="mobile"] .channel-row span{font-size:2.1vw}
html[data-device-mode="mobile"] .tv-info{border-radius:20px;padding:2.3vh 4vw}
html[data-device-mode="mobile"] .tv-logo-wrap{height:8vh}html[data-device-mode="mobile"] .tv-logo-wrap img{max-width:42vw;max-height:7vh}
html[data-device-mode="mobile"] .live-pill{font-size:2vw;padding:.55vh 2vw;border-radius:9px}
html[data-device-mode="mobile"] .tv-info h2{font-size:5.5vw;margin:.7vh 0}html[data-device-mode="mobile"] .tv-info p{font-size:2.8vw;max-width:none}
html[data-device-mode="mobile"] .epg-panel{grid-template-columns:1fr;gap:.8vh;margin:1.4vh 0}
html[data-device-mode="mobile"] .epg-panel>div{min-height:8vh;padding:1.2vh 3vw;border-radius:14px}
html[data-device-mode="mobile"] .epg-panel span{font-size:1.9vw}html[data-device-mode="mobile"] .epg-panel strong{font-size:2.9vw}html[data-device-mode="mobile"] .epg-panel small{font-size:2vw}

html[data-device-mode="mobile"] .search-box-wrap{left:4vw;right:4vw;top:10.5vh;gap:2vw}
html[data-device-mode="mobile"] .search-box{height:5.8vh;border-radius:14px;font-size:3.3vw;padding:0 3vw}
html[data-device-mode="mobile"] .search-box-wrap .primary-btn{width:27vw;padding:0 2vw;font-size:2.65vw}
html[data-device-mode="mobile"] .search-results{left:4vw;right:4vw;top:17.5vh;bottom:1vh;grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}

html[data-device-mode="mobile"] .center-layout{left:4vw;right:4vw;top:10.7vh;bottom:1.5vh;display:block;overflow-y:auto}
html[data-device-mode="mobile"] .center-summary{border-radius:20px;padding:2.3vh 4vw;margin-bottom:1.5vh}
html[data-device-mode="mobile"] .center-logo img{width:34vw;height:6.2vh;border-radius:12px}
html[data-device-mode="mobile"] .center-summary h2{font-size:5vw;margin:1.2vh 0 .3vh}html[data-device-mode="mobile"] .center-summary>p{font-size:2.5vw}
html[data-device-mode="mobile"] .center-metrics{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:1vh 2vw;margin-top:1.6vh}
html[data-device-mode="mobile"] .center-metrics>div{padding:1vh 2.5vw;border-radius:12px}html[data-device-mode="mobile"] .center-metrics span{font-size:1.85vw}html[data-device-mode="mobile"] .center-metrics strong{font-size:2.5vw}
html[data-device-mode="mobile"] .center-actions-grid{grid-template-columns:1fr;grid-template-rows:none;gap:1vh}
html[data-device-mode="mobile"] .center-action{border-radius:16px;padding:1.4vh 3vw;min-height:10vh}
html[data-device-mode="mobile"] .center-icon{width:10vw;height:10vw;border-radius:12px;font-size:4.8vw;margin-bottom:.8vh}
html[data-device-mode="mobile"] .center-action strong{font-size:3.45vw}html[data-device-mode="mobile"] .center-action small{font-size:2.25vw}
html[data-device-mode="mobile"] .diagnostics-panel{right:4vw;left:4vw;bottom:2vh;width:auto;font-size:2.1vw;border-radius:14px}

/* Phone player always rotates landscape natively, but keep touch geometry comfortable. */
html[data-device-mode="mobile"] .player-controls{left:2vw;right:2vw;bottom:2.2vh;padding:1.5vh 2vw;border-radius:16px}
html[data-device-mode="mobile"] .player-title{font-size:2.8vw}html[data-device-mode="mobile"] .player-subtitle{font-size:1.7vw}
html[data-device-mode="mobile"] .player-live-pill,html[data-device-mode="mobile"] .player-format{font-size:1.55vw}
html[data-device-mode="mobile"] .player-control{min-width:6.2vw;height:6.8vh;border-radius:10px;font-size:1.8vw}
html[data-device-mode="mobile"] .player-bottomline{font-size:1.55vw;gap:1vw}
html[data-device-mode="mobile"] .program-card{width:43vw;padding:1.5vh 2vw;border-radius:16px 0 0 16px}
html[data-device-mode="mobile"] .program-label,html[data-device-mode="mobile"] .program-next-label{font-size:1.4vw}html[data-device-mode="mobile"] .program-card h2{font-size:2.6vw}html[data-device-mode="mobile"] .program-card #program-now-desc{font-size:1.55vw}html[data-device-mode="mobile"] .program-card #program-next-title{font-size:1.8vw}
html[data-device-mode="mobile"] .exit-card{width:90vw;min-height:auto;padding:3vh 5vw;border-radius:24px;grid-template-columns:16vw 1fr;gap:3vw}
html[data-device-mode="mobile"] .exit-icon{width:14vw;height:14vw;border-radius:16px;font-size:6vw}
html[data-device-mode="mobile"] .exit-card h2{font-size:6vw}html[data-device-mode="mobile"] .exit-card p{font-size:3vw}
html[data-device-mode="mobile"] .exit-actions{gap:2vw}html[data-device-mode="mobile"] .exit-actions button{width:auto;flex:1;font-size:2.6vw;padding:0 2vw}
html[data-device-mode="mobile"] .toast{font-size:2.6vw;padding:1.1vh 4vw;border-radius:14px;max-width:90vw;text-align:center}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}