/* 作成：セレナ（ChatGPT）／2026-09-22 */
@font-face{font-family:"Hime Handwritten";src:url("assets/2026-09-24_fonts/ZenKurenaido-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hime Rounded";src:url("assets/2026-09-22_fonts/ZenMaruGothic-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
:root{--hime-hand:"Hime Handwritten","Hiragino Maru Gothic ProN",sans-serif;--hime-round:"Hime Rounded","Hiragino Maru Gothic ProN",sans-serif}
.header .brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--hime-hand);font-weight:400;font-size:29px;letter-spacing:0;flex-shrink:0}
.brand-name{white-space:nowrap}
.brand-official{font-size:.68em;margin-left:3px}
.header .brand-spark,.header .brand-spark.end{display:inline-block;color:#f9d17f;font-family:serif;font-size:.66em;margin:0;line-height:1;transform:none}
.header nav a,.header .menu-toggle{font-family:var(--hime-round);font-weight:500}
.night-copy h1,.night-copy>p{font-family:var(--hime-hand);font-weight:400;-webkit-text-stroke:0}
.night-spot,.mobile-world-name{font-family:var(--hime-round);font-weight:500}
@media(min-width:901px) and (max-width:1200px){.header{gap:15px;padding-left:3%;padding-right:3%}.header .brand{font-size:25px;gap:6px}.header nav{gap:15px}.header nav a{font-size:12px}}
@media(max-width:600px){.header{gap:8px;padding-left:4%;padding-right:4%}.header .brand{font-size:clamp(19px,5.3vw,25px);gap:5px}.header .menu-toggle{padding:10px 0;gap:5px;font-size:11px}.header .menu-toggle span{font-size:19px}}

/* 更新：セレナ（ChatGPT）／2026-09-24 — 三日月と星のマーク */
.header .brand-moon-star{width:1.1em;height:1.21em;flex-shrink:0;object-fit:contain}

/* 更新：セレナ（ChatGPT）／2026-09-24 — 比較画像の太さと丸みへ寄せてYusei Magicに変更 */

/* 更新：セレナ（ChatGPT）／2026-09-24 — 角の丸いZen Kurenaidoを選び、細い線を補強 */
.header .brand-name{-webkit-text-stroke:.65px currentColor;paint-order:stroke fill}
.night-copy h1{-webkit-text-stroke:.032em currentColor;paint-order:stroke fill}
.night-copy>p{-webkit-text-stroke:.025em currentColor;paint-order:stroke fill;letter-spacing:.08em}

/* 更新：セレナ（ChatGPT）／2026-09-24 — ②やわらか手書きの文字画像 */
.brand-name-art{display:block;width:8.3em;aspect-ratio:2080/258;background:#fff6df;mask-image:url("assets/2026-09-24_soft-handwritten-name.png");mask-mode:luminance;mask-repeat:no-repeat;mask-size:104.1827% 281.3953%;mask-position:55.1724% 47.0085%}
.night-copy-art{display:block;width:min(45vw,760px);aspect-ratio:1973/456;background:#fff6df;mask-image:url("assets/2026-09-24_soft-handwritten-heading.png");mask-mode:luminance;mask-repeat:no-repeat;mask-size:103.8013% 168.4211%;mask-position:53.3333% 59.2949%;filter:drop-shadow(0 2px 3px #012e3e66)}
@media(max-width:600px){.night-copy-art{width:90%;margin:0 auto}}

/* 更新：セレナ（ChatGPT）／2026-09-24 — ②に合わせ、全画面の文字の比率と月との間隔を調整 */
@media(min-width:901px){.night-copy{left:4%;top:13%}.night-copy-art{width:min(34vw,680px)}}

/* 更新：セレナ（ChatGPT）／2026-09-24 — 景色を主役に、問いと看板を控えめに */
.night-picture{position:absolute;inset:0;display:block}
.night-copy-art{background:#f4ecd6;filter:drop-shadow(0 1px 2px #012e3e44)}
.night-spot{font-size:clamp(14px,1.25vw,20px);padding:7px 13px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;letter-spacing:.035em;box-shadow:0 2px 0 #38251e,0 3px 8px #0004}
@media(min-width:901px){.night-copy{left:5%;top:15%}.night-copy-art{width:min(25vw,420px)}}
@media(min-width:701px) and (max-width:900px){.night-copy{top:12%}.night-copy-art{width:28vw}}
@media(max-width:700px){
 .night-world{aspect-ratio:2/3;height:auto;min-height:0;max-height:none;overflow:hidden}
 .night-image{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .night-world:before{display:none}
 .night-copy{left:6%;right:auto;top:10%;text-align:left}
 .night-copy-art{width:min(50vw,250px);margin:0}
 .mobile-world-name{display:none}
 .night-spot{font-size:clamp(12px,3.2vw,17px);padding:6px 9px;min-height:44px;line-height:1.4;max-width:43%;transform:translate(-50%,-50%);background:linear-gradient(175deg,#80563c,#603e28);border-color:#a68365}
 .video-spot{left:25%;right:auto;top:44.8%}
 .gather-spot{left:68%;right:auto;top:55%}
 .question-spot{left:26%;right:auto;top:78.5%}
 .talk-spot{left:71%;right:auto;top:85%}
 .night-spot:hover{transform:translate(-50%,-50%);filter:brightness(1.12)}
 .pixel-arrow{display:none}
 .fireflies i:nth-child(1){left:50%;top:66%}
 .fireflies i:nth-child(2){left:38%;top:43%}
 .fireflies i:nth-child(3){left:82%;top:63%}
 .fireflies i:nth-child(4){left:20%;top:77%}
 .home footer{padding:16px 5%;gap:8px 16px}
 .home footer>span{display:none}
}

/* 更新：セレナ（ChatGPT）／2026-09-24 — 大きな画面の文字を景色の木札に合わせる */
@media(min-width:901px){
 .night-spot{background:transparent;border-color:transparent;box-shadow:none;transform:translate(-50%,-50%) rotate(var(--board-angle,0deg));text-shadow:0 1px 3px #311c17}
 .night-spot:hover{transform:translate(-50%,-50%) rotate(var(--board-angle,0deg));filter:brightness(1.16)}
 .video-spot{left:64.5%;top:18.8%;--board-angle:-2deg}
 .gather-spot{left:64.8%;top:49.5%;--board-angle:4deg}
 .question-spot{left:21.2%;top:65%;--board-angle:-7deg}
 .talk-spot{left:89.4%;right:auto;top:62%;--board-angle:5deg}
}

/* 更新：セレナ（ChatGPT）／2026-09-25 — スマホ看板の読みやすさを試行 */
@media(max-width:700px){
 .night-spot{background:linear-gradient(175deg,#fff3d7,#ead5b0);color:#174e50;border:3px solid #65432e;border-radius:9px;font-size:clamp(17px,4.6vw,20px);font-weight:700;letter-spacing:0;line-height:1.4;padding:9px 10px;min-height:48px;max-width:48%;text-shadow:none;box-shadow:0 3px 0 #432c22,0 0 0 1px #edc995,0 3px 10px #0005}
 .night-spot>span[aria-hidden="true"]{display:none}
 .night-spot:focus-visible{outline:3px solid #fff6df;outline-offset:4px}
}

/* 更新：セレナ（ChatGPT）／2026-09-26 — 開いたメニューを読みやすく、2列の余白を調整 */
@media(max-width:900px){
 .header nav{padding:14px 4%;gap:4px 12px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 66px);overflow-y:auto}
 .header nav a{font-size:clamp(17px,4.6vw,18px);font-weight:700;line-height:1.5;letter-spacing:0;padding:12px 6px;min-height:48px;display:flex;align-items:center}
}

/* 更新：セレナ（ChatGPT）／2026-09-26 — 看板を案内するちびひめ */
.detour-hime{position:absolute;left:calc(100% + 8px);bottom:-8px;width:clamp(64px,6vw,100px);height:auto;max-width:none;filter:drop-shadow(0 3px 3px #052a3b66);transform:rotate(7deg)}
@media(max-width:700px){.detour-hime{left:calc(100% + 5px);bottom:-5px;width:clamp(48px,15vw,68px);transform:none}}