@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shippori-mincho-japanese-400-normal-CsENjmgI.woff2) format("woff2"),url(/assets/shippori-mincho-japanese-400-normal-j2VnjKGN.woff) format("woff")}@font-face{font-family:Shippori Mincho;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/shippori-mincho-japanese-600-normal-BFKFJiSV.woff2) format("woff2"),url(/assets/shippori-mincho-japanese-600-normal-DxL9WaVC.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}:root{--ink: #0a0d12;--ink-2: #11161e;--paper: #f4efe4;--paper-dim: #cdc5b4;--gold: #d8b878;--gold-soft: #b99a5f;--vermilion: #c4472f;--moss: #6d7f5c;--line: rgba(226, 213, 186, .16);--glass: rgba(12, 15, 21, .55);--glass-strong: rgba(10, 13, 18, .82);--shadow: 0 22px 60px rgba(0, 0, 0, .45);--jp: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#05070a;color:var(--paper);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}svg.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}svg.ico path,svg.ico circle,svg.ico rect{vector-effect:non-scaling-stroke}.hud{position:absolute;inset:0;pointer-events:none;z-index:20;transition:opacity .7s ease}.hud.is-hidden{opacity:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:clamp(16px,2.4vw,30px);left:clamp(16px,2.4vw,34px);right:clamp(16px,2.4vw,34px);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brand-seal{width:42px;height:42px;display:grid;place-items:center;font-family:var(--jp);font-size:23px;color:#f6ead6;background:linear-gradient(160deg,#c9503a,#a83723);border-radius:8px 3px 9px 4px;box-shadow:inset 0 0 0 1px #ffe2be59,0 8px 20px #781e1059;transform:rotate(-2deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-jp{font-family:var(--jp);font-size:19px;letter-spacing:.28em;color:var(--paper)}.brand-sub{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#e2d5ba9e;margin-top:3px}.top-actions{display:flex;align-items:center;gap:9px}.time-chip{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:var(--glass);border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:13px;color:var(--paper)}.time-chip svg{width:15px;height:15px;opacity:.75}.time-phase{color:#e2d5ba8c;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#eee4d0db;transition:transform .25s ease,background .25s ease,color .25s ease}.icon-btn:hover{transform:translateY(-1px);background:#202630b8;color:#fff}.icon-btn.small{width:30px;height:30px}.icon-btn .ico-on{display:none}.icon-btn.is-on{color:var(--gold)}.icon-btn.is-on .ico-on{display:block}.icon-btn.is-on .ico-off{display:none}.chapter-card{position:absolute;left:clamp(16px,3.4vw,58px);bottom:clamp(118px,17vh,172px);width:min(390px,74vw);opacity:0;transform:translateY(14px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1);text-shadow:0 2px 22px rgba(0,0,0,.65)}.chapter-card.is-visible{opacity:1;transform:translateY(0)}.chapter-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.chapter-index{font-size:11px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase}.chapter-rule{height:1px;flex:1;background:linear-gradient(90deg,rgba(216,184,120,.6),transparent)}.chapter-jp{margin:0 0 2px;font-family:var(--jp);font-size:clamp(30px,4.4vw,52px);letter-spacing:.22em;line-height:1.05;color:#fbf5e9}.chapter-title{margin:0 0 10px;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.5vw,31px);letter-spacing:.015em;color:var(--gold)}.chapter-desc{margin:0;max-width:360px;font-size:13.5px;line-height:1.65;color:#e8e0d0d1}.minimap-wrap{position:absolute;right:clamp(16px,2.6vw,38px);bottom:clamp(112px,16vh,160px);width:clamp(118px,12vw,152px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#080b0f99;border:1px solid rgba(216,184,120,.28);box-shadow:var(--shadow),inset 0 0 30px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .5s ease,transform .5s ease}.minimap-wrap.is-hidden{opacity:0;transform:scale(.9);pointer-events:none}#minimap{width:100%;height:100%;display:block}.minimap-ring{position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(216,184,120,.14);pointer-events:none}.minimap-n{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.14em;color:#e8e0d08c}.minimap-label{position:absolute;bottom:7px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#e8e0d09e;white-space:nowrap}.hud-bottom{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(16px,2.4vw,34px) clamp(16px,2vw,26px);display:flex;flex-direction:column;gap:14px;background:linear-gradient(to top,rgba(4,6,9,.72),transparent)}.tour-bar{display:flex;flex-direction:column;gap:9px}.tour-progress{height:2px;background:#e8e0d024;border-radius:2px;overflow:hidden}.tour-progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--gold-soft),var(--gold));box-shadow:0 0 12px #d8b878b3}.tour-chapters{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chapter-tick{position:relative;display:flex;align-items:center;gap:7px;padding:4px 9px 4px 7px;border-radius:999px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#e8e0d080;background:#0c0f156b;border:1px solid transparent;transition:all .35s ease;white-space:nowrap}.chapter-tick:hover{color:#fffaf0e6;background:#1c212ab8}.chapter-tick.is-active{color:var(--ink);background:var(--gold);border-color:#fff0d299}.chapter-tick b{font-family:var(--jp);font-weight:400;font-size:12px;letter-spacing:0}.controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ctl-btn{display:flex;align-items:center;gap:9px;height:42px;padding:0 17px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eee4d0e6;font-size:12.5px;letter-spacing:.08em;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.ctl-btn:hover{transform:translateY(-2px);background:#1e242ecc;color:#fff;border-color:#d8b87852}.ctl-btn.primary{background:linear-gradient(150deg,#c4472feb,#942a19eb);border-color:#ffc4a047;color:#fff6ee}.ctl-btn.primary:hover{background:linear-gradient(150deg,#d0553a,#a83a22)}.ctl-btn.is-on{color:var(--gold);border-color:#d8b87873}.ctl-btn .ico-pause{display:none}.ctl-btn.is-playing .ico-pause{display:block}.ctl-btn.is-playing .ico-play{display:none}#btn-fullscreen{padding:0 14px}.hint{position:absolute;left:50%;bottom:clamp(84px,12vh,112px);transform:translate(-50%) translateY(8px);padding:8px 18px;border-radius:999px;background:#080b108c;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11.5px;letter-spacing:.08em;color:#eee4d0b3;opacity:0;transition:opacity .6s ease,transform .6s ease;white-space:nowrap}.hint.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.hint b{color:var(--gold);font-weight:500}.toast{position:absolute;top:clamp(74px,12vh,104px);left:50%;transform:translate(-50%,-12px);padding:10px 20px;border-radius:999px;background:var(--glass-strong);border:1px solid rgba(216,184,120,.3);font-size:12.5px;letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.panel{position:absolute;z-index:40;top:clamp(70px,11vh,92px);right:clamp(16px,2.4vw,34px);width:min(330px,calc(100vw - 32px));padding:20px 20px 16px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.panel.is-hidden{opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{margin:0;font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:.02em;color:var(--paper)}.panel-row{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 6px}.panel-row label{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#e2d5ba9e}.panel-row output{font-size:12.5px;color:var(--gold);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#e2d5ba40;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-5.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #d8b8782e}input[type=range]::-moz-range-track{height:2px;background:#e2d5ba40}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--gold)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#ffffff0a;padding:4px;border-radius:11px}.segmented button{padding:8px 4px;border-radius:8px;font-size:10.5px;letter-spacing:.06em;color:#e8e0d09e;transition:all .25s ease}.segmented button.is-active{background:#d8b87829;color:var(--gold);box-shadow:inset 0 0 0 1px #d8b8784d}.panel-toggles{display:flex;flex-direction:column;gap:2px;margin-top:14px}.switch{display:flex;align-items:center;gap:11px;padding:7px 0;cursor:pointer;font-size:13px;color:#eee4d0cc}.switch input{display:none}.switch i{position:relative;width:34px;height:19px;border-radius:999px;background:#ffffff1c;transition:background .25s ease;flex:0 0 auto}.switch i:after{content:"";position:absolute;top:2.5px;left:3px;width:14px;height:14px;border-radius:50%;background:#eee4d0b3;transition:transform .25s ease,background .25s ease}.switch input:checked+i{background:#c4472f99}.switch input:checked+i:after{transform:translate(14px);background:#fff3e6}.panel-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:#e2d5ba8c;letter-spacing:.08em}.panel-hint{font-size:10px;letter-spacing:.02em;opacity:.75}.intro{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(120% 90% at 78% 18%,rgba(196,71,47,.16),transparent 58%),linear-gradient(115deg,#040609f0,#06090ec7 44%,#06090e66);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity 1.2s ease,visibility 1.2s}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-veil{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(216,184,120,.06),transparent 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.028'/%3E%3C/svg%3E");pointer-events:none}.intro-inner{position:relative;width:min(1180px,92vw);display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:40px;align-items:center;padding:40px 0}.intro-copy{max-width:640px}.intro-kicker{display:block;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.intro-title{margin:0;font-family:var(--jp);font-weight:400;font-size:clamp(58px,9vw,116px);line-height:1;letter-spacing:.12em;color:#fbf5e9;text-shadow:0 8px 42px rgba(0,0,0,.6)}.intro-title-es{margin:18px 0 0;font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(20px,2.4vw,30px);letter-spacing:.03em;color:var(--gold)}.intro-text{margin:22px 0 0;max-width:560px;font-size:14.5px;line-height:1.8;color:#e8e0d0c2}.intro-meta{display:flex;flex-direction:column;gap:8px;margin:26px 0 0;font-size:12.5px;letter-spacing:.05em;color:#e8e0d099}.intro-meta span{display:flex;align-items:center;gap:10px}.intro-meta i{width:5px;height:5px;border-radius:50%;background:var(--vermilion);box-shadow:0 0 10px #c4472fcc}.intro-actions{display:flex;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap}.enter-btn{position:relative;display:flex;align-items:center;gap:15px;padding:15px 26px 15px 18px;border-radius:13px;background:linear-gradient(150deg,#cf5238,#a2361f);box-shadow:0 18px 42px #8c281473,inset 0 0 0 1px #ffd6b44d;transition:transform .3s ease,box-shadow .3s ease}.enter-btn:hover{transform:translateY(-2px);box-shadow:0 24px 52px #962e188c,inset 0 0 0 1px #ffe2c866}.enter-jp{display:grid;place-items:center;width:38px;height:38px;border-radius:8px 3px 8px 4px;background:#00000038;font-family:var(--jp);font-size:19px;color:#ffeede}.enter-label{font-size:14px;letter-spacing:.1em;color:#fff7ef}.ghost-btn{padding:14px 20px;border-radius:13px;border:1px solid var(--line);font-size:12.5px;letter-spacing:.08em;color:#eee4d0b8;transition:all .3s ease}.ghost-btn:hover{border-color:#d8b87866;color:var(--paper);background:#ffffff08}.intro-note{margin:22px 0 0;font-size:11px;letter-spacing:.06em;color:#e2d5ba6b}.intro-vertical{display:flex;flex-direction:column;align-items:center;gap:18px;height:100%;justify-content:center}.v-rule{width:1px;flex:1;max-height:130px;background:linear-gradient(to bottom,transparent,rgba(216,184,120,.5),transparent)}.v-text{font-family:var(--jp);font-size:27px;letter-spacing:.42em;writing-mode:vertical-rl;color:#f4efe4e6}.v-seal{display:grid;place-items:center;width:44px;height:44px;border-radius:9px 4px 9px 5px;border:1px solid rgba(196,71,47,.85);color:#e0f0da;font-family:var(--jp);font-size:22px;background:#a0301e47}.loader{position:absolute;inset:0;z-index:80;display:grid;place-items:center;background:#06080b;transition:opacity 1s ease,visibility 1s}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-ink{position:absolute;inset:0;background:radial-gradient(60% 50% at 30% 30%,rgba(196,71,47,.08),transparent),radial-gradient(50% 60% at 75% 70%,rgba(216,184,120,.05),transparent);animation:inkDrift 12s ease-in-out infinite alternate}@keyframes inkDrift{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-10px)}}.loader-inner{position:relative;text-align:center}.loader-seal{width:62px;height:62px;margin:0 auto 24px;display:grid;place-items:center;font-family:var(--jp);font-size:33px;color:#f6ead6;background:linear-gradient(160deg,#c9503a,#a83723);border-radius:11px 4px 12px 5px;box-shadow:inset 0 0 0 1px #ffe2be59,0 14px 34px #781e1066;animation:sealPulse 2.8s ease-in-out infinite}@keyframes sealPulse{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(-2deg)}}.loader-title{margin:0 0 22px;font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:.04em;color:var(--paper)}.loader-bar{width:min(340px,62vw);height:2px;margin:0 auto;background:#e8e0d021;overflow:hidden}.loader-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--vermilion),var(--gold));box-shadow:0 0 16px #d8b878cc;transition:width .35s ease}.loader-status{margin:16px 0 0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#e2d5ba80}@media(max-width:900px){.intro-inner{grid-template-columns:1fr}.intro-vertical{display:none}.minimap-wrap{width:104px;bottom:auto;top:clamp(70px,12vh,100px)}.chapter-card{bottom:auto;top:clamp(140px,24vh,210px)}.ctl-label{display:none}.ctl-btn{padding:0 13px}#btn-fullscreen{display:none}}@media(max-width:620px){.brand-sub,.time-phase,.chapter-desc,.tour-chapters,.hint{display:none}.brand-jp{font-size:16px}.minimap-wrap{width:84px}}