#hqmap{--navy:#14213d;--y:#FFD23F;margin:0 0 34px;font-family:"DotGothic16","Noto Sans JP",sans-serif;color:#fff;line-height:1.55;position:relative;clear:both}
#hqmap *,#hqmap *::before,#hqmap *::after{box-sizing:border-box}
#hqmap p{margin:0;padding:0}
#hqmap a{text-decoration:none!important;box-shadow:none}
#hqmap .hqmap-frame{position:relative;background:var(--navy);padding:6px;box-shadow:0 0 0 4px #fff,0 0 0 8px var(--navy),10px 12px 0 8px rgba(20,33,61,.28);margin:8px}
#hqmap .hqmap-scene{position:relative;overflow:hidden;background:#2E8FE8}
#hqmap .hqmap-inner{position:relative;width:100%;aspect-ratio:320/102}
#hqmap .hqmap-bg{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;image-rendering:pixelated;image-rendering:crisp-edges;display:block;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#hqmap .hqmap-cloud{position:absolute;image-rendering:pixelated;height:auto!important;max-width:none!important;margin:0!important;box-shadow:none!important;pointer-events:none;animation:hqmapCloud 70s linear infinite}
#hqmap .hqmap-cloud--1{width:6.25%!important;top:4%;animation-delay:-10s}
#hqmap .hqmap-cloud--2{width:4.4%!important;top:14%;animation-duration:95s;animation-delay:-55s}
#hqmap .hqmap-cloud--3{width:8.5%!important;top:1%;animation-duration:120s;animation-delay:-80s}
@keyframes hqmapCloud{from{left:102%}to{left:-12%}}
#hqmap .hqmap-glow{position:absolute;width:5%;aspect-ratio:1;transform:translate(-50%,-30%);background:radial-gradient(circle,rgba(255,236,140,.75) 0,rgba(255,236,140,.25) 40%,transparent 70%);animation:hqmapGlow 2.4s ease-in-out infinite;pointer-events:none}
@keyframes hqmapGlow{50%{opacity:.35}}
#hqmap .hqmap-blink{position:absolute;width:.625%;aspect-ratio:1;transform:translate(-50%,-50%);background:#FFD23F;box-shadow:0 0 10px 3px rgba(255,210,63,.9);animation:hqmapBlink 1s steps(1) infinite;pointer-events:none}
#hqmap .hqmap-blink--r{background:#FF4D4D;box-shadow:0 0 10px 3px rgba(255,77,77,.9);animation-duration:1.4s}
#hqmap .hqmap-blink--y{animation-duration:.8s;width:.5%}
@keyframes hqmapBlink{50%{opacity:.15}}
#hqmap .hqmap-sparks span{position:absolute;width:.6%;aspect-ratio:1;transform:translate(-50%,-50%);background:#FFE45C;box-shadow:0 0 8px 2px rgba(255,220,60,.95);pointer-events:none}
#hqmap .hqmap-walker{position:absolute;width:3.75%;aspect-ratio:1;pointer-events:none;z-index:3}
#hqmap .hqmap-walker svg{display:block;width:100%;height:100%}
#hqmap .hqmap-say{position:absolute;left:50%;bottom:112%;transform:translateX(-30%);white-space:nowrap;background:#fff;color:var(--navy);font-size:clamp(11px,.95vw,15px);padding:3px 9px;border:3px solid var(--c,#14213d);box-shadow:3px 3px 0 rgba(20,33,61,.45);animation:hqmapPop .25s steps(3)}
#hqmap .hqmap-say::after{content:"";position:absolute;left:24%;top:100%;border:6px solid transparent;border-top-color:var(--c,#14213d)}
#hqmap .hqmap-say[hidden]{display:none}
@keyframes hqmapPop{from{transform:translateX(-30%) scale(.6)}to{transform:translateX(-30%) scale(1)}}
#hqmap .hqmap-flag{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%);animation:hqmapBob 1.6s steps(2) infinite;animation-delay:var(--dl);outline:none}
#hqmap .hqmap-flag__b{display:block;min-width:2.3em;text-align:center;background:var(--c);color:#fff;font-size:clamp(10px,.95vw,15px);line-height:1;padding:.32em .4em .28em;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy)}
#hqmap .hqmap-flag__p{display:block;width:3px;height:clamp(6px,.8vw,12px);background:var(--navy)}
#hqmap .hqmap-flag:hover,#hqmap .hqmap-flag:focus-visible{animation-play-state:paused;z-index:6}
#hqmap .hqmap-flag:hover .hqmap-flag__b,#hqmap .hqmap-flag:focus-visible .hqmap-flag__b{background:#FFD23F;color:var(--navy)}
#hqmap .hqmap-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);display:none;white-space:nowrap;background:var(--navy);color:#fff;border:3px solid #fff;box-shadow:0 0 0 3px var(--c),4px 4px 0 3px rgba(0,0,0,.35);padding:6px 12px;font-size:clamp(12px,1vw,16px);line-height:1.35;text-align:center}
#hqmap .hqmap-tip b{display:block;font-weight:400;font-size:.72em;color:#FFD23F;letter-spacing:.08em}
#hqmap .hqmap-tip i{display:block;font-style:normal;font-size:.75em;color:#b9c6e0}
#hqmap .hqmap-flag:hover .hqmap-tip,#hqmap .hqmap-flag:focus-visible .hqmap-tip{display:block}
@keyframes hqmapBob{50%{transform:translate(-50%,calc(-100% - 3px))}}
#hqmap .hqmap-win{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 30px;background:var(--navy);background-image:linear-gradient(rgba(255,255,255,.04) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.04) 2px,transparent 2px);background-size:16px 16px;padding:clamp(14px,1.5vw,24px) clamp(16px,2vw,32px);border-bottom:6px solid #fff}
#hqmap .hqmap-win__l{flex:1 1 520px;min-width:0}
#hqmap .hqmap-win__r{flex:0 1 auto}
#hqmap .hqmap-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:clamp(12px,.95vw,15px)}
#hqmap .hqmap-k__q{color:var(--y);letter-spacing:.12em}
#hqmap .hqmap-k__c{background:#C0392B;color:#fff;padding:1px 9px;border:2px solid #fff}
#hqmap .hqmap-t{font-size:clamp(26px,2.9vw,46px);line-height:1.2;margin:6px 0 8px;color:#fff;text-shadow:3px 3px 0 #0a1224;letter-spacing:.02em;font-weight:400}
#hqmap .hqmap-t em{font-style:normal;color:var(--y)}
#hqmap .hqmap-p{font-size:clamp(13px,1.05vw,16px);color:#dfe6f3;line-height:1.7}
#hqmap .hqmap-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}
#hqmap .hqmap-stats{display:flex;gap:6px}
#hqmap .hqmap-stats span{display:flex;flex-direction:column;align-items:center;min-width:62px;background:#1f3566;border:2px solid #6f8cc7;padding:3px 8px 2px;line-height:1.1}
#hqmap .hqmap-stats i{font-style:normal;font-size:11px;color:#b9c6e0;letter-spacing:.06em}
#hqmap .hqmap-stats b{font-weight:400;font-size:clamp(18px,1.6vw,24px);color:#fff}
#hqmap .hqmap-cta{display:inline-flex;align-items:center;gap:8px;background:var(--y);color:var(--navy)!important;font-size:clamp(16px,1.35vw,21px);padding:9px 18px 8px 14px;border:3px solid var(--navy);box-shadow:0 0 0 3px #fff,5px 5px 0 3px #0a1224;transition:transform .08s}
#hqmap .hqmap-cta:hover{transform:translate(2px,2px);box-shadow:0 0 0 3px #fff,3px 3px 0 3px #0a1224;background:#ffe27a}
#hqmap .hqmap-cta__ar{animation:hqmapBlink 1s steps(1) infinite}
#hqmap .hqmap-hint{margin-top:10px;font-size:12.5px;color:#FFD23F;text-align:right}
#hqmap .hqmap-chips{display:none}
@media (prefers-reduced-motion:reduce){#hqmap *{animation:none!important}}
@media (max-width:760px){#hqmap .hqmap-win{padding:14px 12px 16px;border-bottom-width:4px}#hqmap .hqmap-hint{display:none}#hqmap .hqmap-win__l{flex-basis:100%}}
@media (max-width:760px){
#hqmap .hqmap-frame{margin:6px 4px}
#hqmap .hqmap-scene{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#hqmap .hqmap-scene::-webkit-scrollbar{display:none}
#hqmap .hqmap-inner{width:auto;height:230px;aspect-ratio:auto;width:722px}
#hqmap .hqmap-flag__b{font-size:12px}
#hqmap .hqmap-say{font-size:12px}
#hqmap .hqmap-tip{display:none!important}
#hqmap .hqmap-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 4px 4px}
#hqmap .hqmap-chip{display:inline-flex;align-items:center;gap:5px;background:var(--c);color:#fff!important;font-size:13px;padding:3px 9px 3px 4px;border:2px solid #fff;box-shadow:2px 2px 0 #0a1224;line-height:1.3}
#hqmap .hqmap-chip b{font-weight:400;background:var(--cd);font-size:11px;padding:1px 4px}
#hqmap .hqmap-stats span{min-width:54px}
}