:root{--paper:#f4efe6;--paper-2:#ece5d8;--ink:#17150f;--muted:#6b6459;--line:#d8cfbf;--accent:#8c1c14;--accent-soft:#b8453a;--t-reel:#b8322a;--t-360:#c79a17;--t-time:#2f6fa8;--t-pic:#3d7a4e;--g:16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.v8-head{position:fixed;inset:0 0 auto 0;height:52px;display:flex;align-items:center;gap:16px;padding:0 20px;background:#f4efe6f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:40}.v8-brand{display:flex;align-items:baseline;gap:8px;letter-spacing:.08em;font-size:11px;text-transform:uppercase}.v8-brand b{font-family:Bebas Neue,Impact,sans-serif;font-size:17px;letter-spacing:.12em}.v8-brand span{color:var(--muted)}.v8-sub{font-family:Georgia,serif;font-size:13px;color:var(--muted);margin-left:6px}.v8-nav{margin-left:auto;display:flex;gap:4px}.v8-nav button{padding:7px 12px;border-radius:2px;color:var(--muted);letter-spacing:.02em}.v8-nav button:hover{color:var(--ink)}.v8-nav button.is-on{color:var(--paper);background:var(--accent)}#v8-main{position:fixed;top:52px;right:0;bottom:0;left:0}.v8-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.v8-view.is-off{display:none}.v8-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px}.v8-canvas{position:relative;width:100%;aspect-ratio:2500/2472;max-width:100%;max-height:100%;transform-origin:0 0;will-change:transform;box-shadow:0 1px #0000000d,0 18px 60px #281e0f1f;background:#fff}.v8-canvas.is-zoomed{cursor:grab}.v8-canvas.is-panning{cursor:grabbing}.v8-canvas img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.v8-hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.hp{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #00000040;transform:scale(var(--hpz,1));transition:transform .12s ease}.hp:hover,.hp:focus-visible{transform:scale(calc(var(--hpz,1) * 1.5));outline:none;z-index:3}.hp.is-visited{opacity:.45}.hp.is-saved{box-shadow:0 0 0 2px var(--accent),0 0 0 1px #00000040}.hp.t-reel{background:var(--t-reel)}.hp.t-360{background:var(--t-360)}.hp.t-timelapse{background:var(--t-time)}.hp.t-pic{background:var(--t-pic)}.hp.t-diary{background:var(--muted)}.v8-hotspots.is-off{display:none}.v8-tools{position:absolute;top:34px;left:32px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:5}.v8-tools button{font-size:13px;padding:8px 14px;background:#ffffffe6;border:1px solid var(--line);border-radius:2px}.v8-tools button:hover{border-color:var(--ink)}.v8-tools #btn-explore{border-color:var(--accent);color:var(--accent)}.v8-tools #btn-explore[aria-pressed=true]{background:var(--accent);color:var(--paper)}.v8-hint{position:absolute;bottom:16px;left:32px;max-width:340px;font-size:12.5px;color:var(--muted);z-index:5}.v8-hint.is-off{display:none}.v8-timeline{display:flex;gap:2px;justify-content:center;padding:10px 16px 4px;border-top:1px solid var(--line);background:var(--paper)}.v8-timeline button{width:72px;padding:6px 0;text-align:center;border-top:2px solid transparent;color:var(--muted)}.v8-timeline button b{display:flex;align-items:flex-end;justify-content:center;min-height:22px;line-height:1;font-family:Bebas Neue,Impact,sans-serif;font-size:16px;letter-spacing:.1em}.v8-timeline button span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v8-timeline button.is-on{color:var(--ink);border-top-color:var(--accent)}.v8-tl-name{display:flex;gap:12px;align-items:baseline;justify-content:center;padding:0 16px 12px;background:var(--paper)}.v8-tl-name #tl-numeral{font-family:Bebas Neue,Impact,sans-serif;font-size:20px;color:var(--accent)}.v8-tl-name #tl-name{font-family:Georgia,serif;font-size:15px}.v8-tl-name #tl-days{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.v8-list-head{display:flex;gap:12px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}#pl-search{flex:1;min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:2px;background:#fff}.v8-filters{display:flex;gap:6px;flex-wrap:wrap}.v8-filters button{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:2px;color:var(--muted);background:#fff}.v8-filters button.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.v8-count{font-size:12px;color:var(--muted)}.v8-list{list-style:none;margin:0;padding:8px 24px 40px;overflow:auto;flex:1}.v8-list li{display:flex;gap:16px;align-items:center;padding:12px 8px;border-bottom:1px solid var(--line);cursor:pointer}.v8-list li:hover{background:var(--paper-2)}.v8-thumb{width:64px;height:64px;flex:0 0 64px;border:1px solid var(--line);background:#fff;background-image:var(--art);background-size:420% auto;background-repeat:no-repeat}.v8-li-main{flex:1;min-width:0}.v8-li-title{font-family:Georgia,serif;font-size:16px}.v8-li-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v8-badges{display:flex;gap:4px;flex:0 0 auto}.v8-badge{font-size:11px;padding:2px 7px;border:1px solid var(--line);border-radius:2px;color:var(--muted)}.v8-badge.is-on{background:var(--accent);color:var(--paper);border-color:var(--accent)}#map{flex:1;min-height:0;background:var(--paper-2)}.v8-map-note{position:absolute;left:16px;bottom:16px;font-size:12px;color:var(--muted);background:#f4efe6eb;padding:6px 10px;border:1px solid var(--line)}.v8-info{max-width:720px;margin:0 auto;padding:56px 28px;overflow:auto}.v8-info h1{font-family:Bebas Neue,Impact,sans-serif;font-size:44px;letter-spacing:.03em;margin:0 0 8px}.v8-info h2{font-family:Georgia,serif;font-size:20px;margin:32px 0 6px}.v8-lead{font-family:Georgia,serif;font-size:18px;line-height:1.6}.v8-muted{color:var(--muted);font-size:12.5px}.v8-place{position:fixed;top:52px;right:0;bottom:0;width:380px;background:var(--paper);border-left:1px solid var(--line);transform:translate(102%);transition:transform .2s ease;z-index:30;display:flex;flex-direction:column}.v8-place.is-open{transform:none}.v8-close{position:absolute;top:10px;right:12px;font-size:14px;color:var(--muted);padding:6px}.v8-place-body{padding:24px;overflow:auto}.v8-place-body h3{font-family:Georgia,serif;font-size:21px;margin:0 12px 2px 0}.v8-place-sub{font-size:13px;color:var(--muted);margin:0 0 16px}.v8-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.v8-media-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:18px 0 8px}.v8-media{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:#fff;margin-bottom:6px;text-align:left}.v8-media:hover{border-color:var(--ink)}.v8-media .dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}.v8-media .mt{flex:1;font-size:14px}.v8-media .badge{font-size:11px;color:var(--muted)}.v8-place-act{display:flex;gap:8px;margin-top:20px}.v8-place-act button{flex:1;padding:10px;border:1px solid var(--line);border-radius:2px;background:#fff;font-size:13px}.v8-place-act button.is-on{background:var(--accent);color:var(--paper);border-color:var(--accent)}.v8-player{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0c0a;z-index:60;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .18s ease}.v8-player.is-open{opacity:1;pointer-events:auto}.v8-player-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#f4efe6;border-bottom:1px solid #2a2823}.v8-player-title{font-family:Georgia,serif;font-size:15px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v8-player-act{display:flex;gap:6px;align-items:center}.v8-player-act button{padding:7px 12px;border:1px solid #3a3730;border-radius:2px;color:#f4efe6;font-size:13px}.v8-player-act button:hover{border-color:#f4efe6}.v8-player-act button:disabled{opacity:.35;cursor:default}.v8-player-act #pm-back{border-color:#c05348;background:#8c1c14}.v8-player-view{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#b9b2a5;white-space:nowrap}.v8-nav-label{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8f897c;margin-right:1px}.v8-player-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px}.v8-player-frame iframe{width:100%;height:100%;border:0;background:#000}.v8-player-frame img{max-width:100%;max-height:100%;object-fit:contain}.v8-player-frame .msg{color:#b9b2a5;font-size:14px;text-align:center;max-width:420px}.v8-player-frame .v8-flat{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.v8-player-frame .v8-flat video{width:100%;height:100%;max-height:100%;display:block;background:#000;object-fit:contain}.v8-player-frame .v8-flat.is-error video{display:none}.v8-player-frame .v8-flat-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#b9b2a5;font-size:14px;text-align:center;max-width:420px;margin:0 auto;padding:0 16px;pointer-events:none}.v8-player-frame .v8-flat.is-ready .v8-flat-note{display:none}@media(max-width:900px){.v8-player-bar{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "view" "act";gap:8px 10px;padding:10px 12px;align-items:center}.v8-player-title{grid-area:title;white-space:normal;overflow:visible;text-overflow:clip;font-size:15px;line-height:1.3;min-width:0}.v8-player-view{grid-area:view;white-space:normal;font-size:10.5px}.v8-player-act{grid-area:act;display:flex;gap:6px;width:100%;align-items:stretch}.v8-player-act button{flex:1 1 0;min-width:44px;min-height:44px;padding:8px 6px;display:flex;align-items:center;justify-content:center;font-size:14px}.v8-player-act #pm-back{flex:2 1 0;font-size:12.5px}}@media(max-width:768px){.v8-head{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px 12px}.v8-sub{display:none}.v8-nav{margin-left:0;width:100%;justify-content:space-between}.v8-nav button{flex:1;text-align:center}#v8-main{top:88px;right:0;bottom:0;left:0}.v8-stage{padding:8px 8px 2px;flex-direction:column;align-items:stretch;justify-content:flex-start}.v8-canvas{order:1;align-self:center;max-height:none}.v8-tools{position:static;order:2;top:auto;left:auto;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;padding:8px 0 0;width:100%}.v8-tools button{padding:8px 10px;font-size:12px}.v8-hint{position:static;order:3;left:auto;right:auto;bottom:auto;max-width:none;font-size:12px;padding:6px 2px 0;text-align:center}.v8-timeline{padding:6px 4px 2px;gap:0}.v8-timeline button{width:auto;flex:1;padding:6px 2px}.v8-timeline button span{display:none}.v8-place{top:auto;left:0;right:0;bottom:0;width:auto;height:72vh;border-left:0;border-top:1px solid var(--line);transform:translateY(102%)}.v8-place.is-open{transform:none}.v8-list{padding:8px 12px 40px}.v8-list-head{padding:12px}}body.is-pseudofull{overflow:hidden}.v8-stage.is-pseudofull{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--paper);padding:16px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.v8-player-frame .v8-360{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.v8-player-frame .v8-360-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;cursor:grab;touch-action:none}.v8-player-frame .v8-360-canvas canvas{display:block;width:100%;height:100%}.v8-player-frame .v8-360.is-drag .v8-360-canvas{cursor:grabbing}.v8-player-frame .v8-360-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center}.v8-player-frame .v8-360.is-ready .v8-360-play{background:#00000057}.v8-player-frame .v8-360-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#b9b2a5;font-size:14px;text-align:center;max-width:420px;margin:0 auto;padding:0 16px;pointer-events:none;z-index:2}.v8-player-frame .v8-360.is-ready .v8-360-note{display:none}.v8-player-frame .v8-360.is-error .v8-360-canvas{visibility:hidden}.v8-player-frame .v8-360-sound{position:absolute;right:12px;bottom:12px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center}.v8-player-frame .v8-360-sound:hover{background:#000000b8}.v8-player-frame .v8-360-sound[aria-pressed=true]{background:#ffd70052;color:#fff}.v8-player-frame .v8-360-full{position:absolute;right:12px;top:12px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:18px;line-height:1;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center}.v8-player-frame .v8-360-full:hover{background:#000000b8}.v8-player-frame .v8-360-full:disabled{opacity:.4;cursor:default}.v8-player-frame .v8-360:fullscreen{width:100vw;height:100vh;background:#000}.v8-player-frame .v8-360:-webkit-full-screen{width:100vw;height:100vh;background:#000}@media(max-width:900px){.v8-player-frame .v8-360-play{width:52px;height:52px;min-width:52px;min-height:52px}.v8-player-frame .v8-360-sound{width:52px;height:52px;min-width:52px;min-height:52px;right:10px;bottom:10px}.v8-player-frame .v8-360-full{width:52px;height:52px;min-width:52px;min-height:52px;right:10px;top:10px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/oasv8-page.css.map */