@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700;900&family=Cinzel:wght@400;700;900&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{--color-void:#000;--color-abyss:#050509;--color-deep:#0a0a14;--color-dark:#10101e;--color-surface:#1a1a30;--color-mid:#252540;--color-gold:#c9a227;--color-gold-dim:#8a6e1a;--color-gold-bright:#f4d03f;--color-purple:#6d28d9;--color-purple-bright:#8b5cf6;--color-crimson:#9b1c1c;--color-crimson-bright:#ef4444;--text-primary:#e8e0d0;--text-secondary:#a89a7a;--text-muted:#6b5f4a;--text-gold:#c9a227;--font-serif:"Noto Serif JP", "Georgia", serif;--font-sans:"Noto Sans JP", "sans-serif";--font-display:"Cinzel", "Noto Serif JP", serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-2xl:64px;--border-gold:1px solid #c9a2274d;--border-gold-bright:1px solid #c9a227b3;--shadow-gold:0 0 20px #c9a22726;--shadow-deep:0 8px 32px #000c;--shadow-card:0 4px 24px #0009;--transition-fast:.2s ease;--transition-med:.4s ease;--transition-slow:.8s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-abyss);color:var(--text-primary);font-family:var(--font-serif);min-height:100vh;line-height:1.7;overflow-x:hidden}#app{min-height:100vh;transition:opacity .5s}.scene{background-color:var(--color-abyss);min-height:100vh;position:relative;overflow:hidden}.scene-title{background:url(/assets/images/bg_title.png) 50%/cover no-repeat}.scene-entrance{background:url(/assets/images/bg_ruins.png) 50%/cover no-repeat}.scene-mountain{background:url(/assets/images/bg_mountain.png) 50%/cover no-repeat}.scene-city{background:url(/assets/images/bg_city.png) 50%/cover no-repeat}.scene-finale{background:url(/assets/images/bg_space.png) 50%/cover no-repeat}.bg-overlay{z-index:1;background:linear-gradient(#050509b3 0%,#05050980 50%,#050509d9 100%);position:absolute;inset:0}.urgency-1{background:linear-gradient(#050509a6 0%,#05050973 50%,#050509cc 100%)}.urgency-2{background:linear-gradient(#0a0509b3 0%,#14050980 50%,#0a0509e6 100%)}.urgency-3{background:linear-gradient(#140509bf 0%,#2805098c 50%,#140509eb 100%)}.urgency-4{background:linear-gradient(#1e0005cc 0%,#3c0005a6 50%,#1e0005f2 100%)}.finale-overlay{background:linear-gradient(#050514bf 0%,#0505148c 40%,#050514e6 100%)}.particles-container{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{filter:blur(1px);border-radius:50%;animation:linear infinite float-up;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)scale(.3)}}.btn-primary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:var(--border-gold-bright);color:var(--color-gold);font-family:var(--font-serif);letter-spacing:.15em;cursor:pointer;transition:all var(--transition-med);background:0 0;font-size:1rem;font-weight:400;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--color-gold);transition:transform var(--transition-med);z-index:-1;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:before{transform:translate(0)}.btn-primary:hover{color:var(--color-void);box-shadow:var(--shadow-gold)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-icon{font-size:.9em}.btn-sacrifice{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-crimson-bright);color:var(--color-crimson-bright);font-family:var(--font-serif);letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm);background:0 0;width:100%;font-size:.85rem;display:inline-block}.btn-sacrifice:hover{background:var(--color-crimson);color:var(--text-primary);border-color:var(--color-crimson)}.title-content{z-index:10;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.bocca-mouth{width:120px;height:120px;margin-bottom:var(--spacing-xl);animation:3s ease-in-out infinite pulse-glow;position:relative}.mouth-outer{background:radial-gradient(circle,#c9a2271a 0%,#0000 70%);border:2px solid #c9a22766;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mouth-inner{background:var(--color-void);border:1px solid #c9a22799;border-top:none;border-radius:0 0 30px 30px;width:60px;height:30px;position:relative;overflow:hidden}.tongue{background:#9b1c1ccc;border-radius:50% 50% 60% 60%;width:16px;height:12px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.eye{background:var(--color-gold);width:10px;height:10px;box-shadow:0 0 8px var(--color-gold);border-radius:50%;animation:4s ease-in-out infinite blink;position:absolute;top:30px}.eye-left{left:25px}.eye-right{right:25px}@keyframes blink{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.05)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px #c9a2274d)}50%{filter:drop-shadow(0 0 24px #c9a227b3)}}.game-title{font-family:var(--font-display);letter-spacing:.3em;color:var(--color-gold);text-shadow:0 0 30px #c9a22780,0 0 60px #c9a22733;margin-bottom:var(--spacing-lg);font-size:clamp(4rem,12vw,8rem);font-weight:900;line-height:1}.game-subtitle{font-family:var(--font-serif);color:var(--text-secondary);letter-spacing:.05em;margin-bottom:var(--spacing-md);min-height:1.5em;font-size:clamp(.9rem,2.5vw,1.1rem);font-style:italic}.game-tagline{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--spacing-2xl);min-height:1.5em;font-size:.8rem}.title-buttons{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.btn-note{color:var(--text-muted);font-size:.75rem;font-family:var(--font-sans)}.scroll-hint{bottom:var(--spacing-xl);color:var(--text-muted);z-index:10;font-size:1.2rem;animation:2s ease-in-out infinite bounce;position:absolute;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.entrance-content{z-index:10;max-width:1200px;padding:var(--spacing-2xl) var(--spacing-xl);margin:0 auto;position:relative}.scene-header{text-align:center;margin-bottom:var(--spacing-xl)}.scene-label{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--spacing-md);font-size:.75rem}.scene-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-md);min-height:1.2em;font-size:clamp(1.8rem,5vw,3rem)}.scene-desc{font-family:var(--font-serif);color:var(--text-secondary);white-space:pre-line;max-width:600px;margin:0 auto;font-size:.95rem;line-height:1.8}.selection-info{text-align:center;font-family:var(--font-sans);color:var(--color-gold);margin-bottom:var(--spacing-xl);letter-spacing:.1em;font-size:.85rem}.select-hint{color:var(--text-muted);margin-left:var(--spacing-sm)}.personas-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.persona-card{cursor:pointer;transition:all var(--transition-med);border:var(--border-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a14b3;position:relative;overflow:hidden}.persona-card:before{content:"";opacity:0;transition:opacity var(--transition-med);background:linear-gradient(135deg,#c9a2270d 0%,#0000 100%);position:absolute;inset:0}.persona-card:hover{border-color:#c9a227b3;transform:translateY(-4px);box-shadow:0 8px 32px #0009,0 0 20px #c9a2271a}.persona-card:hover:before{opacity:1}.persona-card.selected{border-color:var(--color-gold);background:#c9a2270d;box-shadow:0 0 20px #c9a2274d}.persona-card.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.persona-card-inner{padding:var(--spacing-lg)}.persona-symbol{margin-bottom:var(--spacing-sm);font-size:2rem}.persona-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:700}.persona-subtitle{color:var(--color-gold);margin-bottom:var(--spacing-sm);letter-spacing:.05em;font-size:.75rem;font-style:italic}.persona-desc{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.8rem;font-style:italic;line-height:1.6}.persona-aspects{gap:var(--spacing-xs);flex-direction:column;display:flex}.aspect{gap:var(--spacing-sm);align-items:flex-start;font-size:.75rem;display:flex}.aspect-label{font-family:var(--font-sans);letter-spacing:.1em;border-radius:2px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:700}.aspect.positive .aspect-label{color:var(--color-gold);background:#c9a22733;border:1px solid #c9a22766}.aspect.positive{color:var(--text-secondary)}.aspect.negative .aspect-label{color:var(--color-crimson-bright);background:#9b1c1c33;border:1px solid #9b1c1c66}.aspect.negative{color:var(--text-muted)}.persona-select-overlay{top:var(--spacing-sm);right:var(--spacing-sm);border:var(--border-gold);opacity:0;width:24px;height:24px;transition:opacity var(--transition-fast);background:#c9a227cc;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.persona-card.selected .persona-select-overlay{opacity:1}.check-icon{color:var(--color-void);font-size:.75rem;font-weight:900}.entrance-footer{text-align:center;margin-top:var(--spacing-xl)}.footer-text{color:var(--text-muted);margin-bottom:var(--spacing-xl);font-size:.85rem;font-style:italic;line-height:1.8}.maze-hud{z-index:100;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-sans);letter-spacing:.1em;background:linear-gradient(#050509e6 0%,#0000 100%);justify-content:space-between;align-items:center;font-size:.8rem;display:flex;position:fixed;top:0;left:0;right:0}.hud-phase{color:var(--color-gold)}.hud-remaining{color:var(--text-secondary)}.maze-progress{color:var(--color-gold);letter-spacing:.2em}.maze-content{z-index:10;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-xl);padding-top:calc(var(--spacing-2xl) + 60px);flex-direction:column;display:flex;position:relative}.maze-prompt-container{text-align:center;max-width:700px}.maze-prompt-icon{color:var(--color-gold);margin-bottom:var(--spacing-md);font-size:2rem;animation:2s ease-in-out infinite pulse-glow}.maze-prompt{font-family:var(--font-serif);color:var(--text-secondary);white-space:pre-line;font-size:clamp(.9rem,2vw,1.05rem);font-style:italic;line-height:1.9}.maze-question{text-align:center}.maze-qtext{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.1em;font-size:clamp(1.5rem,4vw,2.2rem)}.maze-personas{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;width:100%;max-width:900px;display:flex}.maze-persona-card{border:var(--border-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:200px;transition:all var(--transition-med);background:#050509bf;position:relative}.maze-persona-card:hover{border-color:var(--color-crimson-bright);transform:translateY(-4px);box-shadow:0 8px 24px #9b1c1c4d}.maze-persona-card.being-sacrificed{border-color:var(--color-crimson-bright);z-index:100;pointer-events:none;background:#9b1c1c33}.maze-bocca-container{z-index:50;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.maze-bocca-container.active{opacity:1;transform:translate(-50%,-50%)scale(1.5)}.maze-bocca-container .bocca-mouth{margin-bottom:0}.maze-persona-inner{padding:var(--spacing-lg);text-align:center}.maze-symbol{margin-bottom:var(--spacing-sm);font-size:2.5rem}.maze-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:700}.maze-subtitle{color:var(--color-gold);margin-bottom:var(--spacing-sm);font-size:.7rem;font-style:italic}.maze-persona-desc{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:.75rem;font-style:italic;line-height:1.6}.tension-bar{z-index:100;background:#ffffff0d;height:3px;position:fixed;bottom:0;left:0;right:0}.tension-fill{background:linear-gradient(to right, var(--color-gold), var(--color-crimson-bright));height:100%;transition:width 1s;box-shadow:0 0 10px #ef444480}.finale-content{z-index:10;max-width:900px;padding:var(--spacing-2xl) var(--spacing-xl);gap:var(--spacing-2xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.finale-header{text-align:center}.finale-main-title{font-family:var(--font-display);color:var(--text-primary);margin-top:var(--spacing-md);text-shadow:0 0 30px #c9a2274d;min-height:1.2em;font-size:clamp(1.8rem,5vw,2.8rem)}.last-persona-reveal{text-align:center}.reveal-label{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--spacing-md);font-size:.75rem}.last-persona-card{padding:var(--spacing-xl) var(--spacing-2xl);border:var(--border-gold-bright);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:var(--spacing-sm);background:#c9a2270d;flex-direction:column;display:inline-flex}.last-persona-symbol{font-size:4rem;animation:3s ease-in-out infinite pulse-glow}.last-persona-name{font-family:var(--font-display);color:var(--color-gold);font-size:2rem;font-weight:700}.last-persona-subtitle{color:var(--text-secondary);font-size:.85rem;font-style:italic}.diagnosis-section{border:var(--border-gold);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05051499}.diagnosis-title{font-family:var(--font-serif);color:var(--color-gold);text-align:center;margin-bottom:var(--spacing-xl);letter-spacing:.05em;font-size:1.1rem;font-weight:400}.diagnosis-layers{gap:var(--spacing-lg);flex-direction:column;display:flex}.diagnosis-layer{padding:var(--spacing-lg);padding-left:var(--spacing-xl);transition:all var(--transition-slow);border-left:2px solid}.layer-1{background:#c9a22708;border-color:#c9a22780}.layer-2{background:#8b5cf608;border-color:#8b5cf680}.layer-3{background:#ef444408;border-color:#ef444480}.layer-number{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-xs);font-size:.65rem}.layer-label{font-family:var(--font-sans);letter-spacing:.15em;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.75rem}.layer-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.3rem}.layer-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.8}.overall-comment{margin-top:var(--spacing-xl);padding:var(--spacing-lg);border-top:var(--border-gold);text-align:center}.overall-icon{color:var(--color-gold);margin-bottom:var(--spacing-md);font-size:1.5rem}.overall-text{font-family:var(--font-serif);color:var(--text-primary);font-size:1rem;font-style:italic;line-height:1.9}.food-pairing-section{border:var(--border-gold);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05051499}.food-title{font-family:var(--font-serif);color:var(--color-gold);text-align:center;margin-bottom:var(--spacing-xl);letter-spacing:.05em;font-size:1.1rem;font-weight:400}.food-card{gap:var(--spacing-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:#0000004d;border:1px solid;align-items:flex-start;display:flex}.food-emoji{flex-shrink:0;font-size:3rem;line-height:1}.food-info{flex:1}.food-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.4rem}.food-desc{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.85rem;line-height:1.7}.food-reason{padding:var(--spacing-md);background:#c9a2270d;border-left:2px solid #c9a2274d}.reason-label{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--spacing-xs);font-size:.65rem}.food-reason p{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.7}.food-mood-image{margin-top:var(--spacing-md)}.food-image-placeholder{aspect-ratio:16/9;border:var(--border-gold);background:linear-gradient(135deg,#c9a2270d,#6d28d90d);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.food-image-placeholder:before{content:"";background:radial-gradient(circle,#c9a2271a 0%,#0000 70%);animation:4s ease-in-out infinite slow-pulse;position:absolute;inset:0}@keyframes slow-pulse{0%,to{opacity:.5}50%{opacity:1}}.food-image-overlay{text-align:center;z-index:1}.food-image-emoji{margin-bottom:var(--spacing-sm);font-size:4rem;animation:3s ease-in-out infinite pulse-glow;display:block}.food-image-name{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.1em;font-size:1.2rem}.sacrifice-log-section{border:var(--border-gold);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05051480}.log-title{font-family:var(--font-serif);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:.05em;font-size:1rem;font-weight:400}.sacrifice-entries{gap:var(--spacing-md);flex-direction:column;display:flex}.sacrifice-entry{gap:var(--spacing-lg);padding:var(--spacing-md);border-bottom:1px solid #ffffff0d;align-items:center;display:flex}.entry-turn{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;width:80px;font-size:.7rem}.entry-content{color:var(--text-secondary);font-size:.85rem;line-height:1.7}.entry-symbol{margin-right:var(--spacing-xs)}.entry-name{color:var(--text-primary);font-weight:500}.entry-time{color:var(--text-muted);margin-left:var(--spacing-sm);font-size:.75rem}.finale-footer{text-align:center;padding:var(--spacing-xl);border-top:var(--border-gold)}.finale-closing{font-family:var(--font-serif);color:var(--text-secondary);margin-bottom:var(--spacing-xl);letter-spacing:.05em;font-size:1.2rem;font-style:italic}@media (width<=768px){.personas-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.persona-card-inner{padding:var(--spacing-md)}.maze-personas{flex-direction:column;align-items:center}.maze-persona-card{width:100%;max-width:320px}.food-card{flex-direction:column}.diagnosis-layers{gap:var(--spacing-md)}.entrance-content,.finale-content{padding:var(--spacing-xl) var(--spacing-md)}.bocca-mouth{width:80px;height:80px}.maze-hud{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);flex-direction:column}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-abyss)}::-webkit-scrollbar-thumb{background:var(--color-gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}::selection{color:var(--text-primary);background:#c9a2274d}.loading{min-height:100vh;color:var(--color-gold);font-family:var(--font-display);letter-spacing:.3em;justify-content:center;align-items:center;animation:2s ease-in-out infinite pulse-glow;display:flex}