.lang-toggle{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03);margin-left:.35rem;flex:0 0 auto}
.lang-option{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;border-radius:999px;text-decoration:none;color:rgba(246,243,238,.72);font-size:.78rem;line-height:1;font-weight:700;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}
.lang-option .flag{position:relative;display:inline-block;width:16px;height:11px;flex:0 0 auto;font-size:0;line-height:0;vertical-align:middle;overflow:hidden;border-radius:2px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(0,0,0,.16) inset}
.lang-option .flag::before{content:"";position:absolute;inset:0;display:block;border-radius:inherit;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.lang-option[lang="en"] .flag::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Crect width='16' height='11' fill='%23001269'/%3E%3Cpath d='M0 0L6.2 4.2L4.9 5.9L0 2.5V0ZM16 0V2.5L11.1 5.9L9.8 4.2L16 0ZM16 11L9.8 6.8L11.1 5.1L16 8.5V11ZM0 11V8.5L4.9 5.1L6.2 6.8L0 11Z' fill='%23fff'/%3E%3Cpath d='M0 1.2L5.7 5L4.5 6.5L0 3.4V1.2ZM16 1.2V3.4L11.5 6.5L10.3 5L16 1.2ZM16 9.8L10.3 7L11.5 5.5L16 8.6V9.8ZM0 9.8V8.6L4.5 5.5L5.7 7L0 9.8Z' fill='%23c8102e'/%3E%3Cpath d='M6.2 0H9.8V11H6.2z' fill='%23fff'/%3E%3Cpath d='M0 3.4H16V7.6H0z' fill='%23fff'/%3E%3Cpath d='M6.9 0H9.1V11H6.9z' fill='%23c8102e'/%3E%3Cpath d='M0 4.05H16V6.95H0z' fill='%23c8102e'/%3E%3C/svg%3E")}
.lang-option[lang="ja"] .flag::before,.lang-option.disabled .flag::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Crect width='16' height='11' fill='%23fff'/%3E%3Ccircle cx='8' cy='5.5' r='2.7' fill='%23bc002d'/%3E%3C/svg%3E")}
.lang-option.active{background:linear-gradient(135deg,#c8a96e,#e3c58c);color:#140f08;box-shadow:0 10px 24px rgba(200,169,110,.18)}
.lang-option:not(.active):hover{color:#fff;background:rgba(255,255,255,.05)}
.lang-option.disabled{opacity:.42;cursor:help;pointer-events:none;background:rgba(255,255,255,.02);box-shadow:none}
.lang-option.disabled:hover{color:rgba(246,243,238,.72);background:rgba(255,255,255,.02)}
@media (min-width:769px){nav,#site-nav,.nav{flex-wrap:nowrap;align-items:center}}