: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;--city: #e0474c;--range: #2f7d45;--range-soft: #dcefe0;--note-sky: #4a9fd8;--note-lilac: #efdcf8;--note-lilac-line: #c9a6e6;--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}}ruby{ruby-align:center}.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__furi{font-size:.68em;letter-spacing:.04em;stroke-width:3px}.label--region .label__furi{font-size:.42em;letter-spacing:.12em}.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}.brand,.topbar__right{flex-shrink:0}.brand__title,.brand__sub,.seg button,.pill{white-space:nowrap}.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__bubble .b-poke{display:block;margin-top:2px;font-size:9.5px;line-height:1.3;color:color-mix(in oklab,var(--accent) 35%,var(--ink-3));opacity:.85}.mascot__bubble .b-poke>span{display:block}.mascot__bubble .b-ko,.mascot__bubble .b-poke [lang=ko]{word-break:keep-all}.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%}@media(min-width:761px){.mascot--above .mascot__bubble{left:-16px;bottom:calc(var(--size) + 16px)}.mascot--above.mascot--flip .mascot__bubble{left:auto;right:-16px}}.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}.mascot.is-quiet .mascot__bubble{display:none}.mascot{z-index:1}.mascot:not(.is-quiet){z-index:3}.mascot__tag{display:none;position:absolute;left:50%;bottom:-14px;transform:translate(-50%);white-space:nowrap;padding:1px 8px;border-radius:999px;background:color-mix(in oklab,var(--white) 90%,transparent);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-size:11px;color:var(--ink-2);pointer-events:none}.mascot.is-quiet .mascot__tag{display:block}@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__mine{margin-top:4px;display:flex;align-items:baseline;gap:7px;font-family:var(--font-note);font-size:15px;color:var(--ink-2)}.ph__mine .k{font-family:var(--font-body);font-size:10.5px;color:var(--ink-3);padding:1px 7px;border-radius:var(--radius-pill);background:var(--paper-2)}.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__gloss{display:block;font-size:11.5px;color:var(--ink-3);margin-top:2px;font-family:var(--font-ko)}.gloss-note{margin:-2px 0 10px;font-size:11px;color:var(--ink-3)}.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}.sec--supplement .nchip{background:var(--white);box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--c, var(--line-2)) 85%,var(--ink-3));outline:1.5px dashed color-mix(in oklab,var(--c, var(--line-2)) 70%,var(--ink-3));outline-offset:2px}.sec--supplement .tree .tree .nchip{background:color-mix(in oklab,var(--c, var(--paper-2)) 18%,var(--white))}.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;align-items:center;gap:4px;padding:5px 6px 5px 10px;background:var(--paper-2);border-radius:10px;line-height:1.2}.term__text{display:flex;flex-direction:column}.term .nphoto{width:22px;height:22px;margin-left:2px;font-size:11px;flex-shrink:0}.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)}.layer.is-off,.marks g.is-hidden,.label--place.is-hidden{display:none}.marks .mark__ring{fill:var(--city);stroke:var(--white);stroke-width:1.4px}.marks .mark__dot{fill:var(--city)}.marks .city--capital .mark__ring{fill:var(--white);stroke:var(--city);stroke-width:1.7px}.marks .ward .mark__ring{fill:var(--ink-2);stroke:var(--white);stroke-width:1px}.marks .extra-place .mark__ring{fill:var(--white);stroke:var(--ink-2);stroke-width:1.2px;stroke-dasharray:1.6 1.4}.label--place{stroke-width:3px}.label--place .label__note{font-size:.84em;font-family:var(--font-body);font-weight:400;fill:var(--ink-2)}.label--place.ward-name{fill:var(--ink-2)}.label--place.island-name{fill:color-mix(in oklab,var(--ink) 50%,var(--paper));letter-spacing:.14em;stroke-width:4px}.label--place .label__mark{fill:var(--city);font-weight:700}.marks .island-leader{stroke:color-mix(in oklab,var(--ink) 50%,var(--paper));stroke-width:1px}.marks .island-leader.is-hidden{display:none}.place-area{fill:color-mix(in oklab,var(--ink) 5%,transparent);stroke:var(--ink-2);stroke-width:1.4px;stroke-dasharray:5 3;vector-effect:non-scaling-stroke;pointer-events:none}.label--place.map-note{font-family:var(--font-note);fill:var(--ink-2)}.label--place.ward-name.is-red .label__furi{fill:var(--city)}.label--place.ward-name .label__note{font-size:.92em}.label--place.bridge-name{fill:var(--ink)}.bridge__casing,.bridge__line,.range,.note-arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.bridge__casing{stroke:var(--white);stroke-width:7px}.bridge__line{stroke:var(--bridge);stroke-width:4px}.bridge--tunnel .bridge__line{stroke-dasharray:7 5;stroke-linecap:butt}.bridge--plan .bridge__casing{stroke-width:4px;opacity:.7}.bridge--plan .bridge__line{stroke-width:2.6px;stroke-dasharray:.1 6;opacity:.85}.map-svg.is-terrain .pref{fill-opacity:.45}.range{stroke:var(--range);stroke-width:6px;opacity:.88;transition:stroke-width .2s ease}.range.is-active{stroke-width:10px;opacity:1}.range-no{cursor:pointer;outline:none}.range-no circle{fill:var(--white);stroke:var(--range);stroke-width:1.7px;transition:fill .15s ease}.range-no text{font-family:var(--font-body);font-size:10px;font-weight:700;fill:var(--range);text-anchor:middle;dominant-baseline:central;pointer-events:none}.range-no:hover circle,.range-no:focus-visible circle{stroke-width:2.6px}.range-no.is-active circle{fill:var(--range)}.range-no.is-active text{fill:var(--white)}.label--place.range-tag{font-size:13px;fill:var(--range);stroke-width:3.5px}.note-arrow{stroke:var(--note-sky);stroke-width:2.6px}.note-arrow__head{fill:var(--note-sky)}.range-note{pointer-events:none}.range-note.is-hidden{display:none}.range-note rect{fill:var(--note-lilac);stroke:var(--note-lilac-line);stroke-width:1.2px}.range-note text{font-family:var(--font-display);font-size:12px;fill:var(--ink);text-anchor:middle;dominant-baseline:central}.range-note__sub{font-family:var(--font-body);font-size:11px;fill:var(--ink-2)}.layers{position:absolute;z-index:15;right:16px;bottom:176px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;transition:right .45s var(--ease-out)}.app.has-panel .layers{right:calc(var(--panel-w) + 30px)}.layers[hidden],.layers button[hidden]{display:none}.layers button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 9px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--white) 88%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);font-size:12.5px;color:var(--ink-3);transition:transform .18s var(--ease-pop),background .18s ease,color .18s ease,box-shadow .18s ease}.layers button:hover{transform:translate(-2px);color:var(--ink-2)}.layers button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--accent-2),var(--shadow-sm)}.layers button[data-layer=mountains][aria-pressed=true]{background:var(--range-soft);box-shadow:inset 0 0 0 1.5px var(--range),var(--shadow-sm)}.layers button[aria-pressed=false] .layers__ico{filter:grayscale(1);opacity:.55}.layers__ico{font-size:14px;line-height:1}.ward-map-btn{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:7px 14px 7px 11px;border-radius:var(--radius-pill);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line-2),var(--shadow-sm);font-family:var(--font-display);font-size:14px;color:var(--ink);transition:transform .18s var(--ease-pop),box-shadow .18s ease}.ward-map-btn:hover{transform:translateY(-1px) rotate(-.6deg);box-shadow:inset 0 0 0 1.5px var(--accent-2),var(--shadow-sm)}.ward-map-btn small{font-family:var(--font-body);font-size:11px;color:var(--ink-3)}.t23__stage{position:relative;margin-top:4px}.t23__mapbox{min-width:0}.t23__side{position:relative}.t23__hint{display:none}.t23__loading{padding:40px 0;text-align:center;color:var(--ink-3);font-size:13px}.t23__map{display:block;width:100%;height:auto}.t23__ward{outline:none;cursor:pointer}.t23__ward path{fill:color-mix(in oklab,var(--c) 30%,var(--white));stroke:var(--white);stroke-width:1.4px;stroke-linejoin:round;transition:fill .15s ease}.t23__ward.has-notes path{fill:var(--c)}.t23__ward:hover path,.t23__ward:focus-visible path{fill:color-mix(in oklab,var(--c) 78%,var(--ink-r))}.t23__ward.is-selected path{stroke:var(--accent);stroke-width:2.6px}.t23__labels{pointer-events:none}.t23__label{font-family:var(--font-head);text-anchor:middle;fill:var(--ink);paint-order:stroke;stroke:var(--white);stroke-width:3px;stroke-linejoin:round}.t23__furi{font-size:.68em;fill:var(--ink-2)}.t23__label.is-red .t23__furi{fill:var(--city)}.t23__rank{font-size:.7em;fill:var(--ink-2);font-family:var(--font-body)}.t23__card{position:relative;margin-top:10px;padding:14px 16px 16px;border-radius:18px;background:var(--white);box-shadow:var(--shadow-lg)}.t23__card[hidden]{display:none}@media(min-width:1000px){.modal__card--wide{width:min(1120px,calc(100vw - 32px))}.t23__stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.t23__side{display:flex;align-items:center}.t23__card{position:absolute;left:0;right:0;top:0;margin:0;max-height:100%;overflow:auto;animation:pop .3s var(--ease-pop) both;transform-origin:0 30px}.t23__hint{display:block;width:100%;margin:0;padding:22px 18px;border:1.5px dashed var(--line-2);border-radius:18px;color:var(--ink-3);font-family:var(--font-note);font-size:13.5px;text-align:center}.t23__hint[hidden]{display:none}}.t23__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font-size:18px;display:grid;place-items:center}.t23__head{display:flex;align-items:flex-end;gap:8px;padding-right:30px;margin-bottom:8px}.t23__name{display:flex;flex-direction:column;font-family:var(--font-display);font-size:22px;line-height:1.1}.t23__name small{font-size:11px;color:var(--ink-3);font-family:var(--font-body)}.t23__ko{font-size:13px;color:var(--ink-2);padding-bottom:2px}.t23__note{margin:0 0 8px;font-size:12.5px;color:var(--ink-2)}.t23__others{margin-top:16px}.t23 h2{flex-wrap:wrap;row-gap:2px}.nfold{display:inline-block;margin:6px 0 2px 8px;padding:2px 10px;vertical-align:middle;border-radius:var(--radius-pill);background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);font-size:11.5px;color:var(--ink-2);transition:transform .15s var(--ease-pop),box-shadow .15s ease}.nfold:hover{transform:translate(2px);box-shadow:inset 0 0 0 1px var(--accent-2);color:var(--ink)}.t23__others h3{font-family:var(--font-display);font-size:15px;margin-bottom:8px}.compass{position:absolute;inset:0;pointer-events:none}.compass__dir{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--font-head);color:var(--ink-2);text-shadow:0 0 2px var(--paper),0 0 4px var(--paper),0 0 7px var(--paper);transition:left .45s var(--ease-out),right .45s var(--ease-out)}.compass__dir{padding:5px 8px;border-radius:999px;background:color-mix(in oklab,var(--paper) 82%,transparent);box-shadow:inset 0 0 0 1.2px var(--line-2)}.compass__word{display:flex;flex-direction:column;align-items:center;line-height:1.1}.compass__furi{font-size:10px;letter-spacing:.06em;color:var(--ink-3)}.compass__main{font-size:18px;font-weight:500;letter-spacing:.04em}.compass__dir--top{top:80px;left:50%;transform:translate(-50%)}.compass__dir--bottom{bottom:122px;left:50%;transform:translate(-50%)}.compass__dir--left{left:18px;top:50%;transform:translateY(-50%)}.compass__dir--right{right:18px;top:50%;transform:translateY(-50%)}.app.has-panel .compass__dir--top,.app.has-panel .compass__dir--bottom{left:calc((100% - var(--panel-w) - 28px) / 2)}.app.has-panel .compass__dir--right{right:calc(var(--panel-w) + 32px)}.chip--range{--c: var(--range-soft)}.ph__name--range{font-size:30px;line-height:1.25}.ph__name--range .ph__furi{display:block;font-size:11px;color:var(--ink-3);letter-spacing:.06em;line-height:1.2}.range-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.range-tool{height:32px;padding:0 14px;border-radius:var(--radius-pill);font-size:13px;background:var(--white);color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line-2);transition:background .15s ease,box-shadow .15s ease,transform .18s var(--ease-pop)}.range-tool:hover{transform:translateY(-1px)}.range-tool[aria-pressed=true]{background:var(--range-soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--range)}.range-tool--off{color:var(--ink-3)}.range-focus{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;width:100%;margin-top:14px;padding:11px 14px;border-radius:var(--radius-sm);text-align:left;background:var(--range-soft);box-shadow:inset 0 0 0 1.6px var(--range)}.range-focus--hint{display:block;padding:10px 14px;font-size:12.5px;color:var(--ink-3);background:none;box-shadow:none;border:1.5px dashed color-mix(in oklab,var(--range) 45%,transparent)}.range-focus__no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--range);color:var(--white);font-size:15px;font-weight:700}.range-focus__body{display:flex;flex-direction:column;min-width:0}.range-focus__kana{font-size:10.5px;color:var(--ink-3);letter-spacing:.04em}.range-focus__line{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.range-focus__name{font-family:var(--font-head);font-size:20px;font-weight:500;line-height:1.3}.range-focus__ko{font-size:12.5px;color:var(--ink-2)}.range-focus__fact{font-size:12.5px;color:var(--ink-2);margin-top:2px}.range-focus--masked{cursor:pointer}.range-focus--masked .range-focus__name{font-family:var(--font-note);font-size:17px;color:var(--ink-2)}.sec--ranges{margin-top:12px}.range-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.range-item{width:100%;height:100%;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:9px;align-items:center;padding:7px 10px 7px 8px;border-radius:var(--radius-sm);text-align:left;background:color-mix(in oklab,var(--range-soft) 45%,var(--white));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--range) 22%,transparent);transition:background .15s ease,transform .18s var(--ease-pop),box-shadow .15s ease}.range-item:hover{transform:translateY(-1px)}.range-item.is-active{background:var(--range-soft);box-shadow:inset 0 0 0 1.8px var(--range)}.range-item__no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--white);color:var(--range);font-size:11.5px;font-weight:700;box-shadow:inset 0 0 0 1.6px var(--range)}.range-item.is-active .range-item__no{background:var(--range);color:var(--white)}.range-item__text{display:flex;flex-direction:column;min-width:0}.range-item__kana,.range-item__name,.range-item__ko{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.range-item__kana{font-size:9.5px;color:var(--ink-3);letter-spacing:.03em;line-height:1.35}.range-item__name{font-family:var(--font-head);font-size:15.5px;line-height:1.3}.range-item__ko{font-size:11px;color:var(--ink-3);line-height:1.35}.range-item.is-masked .range-item__text{filter:blur(5px);opacity:.6}.range-notes{display:grid;gap:8px}.range-notes__item{padding:9px 12px;border-radius:var(--radius-sm);background:var(--note-lilac);box-shadow:inset 0 0 0 1px var(--note-lilac-line);font-size:14px}.range-notes__item b{font-family:var(--font-display);font-weight:500}.range-notes__item p{margin-top:3px;font-size:12.5px;color:var(--ink-2);line-height:1.45}.pill--comment .pill__icon{font-size:14px}.cmt h2{flex-wrap:wrap;row-gap:2px}.cmt__title{white-space:nowrap}.cmt__form{position:relative;margin:14px 0 18px;padding:18px 16px 12px;border-radius:var(--radius);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line)}.cmt__form:before{content:"";position:absolute;top:-9px;left:50%;width:96px;height:20px;transform:translate(-50%) rotate(-2deg);border-radius:3px;opacity:.8;background:repeating-linear-gradient(90deg,#6fb0a68c 0 8px,#ffffff73 8px 16px);box-shadow:0 1px 2px #4a3f3a26}.cmt__row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cmt__field{font:inherit;font-size:14px;color:var(--ink);background:var(--white);border:1.5px solid var(--line-2);border-radius:var(--radius-sm);padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease}.cmt__field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cmt__name{flex:1 1 150px;min-width:0}.cmt__pref{flex:1 1 170px;min-width:0}.cmt__body{display:block;width:100%;min-height:78px;resize:vertical;font-family:var(--font-note);font-size:17px;line-height:1.4}.cmt__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.cmt__foot{display:flex;align-items:center;gap:10px;margin-top:8px}.cmt__status{flex:1;margin:0;min-height:1.2em;font-size:12.5px;color:var(--ink-2)}.cmt__count{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.cmt__send{padding:8px 20px;border-radius:var(--radius-pill);background:var(--accent);color:var(--white);font-family:var(--font-head);font-size:14px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-pop)}.cmt__send:hover:not(:disabled){transform:translateY(-1px) rotate(-1.2deg)}.cmt__send:disabled{opacity:.45;cursor:default}.cmt__note{margin:0 0 12px;padding:18px;border:1.5px dashed var(--line-2);border-radius:var(--radius);text-align:center;color:var(--ink-3);font-size:13.5px;font-family:var(--font-note)}.cmt__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cmt__item{padding:10px 14px 12px;border-radius:var(--radius-sm);background:var(--white);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--line)}.cmt__item:nth-child(odd){transform:rotate(-.35deg)}.cmt__item:nth-child(2n){transform:rotate(.3deg)}.cmt__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:12px;color:var(--ink-3)}.cmt__meta b{font-family:var(--font-head);font-weight:500;font-size:13.5px;color:var(--ink)}.cmt__tag{padding:1px 8px;border-radius:var(--radius-pill);background:var(--accent-2-soft);color:var(--ink-2);font-size:11.5px}.cmt__meta time{margin-left:auto}.cmt__text{margin:4px 0 0;font-family:var(--font-note);font-size:17px;line-height:1.4;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.cmt__more{display:block;margin:12px auto 0;padding:4px 14px;border-radius:var(--radius-pill);background:var(--white);box-shadow:inset 0 0 0 1px var(--line-2);font-size:12.5px;color:var(--ink-2)}.cmt__end{display:flex;justify-content:flex-end;margin-top:18px}.cmt__admin{font-size:11.5px;color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}.cmt__adminbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cmt__key{width:170px;padding:5px 10px;font-size:13px}.cmt__adminmsg{margin:0;font-size:12px;color:var(--ink-2)}.cmt__del{margin-left:2px;padding:0 4px;font-size:14px;opacity:.7}.cmt__del:hover{opacity:1}@media(min-width:761px)and (max-width:1100px){.search{flex:1 1 auto;width:auto;min-width:150px;max-width:380px}.seg button{padding:6px 10px}.pill--memo span:not(.pill__icon),.pill--comment span:not(.pill__icon){display:none}.pill--memo,.pill--comment{width:38px;padding:0;justify-content:center}}@media(max-width:900px){:root{--panel-w: 380px}.legend{max-width:calc(100vw - 100px)}}@media(max-width:760px){.compass__dir--top{top:112px}.compass__dir--bottom{bottom:152px}.compass__dir--left{left:8px}.compass__dir--right{right:8px}.compass__main{font-size:16px}.app.has-panel .compass{display:none}: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),.pill--comment span:not(.pill__icon){display:none}.pill--memo,.pill--comment{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}.layers{right:10px;bottom:152px;gap:5px}.layers button{height:30px;padding:0 10px 0 8px;font-size:12px}.app.has-panel .zoomctl,.app.has-panel .legend,.app.has-panel .seg,.app.has-panel .layers{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}}