@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#153e48;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#bee8ed;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e76d39;outline-offset:5px}button{touch-action:manipulation}#world{position:fixed;top:0;right:0;bottom:0;left:0}#world canvas{display:block;width:100%;height:100%}.masthead{position:fixed;z-index:3;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.identity{display:flex;align-items:center;gap:14px;text-decoration:none;pointer-events:auto;font-size:19px;font-weight:600;letter-spacing:.15em}.brand-mark{font:52px Georgia;line-height:.8;color:#367f89;transform:rotate(-10deg)}.identity small{display:block;font-size:8px;letter-spacing:.18em;margin-top:7px;font-weight:500}.edition{text-align:right;font-size:9px;letter-spacing:.17em;line-height:2.2}.edition span{font-size:10px;letter-spacing:.08em}.introduction{position:absolute;z-index:2;top:135px;left:6%;pointer-events:none;transition:opacity .4s}.eyebrow{font-size:9px;letter-spacing:.2em;color:#c46137;font-weight:700}h1{font-family:"Noto Serif JP",serif;font-size:clamp(30px,3.4vw,52px);font-weight:500;letter-spacing:.12em;line-height:1.65;margin:17px 0 18px}.introduction p{font-size:12px;line-height:2.2;letter-spacing:.07em;color:#37636c}.island-labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.island-labels button{position:absolute;top:60%;left:50%;white-space:nowrap;pointer-events:auto;transform:translate(-50%,-100%);background:#fffef7f2;border:1px solid #fff;padding:12px 17px;border-radius:40px;box-shadow:0 5px 20px #214c5b16;display:flex;align-items:center;gap:8px;font-size:12px;transition:background .2s,box-shadow .2s}.island-labels button:hover,.island-labels button[aria-current=true]{background:#fff;box-shadow:0 5px 20px #214c5b30}.island-labels i{width:5px;height:5px;background:#ef784d;border-radius:100%}.island-labels span{font:italic 12px Georgia;color:#7b8c87}.island-labels b{font-size:12px;margin-left:2px;font-weight:400}.voyage-note{position:fixed;bottom:105px;left:50%;transform:translate(-50%);z-index:3;background:#f7fffaac;border:1px solid #ffffff60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;border-radius:30px;font-size:11px;display:flex;align-items:center;gap:10px;white-space:nowrap}.live-dot{width:5px;height:5px;border-radius:50%;background:#478d77}footer{position:fixed;bottom:28px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.controls{display:flex;align-items:center;gap:10px;pointer-events:auto}.controls button{border:1px solid #ffffffb0;background:#ffffffe8;border-radius:50%;width:40px;height:40px;font-size:20px;box-shadow:0 3px 12px #25566c0c}.control-caption{font-size:8px;letter-spacing:.15em;margin-left:8px}.coordinates{text-align:right;font-size:10px;letter-spacing:.1em}.coordinates small{display:block;font-size:7px;margin-top:9px;letter-spacing:.16em}#panel{position:fixed;right:24px;top:100px;bottom:90px;width:min(420px,40vw);z-index:8;background:#fffffff5;border:1px solid white;border-radius:24px;box-shadow:0 20px 70px #153c4e25;padding:25px 28px;overflow:auto;overscroll-behavior:contain;animation:reveal .35s ease}#panel[hidden]{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head button{border:0;background:#f0f4f1;border-radius:50%;width:32px;height:32px;font-size:24px;font-weight:400}h2{font-family:"Noto Serif JP",serif;font-size:28px;font-weight:500;letter-spacing:.04em;line-height:1.5;margin:17px 0 20px}#panel-content{font-size:12px;line-height:2;color:#4c6468}#panel-content h3{color:#24464c;font-size:14px;font-weight:600;line-height:1.7;margin:22px 0 8px}#panel-content p{margin:10px 0 18px}.ruby{font-size:11px;letter-spacing:.12em;color:#81918b}.intro-tag{display:inline-block;border-radius:5px;padding:5px 9px;background:#e8f3ee;font-size:10px;color:#417765}.detail-row{padding:15px 0;border-bottom:1px solid #e6ece8}.detail-row small{color:#a96f4d;font-size:10px}.detail-row h3{margin:6px 0!important}.detail-row p{margin:0!important}.qualifications{display:flex;gap:10px;margin:18px 0}.qualification{flex:1;border-radius:12px;background:#eff5f1;padding:14px}.qualification strong{display:block;color:#1c544b;font:25px Georgia}.qualification span{font-size:10px}.panel-foot{display:flex;justify-content:space-between;padding-top:22px;margin-top:24px;border-top:1px solid #e6ece8;font-size:9px;letter-spacing:.1em;color:#8d9b93}.email{display:block;font-size:15px;overflow-wrap:anywhere;text-underline-offset:5px;color:#24796d;margin:22px 0}.postcard{padding:25px 18px;background:#eff5ee;border-radius:13px;margin-top:25px;font-family:"Noto Serif JP",serif;font-size:18px;line-height:2}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}.work-art{aspect-ratio:1.15;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#a8d9d6;color:#f7f5db;font:64px Georgia}.work-art.two{background:#e8c7a6;color:#9c7a60}.work-art.three{background:#a3b6b7;color:#e5eee4}.work-art.four{background:#d7dec2;color:#7f997c}.work-grid h3{font-size:12px!important;margin:8px 0 2px!important}.work-grid small{font-size:9px;color:#81918b}.panel-open .introduction{opacity:0}.panel-open .voyage-note{left:30%}#fallback{position:fixed;top:45%;left:10%;width:45%;z-index:2;font-size:13px;line-height:2}.fallback .island-labels{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;inset:auto 20px 130px}.fallback .island-labels button{position:static;transform:none}.no-script{position:fixed;top:120px;right:25px;bottom:100px;left:25px;background:#fff;padding:25px;overflow:auto;z-index:9}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (min-width:701px){.introduction{top:112px}.introduction h1{font-size:clamp(28px,3.1vw,46px);margin:12px 0}.introduction p{font-size:11px}:is(.panel-open,.sailing) .island-labels{inset:auto auto 92px 30px;width:calc(100% - 485px);height:auto;display:flex;flex-wrap:wrap;gap:8px}:is(.panel-open,.sailing) .island-labels button{position:static!important;transform:none!important;padding:9px 13px;font-size:10px}:is(.panel-open,.sailing) .island-labels span,:is(.panel-open,.sailing) .island-labels b{display:none}.panel-open .voyage-note{display:none}}@media (min-width:701px){.introduction{top:100px}.introduction h1{font-size:clamp(27px,2.8vw,40px);line-height:1.5;margin:8px 0}.introduction p{font-size:10px;line-height:1.7}}.panel-head{position:sticky;top:-1px;z-index:2;background:#fffffff5;border-radius:12px;padding:3px 0}#panel{scrollbar-width:thin;scrollbar-color:#b7c7bd transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#panel[data-page="0"] h2,#panel[data-page="1"] h2{font-size:25px;line-height:1.7}.about-hello{display:flex;gap:14px;align-items:center;margin:6px 0 22px}.hello-wave{display:grid;place-items:center;flex:0 0 52px;height:52px;background:#fff0d8;border-radius:19px;transform:rotate(-7deg);font:36px Georgia;color:#be8851}.about-hello strong{font-size:19px;font-weight:600;color:#315f59;letter-spacing:.12em}.about-hello .ruby{margin-left:12px;font-size:10px}.hello-note{display:block;margin-top:3px;font-size:10px;letter-spacing:.04em;color:#81928a}.tiny-label{font-size:10px;color:#6b9289;letter-spacing:.12em}.about-research{padding:15px 17px;background:#f0f7f4;border-radius:16px}#panel-content .about-research p{margin:8px 0 0;line-height:1.95;font-size:12px}#panel-content .likes-title{font-size:13px;margin:24px 0 13px}.likes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.like-card{padding:14px 12px;border-radius:16px;background:#edf5f9;min-width:0}.like-card:nth-child(2){background:#edf3e7}.like-card:nth-child(3){background:#fcf0e5}.like-card:nth-child(4){background:#f3edf5}.like-icon{display:block;font-size:24px;line-height:1.3;margin-bottom:10px}.like-card h4{font-size:11px;color:#345d57;line-height:1.8;margin:0;font-weight:600;overflow-wrap:anywhere}#panel-content .like-card p{font-size:10px;line-height:1.9;margin:5px 0 0}.about-welcome{text-align:center;padding:20px 0 2px}.about-welcome>span{font:32px Georgia;color:#77a8a8}#panel-content .about-welcome p{font-size:11px;line-height:2;margin:9px 0;color:#6d827b}.photo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 14px;padding-top:4px}.photo-card{margin:0;min-width:0}.photo-frame{width:100%;aspect-ratio:3/4;border-radius:13px;overflow:hidden;background:#edf1ed}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.photo-card figcaption{font-size:11px;line-height:1.85;color:#647873;margin-top:10px;overflow-wrap:anywhere}