:root{--np-ink: #0a0a12;--np-ink-deep: #050508;--np-ink-warm: #10081a;--np-gold: #D4AF37;--np-gold-soft: #C5A059;--np-vermilion: #c23b22;--np-vermilion-deep: #a8201a;--np-ember: #e89a3e;--np-text-fg: #e0e0e0}.np-body-lock{overflow:hidden;overscroll-behavior:none}.night-parade-container{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--np-ink);background-image:url("data:image/svg+xml,%3Csvg width='220' height='220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23d)' opacity='0.05'/%3E%3C/svg%3E");font-family:Shippori Mincho,Yu Mincho,YuMincho,serif;color:var(--np-text-fg)}.atmosphere-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.np-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 40% at 50% 35%,rgba(30,58,95,.3),transparent 70%),radial-gradient(40% 35% at 80% 25%,rgba(107,78,113,.22),transparent 75%),linear-gradient(180deg,#070510,#0a0a12 40%,#100a1d 75%,#0a0710)}.np-torii{position:absolute;left:8%;bottom:22%;width:210px;height:auto;opacity:.28;filter:drop-shadow(0 0 16px rgba(168,32,26,.35));pointer-events:none}.np-mountains{position:absolute;left:0;right:0;bottom:14%;height:28%;background:linear-gradient(to top,rgba(5,5,8,.95) 0%,rgba(15,18,29,.7) 45%,transparent 100%);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1600 300' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 300 L0 180 L80 130 L160 170 L240 120 L340 160 L430 110 L530 150 L620 100 L720 140 L810 90 L900 130 L980 100 L1070 140 L1160 110 L1240 150 L1330 120 L1420 150 L1500 110 L1600 140 L1600 300 Z' fill='black'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1600 300' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 300 L0 180 L80 130 L160 170 L240 120 L340 160 L430 110 L530 150 L620 100 L720 140 L810 90 L900 130 L980 100 L1070 140 L1160 110 L1240 150 L1330 120 L1420 150 L1500 110 L1600 140 L1600 300 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;opacity:.85;pointer-events:none}.np-ground{position:absolute;left:0;right:0;bottom:0;height:16%;background:linear-gradient(to top,rgba(5,5,8,.95) 0%,rgba(10,10,18,.75) 50%,transparent 100%)}.np-ground:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25) 20%,rgba(194,59,34,.3) 50%,rgba(212,175,55,.25) 80%,transparent)}.np-ground:after{content:"";position:absolute;top:1px;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='180' height='180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.18'/%3E%3C/svg%3E");opacity:.35}.np-fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(50% 35% at 25% 60%,rgba(107,78,113,.18),transparent 70%),radial-gradient(55% 40% at 75% 70%,rgba(30,58,95,.2),transparent 75%);animation:np-fog-drift-a 55s ease-in-out infinite alternate;will-change:transform,opacity}.np-fog.np-fog-b{background:radial-gradient(55% 38% at 60% 55%,rgba(168,32,26,.1),transparent 72%),radial-gradient(45% 30% at 15% 75%,rgba(255,236,179,.07),transparent 70%);animation:np-fog-drift-b 72s ease-in-out infinite alternate;opacity:.85}@keyframes np-fog-drift-a{0%{transform:translate3d(-4%,0,0)}to{transform:translate3d(4%,0,0)}}@keyframes np-fog-drift-b{0%{transform:translate3d(3%,1%,0)}to{transform:translate3d(-3%,-1%,0)}}.np-lantern{position:absolute;width:28px;height:36px;border-radius:46% 46% 42% 42%;background:radial-gradient(ellipse at 50% 40%,#ffd27a,#e89a3e 40%,#a95c14 75%,#5d2a04);box-shadow:0 0 22px #e89a3e99,0 0 60px #e89a3e59;opacity:.85;animation:np-lantern-sway 7s ease-in-out infinite;will-change:transform,opacity}.np-lantern:before{content:"";position:absolute;left:50%;top:-40px;transform:translate(-50%);width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.35))}.np-lantern:after{content:"";position:absolute;left:4px;right:4px;top:2px;bottom:2px;border-top:3px solid rgba(20,10,2,.85);border-bottom:3px solid rgba(20,10,2,.85);border-radius:10%;pointer-events:none}@keyframes np-lantern-sway{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(6px) rotate(2.5deg)}}.np-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.75) 100%);z-index:30}.scroll-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;z-index:10}.scroll-viewport:active{cursor:grabbing}.scroll-content-virtual{position:relative;width:100%;height:100%}.yokai-card-wrapper-virtual{position:absolute;top:18%;left:0;will-change:transform,opacity;transform-origin:center center;cursor:pointer}.yokai-card-wrapper-virtual:focus-visible{outline:2px solid var(--np-gold);outline-offset:6px;border-radius:4px}.yokai-visual{position:relative;height:58vh;max-height:560px;width:auto;display:flex;flex-direction:column;align-items:center}@media(max-width:640px){.yokai-visual{height:44vh;max-height:360px}}.yokai-image{height:100%;width:auto;max-width:80vw;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.8)) drop-shadow(0 0 24px rgba(168,32,26,.12));mask-image:linear-gradient(to bottom,black 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 82%,transparent 100%);transition:filter .5s ease}.yokai-card-wrapper-virtual:hover .yokai-image,.yokai-card-wrapper-virtual:focus-visible .yokai-image{filter:drop-shadow(0 8px 22px rgba(0,0,0,.9)) drop-shadow(0 0 36px rgba(212,175,55,.3))}.yokai-ground-shadow{position:absolute;left:50%;bottom:-6px;width:55%;height:16px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,rgba(0,0,0,.25) 50%,transparent 80%);transform:translate(-50%);pointer-events:none;filter:blur(3px)}.yokai-info{position:absolute;top:12%;right:-3.25rem;height:76%;display:flex;flex-direction:column;justify-content:flex-start;writing-mode:vertical-rl;text-orientation:upright;color:var(--np-gold-soft);text-shadow:0 2px 8px rgba(0,0,0,.9);pointer-events:none;opacity:.9;transition:opacity .4s ease,transform .4s ease}.yokai-card-wrapper-virtual:hover .yokai-info,.yokai-card-wrapper-virtual:focus-visible .yokai-info{opacity:1;transform:translate(-4px);color:var(--np-gold)}@media(max-width:640px){.yokai-info{right:-2.25rem;top:18%;height:64%}}.yokai-name{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;letter-spacing:.38rem;margin-left:.85rem;font-family:Shippori Mincho,Sawarabi Mincho,serif}.yokai-category{font-size:.85rem;opacity:.7;margin-left:.4rem;letter-spacing:.22rem}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a0a12,#05050a);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--np-gold-soft);transition:opacity 1s ease-in-out;padding:0 1rem;border:none;cursor:pointer;font-family:inherit;text-align:center}.intro-overlay:focus-visible{outline:2px solid var(--np-gold);outline-offset:-6px}.intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-title{font-size:clamp(2.4rem,7vw,4.5rem);margin-bottom:1.5rem;letter-spacing:.8rem;font-family:Shippori Mincho,Sawarabi Mincho,serif;background:linear-gradient(135deg,gold,orange 55%,tomato);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 30px rgba(255,215,0,.15)}.intro-subtitle{font-size:clamp(.9rem,1.4vw,1.2rem);opacity:.6;letter-spacing:.35rem;color:var(--np-gold-soft)}.intro-poem{font-size:clamp(1.05rem,2vw,1.4rem);line-height:2.2;letter-spacing:.25rem;color:#ffebcde6;font-family:Shippori Mincho,serif;max-width:640px;text-align:center}.intro-hint{font-size:.8rem;letter-spacing:.45rem;color:#c5a05999;margin-top:2.2rem;animation:np-hint-pulse 2.4s ease-in-out infinite}@keyframes np-hint-pulse{0%,to{opacity:.45}50%{opacity:.95}}.intro-skip{position:absolute;bottom:24px;right:28px;background:transparent;border:1px solid rgba(197,160,89,.35);color:#c5a059cc;padding:8px 18px;font-size:11px;letter-spacing:.4em;text-transform:uppercase;font-family:Shippori Mincho,serif;cursor:pointer;transition:border-color .3s ease,color .3s ease;z-index:120}.intro-skip:hover,.intro-skip:focus-visible{border-color:var(--np-gold);color:var(--np-gold);outline:none}.np-loading-whisper{position:fixed;bottom:26px;left:28px;color:#c5a0598c;font-size:11px;letter-spacing:.4em;font-family:Shippori Mincho,serif;writing-mode:horizontal-tb;pointer-events:none;z-index:40;animation:np-whisper 3.2s ease-in-out infinite}.np-loading-whisper:before{content:"";display:inline-block;width:14px;height:1px;background:currentColor;margin-right:10px;vertical-align:middle}@keyframes np-whisper{0%,to{opacity:.2}50%{opacity:.85}}.np-keyhints{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:22px;color:#c5a05973;font-size:10px;letter-spacing:.3em;font-family:Shippori Mincho,serif;z-index:35;pointer-events:none;white-space:nowrap}.np-keyhints kbd{display:inline-block;min-width:20px;padding:2px 6px;margin-right:6px;border:1px solid rgba(197,160,89,.3);border-radius:3px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:#c5a059bf}.np-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:200}.np-drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);background:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E"),linear-gradient(180deg,#f6f0dd,#ede3c2);color:#1a0e05;z-index:210;box-shadow:-20px 0 60px #000000b3;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.np-drawer:before,.np-drawer:after{content:"";position:absolute;left:18px;right:18px;height:3px;background:var(--np-vermilion-deep);pointer-events:none}.np-drawer:before{top:18px}.np-drawer:after{bottom:18px}@media(max-width:640px){.np-drawer{top:auto;left:0;width:100%;height:min(85vh,640px);border-top:1px solid rgba(168,32,26,.25)}.np-drawer:before,.np-drawer:after{left:14px;right:14px}}.np-drawer-close{position:absolute;top:32px;right:32px;width:32px;height:32px;border:1px solid rgba(168,32,26,.4);background:transparent;color:var(--np-vermilion-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .25s ease,color .25s ease;font-size:18px;font-family:Shippori Mincho,serif;line-height:1}.np-drawer-close:hover,.np-drawer-close:focus-visible{background:var(--np-vermilion-deep);color:#f6f0dd;outline:none}