/* 右下の日英の切り替え（/assets/lang.js）。ふだんは地球のアイコンだけの小さな丸。
   ・初めて開いたときだけ（言語をまだ選んでいない人）：アイコンの隣に今の言語（JA）を出し、少しして文字を畳んでアイコンだけにする（.intro）
   ・マウスを載せる（タッチはアイコンを押す .open）と「JA | EN」が開き、押した言語のページへ移る。選んだ言語は Cookie（lang）に残す
   重ね（作品・募集要項・事業の詳細、z-index 40 以上）の下に隠れる */
.lang-sw{position:fixed;right:16px;bottom:16px;z-index:32;display:flex;align-items:center;height:34px;border-radius:999px;
  font:500 11px/1 "Geist Mono",ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:rgba(241,238,232,.5);
  background:rgba(22,19,17,.42);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 1px 1px 1px -1px rgba(255,255,255,.5),0 10px 28px -12px rgba(0,0,0,.55);
  transition:background-color .3s;-webkit-tap-highlight-color:transparent}
.lang-g{display:flex;align-items:center;height:34px;padding:0 10px;margin:0;border:0;background:none;color:#f3f0ea;font:inherit;letter-spacing:inherit;cursor:pointer;border-radius:999px}
.lang-g svg{width:14px;height:14px;flex:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lang-g:focus-visible,.lang-o a:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* 今の言語（トップを開いたときだけ見せ、畳む） */
.lang-cur{display:inline-block;max-width:0;margin-left:0;overflow:hidden;white-space:nowrap;opacity:0;color:#f6f3ee;filter:blur(3px);
  transition:max-width .7s cubic-bezier(.6,0,.2,1),margin .7s cubic-bezier(.6,0,.2,1),opacity .45s ease,filter .5s ease,letter-spacing .7s cubic-bezier(.6,0,.2,1)}
.lang-sw.intro .lang-cur{max-width:3em;margin-left:8px;opacity:1;filter:none;letter-spacing:.08em}
.lang-sw:not(.intro) .lang-cur{letter-spacing:-.5em}
/* 開いたとき：JA | EN */
.lang-o{display:flex;align-items:center;gap:8px;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;
  transition:max-width .5s cubic-bezier(.2,.7,.2,1),opacity .3s ease,padding .5s cubic-bezier(.2,.7,.2,1)}
.lang-o a{color:inherit;text-decoration:none;padding:6px 2px;transition:color .2s}
.lang-o a:hover{color:#fff}
.lang-o a.on{color:#f6f3ee}
.lang-o i{width:1px;height:10px;background:rgba(255,255,255,.26)}
.lang-sw.open .lang-o,.lang-sw:has(:focus-visible) .lang-o{max-width:8em;opacity:1;padding-right:13px}
.lang-sw.open .lang-cur,.lang-sw:has(:focus-visible) .lang-cur{max-width:0;margin-left:0;opacity:0}
.lang-sw.open,.lang-sw:has(:focus-visible){background:rgba(44,40,36,.62)}
.lang-sw.open .lang-g svg,.lang-sw:has(:focus-visible) .lang-g svg{transform:rotate(-24deg)}
@media (hover:hover) and (pointer:fine){
  .lang-sw:hover .lang-o{max-width:8em;opacity:1;padding-right:13px}
  .lang-sw:hover .lang-cur{max-width:0;margin-left:0;opacity:0}
  .lang-sw:hover{background:rgba(44,40,36,.62)}
  .lang-sw:hover .lang-g svg{transform:rotate(-24deg)}
}
@media (max-width:760px){.lang-sw{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.lang-cur,.lang-o,.lang-g svg{transition:none}}
@media print{.lang-sw{display:none}}
/* 作品ページ（単独）：カバーの右下のコピーライトを、切り替えの左へ */
body.work .wk-copy{right:max(var(--gut),68px)}
@media (max-width:760px){body.work .wk-copy{right:max(var(--gut),56px)}}