:root{--bg: #0E0C09;--persimmon: #D4976C;--celadon: #4A6741;--texture: #D4C5A9;--washi: #F5F0E8}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--texture);font-family:DM Sans,sans-serif;overflow:hidden}#map-wrap{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease}#map-wrap.visible{opacity:1}#map{width:100%;height:100%}#intro{position:fixed;inset:0;z-index:1000;background:#060402;display:flex;align-items:center;justify-content:center;cursor:pointer;will-change:opacity,filter,transform}#intro.exit{animation:introOut 1.6s cubic-bezier(.76,0,.24,1) forwards;pointer-events:none}@keyframes introOut{0%{opacity:1;filter:blur(0px);transform:scale(1)}30%{opacity:.85;filter:blur(4px);transform:scale(1.008)}to{opacity:0;filter:blur(14px);transform:scale(1.018)}}#cinema-frame{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:min(40vw,85vh);overflow:hidden}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease;pointer-events:none}.scene-video.active{opacity:1}#vignette{position:absolute;inset:0;z-index:2;background:linear-gradient(to right,rgba(3,2,1,.55) 0%,transparent 18%,transparent 82%,rgba(3,2,1,.55) 100%),radial-gradient(ellipse 85% 80% at 50% 50%,transparent 20%,rgba(3,2,1,.78) 100%);pointer-events:none}#grain{position:absolute;inset:0;z-index:6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.76' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.22;pointer-events:none}#intro-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none;width:100%;opacity:.08;animation:titleRise 2s cubic-bezier(.25,.1,.25,1) 0s forwards}@keyframes titleRise{0%{opacity:.08;transform:translate(-50%,-46%)}40%{opacity:.65}to{opacity:1;transform:translate(-50%,-50%)}}#intro-title.exit{animation:titleExit 1s ease forwards!important}@keyframes titleExit{to{opacity:0;transform:translate(-50%,-56%)}}#intro-title .jp{font-family:Lora,serif;font-weight:500;font-size:clamp(18px,2.3vw,34px);color:#fffcf5f2;letter-spacing:.22em;display:block;text-shadow:0 1px 24px rgba(0,0,0,.85),0 0 60px rgba(0,0,0,.5)}#intro-title .en{font-family:DM Sans,sans-serif;font-weight:400;font-size:clamp(8px,.75vw,11px);color:#fffcf585;letter-spacing:.42em;text-transform:uppercase;display:block;margin-top:10px}#intro-title .rule{width:22px;height:.5px;background:#fffcf540;margin:15px auto 0;display:block}#intro-hint{position:absolute;top:calc(50% + 20vw + (50vh - 20vw)/2);left:50%;transform:translate(-50%,-50%);font-size:clamp(9px,.9vw,12px);font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:#fffcf500;z-index:10;pointer-events:none;white-space:nowrap;animation:hintFade 1s ease 1.2s forwards}@keyframes hintFade{to{color:#fffcf573}}@media(max-width:600px){#intro-title .jp{font-size:clamp(18px,5.5vw,26px)}#intro-title .en{font-size:10px;letter-spacing:.3em}#cinema-frame{height:min(56vw,75vh)}}.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{display:none}#nav{position:fixed;top:0;left:0;right:0;z-index:300;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0e0c098c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:.5px solid rgba(212,151,108,.1);pointer-events:auto}#nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--texture)}#nav-logo .nav-logo-img{width:36px;height:auto;display:block;flex-shrink:0;transition:opacity .3s}#nav-title{display:none;position:absolute;left:50%;transform:translate(-50%);font-family:Lora,serif;font-size:.95rem;font-weight:500;color:#f5f0e8e0;letter-spacing:.06em;pointer-events:none;white-space:nowrap}#nav-links{display:flex;align-items:center;gap:2.5rem}#nav-links a{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:400;color:#d4c5a9a6;text-decoration:none;letter-spacing:normal;text-transform:none;opacity:.85;transition:opacity .3s,color .2s}#nav-links a:hover{opacity:1;color:#f5f0e8f2}@media(max-width:600px){#nav-logo .nav-logo-img{width:30px}#nav-links{display:none}#nav-title{display:block}}.filter-bar{position:fixed;left:16px;bottom:48px;z-index:200;background:#0e0c0973;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid rgba(212,197,169,.15);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;max-width:calc(100vw - 32px)}.filter-bar:active{cursor:grabbing}.filter-bar-label{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#d4c5a94d;padding:0 2px;pointer-events:none}.filter-chips{display:flex;flex-wrap:wrap;gap:5px}.filter-bar .chip{flex-shrink:0;padding:5px 11px;font-family:DM Sans,sans-serif;font-size:10px;color:#d4c5a999;background:transparent;border:.5px solid rgba(212,197,169,.18);border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.filter-bar .chip.active{background:#d4976c26;border-color:var(--persimmon);color:var(--persimmon)}.filter-bar .chip:hover:not(.active){border-color:#d4c5a966;color:#d4c5a9e6}@media(max-width:600px){.filter-bar{bottom:40px;left:12px;padding:8px 10px}}.pin-wrap{cursor:pointer;display:block}.pin-wrap svg{display:block;overflow:visible}.panel{position:absolute;right:0;top:48px;bottom:0;width:320px;background:#0e0c0959;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:.5px solid rgba(212,151,108,.2);transform:translate(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);z-index:200;display:flex;flex-direction:column;overflow:hidden}.panel.open{transform:translate(0)}.panel-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:.5px solid rgba(212,197,169,.2);background:#0e0c0966;color:var(--texture);font-size:18px;line-height:1;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:2}.panel-head{flex-shrink:0;padding:16px 44px 12px 16px;border-bottom:.5px solid rgba(212,151,108,.12)}.panel-img-wrap{width:100%;height:160px;overflow:hidden;display:none}.panel-img-wrap.has-image{display:block}#ph-img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}#ph-img.loaded{opacity:1}.panel-head .name-ja{font-family:Lora,serif;font-size:18px;color:var(--washi);line-height:1.3}.panel-head .name-en{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.1em;color:var(--persimmon);text-transform:uppercase;margin-top:4px}.panel-head .meta{font-family:DM Sans,sans-serif;font-size:9px;color:#d4c5a966;margin-top:8px;line-height:1.4}.panel-chat{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 16px 16px}.panel-chat .messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:80px}.panel-chat .msg{box-sizing:border-box}.msg.bot{align-self:flex-start;font-family:Lora,serif;font-style:italic;font-size:12.5px;line-height:1.7;color:#d4c5a9cc;max-width:92%;padding:4px 0}.msg.user{align-self:flex-end;margin-left:auto;font-family:DM Sans,sans-serif;font-style:normal;font-size:11px;line-height:1.5;color:#f5f0e8b3;background:#d4976c1a;border:.5px solid rgba(212,151,108,.25);border-radius:10px 10px 2px;padding:6px 10px;max-width:80%}.msg.bot.loading{opacity:.5}.msg.bot.loading .dot{display:inline-block;animation:pulse 1.2s ease-in-out infinite;font-size:20px;line-height:1;color:#d4c5a980}.msg.bot.loading span:nth-of-type(3){animation-delay:.2s}.msg.bot.loading span:nth-of-type(4){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.panel-chat .form{display:flex;gap:8px;margin-top:10px;flex-shrink:0}.panel-chat .form input{flex:1;padding:8px 10px;font-family:Lora,serif;font-style:italic;font-size:16px;background:#ffffff0a;border:.5px solid rgba(212,197,169,.12);color:var(--texture);border-radius:4px}.panel-chat .form input::placeholder{color:#d4c5a959}.panel-chat .form button{width:36px;height:36px;flex-shrink:0;background:transparent;border:.5px solid rgba(212,151,108,.3);color:var(--persimmon);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.panel{inset:auto 0 0;width:100%;height:75vh;border-left:none;border-top:.5px solid rgba(212,151,108,.2);transform:translateY(100%)}.panel.open{transform:translateY(0)}.panel-chat .form{position:sticky;bottom:0;background:#0e0c09f2;padding:8px 0}}