/* Sur téléphone, les aides du jeu s'ouvrent au-dessus de l'OS, sans le rétrécir. */
.mission-toggle,.simulator-guide>.orientation-tip{display:none}
.mission-panel-details{display:contents}
.immersive-simulator{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:900px){
 .immersive-simulator .simulator-stage.has-mission-panel{flex-direction:column}
 .immersive-simulator .mission-panel{position:relative;z-index:22;flex:none;width:100%;max-height:none;overflow:visible;padding:0;border-right:0;border-bottom:1px solid #6b4b93;gap:0}
 .mission-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:6px 12px;border:0;background:#2c1b42;color:#fff;text-align:left;font:inherit;cursor:pointer}
 .mission-toggle>span:first-child{min-width:0;flex:1}
 .mission-toggle strong{display:block;color:#dcc8ff;font-size:10px;line-height:1.3}
 .mission-toggle small{display:block;font-size:12.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mission-toggle>span:last-child{font-size:22px;padding:0 6px}
 .mission-toggle:focus-visible{outline:2px solid #fff;outline-offset:-3px}
 .mission-panel-danger .mission-toggle{background:#4b1d28}
 .mission-panel-danger .mission-toggle strong{color:#ffc4b7}
 .immersive-simulator .mission-panel-details{display:none;position:absolute;top:calc(100% + 4px);left:8px;right:8px;max-height:min(55dvh,360px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:8px;padding:12px;background:#2c1b42;border:1px solid #9674c7;border-radius:12px;box-shadow:0 12px 30px #0005}
 .immersive-simulator .mission-panel.is-expanded .mission-panel-details{display:flex}
 .immersive-simulator .mission-panel-details .mission-panel-head strong{display:block;font-size:14px}
 .immersive-simulator .mission-panel-details .mission-panel-alert{display:block}
 .immersive-simulator .mission-panel-details .mission-hint{max-height:none}
 .immersive-simulator .mission-panel-details .mission-hint-short{display:none}
 .immersive-simulator .mission-panel-details .mission-hint-tiny{display:inline}
 .immersive-simulator .mission-panel-details .mission-panel-steps .is-current>div{display:grid;grid-template-columns:1fr auto}
 .immersive-simulator .simulator-toolbar{flex-direction:row;min-height:52px;padding:4px 8px;gap:0}
 .immersive-simulator .simulator-toolbar .simulator-title{display:none}
 .immersive-simulator .simulator-toolbar nav{width:100%;justify-content:space-between;gap:4px}
 .immersive-simulator .simulator-toolbar .full-command{display:none}
 .immersive-simulator .simulator-toolbar .compact-command{display:inline;font-size:11px}
 .immersive-simulator .simulator-toolbar .simulator-exit{font-size:0!important;min-width:44px;padding:7px!important}
 .simulator-guide>.orientation-tip{display:block;margin:0!important;font-size:11px!important;line-height:1.4!important;color:#715b88}
 .immersive-simulator .simulation-context{padding:3px 8px;font-size:8px}
}
@media(max-width:900px) and (orientation:portrait){.simulator-guide>.orientation-phone{display:none}}
@media(max-width:900px) and (orientation:landscape){.simulator-guide>.orientation-pc{display:none}}
@media(max-width:760px) and (orientation:portrait){
 .immersive-phone .phone-device .phone-conversation-header{min-height:78px}
 .immersive-phone .phone-device .phone-contact-identity{min-height:64px}
 .immersive-phone .phone-device .phone-contact-identity>.phone-avatar{width:28px;height:28px;font-size:15px}
 .immersive-phone .phone-device .phone-chat{padding:12px;gap:8px}
 .immersive-phone .phone-device .phone-chat-date{margin-bottom:8px}
}
@media(max-width:900px) and (orientation:landscape) and (max-height:500px){
 .immersive-pc .mission-toggle{min-height:32px;padding:3px 10px}
 .immersive-pc .mission-toggle strong{display:none}
 .immersive-pc .simulator-toolbar{min-height:48px;padding-block:1px}
 .immersive-pc .pc-shell .pc-window-content .message-heading .message-meta{display:none}
 .immersive-pc .pc-shell .pc-window-content .message-heading h2{font-size:15px;margin-bottom:6px}
 .immersive-pc .pc-shell .pc-window-content .service-logo{display:none}
}

/* Le PC reste un bureau : applications dans la barre des tâches, une fenêtre à la fois.
   Seul le contenu long défile ; les en-têtes ne sont pas agrandis comme des cartes web. */
@media(max-width:900px){
 .immersive-pc .pc-desktop:has(.pc-window) .desktop-shortcuts{display:none}
 .immersive-pc .pc-window,.immersive-pc .pc-window.is-maximized{inset:4px!important;width:auto!important;height:auto!important;border-radius:6px}
 .immersive-pc .pc-window-titlebar{height:36px;min-height:36px;padding-left:10px}
 .immersive-pc .pc-window-controls button{min-height:36px;width:40px}
 .immersive-pc .pc-taskbar{min-height:48px;gap:2px;padding:2px 6px max(2px,env(safe-area-inset-bottom))}
 .immersive-pc .taskbar-app,.immersive-pc .pc-start-button{width:40px;height:44px}
 .immersive-pc .pc-shell .pc-window-content .mail-back{min-height:36px;padding:6px 12px;font-size:12px}
 .immersive-pc .pc-shell .pc-window-content .mail-reading-pane>.message-pane{padding:12px}
 .immersive-pc .pc-shell .pc-window-content .message-heading{margin-bottom:12px}
 .immersive-pc .pc-shell .pc-window-content .message-heading h2{font-size:17px;line-height:1.25;margin-bottom:10px}
 .immersive-pc .pc-shell .pc-window-content .message-heading .message-meta{font-size:8px;margin-bottom:8px}
 .immersive-pc .pc-shell .pc-window-content .sender-row{gap:6px;padding-bottom:0;margin-bottom:10px}
 .immersive-pc .pc-shell .pc-window-content .sender-avatar{display:none}
 .immersive-pc .pc-shell .pc-window-content .sender-identity{gap:8px;padding:7px 9px}
 .immersive-pc .pc-shell .pc-window-content .sender-name{font-size:12px}
 .immersive-pc .pc-shell .pc-window-content .sender-address{font-size:12px;line-height:1.4}
 .immersive-pc .pc-shell .pc-window-content .sender-details-link{font-size:11px}
 .immersive-pc .pc-shell .pc-window-content .sender-lines small{font-size:11px}
 .immersive-pc .pc-shell .pc-window-content .message-body{font-size:13px;line-height:1.45}
 .immersive-pc .pc-shell .pc-window-content .message-body p{margin-bottom:10px}
 .immersive-pc .pc-shell .pc-window-content .service-logo{font-size:19px;margin-bottom:10px}
 .immersive-pc .pc-shell .pc-window-content .inspect-row{margin:8px 0}
 .immersive-pc .pc-shell .pc-window-content .detail-button{min-height:40px;padding:6px 8px;font-size:12px}
 .immersive-pc .message-cta-wrap{margin-top:12px;gap:4px}
 .immersive-pc .pc-shell .pc-window-content .mail-cta{font-size:13px;min-height:44px;padding:9px 12px}
 .immersive-pc .message-game-footer{padding:6px 8px;gap:4px}
 .immersive-pc .message-game-footer>p{display:none}
 .immersive-pc .message-game-footer .button-row{gap:4px}
 .immersive-pc .message-game-footer button{min-height:44px;padding:6px 7px;font-size:11.5px;line-height:1.25}
 .immersive-pc .message-game-footer button svg{display:none}
 .immersive-pc .pc-shell .pc-window-content .mail-sidebar .inbox-item{min-height:62px;padding:9px 10px}
 .immersive-pc .pc-shell .pc-window-content .mail-sidebar .inbox-sender{font-size:12px;margin-bottom:3px}
 .immersive-pc .pc-shell .pc-window-content .mail-sidebar .inbox-subject{font-size:12px;line-height:1.4}

 /* Fichiers : liste ou aperçu, pas une liste de 290 px avant chaque document. */
 .immersive-pc .iv-document-layout{min-height:0}
 .immersive-pc .iv-file-list{max-height:none;overflow:visible;padding:8px;gap:5px}
 .immersive-pc .iv-file{padding:9px;gap:8px}
 .immersive-pc .iv-file-text>strong{font-size:13px;line-height:1.35}
 .immersive-pc .iv-file-type,.immersive-pc .iv-file-text>span:last-child{font-size:12px;line-height:1.4}
 .immersive-pc .iv-file svg{width:20px;height:24px}
 .immersive-pc .iv-document-reader:has(.iv-reader-empty){display:none}
 .immersive-pc .iv-documents:has(.iv-reader-header)>.iv-folder-header,
 .immersive-pc .iv-documents:has(.iv-reader-header)>.iv-files-search,
 .immersive-pc .iv-documents:has(.iv-reader-header) .iv-file-list{display:none}
 .immersive-pc .iv-document-reader{padding:12px}
 .immersive-pc .iv-reader-header{gap:8px;padding-bottom:10px}
 .immersive-pc .iv-reader-header .iv-section-label{font-size:10px}
 .immersive-pc .iv-reader-header h3{font-size:15px;margin:3px 0}
 .immersive-pc .iv-reader-header p{font-size:12px;line-height:1.4}
 .immersive-pc .iv-pdf-page{padding:16px 12px;min-height:0;margin:10px 0}
 .immersive-pc .iv-pdf-page h4{font-size:17px;margin-bottom:12px}
 .immersive-pc .iv-document-body{padding:12px 0}
 .immersive-pc .iv-paper-fields{margin-bottom:12px}
 .immersive-pc .iv-paper-fields>div{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);padding:7px 0;gap:8px;font-size:12.5px}
 .immersive-pc .iv-paper-fields dd{text-align:right}
 .immersive-pc .iv-paper-brand{font-size:19px}
 .immersive-pc .iv-paper-text p{font-size:13px;line-height:1.5}

 /* Sites simulés : même information, typographie et espaces de logiciel. */
 .immersive-pc .native-favorites-page{padding:14px}
 .immersive-pc .native-favorites-page>h2{font-size:19px}
 .immersive-pc .native-bookmarks{padding:8px 0}
 .immersive-pc .native-bookmark{min-height:62px;padding:10px 0;gap:10px}
 .immersive-pc .native-bookmark strong{font-size:13px}
 .immersive-pc .native-web-page{padding:16px;margin:0}
 .immersive-pc .native-web-page h2{font-size:20px}
 .immersive-pc .native-web-page p{font-size:13px;line-height:1.5}
 .immersive-pc .coliseo-header{padding:10px 14px;flex-direction:row;gap:10px}
 .immersive-pc .coliseo-brand{font-size:22px}
 .immersive-pc .coliseo-brand svg{width:24px;height:24px}
 .immersive-pc .coliseo-nav{gap:10px;font-size:11px}
 .immersive-pc .coliseo-content{padding:14px}
 .immersive-pc .coliseo-page h2{font-size:20px}
 .immersive-pc .coliseo-page p{font-size:13px;line-height:1.5}
 .immersive-pc .coliseo-search-card{padding:12px;margin-top:12px}
 .immersive-pc .coliseo-search-controls{flex-direction:row;gap:6px}
 .immersive-pc .coliseo-search-controls input{font-size:16px;min-height:44px;padding:8px}
 .immersive-pc .coliseo-search-button{font-size:12px;min-height:44px;padding:8px 10px}
 .immersive-pc .request-demo-notice{padding:7px 12px;gap:2px;font-size:11px}
 .immersive-pc .request-service-header{padding:12px;gap:8px}
 .immersive-pc .request-service-brand{font-size:20px}
 .immersive-pc .request-service-header>span{font-size:12px}
 .immersive-pc .request-page-content{padding:14px 12px}
 .immersive-pc .request-page h2{font-size:20px}
 .immersive-pc .request-page p{font-size:13px;line-height:1.5}
 .immersive-pc .request-layout{margin-top:14px;gap:10px}
 .immersive-pc .request-summary,.immersive-pc .request-validation{padding:12px}
 .immersive-pc .request-page h3{font-size:15px;margin-bottom:10px}
 .immersive-pc .request-summary-fields .request-field{padding:6px 0}
 .immersive-pc .request-field dt,.immersive-pc .request-field dd{font-size:12.5px}
 .immersive-pc .request-total{margin-top:10px;font-size:12px}
 .immersive-pc .request-total>strong{font-size:22px}
}