.language-switch{display:inline-flex;flex:none;align-items:center;gap:2px;padding:3px;border:1px solid currentColor;border-radius:2px;font:14px/1 "Share Tech Mono",monospace;letter-spacing:.03em;white-space:nowrap;color:inherit}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:38px;padding:8px;color:inherit;text-decoration:none!important}
.language-switch a[aria-current="true"]{background:var(--red,#e3211b);color:#fff}
.language-switch a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.language-switch a:hover{background:rgba(127,127,127,.18)}
.language-switch a[aria-current="true"]:hover{background:var(--red,#e3211b)}
.language-embedded .language-switch{display:none}
.shop-header,.app-shell-head,.lab-header,.policy-head{gap:12px}
.shop-header .language-switch,.app-shell-head .language-switch,.lab-header .language-switch,.policy-head .language-switch{margin-left:auto}
.language-bar{display:flex;justify-content:flex-end;padding:12px 20px;background:transparent;position:relative;z-index:20}
html[lang="fr"] .hero h1{font-size:clamp(64px,8vw,126px)}
html[lang="fr"] .button,html[lang="fr"] .cart{white-space:normal}
html[lang="fr"] .app-panel-foot{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
html[lang="fr"] .app-panel-foot button{white-space:normal;line-height:1.3;min-height:48px}
html[lang="fr"] .context-copy{overflow-wrap:break-word}
html[lang="fr"] .play-button b{white-space:normal}
html[lang="fr"] .pedal-screen-slot::before{content:"CHOISIR L’IMAGE"!important}
html[lang="fr"] .hotspot-accent::after{content:"COULEUR"!important}
@media(max-width:700px){
 .language-switch{font-size:14px}.language-switch a{min-height:38px;min-width:34px;padding:6px}
 .shop-header,.lab-header,.app-shell-head,.policy-head{flex-wrap:wrap}
 .shop-kicker{display:none}
 .language-bar{padding:8px 12px}
 html[lang="fr"] .hero h1{font-size:clamp(54px,14vw,96px)}
 html[lang="fr"] .button-row .button{font-size:14px;line-height:1.3}
 html[lang="fr"] .headline{font-size:clamp(28px,7.5vw,48px);line-height:1.12}
 html[lang="fr"] .hybrid-statement{overflow-wrap:break-word}
 html[lang="fr"] .hybrid-offer{flex-wrap:wrap;gap:16px}
 html[lang="fr"] .lab-intro h1{font-size:clamp(42px,11vw,76px)}
 html[lang="fr"] .app-panel-head{gap:8px}
 html[lang="fr"] .device-state{white-space:normal}
 html[lang="fr"] .instrument-name{font-size:14px;letter-spacing:0}
 html[lang="fr"] .reaction strong{font-size:14px}
 html[lang="fr"] .reaction i{font-size:11px}
 html[lang="fr"] .audio-actions button{font-size:13px!important;letter-spacing:0!important}
 html[lang="fr"] .app-panel-foot button{font-size:13px!important;letter-spacing:0!important}
 html[lang="fr"] .transfer-card h2{font-size:clamp(28px,7.5vw,44px)}
}

/* Language selection belongs in the footer; the main header uses styles.css. */
.footer-language{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:14px;padding-top:16px;border-top:1px solid rgba(243,234,219,.25);font:14px/1.4 "Share Tech Mono",monospace}
.footer-language .language-switch{margin:0}
@media(min-width:1321px){
 html[lang="fr"] .site-header .nav{font-size:18px;gap:16px}
 html[lang="fr"] .site-header .cart{font-size:15px}
}
.shop-header{grid-template-columns:180px minmax(0,1fr) auto auto;height:auto;min-height:88px;align-items:center}
.shop-header .shop-nav{grid-column:3;grid-row:1}
.shop-header .language-switch{grid-column:4;grid-row:1;margin-right:16px}
.app-shell-head{grid-template-columns:minmax(0,1fr) auto auto!important}
.app-shell-head>.app-brand{grid-column:1;grid-row:1}
.app-shell-head>.back-site{grid-column:2;grid-row:1}
.app-shell-head>.language-switch{grid-column:3;grid-row:1;margin:0}
body:has(>.language-bar)>.language-bar{position:absolute;top:8px;right:8px;padding:0;z-index:30}
body:has(>.page)>.page{padding-top:60px}
body:has(#arcade-cabinet)>.language-bar{top:0;right:0;height:30px;background:var(--cream)}
body:has(#arcade-cabinet) .language-switch{padding:0;border:0;height:30px}
body:has(#arcade-cabinet) .language-switch a{min-height:30px;padding:4px 8px}
html[lang="fr"] .specs-title h2{font-size:clamp(30px,4vw,62px);overflow-wrap:anywhere;line-height:1}
html[lang="fr"] .transfer-site-head h2{font-size:clamp(34px,5vw,76px);overflow-wrap:anywhere;line-height:.95}
html[lang="fr"] .circuit h2{font-size:clamp(42px,5vw,78px);line-height:.95}
html[lang="fr"] .contact-intro h2{font-size:clamp(48px,6.8vw,100px);line-height:.9}
html[lang="fr"] .sound-lab-copy h2{font-size:clamp(42px,5.5vw,88px);line-height:.95}
html[lang="fr"] .app-copy h2{font-size:clamp(48px,6vw,94px);line-height:.95}
html[lang="fr"] .headline{font-size:clamp(30px,5.8vw,88px);white-space:normal;max-width:100%;overflow-wrap:normal}
html[lang="fr"] .composition{min-width:0;width:100%;max-width:100%}
html[lang="fr"] .era-copy h2{font-size:clamp(28px,3vw,42px);line-height:.95}
html[lang="fr"] .newsletter-copy h2{font-size:clamp(44px,6vw,84px);line-height:.95}
html[lang="fr"] .contact-intro h2{font-size:clamp(44px,5.2vw,80px);line-height:.95}
html[lang="fr"] .buy-copy h2{font-size:clamp(42px,4.8vw,72px);line-height:.95}
html[lang="fr"] .instrument-name{font-size:clamp(12px,1.3vw,20px);letter-spacing:0}
.buy-copy,.newsletter-copy,.newsletter-form,.policy-block>div,.hero-copy,.contact-intro{min-width:0}
.policy-block h2{overflow-wrap:anywhere;line-height:1.1}
.panel-head{flex-wrap:wrap}
.panel{min-width:0;max-width:100%}
#game-frame:has(#title-screen:not([style*="display: none"])) #control-cluster{top:12px}
@media(max-width:700px){
 .footer-language{justify-content:space-between}
 .shop-header{grid-template-columns:minmax(0,1fr) auto!important;min-height:74px}
 .shop-header .shop-nav{grid-column:1;grid-row:2;justify-self:start;min-height:42px}
 .shop-header .shop-nav a,.shop-header .shop-nav a:first-child{display:flex!important;min-height:42px;padding:0 14px;font-size:14px}
 .shop-header .language-switch{grid-column:2;grid-row:1;margin-right:12px}
 .shop-header .shop-brand{grid-column:1;grid-row:1}
 .shop-header .shop-kicker{display:none}
 .app-shell-head{height:auto!important;min-height:60px!important;padding:8px 12px!important;gap:6px!important;grid-template-columns:minmax(0,1fr) auto!important}
 .app-shell-head>.language-switch{grid-column:2;grid-row:1}
 .app-shell-head>.back-site{grid-column:1/-1;grid-row:2;justify-self:start}
 .app-shell-head .app-brand em{line-height:1.35!important;letter-spacing:.03em!important;font-size:9px!important}
 html[lang="fr"] .app-panel{height:470px!important;min-height:470px!important}
 html[lang="fr"] .context-view[data-view="home"] .quick-action span{font-size:11px!important}
 html[lang="fr"] .headline{font-size:clamp(28px,7.2vw,48px)}
 html[lang="fr"] #title-screen,html[lang="fr"] #game-over-screen{padding:24px 20px;overflow-y:auto}
 html[lang="fr"] #title-screen p{font-size:12px;line-height:1.5;max-width:100%}
 html[lang="fr"] #hologram-overlay h1{font-size:clamp(24px,7vw,42px);line-height:1.1}
 html[lang="fr"] #hologram-overlay .access-note{font-size:11px}
 .lab-header{flex-wrap:wrap;gap:10px}
 .lab-header .language-switch{margin-left:auto}
 .policy-head{display:flex;flex-wrap:wrap;padding:16px;gap:12px}
 .policy-head>span{flex-basis:100%;order:3;font-size:12px}
 html[lang="fr"] .policy-hero h1{font-size:clamp(38px,10vw,66px);line-height:1}
 .policy-block{grid-template-columns:28px minmax(0,1fr);gap:14px}
 .policy-mail{overflow-wrap:anywhere}
 html[lang="fr"] .selected-mark{font-size:7px;letter-spacing:0}
 html[lang="fr"] .instrument-name{font-size:clamp(11px,3.3vw,16px)}
 .newsletter-section{grid-template-columns:minmax(0,1fr)}
 .newsletter-input-row{min-width:0}
 .newsletter-input-row input{min-width:0}
 .buy{grid-template-columns:minmax(0,1fr)}
 body>footer{min-width:0;grid-template-columns:minmax(0,1fr)}
 .footer-links{min-width:0;flex-wrap:wrap}
 .footer-social{flex-wrap:wrap;gap:16px}
 html[lang="fr"] .panel h1{font-size:clamp(36px,10vw,60px);line-height:1}
 .panel .return{font-size:16px;padding:12px;overflow-wrap:anywhere}
}