:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--site-a: #f1fdff;--site-b: #bdefff;--site-ink: #12384f;--site-edge: rgba(36, 172, 216, .34);--site-card: rgba(255, 255, 255, .66);--sea-a: #eefbfe;--sea-b: #c6ecf8;--win: rgba(36, 40, 92, .84);--win-edge: #f4f4f8;--win-inner: rgba(8, 10, 36, .9);--win-ink: #ffffff;--win-shadow: rgba(0, 0, 0, .35);--text-shadow: rgba(0, 0, 0, .6);--orange: #ffa53a;--title-bg: rgba(6, 9, 24, .94);--win-dim: rgba(228, 230, 245, .82);--win-line: rgba(244, 244, 248, .26);--win-btn: rgba(244, 244, 248, .12);--gold: #ffd84a;--mine: #5fe08a;--win-field: rgba(0, 0, 0, .32);--mist: #f2f8fb;--route: #0a6f96;--floor-bg: #05070c;--font-game: "DotGothic16", "Hiragino Kaku Gothic ProN", "Yu Gothic", monospace}*,*:before,*:after{box-sizing:border-box}html{min-width:320px}body{margin:0;padding:0;background:linear-gradient(135deg,var(--site-a) 0%,var(--site-b) 55%,var(--site-a) 100%);min-height:100vh;color:var(--site-ink);overflow-x:hidden}.App{min-height:100vh;min-width:0}.container{width:100%;max-width:1180px;margin:0 auto;padding:14px clamp(10px,3vw,24px) 24px;min-width:0}.mq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mq-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px 12px;min-width:0}.mq-brand h1{margin:0;font-size:1.35rem;font-weight:700;line-height:1.2;color:var(--site-ink)}.mq-contact{min-height:36px;padding:8px 14px;border:1px solid rgba(0,127,168,.34);border-radius:999px;background:#ffffffb8;color:#075c78;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.78rem;font-weight:700;white-space:nowrap}.mq-contact.is-disabled,.mq-contact:disabled{cursor:not-allowed;opacity:.56}.site{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;align-items:start;padding:12px;border-radius:16px;color:var(--site-ink);background:linear-gradient(135deg,var(--site-a) 0%,var(--site-b) 55%,var(--site-a) 100%);box-shadow:0 24px 50px -32px #0a506e80;min-width:0}.mq-win{background:var(--win);color:var(--win-ink);border:2px solid var(--win-edge);border-radius:6px;box-shadow:0 0 0 1px var(--win-inner),inset 0 0 0 1px var(--win-inner),0 4px 10px var(--win-shadow);font-family:var(--font-game);text-shadow:1px 1px 0 var(--text-shadow)}button.mq-win{cursor:pointer}button.mq-win:focus-visible,.mq-panel button:focus-visible,.mq-msg:focus-visible,.mq-title button:focus-visible,.mq-title input:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.stage-col{position:relative;min-width:0}.stage{position:relative;aspect-ratio:1 / 1;max-height:min(760px,82vh);width:100%;max-width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--site-edge);background:linear-gradient(180deg,var(--sea-a),var(--sea-b));min-width:0}.stage>.map-wrapper{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overscroll-behavior:contain}.map-wrapper svg{display:block;max-width:100%}.japan-map-svg{width:100%;height:100%;cursor:grab;touch-action:none;overscroll-behavior:contain}.japan-map-svg.is-dragging{cursor:grabbing}.stage svg.is-grab{cursor:grab}.stage svg.is-dragging{cursor:grabbing}.prefecture-path{outline:none}.map-loading{position:absolute;inset:0;background:linear-gradient(180deg,var(--sea-a),var(--sea-b))}.marker-group{cursor:pointer}.mq-mine{fill:none;stroke:var(--mine);stroke-width:2.2}.marker-group:focus{outline:none}.marker-group:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.marker-pulse{transform-box:fill-box;transform-origin:center;animation:mq-pulse 2.8s ease-out infinite}@keyframes mq-pulse{0%{transform:scale(.55);opacity:.45}to{transform:scale(1.7);opacity:0}}.okinawa-inset{position:absolute;left:10px;top:10px;z-index:5;width:26%;aspect-ratio:4 / 3;border:1px solid var(--site-edge);border-radius:6px;background:var(--site-card);overflow:hidden;transition:opacity .35s}.okinawa-inset.is-hidden{opacity:0;pointer-events:none}.okinawa-inset svg{position:absolute;inset:0;width:100%;height:100%}.mapctl{position:absolute;right:10px;top:10px;z-index:6;display:grid;gap:6px}.mapctl button{font-family:var(--font-game);font-size:16px;min-width:44px;height:36px;padding:0 8px;line-height:1}.mapctl button.is-on{color:var(--gold);border-color:var(--gold)}.location-status{position:absolute;left:10px;bottom:10px;z-index:6;margin:0;padding:6px 10px;border-radius:6px;background:#ffffffdb;color:#10617f;font-size:.72rem;font-weight:700;max-width:calc(100% - 20px);pointer-events:none}.current-location{pointer-events:none}.mq-route{stroke:var(--route);stroke-width:2.6;stroke-linecap:round;opacity:.72;fill:none;pointer-events:none}.mq-car-shadow{fill:var(--site-ink);opacity:.18}.mq-still{position:absolute;left:50%;top:44%;z-index:4;width:min(62%,560px);transform:translate(-50%,-50%);padding:8px;opacity:0;transition:opacity .45s ease;pointer-events:none}.mq-still.is-on{opacity:1}.mq-still-frame{overflow:hidden;border-radius:3px;aspect-ratio:3 / 2}.mq-still img{display:block;width:100%;height:100%;object-fit:cover}.mq-still.is-on img{animation:mq-kenburns 4.5s ease-out forwards}@keyframes mq-kenburns{0%{transform:scale(1)}to{transform:scale(1.09)}}.mq-still p{margin:6px 4px 0;font-size:15px;text-align:center}.mq-floor{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--floor-bg);color:var(--win-ink);font-family:var(--font-game);opacity:0;pointer-events:none;text-align:center;padding:16px;transition:opacity .38s linear}.mq-floor.is-on{opacity:1}.mq-floor strong{font-weight:400;font-size:clamp(26px,5vw,40px);letter-spacing:.12em}.mq-floor span{font-size:clamp(15px,2.4vw,19px);letter-spacing:.06em}.mq-fog-cloud{animation:mq-drift 28s ease-in-out infinite alternate}@keyframes mq-drift{0%{transform:translate(0)}to{transform:translate(-46px,-20px)}}.mq-msg{position:relative;margin-top:8px;min-height:calc(3 * 1.65em + 20px);padding:10px 16px;font-size:15px;line-height:1.65;min-width:0}.mq-msg p{margin:0;overflow-wrap:anywhere}.mq-msg p:not(:last-child){color:var(--win-dim)}.mq-caret{position:absolute;right:14px;bottom:4px;font-size:12px;animation:mq-blink 1s steps(1) infinite}@keyframes mq-blink{50%{opacity:0}}.mq-panel{align-self:stretch;padding:12px 14px;font-size:15px;line-height:1.7;min-width:0;max-width:100%}.mq-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.mq-tabs button{flex:1 1 calc(33.33% - 4px);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;font-size:14px;color:var(--win-dim);background:transparent;border:1.5px solid var(--win-line);padding:3px 6px;cursor:pointer;border-radius:4px;text-shadow:inherit}.mq-tabs button[aria-pressed=true]{color:var(--win-ink);border-color:var(--win-edge);background:var(--win-btn)}.mq-p-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.mq-p-page{font-size:13px;color:var(--win-dim)}.mq-p-stat{margin:0 0 8px;font-size:14px}.mq-inv{list-style:none;margin:0;padding:0;border-block:1px solid var(--win-line)}.mq-inv button,.mq-back,.mq-pager button,.mq-filters button,.mq-record-row{font:inherit;color:var(--win-ink);background:transparent;border:0;cursor:pointer;border-radius:4px;text-shadow:inherit}.mq-inv button{width:100%;display:flex;align-items:center;gap:8px;padding:3px 4px;text-align:left}.mq-inv button:before{content:"▶";width:1em;flex:none;opacity:0}.mq-inv button:hover:before,.mq-inv button:focus-visible:before{opacity:1;animation:mq-blink 1s steps(1) infinite}.mq-inv button:disabled{cursor:default}.mq-inv button:disabled:before{display:none}.mq-inv svg{flex:none}.mq-eq{flex:none;width:1em;text-align:center;color:var(--orange)}.mq-w-title .mq-eq{display:inline-block;margin-right:2px}.mq-inv .mq-nm,.mq-record-row .mq-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-inv .mq-sub{margin-left:auto;flex:none;font-size:12px;color:var(--win-dim)}.mq-pager{display:flex;justify-content:space-between;margin-top:6px}.mq-pager button{padding:2px 6px}.mq-pager button:disabled{opacity:.35;cursor:default}.mq-back{padding:2px 4px;margin:-2px 0 6px -4px;font-size:14px;color:var(--win-dim)}.mq-back:hover{color:var(--win-ink)}.mq-legend{margin:10px 0 0;font-size:12px;color:var(--win-dim);display:flex;flex-wrap:wrap;gap:0 12px}.mq-cmd{list-style:none;margin:10px 0 0;padding:6px 0 0;border-top:1px solid var(--win-line);display:grid}.mq-cmd button{font:inherit;width:100%;text-align:left;color:var(--win-ink);background:transparent;border:0;padding:3px 4px 3px 22px;position:relative;cursor:pointer;text-shadow:inherit;border-radius:4px}.mq-cmd button:before{content:"▶";position:absolute;left:4px;top:3px;opacity:0}.mq-cmd button:hover:before,.mq-cmd button:focus-visible:before{opacity:1;animation:mq-blink 1s steps(1) infinite}.mq-cmd button[aria-expanded=true]{color:var(--mine)}.mq-legend span{display:inline-flex;align-items:center;gap:4px}.mq-kicker{display:block;font-size:13px;color:var(--orange);letter-spacing:.08em}.mq-w-title{font-size:21px;font-weight:400;line-height:1.35;margin:4px 0 0;text-wrap:balance;overflow-wrap:anywhere}.mq-w-sub{margin:2px 0 10px;color:var(--win-dim);font-size:13px;overflow-wrap:anywhere}.mq-w-score{display:flex;align-items:baseline;gap:6px;padding:8px 0;margin:4px 0 8px;border-block:1px solid var(--win-line)}.mq-w-score .mq-lbl{font-size:13px;color:var(--win-dim);margin-right:4px}.mq-w-score strong{font-weight:400;font-size:32px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.mq-w-score .mq-grade{margin-left:auto;font-size:17px;padding:0 8px;border:2px solid currentColor;line-height:1.45}.mq-w-score.is-dry strong{font-size:28px}.mq-rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;margin:0 0 8px}.mq-rows dt{color:var(--win-dim)}.mq-rows dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mq-w-say{margin:10px 0 0}.mq-w-note{margin:10px 0 0;font-size:13px;color:var(--win-dim);overflow-wrap:anywhere}.mq-w-score .mq-lvnote{margin-left:auto;font-size:13px;color:var(--win-dim)}.mq-gains{display:grid;gap:2px;margin-top:6px;font-size:14px}.mq-gain{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}.mq-gain .mq-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mq-gain .mq-g{color:var(--gold);font-variant-numeric:tabular-nums}.mq-photo{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}.mq-photo select,.mq-photo input[type=file]{width:100%;max-width:100%;min-width:0;font:inherit;font-size:14px;color:var(--win-ink)}.mq-photo select{background:var(--win-field);border:1.5px solid var(--win-edge);border-radius:3px;padding:3px 6px}.mq-photo select:focus-visible,.mq-photo input[type=file]:focus-visible{outline:2px solid var(--orange);outline-offset:0}.mq-sec{margin:12px 0 6px;padding-top:8px;border-top:1px solid var(--win-line);font-size:13px;color:var(--orange);letter-spacing:.06em;overflow-wrap:anywhere}.mq-w-photo{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border:2px solid var(--win-edge);border-radius:3px;margin:6px 0 4px}.mq-stars{position:relative;display:inline-block;color:var(--win-line);letter-spacing:1px;margin-right:6px}.mq-stars-on{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--gold)}.mq-w-btn{display:block;margin-top:14px;padding:8px 10px;text-align:center;color:var(--win-ink);text-decoration:none;border:2px solid var(--win-edge);background:var(--win-btn)}button.mq-w-btn{font:inherit;cursor:pointer;width:100%;text-shadow:inherit}.mq-w-btn.is-primary{border-color:var(--gold);color:var(--gold)}.mq-w-btn:hover{border-color:var(--gold)}.mq-note{margin:8px 0 0;padding:6px 9px;border-radius:6px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.mq-note.is-highlight{background:#5fe08a24}.mq-note.is-caution{background:#d9432829}.mq-access-head{display:flex;align-items:center;gap:10px}.mq-rank{flex:none;display:grid;place-items:center;width:34px;height:34px;font-size:20px;border:2px solid currentColor}.mq-rank.is-s{color:var(--gold)}.mq-rank.is-a{color:#ffb35c}.mq-rank.is-b{color:#b9f0c6}.mq-rank.is-c{color:#9fe0ff}.mq-rank.is-d,.mq-rank.is-e,.mq-rank.is-f{color:#c9cfee}.mq-access-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mq-access-copy strong{font-weight:400;font-size:15px}.mq-access-copy small{color:var(--win-dim);font-size:12px}.mq-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--win-btn);color:var(--win-dim);font-size:12px;white-space:nowrap}.mq-reason{margin:9px 0 0;font-size:14px;line-height:1.6}.mq-access-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--win-dim)}.mq-access-foot a{color:var(--win-ink)}.mq-grade.is-s{color:var(--gold)}.mq-grade.is-a{color:#9fe0ff}.mq-grade.is-b{color:#b9f0c6}.mq-grade.is-c,.mq-grade.is-d{color:#c9cfee}.mq-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.mq-filters button{font-size:13px;color:var(--win-dim);border:1.5px solid var(--win-line);padding:2px 8px;border-radius:999px}.mq-filters button[aria-pressed=true]{color:var(--win-ink);border-color:var(--win-edge);background:var(--win-btn)}.mq-record{display:grid;gap:2px;margin:8px 0 0;font-size:14px}.mq-record-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:3px 10px;align-items:baseline;text-align:left;padding:2px 4px;width:100%}.mq-record-row .mq-lb{color:var(--win-dim);font-size:12px;white-space:nowrap}.mq-record-row .mq-sc{font-variant-numeric:tabular-nums;text-align:right}.mq-board{display:grid;gap:0;margin-top:8px;min-width:0}.mq-board-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;width:100%;min-width:0;text-align:left;padding:8px 2px;border:0;border-bottom:1px solid var(--win-line);font:inherit;color:inherit;background:transparent;cursor:pointer;border-radius:4px;text-shadow:inherit}.mq-rank.is-sm{width:24px;height:24px;font-size:14px;border-width:1.5px}.mq-board-body{min-width:0;display:grid;gap:2px}.mq-board-body .mq-nm,.mq-board-body .mq-sub,.mq-board-hl,.mq-board-trap{overflow-wrap:anywhere}.mq-board-hl,.mq-board-trap{font-size:13px}.mq-board-trap b{font-weight:400;color:#ffb35c;margin-right:8px}.mq-dex{display:grid;gap:12px;min-width:0}.mq-dex h5{margin:0 0 6px;font-weight:400;font-size:14px}.mq-dex-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px}.mq-dex-key span{display:inline-flex;align-items:center}.mq-dex-key i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:6px;border:1px solid var(--win-line);background:#f4f4f81f}.mq-dex-key i.is-known{background:#007fa8;border-color:#007fa8}.mq-dex-key i.is-pending{background:#e0950f;border-color:#e0950f}.mq-dex-key i.is-dry{background:#a88652;border-color:#a88652}.mq-dex-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;min-width:0}.mq-dex-cell{aspect-ratio:1;min-width:0;padding:0;border-radius:3px;border:1px solid var(--win-line);background:#f4f4f81f;color:var(--win-ink);font:inherit;font-size:10px;line-height:1;cursor:pointer;text-shadow:none}.mq-dex-cell.is-known{background:#007fa8;border-color:#007fa8}.mq-dex-cell.is-pending{background:#e0950f;border-color:#e0950f}.mq-dex-cell.is-dry{background:#a88652;border-color:#a88652}.mq-yt{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:2px solid var(--win-edge);border-radius:3px;background:#0f0f0f;margin-top:8px}.mq-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mq-yt-load{width:100%;height:100%;border:0;padding:12px;display:flex;align-items:flex-end;text-align:left;cursor:pointer;color:#fff;background:#0f0f0f;font:inherit;text-shadow:1px 1px 0 var(--text-shadow)}.mq-yt-load img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.mq-yt-load:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f0f0f0a,#0f0f0f29 46%,#0f0f0fc2)}.mq-yt-copy{min-width:0;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;width:100%}.mq-yt-copy strong{font-size:.85rem;line-height:1.35;font-weight:400;color:#fff;overflow-wrap:anywhere}.mq-yt-brand{width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#0f0f0fb8;color:#fff;font-size:.7rem}.mq-yt-mark{width:24px;height:17px;border-radius:5px;background:#f03;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.mq-yt-mark:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #fff;margin-left:2px}.mq-title{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:var(--title-bg);font-family:var(--font-game);color:var(--win-ink);text-shadow:1px 1px 0 var(--text-shadow)}.mq-t-step{display:grid;justify-items:center;gap:22px;text-align:center;max-width:100%}.mq-logo{line-height:1.2}.mq-logo small{display:block;font-size:15px;letter-spacing:.4em;color:var(--orange)}.mq-logo strong{display:block;font-weight:400;font-size:clamp(34px,6vw,60px);letter-spacing:.14em}.mq-press{font:inherit;font-size:18px;color:var(--win-ink);background:transparent;border:0;cursor:pointer;padding:6px 14px;text-shadow:inherit}.mq-cur{animation:mq-blink 1s steps(1) infinite}.mq-t-menu{width:min(440px,100%);padding:14px 16px;display:grid;gap:2px;text-align:left;justify-items:stretch;font-size:16px}.mq-t-h{margin:0 0 6px;color:var(--orange);font-size:14px;letter-spacing:.08em}.mq-slot,.mq-opt{font:inherit;width:100%;text-align:left;color:var(--win-ink);background:transparent;border:0;padding:6px 8px 6px 26px;cursor:pointer;border-radius:4px;position:relative;text-shadow:inherit}.mq-slot:before,.mq-opt:before{content:"▶";position:absolute;left:6px;top:6px;opacity:0}.mq-slot:hover:before,.mq-slot:focus-visible:before,.mq-opt:hover:before,.mq-opt:focus-visible:before{opacity:1;animation:mq-blink 1s steps(1) infinite}.mq-slot .mq-row{display:flex;gap:10px;align-items:baseline;min-width:0}.mq-slot .mq-row>span:first-child{min-width:0;overflow-wrap:anywhere}.mq-slot .mq-row .mq-ri{margin-left:auto;font-size:14px;white-space:nowrap}.mq-slot .mq-sub{display:block;color:var(--win-dim);font-size:14px}.mq-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.mq-badges span{border:1.5px solid var(--win-dim);padding:0 5px;font-size:13px;line-height:1.55}.mq-t-note{margin:4px 0 6px;font-size:13px;color:var(--win-dim)}.mq-name-row,.mq-pref-row{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 0}.mq-name-row{font-size:18px}.mq-pref-row{font-size:16px}.mq-name-row span,.mq-pref-row span{flex:none}.mq-name-row input,.mq-pref-row select{font:inherit;flex:1;width:100%;min-width:0;color:var(--win-ink);background:var(--win-field);border:1.5px solid var(--win-edge);border-radius:3px;padding:4px 8px}.mq-name-row input:focus-visible,.mq-pref-row select:focus-visible{outline:2px solid var(--orange);outline-offset:0}.mq-confirm{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#060918b8}.mq-confirm .mq-win{width:min(360px,100%)}@media(max-width:880px){.site{grid-template-columns:minmax(0,1fr)}.mq-panel{max-width:100%}}@media(max-width:640px){.mq-msg,.mq-t-menu{font-size:14px}.mq-logo small{font-size:12px}.mq-still{width:86%;top:46%}}@media(prefers-reduced-motion:reduce){.mq-fog-cloud,.mq-caret,.mq-cur,.mq-inv button:before,.mq-inv button:hover:before,.mq-inv button:focus-visible:before,.mq-slot:before,.mq-opt:before,.mq-slot:hover:before,.mq-slot:focus-visible:before,.mq-opt:hover:before,.mq-opt:focus-visible:before,.mq-cmd button:before,.mq-cmd button:hover:before,.mq-cmd button:focus-visible:before,.marker-pulse{animation:none!important}.okinawa-inset,.mq-still,.mq-floor{transition:none}.mq-still.is-on img{animation:none}}