:root{color-scheme:light;--paper: #fbf7ee;--paper-2: #f5efe3;--paper-3: #eee6d6;--sea: #d6e9f1;--sea-2: #bfdceb;--white: #fffdf9;--ink: #4a3f3a;--ink-2: #7a6c66;--ink-3: #a8998f;--line: #e7ddcf;--line-2: #d9cdbc;--accent: #e5708d;--accent-soft: #fbe1e8;--accent-2: #6fb0a6;--accent-2-soft: #dff0ec;--accent-3: #f2b84b;--accent-3-soft: #fdf0d2;--shadow-sm: 0 1px 2px rgba(74, 63, 58, .08), 0 2px 8px -2px rgba(74, 63, 58, .1);--shadow: 0 10px 30px -12px rgba(74, 63, 58, .28), 0 2px 6px -2px rgba(74, 63, 58, .12);--shadow-lg: 0 24px 60px -24px rgba(74, 63, 58, .35), 0 6px 16px -8px rgba(74, 63, 58, .16);--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--radius-pill: 999px;--font-ja: "Zen Maru Gothic";--font-ko: "Gowun Dodum";--font-display: "Kiwi Maru";--font-hand: "Gaegu";--font-body: var(--font-ja), var(--font-ko), "Hiragino Maru Gothic ProN", "Apple SD Gothic Neo", "Noto Sans JP", "Noto Sans KR", system-ui, sans-serif;--font-head: var(--font-display), var(--font-hand), var(--font-body);--font-note: var(--font-hand), var(--font-display), var(--font-body);--topbar-h: 64px;--panel-w: 420px;--ease-pop: cubic-bezier(.2, 1.4, .4, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit}:lang(ja){font-family:var(--font-ja),var(--font-body)}h1,h2,h3,h4{margin:0;font-weight:500}ul{margin:0;padding:0;list-style:none}p{margin:0}small{font-size:.85em}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,white);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{position:relative;width:100%;height:100dvh;overflow:hidden;overflow:clip;background:var(--paper)}.stage{position:absolute;inset:0;background-color:var(--paper);background-image:radial-gradient(color-mix(in oklab,var(--line-2) 70%,transparent) 1.1px,transparent 1.3px);background-size:22px 22px;background-position:11px 11px}.map{position:absolute;inset:0}.map svg{display:block;width:100%;height:100%;touch-action:none}.map-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-note);font-size:20px;color:var(--ink-3);animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.pref{stroke:color-mix(in oklab,var(--ink) 38%,transparent);stroke-width:.9;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s ease,opacity .25s ease,filter .18s ease;outline:none}.pref:nth-child(2n){filter:brightness(1.025)}.pref.is-hover,.pref:focus-visible{fill:var(--hover-fill);filter:brightness(1.06) saturate(1.08)}.pref.is-selected{stroke:var(--accent);stroke-width:2.4;filter:brightness(1.05) saturate(1.1)}.pref.is-dim{opacity:.38}.pref:focus-visible{stroke:var(--accent);stroke-width:2}.sea-halo{fill:none;stroke:var(--sea);stroke-width:26;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}.sea-halo--wide{stroke:var(--sea-2);stroke-width:54;opacity:.35}.sticker-halo{fill:none;stroke:var(--white);stroke-width:9;stroke-linejoin:round;vector-effect:non-scaling-stroke}.land-shadow{fill:#4a3f3a1f}.border-inner{fill:none;stroke:var(--white);stroke-width:1.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none;opacity:.9}.coast{fill:none;stroke:color-mix(in oklab,var(--ink) 55%,transparent);stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.inset-frame{fill:none;stroke:color-mix(in oklab,var(--ink) 40%,transparent);stroke-width:1.2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.label{font-family:var(--font-head);font-weight:500;fill:var(--label-ink, var(--ink));paint-order:stroke;stroke:var(--paper);stroke-width:3.5px;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central;pointer-events:none;user-select:none;transition:opacity .2s ease}.label--pref{font-size:12px;letter-spacing:.02em}.label--pref.is-active{font-size:14px;fill:var(--ink)}.label--region{font-size:26px;font-weight:500;letter-spacing:.1em;opacity:.7;stroke-width:6px}.label--note{font-size:11px;font-family:var(--font-note);fill:var(--ink-3);text-anchor:start}.label.is-hidden{opacity:0}.sticker{cursor:default;pointer-events:none}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:12px 16px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow);transform:rotate(-1.2deg);transition:transform .25s var(--ease-pop)}.brand:hover{transform:rotate(0) scale(1.03)}.brand__mark{width:34px;height:34px;border-radius:50%;background:url(/favicon.svg) center/cover no-repeat}.brand__text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.brand__title{font-family:var(--font-display);font-size:19px;color:var(--ink)}.brand__sub{font-family:var(--font-hand);font-size:13px;color:var(--ink-2);margin-top:2px}.search{position:relative;width:min(380px,40vw)}.search__box{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow);border:2px solid transparent;transition:border-color .2s ease}.search__box:focus-within{border-color:var(--accent-soft)}.search__icon{color:var(--ink-3);display:inline-flex}.search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14.5px;color:var(--ink)}.search input::placeholder{color:var(--ink-3)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search__results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:30;max-height:60vh;overflow:auto}.search__results li{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer}.search__results li[aria-selected=true],.search__results li:hover{background:var(--paper-2)}.search__results .r-ja{font-family:var(--font-display);font-size:16px}.search__results .r-kana{font-size:12px;color:var(--ink-2)}.search__results .r-ko{margin-left:auto;font-size:13px;color:var(--ink-2);font-family:var(--font-ko)}.search__results .r-dot{width:9px;height:9px;border-radius:50%;background:var(--c);align-self:center;flex:none}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px}.seg{display:inline-flex;padding:4px;gap:2px;background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow)}.seg button{padding:6px 12px;border-radius:var(--radius-pill);font-size:13.5px;color:var(--ink-2);font-family:var(--font-head);transition:background .18s ease,color .18s ease}.seg button[aria-checked=true]{background:var(--ink);color:var(--white)}.seg button:hover:not([aria-checked=true]){background:var(--paper-2)}.pill{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow);font-size:14px;font-family:var(--font-head);transition:transform .2s var(--ease-pop),background .2s ease}.pill:hover{transform:translateY(-1px) rotate(-1deg)}.pill__icon{color:var(--accent-3);font-size:15px}.pill--memo .pill__icon{color:var(--accent-2)}.pill__count{font-size:11.5px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-family:var(--font-body)}.pill.is-celebrate{animation:wiggle .6s var(--ease-pop)}@keyframes wiggle{0%{transform:rotate(0)}30%{transform:rotate(-6deg) scale(1.08)}60%{transform:rotate(5deg) scale(1.05)}to{transform:rotate(0)}}.legend{position:absolute;z-index:15;left:16px;bottom:34px;display:flex;flex-wrap:wrap;gap:6px;max-width:min(640px,70vw)}.legend button{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;background:color-mix(in oklab,var(--white) 88%,transparent);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-size:12.5px;color:var(--ink-2);transition:transform .18s var(--ease-pop),background .18s ease,color .18s ease;backdrop-filter:blur(6px)}.legend button:hover,.legend button.is-active{background:var(--white);color:var(--ink);transform:translateY(-1px)}.legend .dot{width:12px;height:12px;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px #4a3f3a2e}.legend .ja{font-family:var(--font-head);font-size:13px}.legend .ko{font-size:11px;color:var(--ink-3)}.zoomctl{position:absolute;z-index:15;right:16px;bottom:34px;display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow);transition:right .45s var(--ease-out)}.app.has-panel .zoomctl{right:calc(var(--panel-w) + 30px)}.app.has-panel .credit{transform:translate(calc(-50% - var(--panel-w) / 2));transition:transform .45s var(--ease-out)}.zoomctl button{width:36px;height:36px;border-radius:50%;font-size:20px;line-height:1;color:var(--ink-2);display:grid;place-items:center;transition:background .18s ease,color .18s ease}.zoomctl button:hover{background:var(--paper-2);color:var(--ink)}.credit{position:absolute;z-index:5;left:50%;bottom:8px;transform:translate(-50%);font-size:11px;color:var(--ink-3);white-space:nowrap;pointer-events:none}.tooltip{position:absolute;z-index:25;pointer-events:none;padding:7px 12px;border-radius:var(--radius-sm);background:var(--white);box-shadow:var(--shadow);font-size:13px;line-height:1.25;white-space:nowrap;transform:translate(14px,18px);border-left:4px solid var(--c, var(--accent))}.tooltip .t-ja{font-family:var(--font-display);font-size:15px}.tooltip .t-kana{color:var(--ink-2);font-size:11.5px;margin-left:6px}.tooltip .t-ko{display:block;color:var(--ink-2);font-size:12px;font-family:var(--font-ko);margin-top:1px}.tooltip .t-hint{display:block;color:var(--accent);font-size:11px;margin-top:3px;font-family:var(--font-note)}.mascot-layer{position:absolute;inset:0;pointer-events:none;z-index:18;overflow:hidden}.mascot{position:absolute;pointer-events:auto;cursor:pointer;width:0;height:0;--size: 112px}.mascot__art{position:absolute;left:calc(var(--size) / -2);bottom:6px;width:var(--size);height:var(--size);transform-origin:50% 100%;animation:pop .55s var(--ease-pop) both,hover-float 3.2s ease-in-out .55s infinite;filter:drop-shadow(0 6px 8px rgba(74,63,58,.22))}.mascot__art svg,.mascot__art img{width:100%;height:100%;overflow:visible;object-fit:contain;display:block}.mascot__bubble{position:absolute;left:calc(var(--size) / 2 - 4px);bottom:calc(var(--size) - 18px);min-width:200px;max-width:260px;padding:9px 13px;border-radius:16px 16px 16px 4px;background:var(--white);box-shadow:var(--shadow);font-family:var(--font-note);font-size:15px;line-height:1.3;color:var(--ink);animation:pop .45s var(--ease-pop) .25s both;transform-origin:0 100%}.mascot__bubble .b-name{display:block;font-size:12px;color:var(--accent);font-family:var(--font-display);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mascot__bubble .b-org{color:var(--ink-3);font-family:var(--font-body);font-size:10.5px}.mascot__bubble .b-line[lang=ja]{font-family:var(--font-display);font-size:14.5px}.mascot__bubble .b-ko{display:block;color:var(--ink-2);font-size:13px;margin-top:2px}.mascot__bubble .b-tip{display:block;margin-top:4px;font-size:10.5px;color:var(--ink-3)}.mascot.is-leaving .mascot__art{animation:poof .35s ease-in both}.mascot.is-leaving .mascot__bubble{animation:poof .3s ease-in both}.mascot--flip .mascot__bubble{left:auto;right:calc(var(--size) / 2 - 4px);border-radius:16px 16px 4px;transform-origin:100% 100%}.mascot__art.is-poked>*{animation:poke .34s var(--ease-pop)}.mascot.is-darkening .mascot__art>*{animation:darken .48s ease-in forwards}.mascot--secret .sparkle{background:#6b4a8a}.mascot--secret .mascot__bubble .b-name{color:#6b4a8a}@keyframes poke{0%{transform:scale(1)}35%{transform:scale(1.12,.86)}70%{transform:scale(.95,1.06)}to{transform:scale(1)}}@keyframes darken{0%{filter:none;transform:rotate(0)}30%{filter:brightness(.7) saturate(.6);transform:rotate(-6deg)}60%{filter:brightness(.45) saturate(.4) hue-rotate(40deg);transform:rotate(6deg)}to{filter:brightness(.2) saturate(.2) hue-rotate(70deg);transform:rotate(0) scale(.9)}}@keyframes pop{0%{transform:scale(0) rotate(-12deg);opacity:0}60%{transform:scale(1.12) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes poof{to{transform:scale(.4) translateY(10px);opacity:0}}@keyframes hover-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-1.5deg)}}.sparkle{position:absolute;width:10px;height:10px;pointer-events:none;background:var(--accent-3);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:sparkle .9s ease-out both}@keyframes sparkle{0%{transform:translate(0) scale(.3);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}.petals{position:absolute;inset:0;pointer-events:none;z-index:40;overflow:hidden}.petal{position:absolute;top:-30px;width:14px;height:11px;background:#f9c6d3;border-radius:100% 0;opacity:.9;animation:fall linear infinite,sway ease-in-out infinite alternate}.petal:nth-child(3n){background:#fbd7de}.petal:nth-child(4n){background:#f4a9bc;width:11px;height:9px}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@keyframes sway{0%{margin-left:-30px}to{margin-left:30px}}.panel{position:absolute;z-index:30;top:calc(var(--topbar-h) + 6px);right:14px;bottom:14px;width:var(--panel-w);background:var(--white);border-radius:22px;box-shadow:var(--shadow-lg);transform:translate(calc(100% + 30px));transition:transform .45s var(--ease-out);visibility:hidden}.panel.is-open{transform:none;visibility:visible}.panel__tape{position:absolute;z-index:2;top:-9px;left:50%;width:120px;height:26px;transform:translate(-50%) rotate(-2.5deg);background:repeating-linear-gradient(90deg,#e5708d8c 0 8px,#ffffff73 8px 16px);opacity:.8;border-radius:3px;backdrop-filter:blur(1px);box-shadow:0 1px 2px #4a3f3a26}.panel__close{position:absolute;z-index:3;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font-size:22px;line-height:1;display:grid;place-items:center;transition:background .18s ease,transform .2s var(--ease-pop)}.panel__close:hover{background:var(--accent-soft);color:var(--accent);transform:rotate(90deg)}.panel__scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:30px 24px 28px;border-radius:inherit;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;background-image:linear-gradient(transparent 31px,color-mix(in oklab,var(--line) 38%,transparent) 32px);background-size:100% 32px;background-position:0 6px}.panel__grab{display:none}.ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;padding-right:40px}.chip--region{display:inline-flex;align-items:baseline;gap:6px;padding:4px 11px;background:var(--c);color:var(--ink);border-radius:var(--radius-pill);font-family:var(--font-head);font-size:13px;box-shadow:inset 0 0 0 1px #4a3f3a1f}.chip--region small{font-size:11px;opacity:.75;font-family:var(--font-ko)}.star{color:var(--accent-3);font-size:18px;filter:drop-shadow(0 1px 0 rgba(74,63,58,.25))}.ph__id{margin-left:auto;font-size:11.5px;color:var(--ink-3);font-family:var(--font-note)}.ph__name{font-family:var(--font-display);font-size:38px;line-height:1.1;letter-spacing:.01em;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.ph__kana{font-size:15px;color:var(--ink-2);font-weight:400}.ph__alt{color:var(--ink-2);font-size:14px;margin-top:4px}.ph__alt .romaji{color:var(--ink-3)}.ph__cap{margin-top:10px;display:flex;align-items:baseline;gap:8px;font-size:13.5px}.ph__cap .k{font-size:11px;color:var(--ink-3);padding:2px 7px;border:1px dashed var(--line-2);border-radius:var(--radius-pill)}.ph__cap .kana{color:var(--ink-2);font-size:12px}.sec{margin-top:22px}.sec h3{display:flex;align-items:baseline;gap:8px;font-family:var(--font-hand);font-size:20px;color:var(--ink);margin-bottom:8px}.sec h3 .n{font-family:var(--font-body);font-size:11.5px;color:var(--ink-3)}.sec h3 .emoji{font-size:16px}.sec--facts details>summary{cursor:pointer;list-style:none;display:flex}.sec--facts details>summary h3{flex:1}.sec--facts details>summary::-webkit-details-marker{display:none}.sec--facts details>summary h3:after{content:"▾";margin-left:auto;color:var(--ink-3);font-size:14px;transition:transform .2s ease}.sec--facts details[open]>summary h3:after{transform:rotate(180deg)}.empty{padding:14px 16px;border:1.5px dashed var(--line-2);border-radius:var(--radius);color:var(--ink-3);font-size:13.5px;font-family:var(--font-note);line-height:1.4;background:color-mix(in oklab,var(--paper-2) 60%,transparent)}.tree{position:relative}.tree .tree{margin-left:14px;padding-left:16px}.tree .tree>.node{position:relative}.tree .tree>.node:before,.tree .tree>.node:after{content:"";position:absolute;background:var(--branch, var(--line-2))}.tree .tree>.node:before{left:-14px;top:17px;width:12px;height:2px}.tree .tree>.node:after{left:-16px;top:-6px;bottom:0;width:2px}.tree .tree>.node:last-child:after{bottom:auto;height:25px}.node{margin:6px 0}.tree--wrap{display:flex;flex-wrap:wrap;gap:6px}.tree--wrap>.node{margin:0}.nchip{position:relative;display:inline-block;max-width:100%;padding:7px 12px;background:var(--c, var(--paper-2));border-radius:12px;box-shadow:inset 0 0 0 1px #4a3f3a1a,0 1px #fff9;text-decoration:none;color:var(--ink);line-height:1.25;transition:transform .18s var(--ease-pop),box-shadow .18s ease}.tree .tree .nchip{background:color-mix(in oklab,var(--c, var(--paper-2)) 55%,var(--white))}.tree .tree .tree .nchip{background:color-mix(in oklab,var(--c, var(--paper-2)) 30%,var(--white))}.nchip__cap{display:block;font-size:10.5px;color:var(--ink-2);margin-bottom:2px;font-family:var(--font-note);letter-spacing:.01em}.nchip__t{font-family:var(--font-head);font-size:15px;font-weight:500}.nchip__sub{display:block;font-size:12px;color:var(--ink-2);margin-top:1px}.nchip__ko{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:#ffffffb3;font-size:11px;color:var(--ink-2);font-family:var(--font-ko);vertical-align:2px}.nchip__star{color:var(--accent-3);margin-left:4px}.nphoto{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:6px;vertical-align:middle;border-radius:50%;background:var(--white);text-decoration:none;font-size:13px;line-height:1;box-shadow:inset 0 0 0 1px var(--line-2),0 1px #fff9;transition:transform .18s var(--ease-pop),box-shadow .18s ease}.nphoto:hover,.nphoto:focus-visible{transform:rotate(-8deg) scale(1.1);box-shadow:inset 0 0 0 1px var(--accent),0 2px 6px -2px #4a3f3a4d}.nchip--link{cursor:pointer}.nchip--link:hover{transform:translateY(-1px) rotate(-.6deg);box-shadow:inset 0 0 0 1px #4a3f3a29,var(--shadow)}.nchip--link .nchip__t{text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--ink) 35%,transparent);text-underline-offset:3px}.nchip--link .nchip__ext{margin-left:5px;font-size:11px;color:var(--ink-2)}.nchip--photo{border:1.5px dashed var(--line-2);background:transparent;color:var(--ink-3);font-size:12px;box-shadow:none}.nchip--photo .nchip__t{font-size:12.5px;font-weight:400}.facts dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:baseline}.facts dt{font-family:var(--font-display);font-size:13px;color:var(--ink-2);white-space:nowrap;padding-top:3px}.facts dt small{display:block;font-size:10px;color:var(--ink-3);font-family:var(--font-ko);font-weight:400}.facts dd{margin:0;font-size:14px}.facts .terms{display:flex;flex-wrap:wrap;gap:6px}.term{display:inline-flex;flex-direction:column;padding:5px 10px;background:var(--paper-2);border-radius:10px;line-height:1.2}.term__ja{font-size:13.5px}.term__ja rt{font-size:9px;color:var(--ink-2)}.term__ko{font-size:11px;color:var(--ink-2);margin-top:2px;font-family:var(--font-ko)}.hitokoto{padding:10px 14px;border-radius:14px;background:var(--accent-3-soft);font-size:13.5px;line-height:1.5}.hitokoto .ja{display:block;font-family:var(--font-display)}.hitokoto .ko{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}.extra{margin:8px 0;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px;background:color-mix(in oklab,var(--paper-2) 50%,transparent)}.extra>summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:8px;font-family:var(--font-head);font-size:14.5px}.extra>summary::-webkit-details-marker{display:none}.extra>summary small{color:var(--ink-3);font-size:11.5px;font-family:var(--font-body)}.extra>summary:after{content:"＋";margin-left:auto;color:var(--ink-3);font-size:13px}.extra[open]>summary:after{content:"－"}.extra .tree--root{margin-top:8px}.mascot-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,var(--accent-soft),var(--accent-3-soft))}.mascot-card{align-items:flex-start;margin-top:8px}.mascot-card__art{width:56px;height:56px;flex:none}.mascot-card__body{min-width:0}.mascot-card__kana{font-size:11px;color:var(--ink-2);font-weight:400}.mascot-card__about{margin-top:2px;line-height:1.35}.mascot-card__meta{margin-top:4px;color:var(--ink-3);font-size:10.5px}.mascot-card__link{color:var(--accent);text-decoration:none}.mascot-card__link:hover{text-decoration:underline}.mascot-card__art svg,.mascot-card__art img{width:100%;height:100%;overflow:visible;object-fit:contain;display:block}.mascot-card b{font-family:var(--font-display);font-weight:500}.mascot-card small{display:block;color:var(--ink-2);font-size:12px}.ph__nav{display:flex;justify-content:space-between;gap:8px;margin-top:26px;padding-top:14px;border-top:1.5px dashed var(--line-2)}.ph__nav button{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--paper-2);font-size:13px;transition:background .18s ease;max-width:48%}.ph__nav button:hover{background:var(--accent-soft)}.ph__nav button.next{align-items:flex-end}.ph__nav button small{font-size:10.5px;color:var(--ink-3)}.member-chips{display:flex;flex-wrap:wrap;gap:6px}.member-chips button{padding:6px 11px;border-radius:var(--radius-sm);background:var(--c);font-family:var(--font-head);font-size:13.5px;box-shadow:inset 0 0 0 1px #4a3f3a1a;transition:transform .18s var(--ease-pop)}.member-chips button:hover{transform:translateY(-1px) rotate(-1deg)}.member-chips button small{display:block;font-size:10.5px;color:var(--ink-2);font-family:var(--font-ko)}.member-chips button .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:middle}.friends{display:flex;flex-wrap:wrap;gap:8px}.friends__card{width:78px;padding:8px 4px 6px;border-radius:14px;background:var(--paper-2);text-align:center;transition:transform .18s var(--ease-pop)}.friends__card.is-found{background:linear-gradient(160deg,var(--white),var(--accent-3-soft));box-shadow:var(--shadow-sm)}.friends__card:hover{transform:translateY(-2px) rotate(-1deg)}.friends__art{width:44px;height:44px;margin:0 auto 4px}.friends__art svg,.friends__art img{width:100%;height:100%;overflow:visible;object-fit:contain;display:block}.friends__card:not(.is-found) .friends__art{filter:grayscale(1) contrast(0) brightness(.65);opacity:.3}.friends__name{display:block;font-family:var(--font-display);font-size:11px;line-height:1.2}.friends__card small{display:block;font-size:10px;color:var(--ink-3)}.friends__card.is-extra.is-found{background:linear-gradient(160deg,var(--white),var(--accent-2-soft))}.friends__card.is-secret.is-found{background:linear-gradient(160deg,var(--white),#efe6f6)}.meta-line{font-size:11.5px;color:var(--ink-3);margin-top:18px;font-family:var(--font-note)}.modal{position:absolute;inset:0;z-index:50;display:grid;place-items:center}.modal__backdrop{position:absolute;inset:0;background:#4a3f3a47;backdrop-filter:blur(3px);animation:fade .25s ease both}.modal__card{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(84dvh,900px);background:var(--white);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .45s var(--ease-pop) both;transform-origin:50% 60%}.modal__close{position:absolute;z-index:2;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font-size:22px;display:grid;place-items:center}.modal__close:hover{background:var(--accent-soft);color:var(--accent)}.modal__body{max-height:min(84dvh,900px);overflow:auto;padding:26px 26px 28px}.modal__body h2{font-family:var(--font-display);font-size:26px;display:flex;align-items:baseline;gap:10px}.modal__body h2 small{font-family:var(--font-hand);font-size:15px;color:var(--ink-2)}.modal__body .lead{color:var(--ink-2);font-size:13.5px;margin:6px 0 16px;font-family:var(--font-note)}@keyframes fade{0%{opacity:0}to{opacity:1}}.zukan{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.zukan__card{position:relative;padding:12px 8px 10px;border-radius:16px;text-align:center;background:var(--paper-2);transition:transform .2s var(--ease-pop)}.zukan__card.is-found{background:linear-gradient(160deg,var(--white),var(--accent-3-soft));box-shadow:var(--shadow-sm)}.zukan__card.is-found:hover{transform:translateY(-2px) rotate(-1deg)}.zukan__art{width:68px;height:68px;margin:0 auto 6px}.zukan__art svg,.zukan__art img{width:100%;height:100%;overflow:visible;object-fit:contain;display:block}.zukan__card:not(.is-found) .zukan__art{filter:grayscale(1) contrast(0) brightness(.65);opacity:.35}.zukan__q{position:absolute;top:34px;left:0;right:0;font-family:var(--font-display);font-size:26px;color:var(--ink-3)}.zukan__name{font-family:var(--font-display);font-size:13px;line-height:1.2}.zukan__pref{display:block;font-size:10.5px;color:var(--ink-3);margin-top:3px}.zukan__card:not(.is-found) .zukan__name{color:var(--ink-3)}.zukan__region{font-family:var(--font-display);font-size:15px;margin:18px 0 8px;display:flex;align-items:baseline;gap:6px}.zukan__region:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:inset 0 0 0 1px #4a3f3a2e}.zukan__region small{font-size:11px;color:var(--ink-3);font-family:var(--font-ko)}.zukan__tag{position:absolute;top:8px;right:8px;font-size:9.5px;padding:1px 6px;border-radius:999px;background:var(--accent-2-soft);color:var(--accent-2)}.zukan__card.is-extra.is-found{background:linear-gradient(160deg,var(--white),var(--accent-2-soft))}.zukan__tag--secret{background:#efe6f6;color:#6b4a8a}.zukan__card.is-secret.is-found{background:linear-gradient(160deg,var(--white),#efe6f6)}.zukan__card.is-secret:not(.is-found) .zukan__q{color:#b9a3cf}.zukan__done{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--accent-soft);font-family:var(--font-note);font-size:15px;text-align:center}.memo-list .extra{background:var(--paper-2)}@media(max-width:900px){:root{--panel-w: 380px}.search{width:min(300px,34vw)}.legend{max-width:calc(100vw - 100px)}}@media(max-width:760px){:root{--topbar-h: 106px}.topbar{flex-wrap:wrap;gap:8px;padding:10px 12px;height:auto}.brand{transform:none;padding-right:10px}.brand__title{font-size:16px}.brand__sub{font-size:11.5px}.topbar__right{margin-left:auto;gap:6px}.pill{height:34px;padding:0 10px;font-size:13px}.pill--memo span:not(.pill__icon){display:none}.pill--memo{width:34px;padding:0;justify-content:center}.seg{position:fixed;left:10px;bottom:112px;z-index:16}.seg button{padding:5px 9px;font-size:12.5px}.search{order:3;width:100%}.search__box{height:40px}.legend{bottom:22px;left:10px;gap:5px;max-width:calc(100vw - 80px)}.legend button{padding:4px 9px 4px 7px}.legend .ko{display:none}.zoomctl{right:10px;bottom:22px}.app.has-panel .zoomctl,.app.has-panel .legend,.app.has-panel .seg{visibility:hidden}.credit{display:none}.panel{inset:auto 0 0;width:auto;max-height:58dvh;height:58dvh;border-radius:24px 24px 0 0;transform:translateY(105%)}.panel__tape{display:none}.panel__grab{display:block;position:absolute;top:8px;left:50%;width:44px;height:5px;border-radius:3px;background:var(--line-2);transform:translate(-50%);z-index:3}.panel__scroll{padding:26px 18px 30px}.ph__name{font-size:32px}.mascot{--size: 78px}.mascot__bubble,.mascot--flip .mascot__bubble{position:fixed;left:12px;right:12px;bottom:calc(58dvh + 10px);top:auto;min-width:0;max-width:none;font-size:13.5px;border-radius:14px;transform-origin:50% 100%}.modal__body{padding:20px 16px 24px}}