.game-intro{position:fixed;inset:0;z-index:10000;background:#283d50 url('ASSESST/北歐魔界小鎮-白天.png') center/cover;display:flex;justify-content:center;text-align:center;color:white;overflow:hidden}.game-intro[hidden]{display:none}.intro-copy{position:relative;z-index:3;margin-top:5vh;padding:20px;width:min(95%,650px);height:max-content;background:#203747d9;border-radius:24px}.intro-copy h1{font-size:clamp(28px,5vw,56px)}.intro-copy p{font-size:20px;line-height:1.6}.intro-copy button{margin:5px}.intro-doudou{position:absolute;height:26vh;bottom:5%;left:25%}.intro-helper{position:absolute;width:125px;bottom:25%;right:24%;border-radius:50%;animation:qingFly 3s ease-in-out infinite}.scene{background:#314451 url('ASSESST/北歐魔界小鎮-白天.png') center/cover}.scene .window,.scene .poster,.scene-floor{display:none}.scene-label{color:white}.scene-label span{color:#29463d}.cast figcaption{background:#fffe;border-radius:12px;padding:4px}.qing-help{position:fixed;right:12px;bottom:14px;z-index:40;width:100px;padding:5px;background:#fffef3;border:2px solid #63a79a;border-radius:22px;animation:qingFly 3s ease-in-out infinite;font-size:14px}.qing-help img{width:75px;height:65px;object-fit:cover;object-position:center}.qing-dialog{max-width:440px;width:90vw}.qing-dialog p{font-size:19px;line-height:1.8}@keyframes qingFly{50%{transform:translateY(-12px) rotate(3deg)}}@media(max-width:600px){.intro-copy{margin-top:3vh}.intro-helper{right:12%;bottom:22%;width:95px}.intro-doudou{left:15%;height:23vh}.qing-help{width:82px}.qing-help img{width:60px;height:50px}}@media(prefers-reduced-motion:reduce){.intro-helper,.qing-help{animation:none}}
.qing-help{animation:none;background:transparent;border-color:transparent;box-shadow:none}.qing-help:hover{background:transparent}.qing-help img{animation:qingFly 3s ease-in-out infinite;object-fit:contain}@media(prefers-reduced-motion:reduce){.qing-help img{animation:none}}

.intro-copy{background:#fff9e9eb;color:#29463d}.scene-label{color:#29463d;background:#fff9e9df;border-radius:8px;padding:6px}
