html,body{margin:0;height:100%;overflow:hidden;background:#f3ecdc}html,body,#app,#pad,#pad button,#scenes,#scenes button,#rotate,#title,#hint,#full,#gear,#spk{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{width:100%;height:100%;touch-action:none}#app canvas{display:block}#loading{position:fixed;inset:0;display:grid;place-items:center;color:#6b5d4a;font:14px/1.6 system-ui,sans-serif;background:#f3ecdc;transition:opacity .5s;pointer-events:none}#loading.done{opacity:0}#title{position:fixed;left:16px;top:14px;color:#5a4e3ebf;font:15px/1.4 system-ui,sans-serif;letter-spacing:.08em;-webkit-user-select:none;user-select:none;pointer-events:none}#hint{position:fixed;left:96px;bottom:14px;padding:5px 10px;border-radius:4px;background:#f7f1e49e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#4a3f30eb;font:12px/1.4 system-ui,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}#pad{display:flex;position:fixed;right:18px;bottom:22px;flex-direction:column;gap:10px;z-index:5}#pad button{width:62px;height:62px;border-radius:50%;border:0;background:#f7f1e46b;box-shadow:0 1px 6px #3c32262e;color:#5a4e3ed9;font-size:20px;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#pad button:active{background:#f7f1e4b8}#rotate{display:none;position:fixed;inset:auto 0 0;padding:10px 16px;background:#f7f1e4db;color:#6b5d4a;font:12px/1.5 system-ui,sans-serif;text-align:center;z-index:6}body.touch.portrait #rotate{display:block}body.touch.portrait #full{bottom:52px}body.touch.portrait #gear,body.touch.portrait #spk{bottom:96px}body.touch.portrait #atbar{bottom:54px!important}body.touch.portrait #pad{bottom:58px}body.touch #hint{display:none}#scenes{position:fixed;right:14px;top:12px;z-index:5;display:flex;gap:6px;flex-wrap:nowrap;justify-content:safe flex-end;max-width:calc(100vw - 28px);overflow-x:auto;scrollbar-width:none}#scenes::-webkit-scrollbar{display:none}#scenes button{flex:none}@media(max-width:560px){#scenes button{padding:7px 9px;font-size:11px;letter-spacing:0}#title{display:none}}#scenes button{border:0;border-radius:999px;padding:7px 12px;background:#f7f1e46b;color:#5a4e3ecc;font:12px/1 system-ui,sans-serif;letter-spacing:.04em;text-indent:.04em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#full{position:fixed;left:12px;bottom:12px;z-index:5;font:inherit;font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid rgba(90,78,62,.25);color:#5a4e3e;background:#f7f1e499;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(hover:hover)and (pointer:fine){#full{display:none}}#scenes button.on{background:#f7f1e4d9;color:#5a4e3e;font-weight:600}#gear,#spk{position:fixed;left:12px;bottom:12px;z-index:5;width:34px;height:34px;border-radius:999px;border:1px solid rgba(90,78,62,.25);color:#5a4e3e;background:#f7f1e499;cursor:pointer;font:15px/1 system-ui,sans-serif;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.touch #gear{bottom:56px}#spk{left:54px;display:grid;place-items:center}#spk svg{width:18px;height:15px;display:block}#spk .body{fill:currentColor}#spk .wave path,#spk .mute path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}#spk .wave{display:none}body.sound #spk .wave{display:inline}body.sound #spk .mute{display:none}body.touch #spk{bottom:56px}@media not all and (hover:hover)and (pointer:fine){#spk{bottom:56px}}body.nofull #gear,body.nofull #spk{bottom:12px}body.nofull.touch.portrait #gear,body.nofull.touch.portrait #spk{bottom:52px}#panel .vol{flex:none;width:132px;accent-color:#8a7a5e;background:transparent;cursor:pointer}#panel{position:fixed;inset:0;z-index:30;display:none;background:#f3ecdceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;color:#4c4234;font:14px/1.75 system-ui,sans-serif}#panel.on{display:flex;flex-direction:column}#panel .inner{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:34px max(22px,(100% - 560px) / 2) 72px;scrollbar-width:thin;scrollbar-color:rgba(90,78,62,.28) transparent}#panel .inner::-webkit-scrollbar{width:10px}#panel .inner::-webkit-scrollbar-track{background:transparent}#panel .inner::-webkit-scrollbar-thumb{background:#5a4e3e3d;border-radius:999px;border:3px solid transparent;background-clip:padding-box}#panel .inner::-webkit-scrollbar-thumb:hover{background:#5a4e3e66;background-clip:padding-box}#panel h2{font-size:13px;font-weight:600;letter-spacing:.12em;color:#4c423499;margin:30px 0 10px}#panel h2:first-of-type{margin-top:0}#panel p{margin:0 0 12px}#panel .row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(90,78,62,.14)}#panel .row .lab{display:flex;flex-direction:column;gap:2px}#panel .row .sub{font-size:12px;color:#4c423499}#panel .seg{display:flex;gap:6px;flex:none}#panel .seg button{border:1px solid rgba(90,78,62,.25);border-radius:999px;padding:6px 13px;font:12px/1 system-ui,sans-serif;background:transparent;color:#4c4234bf;cursor:pointer;-webkit-tap-highlight-color:transparent}#panel .seg button.on{background:#fffcf5e6;color:#4c4234;font-weight:600}#panel .by{font-size:15px;margin:0 0 16px;color:#4c4234}#panel .by .when{display:block;margin-top:2px;font-size:12px;letter-spacing:.1em;color:#4c423499}#panel .by .by-lab{color:#4c423499;margin-right:8px;font-size:12px;letter-spacing:.1em}#panel .credit{font-size:12px;line-height:1.85;color:#4c4234c7;border-left:2px solid rgba(90,78,62,.2);padding-left:12px}#panel a{color:#7a6a52}#panel .mapbox{margin:4px 0 16px;padding:10px;background:#fffcf58c;border:1px solid rgba(90,78,62,.16);border-radius:4px;overflow-x:auto}#panel .map{width:100%}#panel[data-lang=ja] [lang=en],#panel[data-lang=en] [lang=ja],#ask[data-lang=ja] [lang=en],#ask[data-lang=en] [lang=ja]{display:none}#ask{display:none;position:fixed;z-index:20;left:50%;bottom:108px;transform:translate(-50%);width:min(340px,100vw - 36px);padding:18px 20px 16px;background:#f3ecdcf0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;box-shadow:0 2px 14px #3c32262e;color:#4c4234;font:14px/1.7 system-ui,sans-serif;text-align:center}#ask.on{display:block}#ask .t{margin:0 0 4px;font-weight:600;letter-spacing:.04em}#ask .s{margin:0 0 14px;font-size:12px;color:#4c4234b8}#ask .b{display:flex;gap:8px;justify-content:center}#ask button{flex:1;padding:9px 10px;border-radius:9px;cursor:pointer;border:1px solid rgba(90,78,62,.22);background:transparent;color:#4c4234;font:inherit;font-size:13px;-webkit-tap-highlight-color:transparent}#ask #askYes{background:#8a7a5e2e;border-color:#5a4e3e4d}body.touch.portrait #ask{bottom:150px}#panel .tools{flex:none;z-index:31;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px max(16px,(100% - 560px) / 2);border-bottom:1px solid rgba(90,78,62,.16);background:#f7f1e48c}#panel .tools .seg button{background:#fffcf58c}#panel .close{position:relative;border:1px solid rgba(90,78,62,.25);border-radius:999px;background:#fffcf5cc;color:#5a4e3e;font:13px/1 system-ui,sans-serif;padding:9px 14px;cursor:pointer}#panel .video{margin:4px 0 16px;padding:18px 14px;background:#fffcf58c;border:1px solid rgba(90,78,62,.16);border-radius:4px;text-align:center}#panel .video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}#panel .video .sub{margin:0;font-size:13px;color:#4c423499}#panel .video .sub+button{margin-top:12px}#panel #track iframe{aspect-ratio:auto}