.goja-navi{--navi-bg:#061923;--navi-panel:#0c2832;--navi-line:#29515b;--navi-text:#e4f5f3;--navi-muted:#a9c4c8;--navi-gold:#ecc77e;--navi-aqua:#7dd4ca;background:radial-gradient(ellipse at 55% 0,#103a46 0,transparent 55%),var(--navi-bg);min-height:100svh;color:var(--navi-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 clamp(16px,3.5vw,64px);font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.goja-navi *{box-sizing:border-box}.goja-navi a{color:inherit;text-decoration:none}.goja-navi button,.goja-navi select{font:inherit}.goja-navi button{cursor:pointer}.goja-navi :is(a,button,select):focus-visible{outline:3px solid var(--navi-gold);outline-offset:4px}.goja-navi .navi-top{border-bottom:1px solid var(--navi-line);justify-content:space-between;align-items:center;max-width:1500px;height:76px;margin:auto;display:flex}.goja-navi .navi-world{letter-spacing:.08em;color:var(--navi-aqua);font-size:20px;font-weight:900}.goja-navi .navi-world span{color:var(--navi-gold)}.goja-navi .navi-back{border-bottom:1px solid var(--navi-aqua);padding:8px 0;font-size:14px}.goja-navi .navi-heading{justify-content:space-between;align-items:end;gap:20px;max-width:1500px;margin:28px auto;display:flex}.goja-navi .navi-eyebrow{color:var(--navi-aqua);letter-spacing:.18em;margin:0 0 10px;font-size:12px}.goja-navi h1{letter-spacing:.03em;color:var(--navi-gold);margin:0;font-size:clamp(30px,3vw,44px);line-height:1.35}.goja-navi h1 span{letter-spacing:.03em;color:var(--navi-text);margin-top:8px;font-size:16px;font-weight:500;display:block}.goja-navi .navi-caption{color:var(--navi-muted);margin:0 0 5px;font-size:14px}.goja-navi .navi-workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:26px;max-width:1500px;margin:auto;display:grid}.goja-navi .navi-controls{background:var(--navi-panel);border:1px solid var(--navi-line);border-radius:18px;padding:20px}.goja-navi .real-map-genres{max-width:none;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.goja-navi .real-map-genres>header{color:var(--navi-text);background:0 0;align-items:center;gap:12px;margin:0 0 14px;padding:0;display:flex}.goja-navi .real-map-genres>header h2{margin:0;font-size:16px;line-height:1.5}.goja-navi .real-map-genres>header b{white-space:nowrap;color:var(--navi-gold);background:0 0;border:0;padding:0;font:700 14px Arial}.goja-navi .real-map-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.goja-navi .real-map-genre-grid>button{aspect-ratio:auto;width:100%;min-width:0;height:auto;color:var(--navi-text);box-shadow:none;opacity:1;filter:none;background:#071d27;border:1px solid #0000;border-radius:12px;padding:6px 4px 10px;transition:border-color .15s,background .15s;position:relative;overflow:visible;transform:none}.goja-navi .real-map-genre-grid>button>img{object-fit:contain;filter:none;width:100%;height:80px;display:block;transform:none}.goja-navi .navi-genre-label{align-content:center;min-height:2.8em;font-size:14px;font-weight:600;line-height:1.4;display:block}.goja-navi .real-map-genre-grid>button.is-selected{border-color:var(--navi-gold);background:#173d46;box-shadow:inset 0 0 0 1px #ecc77e44}.goja-navi .real-map-genre-grid>button:disabled{opacity:.45;cursor:not-allowed}.goja-navi .real-map-genre-selected-mark{background:var(--navi-gold);color:#09232c;width:22px;height:22px;box-shadow:none;border:0;border-radius:50%;place-items:center;font:900 14px Arial;display:grid;position:absolute;inset:4px 5px auto auto}.goja-navi .real-map-genres>p{color:var(--navi-muted);margin:14px 0 0;font-size:14px;line-height:1.6}.goja-navi .real-map-ramen-flavors{background:0 0;border:0;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;display:flex}.goja-navi .real-map-ramen-flavors button{border:1px solid var(--navi-line);min-height:38px;color:var(--navi-text);box-shadow:none;background:#071d27;border-radius:8px;padding:6px 10px;font-size:14px}.goja-navi .real-map-ramen-flavors button.is-selected{color:#072530;background:var(--navi-aqua);border-color:var(--navi-aqua)}.goja-navi .navi-area{border-top:1px solid var(--navi-line);margin-top:22px;padding-top:20px;font-size:14px;font-weight:700;display:block}.goja-navi .navi-area select{width:100%;color:var(--navi-text);background:#071d27;border:1px solid #60828a;border-radius:8px;margin-top:9px;padding:11px;font-size:16px;display:block}.goja-navi .navi-tip{color:var(--navi-muted);margin:18px 0 0;font-size:14px;line-height:1.8}.goja-navi .navi-map-column{min-width:0}.goja-navi .navi-map-bar{background:var(--navi-panel);border:1px solid var(--navi-line);border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.goja-navi .navi-selected-genres{flex-wrap:wrap;gap:7px;display:flex}.goja-navi .navi-selected-genres span{color:var(--navi-gold);border:1px solid #806f48;border-radius:24px;padding:5px 9px;font-size:14px}.goja-navi .real-map-traffic-toggle{white-space:nowrap;border-color:#60828a;border-radius:8px;min-height:40px;font:700 14px Arial}.goja-navi .real-map-traffic-toggle.is-on span{color:var(--navi-aqua)}.goja-navi .navi-origin{color:var(--navi-text);background:#19404a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;line-height:1.6;display:flex}.goja-navi .navi-origin button{color:var(--navi-gold);white-space:nowrap;background:0 0;border:0;padding:8px 0;font-size:14px}.goja-navi .navi-map-stage{isolation:isolate;scroll-margin-top:16px;position:relative}.goja-navi .real-map-canvas{border-inline:1px solid var(--navi-line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17231d;background:#122e37;height:560px;min-height:0}.goja-navi .navi-map-message{z-index:2;border:1px solid var(--navi-line);background:var(--navi-panel);color:var(--navi-text);border-radius:8px;margin:0;padding:14px;font-size:16px;position:absolute;top:16px;left:16px;right:16px}.goja-navi .navi-map-unavailable{text-align:center;border:1px solid var(--navi-line);background:#0c2530;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:28px;display:flex}.goja-navi .navi-map-unavailable b{color:var(--navi-gold);font-size:22px}.goja-navi .navi-map-unavailable p{font-size:16px;line-height:1.8}.goja-navi .navi-map-note{border:1px solid var(--navi-line);background:var(--navi-panel);color:var(--navi-muted);border-top:0;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:13px 16px;font-size:14px;display:flex}.goja-navi .navi-map-note small{font-size:12px}.goja-navi .navi-detail:empty{display:none}.goja-navi .navi-detail{margin-top:22px;scroll-margin-top:16px}.goja-navi .navi-detail-top{background:#17404a;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:12px;display:flex}.goja-navi .navi-around{background:var(--navi-gold);color:#0a2530;border:0;border-radius:8px;padding:12px 18px;font-size:16px;font-weight:700}.goja-navi .navi-dismiss{color:var(--navi-text);background:0 0;border:0;padding:12px;font-size:14px}.goja-navi .real-map-spot-card{border:1px solid var(--navi-line);background:var(--navi-panel);box-shadow:none;color:var(--navi-text);border-radius:0 0 12px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;padding:18px;display:grid}.goja-navi .real-map-spot-card>div{padding:0}.goja-navi .real-map-spot-hero{aspect-ratio:16/9;background:#153a46;border-radius:8px;align-self:start;min-width:0;position:relative;overflow:hidden}.goja-navi .real-map-spot-hero img{object-fit:cover;width:100%;height:100%}.goja-navi .real-map-spot-content{min-width:0;display:block}.goja-navi .real-map-spot-content header{padding:0}.goja-navi .real-map-spot-content h3{color:var(--navi-text);font-size:22px;line-height:1.5}.goja-navi .real-map-spot-content :is(p,small){color:var(--navi-muted);font-size:14px;line-height:1.7}.goja-navi .real-map-spot-content :is(nav,section){min-width:0}.goja-navi .real-map-spot-content nav{grid-template-columns:1fr;gap:8px;display:grid}.goja-navi .real-map-spot-content nav a{border:1px solid var(--navi-line);color:var(--navi-text);box-shadow:none;background:#123842;border-radius:6px;padding:10px;font-size:14px;line-height:1.6}.goja-navi .real-map-spot-content nav a.affiliate{background:var(--navi-gold);color:#092631}.goja-navi .real-map-spot-content :is(.real-map-spot-tags,.real-map-member-tags) span{color:var(--navi-text);border-color:var(--navi-line);background:#163b45;font-size:12px}.goja-navi .real-map-course-video{border-color:var(--navi-line);color:var(--navi-text);background:#143742;grid-column:1/-1}.goja-navi .navi-results{margin-top:28px}.goja-navi .navi-results>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.goja-navi .navi-results h2{margin:0;font-size:20px;line-height:1.5}.goja-navi .navi-results>header>span{color:var(--navi-gold);white-space:nowrap;font-size:14px}.goja-navi .navi-results>p{color:var(--navi-muted);font-size:14px;line-height:1.8}.goja-navi .navi-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.goja-navi .navi-result-list>button{text-align:left;border:0;border-bottom:1px solid var(--navi-line);color:var(--navi-text);background:0 0;grid-template-columns:minmax(0,1fr) 24px;gap:6px 10px;padding:16px 0;display:grid}.goja-navi .navi-result-list>button[aria-pressed=true]{border-bottom-color:var(--navi-gold)}.goja-navi .navi-result-category{color:var(--navi-aqua);font-size:12px}.goja-navi .navi-result-list strong{overflow-wrap:anywhere;grid-column:1;font-size:16px;font-weight:600;line-height:1.6}.goja-navi .navi-result-arrow{color:var(--navi-gold);grid-area:1/2/3;align-self:center;font-size:24px}.goja-navi .navi-empty{background:var(--navi-panel);border-radius:12px;padding:24px}.goja-navi .navi-footer{border-top:1px solid var(--navi-line);max-width:1500px;color:var(--navi-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:48px auto 0;padding:24px 0;font-size:14px;display:flex}.goja-navi .navi-footer span{color:var(--navi-aqua);letter-spacing:.1em;font-weight:700}.goja-navi .navi-footer p{margin:0}.goja-navi .real-map-genres>p{box-shadow:none;background:0 0;border:0;padding:0}.goja-navi .navi-extra-filters{margin-top:14px}.goja-navi .navi-extra-filters summary{color:var(--navi-aqua);cursor:pointer;padding:8px 0;font-size:14px}.goja-navi .navi-extra-filters summary:focus-visible{outline:3px solid var(--navi-gold)}.goja-navi .real-map-genres>header{border:0;min-height:0}.goja-navi .real-map-genres>header>h2{color:var(--navi-text);letter-spacing:0;font-family:inherit}.goja-navi .real-map-traffic-toggle,.goja-navi .real-map-traffic-toggle.is-on,.goja-navi .real-map-traffic-toggle.is-off{color:var(--navi-text)!important;box-shadow:none!important;background:0 0!important;border:1px solid #60828a!important;font-size:14px!important}.goja-navi .real-map-traffic-toggle:disabled{opacity:.55;cursor:not-allowed!important}.goja-navi .real-map-traffic-toggle.is-on{background:#24535b!important}@media (max-width:1000px){.goja-navi .navi-workspace{grid-template-columns:270px minmax(0,1fr);gap:18px}.goja-navi .navi-controls{padding:14px}.goja-navi .real-map-canvas{height:510px}.goja-navi .real-map-spot-card{display:block}.goja-navi .real-map-spot-hero{margin-bottom:16px}.goja-navi .navi-result-list{grid-template-columns:1fr}}@media (max-width:700px){.goja-navi{padding:0 14px}.goja-navi .navi-top{height:60px}.goja-navi .navi-world{font-size:16px}.goja-navi .navi-heading{margin:20px auto}.goja-navi .navi-caption{display:none}.goja-navi h1{font-size:30px}.goja-navi h1 span{font-size:14px}.goja-navi .navi-workspace{display:block}.goja-navi .navi-controls{border-radius:14px;margin-bottom:16px;padding:14px}.goja-navi .real-map-genre-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.goja-navi .real-map-genre-grid>button{border-radius:8px;padding:3px 2px 6px}.goja-navi .real-map-genre-grid>button>img{height:52px}.goja-navi .navi-genre-label{min-height:4.35em;font-size:12px;line-height:1.45}.goja-navi .real-map-genres>header{margin-bottom:10px}.goja-navi .real-map-genres>header h2{font-size:15px}.goja-navi .navi-area{white-space:nowrap;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.goja-navi .navi-area select{min-width:0;margin:0;padding:9px 6px}.goja-navi .navi-tip{display:none}.goja-navi .navi-map-bar{gap:8px;padding:10px}.goja-navi .navi-selected-genres{gap:4px}.goja-navi .navi-selected-genres span{padding:4px 7px;font-size:12px}.goja-navi .real-map-traffic-toggle{padding:8px;font-size:12px}.goja-navi .real-map-canvas{height:58svh;min-height:340px;max-height:550px}.goja-navi .navi-map-note{padding:10px}.goja-navi .navi-origin{align-items:start;padding:10px}.goja-navi .navi-detail-top{padding:10px}.goja-navi .navi-around{padding:12px;font-size:14px}.goja-navi .real-map-spot-card{padding:14px}.goja-navi .navi-results h2{font-size:18px}.goja-navi .navi-footer{margin-top:32px;font-size:12px}}.goja-navi .navi-ai-discovery{width:100%;min-width:0}.goja-navi .navi-ai-discovery h2{color:var(--navi-text);margin:0 0 6px;font-size:clamp(20px,2.4vw,26px);line-height:1.4}.goja-navi .navi-ai-discovery>p{color:var(--navi-muted);margin:0 0 12px;font-size:14px;line-height:1.7}.goja-navi .navi-ai-discovery>small{color:var(--navi-muted);margin-top:8px;line-height:1.6;display:block}.goja-navi .navi-ai-discovery .world-gojarabi-entry{width:100%}