:root{--primary-color:#00f0ff;--secondary-color:#9945ff;--accent-color:#fff;--bg-glow:#00f0ff47;--bg-dark:#05060b;--panel-bg:#090c16a3;--panel-border:#ffffff1a;--font-serif:"Noto Serif JP", serif;--font-display:"Cinzel Decorative", serif;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark)}body{background-color:var(--bg-dark);color:#f1f5f9;width:100%;min-height:100vh;font-family:var(--font-sans);overflow:hidden scroll}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}#domain-canvas{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.world3d-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}html[data-view=world-3d] .world3d-canvas{display:block}.top-nav{z-index:35;-webkit-backdrop-filter:blur(20px);background:#05060b9e;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:1.2rem;padding:.35rem 1rem;transition:border-color .4s,box-shadow .4s;display:flex;position:fixed;top:.9rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000000b3}.logo-group{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.talisman-icon{color:#fff;width:24px;height:24px;font-family:var(--font-serif);background:#dc2626;border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex;box-shadow:0 0 10px #dc262680}.logo-ja{font-family:var(--font-serif);letter-spacing:.1em;color:var(--accent-color);font-size:.82rem;font-weight:900}.nav-chapter-indicator{font-family:var(--font-mono);color:#94a3b8;background:#0006;border:1px solid #ffffff0d;border-radius:999px;align-items:center;gap:.4rem;padding:.15rem .6rem;font-size:.68rem;display:flex}.chapter-num{color:var(--primary-color);font-weight:800}.chapter-sep{opacity:.35}.chapter-name{color:#e2e8f0;letter-spacing:.06em;white-space:nowrap;font-weight:600}.header-actions{flex-shrink:0;align-items:center;display:flex}.action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.35rem;padding:.28rem .55rem;transition:all .22s;display:flex}.action-btn:hover,.action-btn.active{border-color:var(--primary-color);color:var(--primary-color)}.audio-dot{background:#0f8;border-radius:50%;width:5px;height:5px}.action-btn.muted .audio-dot{background:#ff1744}.story-scroll{z-index:10;width:100%;position:relative}.story-phase{pointer-events:none;justify-content:center;align-items:center;min-height:100vh;padding:4rem 3.5rem;display:flex}.chapter-gate{min-height:110vh}.phase-overlay{pointer-events:auto;max-width:560px;transition:opacity .6s,transform .6s}.phase-overlay.float-left{text-align:left;margin-left:6vw;margin-right:auto}.phase-overlay.float-right{text-align:right;margin-left:auto;margin-right:6vw}.phase-overlay.float-center{text-align:center;margin:0 auto}.phase-overlay.float-bottom{text-align:center;align-self:flex-end;margin-bottom:7vh;margin-left:auto;margin-right:auto}.chapter-badge{font-family:var(--font-mono);letter-spacing:.22em;color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 0 15px var(--bg-glow);background:#0009;border-radius:999px;margin-bottom:1rem;padding:.3rem .85rem;font-size:.68rem;font-weight:800}.red-badge{color:#ff1744;border-color:#ff1744;box-shadow:0 0 15px #ff174466}.cyan-badge{color:#00e5ff;border-color:#00e5ff;box-shadow:0 0 15px #00e5ff66}.pink-badge{color:#ff2a85;border-color:#ff2a85;box-shadow:0 0 15px #ff2a8566}.green-badge{color:#0f8;border-color:#0f8;box-shadow:0 0 15px #0f86}.purple-badge{color:#a855f7;border-color:#a855f7;box-shadow:0 0 15px #a855f766}.hero-overlay{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;display:flex}.hero-kanji{font-family:var(--font-serif);letter-spacing:.18em;color:#fff;text-shadow:0 0 60px var(--bg-glow), 0 5px 30px #000000f2;font-size:clamp(3.5rem,9vw,7.5rem);font-weight:900;line-height:1}.red-glow{text-shadow:0 0 60px #ff174480,0 5px 30px #000000f2}.cyan-glow{text-shadow:0 0 60px #00e5ff80,0 5px 30px #000000f2}.pink-glow{text-shadow:0 0 60px #ff2a8580,0 5px 30px #000000f2}.green-glow{text-shadow:0 0 60px #00ff8880,0 5px 30px #000000f2}.purple-glow{text-shadow:0 0 60px #a855f780,0 5px 30px #000000f2}.hero-title{font-family:var(--font-serif);letter-spacing:.12em;color:var(--primary-color);text-shadow:0 0 25px var(--primary-color);margin-top:.4rem;font-size:clamp(1.8rem,4.2vw,3.4rem);font-weight:900}.red-text{color:#ff1744;text-shadow:0 0 25px #ff1744}.cyan-text{color:#00e5ff;text-shadow:0 0 25px #00e5ff}.pink-text{color:#ff2a85;text-shadow:0 0 25px #ff2a85}.green-text{color:#0f8;text-shadow:0 0 25px #0f8}.purple-text{color:#a855f7;text-shadow:0 0 25px #a855f7}.hero-sub{font-family:var(--font-mono);letter-spacing:.3em;color:#ffffffa6;text-transform:uppercase;margin-top:.75rem;font-size:clamp(.68rem,1.2vw,.88rem);font-weight:600}.scroll-prompt{flex-direction:column;align-items:center;gap:.5rem;margin-top:2.8rem;animation:2.5s ease-in-out infinite pulsePrompt;display:flex}.mouse-icon{border:1.5px solid #ffffff59;border-radius:12px;width:20px;height:32px;position:relative}.wheel-dot{background:var(--primary-color);border-radius:2px;width:3px;height:6px;animation:1.6s ease-in-out infinite mouseWheel;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes mouseWheel{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}@keyframes pulsePrompt{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.85;transform:translateY(6px)}}.prompt-text{font-family:var(--font-mono);letter-spacing:.28em;color:#ffffff73;font-size:.55rem;font-weight:600}.phase-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--primary-color);text-shadow:0 0 15px var(--bg-glow);margin-bottom:.35rem;font-size:.62rem;font-weight:800;display:block}.red-label{color:#ff1744;text-shadow:0 0 15px #ff174499}.cyan-label{color:#00e5ff;text-shadow:0 0 15px #00e5ff99}.pink-label{color:#ff2a85;text-shadow:0 0 15px #ff2a8599}.green-label{color:#0f8;text-shadow:0 0 15px #0f89}.purple-label{color:#a855f7;text-shadow:0 0 15px #a855f799}.phase-title{font-family:var(--font-serif);letter-spacing:.04em;color:#fff;text-shadow:0 4px 30px #000000f2,0 0 40px #000000b3;margin-bottom:.45rem;font-size:clamp(1.5rem,3.2vw,2.5rem);font-weight:900;line-height:1.22}.phase-quote{font-family:var(--font-serif);color:var(--primary-color);letter-spacing:.04em;text-shadow:0 0 20px var(--bg-glow), 0 2px 15px #000000f2;font-size:clamp(.92rem,1.6vw,1.2rem);font-weight:700;line-height:1.4}.phase-accent{font-family:var(--font-mono);color:var(--primary-color);letter-spacing:.14em;text-shadow:0 0 15px var(--bg-glow);text-transform:uppercase;font-size:.72rem;font-weight:800}.red-accent{color:#ff1744;text-shadow:0 0 15px #ff174499}.cyan-accent{color:#00e5ff;text-shadow:0 0 15px #00e5ff99}.pink-accent{color:#ff2a85;text-shadow:0 0 15px #ff2a8599}.green-accent{color:#0f8;text-shadow:0 0 15px #0f89}.purple-accent{color:#a855f7;text-shadow:0 0 15px #a855f799}.phase-desc{color:#cbd5e1;text-shadow:0 2px 15px #000000e6;font-size:.88rem;line-height:1.55}.bottom-bar{z-index:35;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.progress-track{background:#ffffff14;width:100%;height:2px}.progress-fill{background:var(--primary-color);width:0%;height:100%;box-shadow:0 0 8px var(--primary-color);transition:width .15s ease-out,background-color .4s}.bottom-info{-webkit-backdrop-filter:blur(14px);background:#05060ba6;justify-content:space-between;align-items:center;padding:.35rem 1.4rem;display:flex}.bottom-chip{font-family:var(--font-mono);color:var(--primary-color);letter-spacing:.1em;font-size:.58rem;font-weight:700}.bottom-phase{font-family:var(--font-mono);color:#94a3b8;letter-spacing:.05em;font-size:.58rem}.bottom-ce{font-family:var(--font-mono);color:#e2e8f0;font-size:.58rem;font-weight:800}.dev-hud{z-index:40;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#060912eb;border:1px solid #00ff8873;border-radius:14px;flex-direction:column;gap:.75rem;width:310px;padding:1rem 1.15rem;display:none;position:fixed;top:4.2rem;left:1.2rem;box-shadow:0 20px 50px #000000d9,0 0 25px #00ff882e}.dev-hud.open{display:flex}.dev-hud-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-bottom:.5rem;display:flex}.dev-badge{font-family:var(--font-mono);color:#0f8;letter-spacing:.1em;font-size:.58rem;font-weight:800}.dev-hud-header h4{color:#fff;margin-top:2px;font-size:.9rem}.dev-metrics-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.dev-metric-box{background:#0000008c;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;padding:.4rem .55rem;display:flex}.dm-label{font-family:var(--font-mono);color:#64748b;font-size:.52rem}.dm-val{font-family:var(--font-mono);color:#0f8;margin-top:2px;font-size:.72rem}.fps-sparkline{background:#0009;border:1px solid #00ff8840;border-radius:6px;width:100%;height:44px}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.close-btn:hover{color:#fff}.black-flash-screen{z-index:100;pointer-events:none;mix-blend-mode:hard-light;opacity:0;background:radial-gradient(circle,#ff00338c 0%,#000000eb 80%);transition:opacity 60ms;position:fixed;inset:0}.black-flash-screen.active{opacity:1}@media (width<=768px){.story-phase{padding:3rem 1.5rem}.phase-overlay.float-left,.phase-overlay.float-right{text-align:center;margin-left:auto;margin-right:auto}.top-nav{justify-content:space-between;width:90vw}}body.is-veiled{overflow:hidden}.veil{z-index:300;clip-path:circle(150%);background:radial-gradient(circle at 50% 45%,#280a3c8c 0%,#030308fa 62%),#030308;place-items:center;transition:clip-path 1.25s cubic-bezier(.76,0,.24,1),opacity .4s 1.05s;display:grid;position:fixed;inset:0}.veil.lifted{clip-path:circle(0%);opacity:0;pointer-events:none}.veil-inner{text-align:center;flex-direction:column;align-items:center;gap:1.4rem;padding:0 16px;display:flex}.veil-seal{aspect-ratio:1;place-items:center;width:min(220px,52vw);display:grid;position:relative}.veil-ring{width:100%;height:100%;animation:24s linear infinite veilSpin;position:absolute;inset:0;transform:rotate(-90deg)}.veil-ring-track{fill:none;stroke:#ffffff12;stroke-width:1px}.veil-tick{stroke:#ffffff24;stroke-width:3px;stroke-linecap:round;transition:stroke .35s,filter .35s}.veil-tick.lit{stroke:#a855f7;filter:drop-shadow(0 0 4px #a855f7)}.veil-kanji{font-family:var(--font-serif);color:#f5f3ff;text-shadow:0 0 40px #a855f799;font-size:clamp(4rem,14vw,6.5rem);font-weight:900;animation:3.2s ease-in-out infinite veilBreath}.veil.lifted .veil-kanji{filter:blur(8px);transition:transform 1.2s cubic-bezier(.76,0,.24,1),filter 1.2s;transform:scale(2.4)}.veil-chant{font-family:var(--font-serif);letter-spacing:.22em;color:#e2e8f0d9;min-height:1.6em;font-size:clamp(.9rem,2.4vw,1.15rem);font-weight:700}.veil-chant .ch{opacity:0;filter:blur(6px);animation:.6s forwards chantIn;animation-delay:calc(var(--i) * 85ms + .3s);display:inline-block}.veil-status{font-family:var(--font-mono);letter-spacing:.24em;color:#64748b;font-size:.62rem}#veil-count{color:#c4b5fd;font-weight:800}.veil-actions{flex-direction:column;align-items:center;gap:.7rem;min-height:5.2rem;display:flex}.veil-enter{font-family:var(--font-serif);letter-spacing:.24em;color:#fff;cursor:pointer;background:#a855f71f;border:1px solid #a855f7a6;border-radius:999px;align-items:center;gap:.8rem;padding:.75rem 1.6rem;font-size:1.05rem;font-weight:900;transition:opacity .5s,transform .25s,box-shadow .25s,background-color .25s;display:flex;box-shadow:0 0 30px #a855f740,inset 0 0 18px #a855f72e}.veil-enter span{font-family:var(--font-mono);letter-spacing:.22em;color:#c4b5fd;font-size:.58rem}.veil-enter:not(:disabled):hover,.veil-enter:focus-visible{background:#a855f73d;outline:none;transform:translateY(-2px);box-shadow:0 0 45px #a855f780,inset 0 0 22px #a855f74d}.veil-muted{font-family:var(--font-mono);letter-spacing:.2em;color:#64748b;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;font-size:.6rem;text-decoration:underline;transition:opacity .5s,color .2s}.veil-muted:not(:disabled):hover{color:#cbd5e1}.veil-enter:disabled,.veil-muted:disabled{opacity:0;pointer-events:none}@keyframes veilSpin{to{transform:rotate(270deg)}}@keyframes veilBreath{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes chantIn{to{opacity:1;filter:blur()}}.split .word{white-space:nowrap;display:inline-block}.split .ch{display:inline-block}.kinetic .phase-overlay>*,.kinetic .hero-overlay>*{transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1)}.kinetic .phase-overlay:not(.is-visible)>:not(.split){opacity:0;transform:translateY(18px)}.kinetic .phase-overlay.is-visible>:not(.split){transition-delay:.35s}.kinetic .split .ch{opacity:0;filter:blur(10px);transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1),filter .7s;transform:translateY(.5em)scale(1.06)}.kinetic .hero-kanji.split .ch{filter:blur(18px);transform:scale(1.9)}.kinetic .is-visible .split .ch{opacity:1;filter:blur();transition-delay:calc(var(--i) * 32ms);transform:none}.kinetic .is-visible .hero-kanji.split .ch{transition-delay:calc(var(--i) * .11s)}.grain{z-index:20;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");width:200%;height:200%;animation:.8s steps(6,end) infinite grainShift;position:fixed;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(0)}}.cursor-ring,.cursor-dot{z-index:400;pointer-events:none;opacity:0;border-radius:50%;transition:opacity .3s;position:fixed;top:0;left:0}.has-cursor .cursor-ring,.has-cursor .cursor-dot{opacity:1}.cursor-ring{border:1px solid var(--primary-color);width:40px;height:40px;box-shadow:0 0 14px var(--bg-glow), inset 0 0 10px var(--bg-glow);margin:-20px 0 0 -20px;transition:opacity .3s,width .25s,height .25s,margin .25s,background-color .25s,border-color .4s}.cursor-ring.hover{background-color:color-mix(in srgb, var(--primary-color) 14%, transparent);width:64px;height:64px;margin:-32px 0 0 -32px}.cursor-ring.pressed{width:26px;height:26px;margin:-13px 0 0 -13px}.cursor-dot{background:var(--primary-color);width:5px;height:5px;box-shadow:0 0 8px var(--primary-color);margin:-2.5px 0 0 -2.5px}html.has-cursor,html.has-cursor *{cursor:none!important}@media (hover:none),(pointer:coarse){.cursor-ring,.cursor-dot{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grain,.veil-ring,.veil-kanji,.scroll-prompt,.wheel-dot{animation:none}.kinetic .split .ch,.kinetic .hero-kanji.split .ch,.kinetic .phase-overlay:not(.is-visible)>:not(.split){filter:none;transform:none}.kinetic .is-visible .split .ch{transition-delay:0s}.veil.lifted .veil-kanji{filter:none;transform:none}}.minimap{z-index:35;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#05060b9e;border:1px solid #ffffff1a;border-radius:8px;width:150px;height:84.5px;transition:opacity .4s,border-color .4s;position:fixed;bottom:2.6rem;right:1.2rem;box-shadow:0 10px 30px #0009}.minimap:hover{border-color:var(--primary-color)}html:not([data-view=world-map]) .minimap{display:none}@media (width<=768px){.minimap{width:108px;height:61px;bottom:4.4rem;right:.75rem}}.dev-view-switch{grid-template-columns:1fr 1fr 1fr;gap:.4rem;display:grid}.view-btn{font-family:var(--font-mono);letter-spacing:.1em;color:#94a3b8;cursor:pointer;background:#0000008c;border:1px solid #ffffff1a;border-radius:6px;padding:.4rem .3rem;font-size:.6rem;font-weight:800;transition:color .2s,border-color .2s}.view-btn:hover,.view-btn.active{color:#0f8;border-color:#00ff888c}.mode-switch{z-index:35;-webkit-backdrop-filter:blur(14px);background:#05060b9e;border:1px solid #ffffff1a;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed;bottom:2.6rem;left:1.2rem;box-shadow:0 10px 30px #0009}.mode-btn{font-family:var(--font-mono);letter-spacing:.14em;color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.6rem;font-weight:800;transition:color .25s,background-color .25s,border-color .25s;display:flex}.mode-ja{font-family:var(--font-serif);letter-spacing:0;font-size:.78rem;font-weight:900}.mode-btn:hover{color:#e2e8f0}.mode-btn.active{color:var(--primary-color);border-color:color-mix(in srgb, var(--primary-color) 55%, transparent);background:color-mix(in srgb, var(--primary-color) 12%, transparent);box-shadow:0 0 14px var(--bg-glow)}.mode-btn.loading{animation:.9s ease-in-out infinite modeSummon}@keyframes modeSummon{50%{opacity:.45}}@media (width<=768px){.mode-switch{bottom:4.4rem;left:.75rem}.mode-btn{padding:.32rem .55rem;font-size:.55rem}}.toast{z-index:60;max-width:min(560px,100vw - 32px);font-family:var(--font-mono);letter-spacing:.08em;color:#e2e8f0;-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--primary-color) 55%, transparent);box-shadow:0 10px 30px #0009, 0 0 18px var(--bg-glow);opacity:0;pointer-events:none;background:#05060bd1;border-radius:999px;padding:.6rem 1.1rem;font-size:.68rem;transition:opacity .3s,transform .3s;position:fixed;bottom:5.4rem;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast[data-kind=error]{color:#fecdd3;border-color:#ff1744b3;border-radius:14px}