*{box-sizing:border-box}:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#173f35;background:#eaf1e5;font-synthesis:none}body{margin:0}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #173f3525;border-radius:24px;padding:10px 18px;background:#fffcf1;color:inherit}button:hover{background:#e1eadb}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d68a25;outline-offset:3px}button.primary,button[aria-pressed=true]{background:#174d3d;color:#fff}button:disabled{opacity:.55;cursor:wait}a{color:inherit}p{line-height:1.9}h1,h2,h3{line-height:1.4}h1{font-size:clamp(25px,2.4vw,38px);margin:12px 0;letter-spacing:-.05em}h2{font-size:25px;margin:0}h3{font-size:17px}.eyebrow,.small{font-size:12px}.eyebrow{letter-spacing:.08em}.badge{padding:10px;background:#fff9e9;border-radius:24px;font-size:13px}#museum{height:100svh;min-height:680px;position:relative;isolation:isolate;overflow:hidden}.scenery{position:absolute;inset:0;z-index:-2;background:center/cover url('backgrounds/land.png')}.scenery:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17332620,transparent 50%,#17332605)}[data-habitat=sea] .scenery{background-image:url('backgrounds/sea.png')}[data-habitat=sky] .scenery{background-image:url('backgrounds/sky.png')}.toolbar{position:absolute;right:22px;top:20px;z-index:3;display:flex;gap:8px;align-items:center}.stage{position:absolute;inset:55px 0 165px 350px}model-viewer{width:100%;height:100%;--progress-bar-color:#174d3d}#status{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:#fff9e9e8;padding:8px 16px;border-radius:20px;max-width:90%;font-size:13px}.intro{position:absolute;left:24px;top:50%;transform:translateY(-55%);width:350px;padding:28px;background:#fffcf1ed;border:1px solid #fff8;border-radius:24px;box-shadow:0 15px 60px #193d3620;backdrop-filter:blur(12px)}.brand{font-size:16px;font-weight:bold;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.2em;margin-top:5px}.intro .eyebrow{margin-top:28px}.intro #observation{font-size:16px;min-height:88px}.action-row{display:flex;gap:8px}.action-row button{padding:10px 12px;flex:1;font-size:13px}.wide{width:100%;display:flex;justify-content:space-between;margin-top:18px}.audio-row{display:flex;gap:9px;align-items:center;margin-top:10px}.audio-row button{padding:4px;min-width:44px}.audio-row input{width:100%;min-width:0;accent-color:#174d3d}.audio-row output{font-size:12px;white-space:nowrap}.small{opacity:.8}#audioStatus{margin:5px 0;font-size:10px}.model-controls{position:absolute;bottom:20px;right:24px;display:flex;gap:7px}.gesture{position:absolute;bottom:-17px;right:24px;font-size:11px;background:#fff9e9c9;padding:2px 9px;border-radius:12px}.animal-nav{position:absolute;bottom:32px;left:400px;right:24px;display:flex;gap:8px;align-items:center}.animal-nav>button{font-size:28px;padding:0;min-width:44px}#strip{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:5px 3px;scroll-snap-type:x mandatory}#strip button{flex:0 0 112px;scroll-snap-align:center;padding:6px;border-radius:14px;background:#fff9e9cf;font-size:10px;display:grid;gap:4px}#strip button[aria-current=true]{background:#174d3d;color:white;outline:2px solid #fff8}#strip img{width:98px;height:64px;object-fit:contain}.scene-note{position:absolute;bottom:0;right:24px;font-size:9px;margin:3px 0;color:#183f39;background:#fff9e9c9;padding:2px 6px;border-radius:8px}.focused .intro,.focused .animal-nav{display:none}.focused .stage{left:0;bottom:60px}dialog{color:inherit;background:#fffdf5;border:1px solid #fff;border-radius:24px;padding:0;max-height:90svh;width:min(840px,94vw);box-shadow:0 20px 100px #15332966}dialog::backdrop{background:#102c2870;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid #174d3d20}dialog header button{flex-shrink:0}.dialog-body{padding:24px 28px}#guideDialog{margin-right:24px;width:min(560px,94vw)}dl{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:14px}dt{color:#5d7064}dd{margin:0}aside{background:#e8eede;padding:10px 20px;border-radius:18px}li{line-height:1.7;margin:10px 0;overflow-wrap:anywhere}pre{font:11px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere}summary{padding:16px 0;cursor:pointer}.filters{display:flex;gap:8px;flex-wrap:wrap}#gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}#gallery button{border-radius:16px;display:grid;gap:8px;font-size:12px;min-width:0}#gallery img{width:100%;height:110px;object-fit:contain}#comparison{height:400px;background:#d8e5dc;border-radius:18px;overflow:hidden}#comparison canvas{display:block;width:100%;height:100%;touch-action:none}.compare-controls{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:15px}.compare-controls label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.compare-controls input{accent-color:#174d3d}#compareStatus{font-size:12px;min-height:24px}
@media(max-width:760px){#museum{height:auto;min-height:100svh;padding:360px 14px 155px}.toolbar{top:12px;right:12px;left:12px;justify-content:flex-end;gap:5px}.toolbar button{font-size:11px;padding:7px 10px}.badge{font-size:10px}.stage{inset:60px 0 auto;height:300px}.model-controls{bottom:12px;right:12px}.model-controls button{font-size:11px;padding:6px 12px}.gesture{display:none}.intro{position:relative;inset:auto;transform:none;width:100%;padding:22px}.intro .eyebrow{margin-top:15px}.intro #observation{min-height:0}.animal-nav{left:14px;right:14px;bottom:28px}#strip button{flex-basis:98px}#strip img{width:84px}.scene-note{right:12px;font-size:8px}.focused #museum{height:100svh;padding:0;min-height:500px}.focused .stage{height:calc(100% - 90px)}dialog header,.dialog-body{padding:18px}#guideDialog{margin:auto}#gallery{grid-template-columns:repeat(2,minmax(0,1fr))}#comparison{height:300px}.compare-controls{align-items:start}.compare-controls label{font-size:13px}.compare-controls input{max-width:140px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}