@import url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap");
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0a2340}body{font-family:Arial,sans-serif;color:#fff6da}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.room-backdrop{position:fixed;inset:-25px;background:url('assets/igloo-desk.png') center/cover;filter:blur(18px) brightness(.65)}.desk{position:relative;width:100%;height:100dvh;overflow:hidden}.room-scene{position:absolute;transform-origin:center;isolation:isolate}.room-art{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none}.monitor-view{position:absolute;top:0;left:0;transform-origin:0 0;overflow:hidden;background:#a8dcff;z-index:1;outline:1px solid #17251b;backface-visibility:hidden}.monitor-view iframe{border:0;display:block;width:100%;height:100%;background:#a8dcff;color-scheme:light}.desk-controls{position:fixed;bottom:22px;right:24px;display:flex;align-items:center;gap:20px;z-index:4}.desk-hint{font:700 9px/1.5 'Courier New',monospace;letter-spacing:.1em;text-shadow:0 1px 5px #000;background:#132019b3;padding:10px 13px;backdrop-filter:blur(9px);border:1px solid #fff1c52b}.desk-controls :is(button,.desk-dex-link){cursor:pointer;display:flex;align-items:center;gap:25px;border:1px solid #ffecbdb3;border-radius:3px;padding:13px 17px;background:#14231de8;color:#fff3cb;font:700 11px 'Courier New',monospace;box-shadow:0 4px 20px #0004;backdrop-filter:blur(9px)}.desk-controls :is(button,.desk-dex-link):hover{background:#a8dcff;color:#0b2a4a;border-color:#a8dcff}.desk-controls :is(button,.desk-dex-link):focus-visible{outline:3px solid #a8dcff;outline-offset:4px}.desk-controls :is(button,.desk-dex-link)>span:last-child{font-size:23px;line-height:1}.expanded .room-art,.expanded .room-backdrop{filter:brightness(.3)}.expanded .monitor-view{position:fixed!important;inset:18px 18px 75px!important;width:auto!important;height:auto!important;transform:none!important;border:9px solid #111c16;border-radius:9px;box-shadow:0 0 0 1px #819273,0 25px 70px #000b;outline:0}.expanded .room-scene{transform:none!important;inset:0!important;width:100%!important;height:100%!important}.expanded .room-art{object-fit:contain}.expanded .desk-hint{visibility:hidden}@media(max-width:650px){.desk-controls{left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));flex-direction:column;gap:10px}.desk-controls :is(button,.desk-dex-link){padding:15px 24px;font-size:12px}.desk-hint{font-size:8px}.expanded .monitor-view{inset:8px 8px 95px!important;border-width:5px}.expanded .desk-controls{bottom:20px}.expanded .desk-hint{display:none}}

@media(prefers-reduced-motion:reduce){.room-backdrop{background-image:url('assets/igloo-desk.png')}}

.desk-actions{display:flex;align-items:center;gap:10px}.desk-controls :is(button,.desk-dex-link) .music-icon{font-size:16px;min-width:16px;text-align:center}.desk-controls :is(button,.desk-dex-link)[aria-pressed="true"]#musicToggle{border-color:#a8dcff;color:#a8dcff}.desk-controls :is(button,.desk-dex-link)[aria-pressed="true"]#musicToggle:hover{color:#0b2a4a}.desk-controls :is(button,.desk-dex-link):disabled{cursor:wait;opacity:.65}@media(max-width:650px){.desk-actions{gap:8px}.desk-actions :is(button,.desk-dex-link){gap:12px;padding:13px 12px;font-size:10px}.desk-actions #expandIcon{font-size:20px}}

/* Keep the desk controls as a small row of HOODKE yellow pills. */
.desk-controls{right:22px;bottom:19px;gap:0}
.desk-hint{display:none}
.desk-actions{justify-content:flex-end;gap:10px}
.desk-controls :is(button,.desk-dex-link){
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:11px 18px;
  border:2px solid #122c22;
  border-radius:999px;
  background:#a8dcff;
  color:#122c22;
  font:400 16px/1 'Titan One','Arial Rounded MT Bold',Impact,sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
  box-shadow:0 3px 0 #122c22,0 5px 12px #0003;
  backdrop-filter:none;
  transition:background .15s,transform .15s,box-shadow .15s;
}
.desk-controls :is(button,.desk-dex-link):not(:disabled):not([aria-disabled="true"]):hover{
  background:#ffdb64;
  color:#122c22;
  border-color:#122c22;
  transform:translateY(-2px);
  box-shadow:0 5px 0 #122c22,0 7px 14px #0003;
}
.desk-controls :is(button,.desk-dex-link):not(:disabled):not([aria-disabled="true"]):active{
  transform:translateY(2px);
  box-shadow:0 1px 0 #122c22;
}
.desk-controls :is(button,.desk-dex-link):focus-visible{outline:3px solid #fff3cb;outline-offset:4px}
.desk-controls :is(button,.desk-dex-link)>span:last-child{font-family:Arial,sans-serif;font-weight:700;font-size:19px;line-height:1;letter-spacing:0}
.desk-controls :is(button,.desk-dex-link) .music-icon{font-size:16px;min-width:16px}
.desk-controls :is(button,.desk-dex-link)[aria-pressed="true"]#musicToggle,
.desk-controls :is(button,.desk-dex-link)[aria-pressed="true"]#musicToggle:hover{color:#122c22;border-color:#122c22}
.desk-controls :is(button,.desk-dex-link):disabled,
.desk-controls :is(button,.desk-dex-link)[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.55;
  background:#a8dcff;
  color:#122c22;
  border-color:#122c22;
  transform:none;
  box-shadow:0 3px 0 #122c22;
}
@media(max-width:650px){
  .desk-controls{left:12px;right:12px;bottom:max(19px,env(safe-area-inset-bottom));flex-direction:row}
  .desk-actions{width:100%;gap:6px}
  .desk-controls :is(button,.desk-dex-link){min-width:0;min-height:42px;gap:3px;padding:10px 5px;font-size:12px}
  .desk-controls :is(button,.desk-dex-link)>span:last-child,
  .desk-actions #expandIcon,
  .desk-controls :is(button,.desk-dex-link) .music-icon{font-size:12px;min-width:12px}
  .expanded .desk-controls{bottom:max(19px,env(safe-area-inset-bottom))}
}
@media(max-width:350px){
  .desk-controls{left:8px;right:8px}
  .desk-actions{gap:4px}
  .desk-controls :is(button,.desk-dex-link){padding-inline:4px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .desk-controls :is(button,.desk-dex-link){transition:none}
  .desk-controls :is(button,.desk-dex-link):not(:disabled):not([aria-disabled="true"]):hover,
  .desk-controls :is(button,.desk-dex-link):not(:disabled):not([aria-disabled="true"]):active{transform:none}
}

/* Rounded vector icons stay crisp without relying on a text glyph. */
#musicIcon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;min-width:19px;flex:0 0 19px;line-height:0}
#musicIcon svg{display:block;width:100%;height:100%;fill:currentColor}
#musicIcon .music-pause{display:none}
#musicToggle[aria-pressed="true"] .music-play{display:none}
#musicToggle[aria-pressed="true"] .music-pause{display:block}
@media(max-width:650px){#musicIcon{width:14px;height:14px;min-width:14px;flex-basis:14px}}

/* Four controls stay within the viewport, with CA and DEX on the first row. */
.desk-dex-link{text-decoration:none;cursor:pointer}
.desk-dex-link svg{width:19px;height:19px;flex:0 0 19px}
@media(max-width:760px){
  .desk-controls{left:12px;right:12px;bottom:max(19px,env(safe-area-inset-bottom))}
  .desk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .desk-controls :is(button,.desk-dex-link){min-width:0;min-height:44px;gap:8px;padding:10px 8px;font-size:12px}
  .desk-dex-link svg{width:16px;height:16px;flex-basis:16px}
  .expanded .monitor-view{bottom:126px!important}
}
.desk-controls :is(button,.desk-dex-link){border-radius:14px;background:linear-gradient(180deg,#e9f7ffe6,#a8dcffd9);color:#0b2a4a;border:1px solid #ffffff;box-shadow:inset 0 2px 0 #fff,0 4px 0 #3f8fcf,0 8px 22px #06203955}
.desk-controls :is(button,.desk-dex-link):hover{background:linear-gradient(180deg,#ffffff,#cdeeff);color:#0b2a4a;border-color:#fff}
.desk-controls :is(button,.desk-dex-link):is(:disabled,[aria-disabled="true"]){opacity:.8}
.desk-hint{background:#0b2a4acc;border-color:#bfe6ff66;border-radius:12px;color:#e6f6ff}

/* === Neige sur tout le site === */
.snowfall,.snowfall:before,.snowfall:after{position:fixed;inset:-10% 0 0 0;height:120%;pointer-events:none;z-index:40}
.snowfall:before,.snowfall:after{content:"";}
.snowfall{background-image:radial-gradient(circle,#fff 0 2px,transparent 2.6px),radial-gradient(circle,#ffffffd9 0 1.4px,transparent 2px);background-size:170px 170px,110px 130px;background-position:0 0,50px 40px;animation:snow-a 12s linear infinite,snow-sway 7s ease-in-out infinite alternate;opacity:.9}
.snowfall:before{background-image:radial-gradient(circle,#fff 0 3px,transparent 3.6px);background-size:260px 240px;background-position:90px 30px;animation:snow-b 9s linear infinite,snow-sway 5s ease-in-out infinite alternate-reverse;opacity:.8;filter:blur(.4px)}
.snowfall:after{background-image:radial-gradient(circle,#ffffffb3 0 1px,transparent 1.5px);background-size:80px 90px;background-position:20px 10px;animation:snow-c 18s linear infinite;opacity:.7}
@keyframes snow-a{to{background-position:0 170px,50px 170px}}
@keyframes snow-b{to{background-position:90px 270px}}
@keyframes snow-c{to{background-position:20px 100px}}
@media(prefers-reduced-motion:reduce){.snowfall,.snowfall:before,.snowfall:after{animation:none}}

.snowfall{z-index:3}
@keyframes snow-sway{from{transform:translateX(-18px)}to{transform:translateX(18px)}}

/* === Cadre glace en mode expand === */
.expanded .monitor-view{border:14px solid transparent!important;border-radius:26px!important;
 background:linear-gradient(#a8dcff,#a8dcff) padding-box,linear-gradient(145deg,#ffffff 0%,#d9f1ff 30%,#8fcdf5 55%,#e8f7ff 75%,#9fd6fb 100%) border-box!important;
 box-shadow:0 0 0 3px #5fa9dc,inset 0 0 0 2px #ffffff,0 0 50px #8fd3ff99,0 30px 80px #000c!important;overflow:visible!important}
.expanded .monitor-view iframe{border-radius:14px}
.expanded .monitor-view:before{content:'';position:absolute;left:-6px;right:-6px;top:-18px;height:44px;z-index:5;pointer-events:none;background:url('assets/icicles.svg') 0 0/600px 44px repeat-x;filter:drop-shadow(0 3px 3px #3b8fd055)}
.expanded .monitor-view:after{content:'';position:absolute;inset:-14px;border-radius:26px;pointer-events:none;z-index:4;background:linear-gradient(125deg,#ffffff99 0%,transparent 18%,transparent 82%,#ffffff66 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:14px}
.expanded .room-backdrop{filter:blur(18px) brightness(.55) saturate(1.2)}
@media(max-width:650px){.expanded .monitor-view{border-width:8px!important;border-radius:18px!important}.expanded .monitor-view:after{inset:-8px;padding:8px;border-radius:18px}}
#expandScreen[aria-pressed="true"],#expandScreen:focus,#expandScreen:active{background:linear-gradient(180deg,#ffffff,#9fd6fb)!important;color:#0b2a4a!important;border-color:#fff!important;box-shadow:inset 0 2px 0 #fff,0 4px 0 #1b86e6,0 0 18px #8fd3ffaa!important}
.expanded .monitor-view:before{left:26px!important;right:26px!important;top:-14px!important}

.room-art{object-fit:fill}
.room-backdrop{background-image:url('assets/igloo-desk-v3.jpg')!important}

/* === Boutons glace igloo === */
.desk-controls :is(button,.desk-dex-link){position:relative;overflow:visible;border-radius:16px!important;border:2px solid #ffffff!important;
 background:linear-gradient(180deg,#f7fcff 0%,#d4eeff 45%,#9fd3f5 100%)!important;color:#0b2a4a!important;
 box-shadow:inset 0 3px 0 #ffffffcc,inset 0 -5px 10px #5fa9dc66,0 0 0 1px #6fb5e6,0 5px 0 #3f86c2,0 10px 22px #06203966,0 0 18px #bfe6ff66!important;
 text-shadow:0 1px 0 #fff;padding-top:15px!important}
.desk-controls :is(button,.desk-dex-link):before{content:'';position:absolute;left:12px;right:12px;top:-9px;height:16px;background:url('assets/btn-snowcap.svg?v=2') top/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 1px 1px #3b8fd044)}
.desk-controls :is(button,.desk-dex-link):after{content:'';position:absolute;left:10px;top:9px;width:38%;height:34%;border-radius:10px;background:linear-gradient(180deg,#ffffffb3,#ffffff00);pointer-events:none}
.desk-controls :is(button,.desk-dex-link):hover{background:linear-gradient(180deg,#ffffff 0%,#e4f5ff 45%,#b5e0fb 100%)!important;transform:translateY(-2px);box-shadow:inset 0 3px 0 #fff,inset 0 -5px 10px #5fa9dc55,0 0 0 1px #5fb8ff,0 7px 0 #3f86c2,0 12px 26px #06203966,0 0 26px #9fe0ffaa!important}
.desk-controls :is(button,.desk-dex-link):active{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff,0 0 0 1px #6fb5e6,0 2px 0 #3f86c2!important}
.desk-controls :is(button,.desk-dex-link):is(:disabled,[aria-disabled="true"]){opacity:.9}

.room-scene{border-radius:18px;overflow:hidden;box-shadow:0 0 0 3px #ffffffaa,0 0 60px #6fc4ff88,0 20px 60px #000a}
.expanded .room-scene{border-radius:0;box-shadow:none}
.room-backdrop{filter:blur(26px) brightness(.55) saturate(1.3)!important}


.room-backdrop{width:calc(100% + 50px);height:calc(100% + 50px);object-fit:cover;filter:blur(22px) brightness(.7) saturate(1.2)!important}
.room-scene{border-radius:0!important;box-shadow:0 0 40px #0008!important}

/* fondu côtés */
.room-scene{box-shadow:none!important}
.room-art{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 2%,rgba(0,0,0,.8) 5%,#000 9%,#000 91%,rgba(0,0,0,.8) 95%,rgba(0,0,0,.35) 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 2%,rgba(0,0,0,.8) 5%,#000 9%,#000 91%,rgba(0,0,0,.8) 95%,rgba(0,0,0,.35) 98%,transparent 100%)}
.expanded .room-art{-webkit-mask-image:none;mask-image:none}
.room-backdrop{filter:blur(16px) brightness(.85) saturate(1.25)!important;transform:scale(1.12)}

/* bandes : glace floue, pas une copie de la vidéo */
.room-backdrop.ice-bands{inset:0;width:auto;height:auto;transform:none;filter:none!important;
 background:
  radial-gradient(ellipse 30% 45% at 6% 22%,#bfeaff 0%,transparent 70%),
  radial-gradient(ellipse 28% 40% at 94% 30%,#c9eeff 0%,transparent 70%),
  radial-gradient(ellipse 35% 35% at 8% 85%,#e8f7ff 0%,transparent 70%),
  radial-gradient(ellipse 35% 35% at 92% 88%,#e8f7ff 0%,transparent 70%),
  radial-gradient(ellipse 20% 30% at 3% 55%,#2f8fe0 0%,transparent 70%),
  radial-gradient(ellipse 20% 30% at 97% 60%,#2f8fe0 0%,transparent 70%),
  linear-gradient(180deg,#3aa0ee 0%,#5bb6f3 45%,#8fd0f8 75%,#d6f0ff 100%)!important}
.room-backdrop.ice-bands:after{content:'';position:absolute;inset:0;opacity:.35;filter:blur(3px);
 background:url('assets/ice-bricks.svg') 0 0/220px 110px}
.room-backdrop.ice-bands{background:
  radial-gradient(ellipse 30% 40% at 6% 20%,#8fd3ff 0%,transparent 70%),
  radial-gradient(ellipse 28% 38% at 94% 28%,#9fdcff 0%,transparent 70%),
  radial-gradient(ellipse 30% 30% at 7% 88%,#cfeeff 0%,transparent 70%),
  radial-gradient(ellipse 30% 30% at 93% 90%,#cfeeff 0%,transparent 70%),
  linear-gradient(180deg,#1f78cf 0%,#2f8fe0 40%,#56aeee 72%,#a9dcfa 100%)!important}
.room-backdrop.ice-bands:after{opacity:.22}
.room-backdrop.ice-bands{background:url('assets/ice-bands.jpg?v=2') center/auto 100% repeat-x!important}
.room-backdrop.ice-bands:after{display:none}
.room-backdrop.ice-bands:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 45%,transparent 40%,#0b2a4a40 100%)}
.room-backdrop.ice-bands{background:url('assets/ice-wall-left.jpg?v=3') left center/auto 100% no-repeat,url('assets/ice-wall-right.jpg?v=3') right center/auto 100% no-repeat,#2f86d0!important}
.room-backdrop.ice-bands:before{background:radial-gradient(ellipse 70% 80% at 50% 45%,transparent 50%,#06203955 100%)}
.room-art{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 1.2%,#000 3.5%,#000 96.5%,rgba(0,0,0,.6) 98.8%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 1.2%,#000 3.5%,#000 96.5%,rgba(0,0,0,.6) 98.8%,transparent 100%)!important}
.expanded .room-art{-webkit-mask-image:none!important;mask-image:none!important}



/* === Mobile : site en plein écran dans un cadre glace === */
@media (max-width:700px) and (orientation:portrait){
 .room-art,.room-backdrop{display:none!important}
 .room-scene{position:static!important;transform:none!important}
 body{background:linear-gradient(180deg,#0b2a4a,#1d5a92)!important}
 .monitor-view,.expanded .monitor-view{position:fixed!important;inset:max(8px,env(safe-area-inset-top)) 8px calc(74px + env(safe-area-inset-bottom)) 8px!important;width:auto!important;height:auto!important;transform:none!important;
  border:7px solid transparent!important;border-radius:20px!important;overflow:hidden!important;
  background:linear-gradient(#a8dcff,#a8dcff) padding-box,linear-gradient(145deg,#fff,#bfe6ff 40%,#6fb5e6 70%,#e8f7ff) border-box!important;
  box-shadow:0 0 0 2px #5fa9dc,0 0 30px #6fc4ff77!important}
 .monitor-view:before,.monitor-view:after{display:none!important}
 .monitor-view iframe{border-radius:13px}
 .desk-controls{left:8px!important;right:8px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;flex-direction:row!important;gap:6px!important}
 .desk-hint,#expandScreen{display:none!important}
 .desk-actions{display:flex!important;flex-direction:row!important;gap:6px!important;width:100%}
 .desk-controls :is(button,.desk-dex-link){flex:1;justify-content:center!important;gap:6px!important;padding:14px 6px 10px!important;font-size:10px!important;min-width:0;white-space:nowrap}
 .desk-controls :is(button,.desk-dex-link)>span:last-child{font-size:15px!important}
 .desk-controls :is(button,.desk-dex-link):after{display:none}
}

/* === Neige dans la fenêtre de Pengu === */
.window-snow{position:absolute;left:3.8%;top:4%;width:17.2%;height:37.5%;z-index:1;pointer-events:none;overflow:hidden;
 border-radius:50% 50% 0 0/28% 28% 0 0;
 background-image:radial-gradient(circle,#fff 0 1.6px,transparent 2.2px),radial-gradient(circle,#ffffffd0 0 1.1px,transparent 1.7px),radial-gradient(circle,#fff 0 2.3px,transparent 3px);
 background-size:26px 30px,18px 22px,44px 52px;background-position:0 0,9px 6px,20px 14px;
 animation:win-snow 4s linear infinite;opacity:.85;
 -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
@keyframes win-snow{to{background-position:6px 30px,3px 22px,32px 52px}}
.expanded .window-snow{display:none}
@media(prefers-reduced-motion:reduce){.window-snow{animation:none}}
.window-snow{background-size:46px 54px,34px 40px,70px 80px!important;opacity:.75!important}
.desk-controls .desk-x-link{text-decoration:none}
.desk-controls :is(button,.desk-dex-link,.desk-x-link){cursor:pointer;display:flex;align-items:center;gap:14px}
.desk-controls .desk-x-link{position:relative;overflow:visible;border-radius:16px;border:2px solid #9fd3f5;padding:15px 17px 13px;font:700 11px 'Courier New',monospace;color:#fff;
 background:linear-gradient(180deg,#2a78bd 0%,#15508a 50%,#0b2a4a 100%);box-shadow:inset 0 2px 0 #ffffff40,0 5px 0 #06203a,0 10px 22px #06203966,0 0 16px #6fc4ff55;transition:transform .2s}
.desk-controls .desk-x-link:before{content:'';position:absolute;left:12px;right:12px;top:-9px;height:16px;background:url('assets/btn-snowcap.svg?v=2') top/100% 100% no-repeat;pointer-events:none}
.desk-controls .desk-x-link:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #ffffff55,0 7px 0 #06203a,0 0 26px #6fc4ffaa}
@media (max-width:700px) and (orientation:portrait){.desk-controls .desk-x-link{flex:1;justify-content:center;gap:6px;padding:14px 6px 10px;font-size:10px;min-width:0}.desk-controls .desk-x-link span{display:none}}
/* bouton X comme en bas de page */
.desk-controls .desk-x-link{gap:12px!important;padding:14px 18px 12px!important;border-radius:999px!important;border:2px solid #fff!important;color:#0b2a4a!important;
 font:800 14px/1 'DM Sans',Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
 background:linear-gradient(180deg,#ffffff,#bfe6ff)!important;box-shadow:inset 0 3px 0 #fff,inset 0 -5px 10px #5fa9dc55,0 0 0 1px #6fb5e6,0 5px 0 #3f86c2,0 0 22px #9fe0ff88!important}
.desk-controls .desk-x-link .dx-arrow{margin-left:6px}
.desk-controls .desk-x-link:hover{background:linear-gradient(180deg,#fff,#d9f1ff)!important;box-shadow:inset 0 3px 0 #fff,0 0 0 1px #5fb8ff,0 7px 0 #3f86c2,0 0 28px #9fe0ffbb!important}
@media (max-width:700px) and (orientation:portrait){.desk-controls .desk-x-link span,.desk-controls .desk-x-link .dx-arrow{display:none}.desk-controls .desk-x-link{padding:14px 6px 10px!important}}
.desk-controls .desk-x-link{padding:13px 16px 12px!important;min-width:54px;justify-content:center}
.desk-controls .desk-x-link .dx-logo{width:20px;height:20px}

/* iOS: empêche l iframe de s agrandir au contenu */
#siteFrame{width:1px;min-width:100%;*width:100%}
@media (max-width:700px) and (orientation:portrait){.desk-controls .desk-x-link{flex:0 0 58px!important;min-width:0!important;padding:12px 0 10px!important;border-radius:16px!important}.desk-controls :is(button,.desk-dex-link){font-size:10px!important}}