@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .16s ease both}
::view-transition-new(root){animation:page-in .24s ease both}
@keyframes page-out{to{opacity:0;transform:translateY(-7px)}}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.languagePicker{position:relative;display:inline-flex;z-index:30;flex:none}
.languageTrigger{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:36px!important;padding:5px 8px!important;border:2px solid #563a24!important;border-radius:5px!important;background:#fff4de!important;color:#3d291b!important;font-size:11px!important;font-weight:900!important;box-shadow:0 3px 0 #563a24!important;white-space:nowrap}
.languageTrigger img,.languageOption img{width:21px;height:16px;object-fit:cover;border:1px solid #7b6b54}
.languageMenu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:172px;padding:6px;border:2px solid #583d2a;background:#fffaf0;box-shadow:0 7px 0 #6c4d31,0 15px 30px #27160945}
.languageMenu[hidden]{display:none}
.languageOption{display:flex!important;align-items:center;justify-content:flex-start!important;gap:9px;width:100%;padding:8px!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#3a281d!important;box-shadow:none!important;text-align:left;font-size:11px!important;font-weight:800!important}
.languageOption:hover,.languageOption[aria-current=true]{background:#f7dfac!important}
.gameHud .languageTrigger{min-height:38px!important;background:#24140ac9!important;color:#f2d39b!important;border:1px solid #f5d7a752!important;box-shadow:0 2px 12px #170b0580!important}
@media(max-width:600px){.languageTrigger{min-height:32px!important;padding:4px 6px!important}.languageTrigger img{width:17px;height:13px}.languageMenu{width:148px}.languageOption{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}

body{animation:page-in .22s ease both}
html.pageLeaving body{opacity:0;transform:translateY(-7px);transition:opacity .14s ease,transform .14s ease}
@media(prefers-reduced-motion:reduce){body{animation:none!important}html.pageLeaving body{transition:none!important}}