@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.page-enter-active,.page-leave-active{transition:opacity .4s ease,transform .4s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}:root{--void: #080808;--obsidian: #111318;--graphite: #1E2028;--border: #2A2D36;--ash: #6B7280;--smoke: #9CA3AF;--ivory: #F5F0E8;--champagne: #C9A96E;--crimson: #8B1A2A;--seal: #6B1F1F;--white: #FFFFFF;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--void);color:var(--smoke);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100%;background:var(--void);overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px}#noir-app{min-height:100vh;display:flex;flex-direction:column}.t-display{font-family:var(--font-display);font-style:italic;font-weight:700;color:var(--ivory);line-height:1.1;letter-spacing:-.01em}.t-display-lg{font-size:clamp(2.5rem,8vw,4rem)}.t-display-md{font-size:clamp(1.8rem,5vw,2.8rem)}.t-display-sm{font-size:clamp(1.4rem,4vw,2rem)}.t-headline{font-family:var(--font-display);font-weight:600;color:var(--ivory);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.t-body{font-family:var(--font-body);font-size:.95rem;line-height:1.7}.t-small{font-size:.8rem;color:var(--ash)}.t-mono{font-family:var(--font-mono);font-size:.85rem}.t-champagne{color:var(--champagne)}.t-crimson{color:var(--crimson)}.t-ivory{color:var(--ivory)}.panel{background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.panel--dark{background:var(--void);border-color:var(--graphite)}.panel--glow{box-shadow:0 0 40px #c9a96e0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;transition:all var(--transition);padding:.875rem 2rem;border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--champagne);color:var(--void)}.btn-primary:hover{background:#d4b47a;transform:translateY(-1px);box-shadow:0 8px 24px #c9a96e4d}.btn-ghost{background:transparent;color:var(--ash);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--champagne);color:var(--champagne)}.btn-danger{background:transparent;color:var(--crimson);border:1px solid var(--crimson)}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.input{width:100%;background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ivory);font-family:var(--font-mono);font-size:1rem;padding:.875rem 1rem;transition:border-color var(--transition);outline:none;letter-spacing:.05em}.input::placeholder{color:var(--ash);letter-spacing:0;font-family:var(--font-body)}.input:focus{border-color:var(--champagne);box-shadow:0 0 0 3px #c9a96e1a}.input.input--error{border-color:var(--crimson)}.divider{display:flex;align-items:center;gap:1rem;color:var(--ash);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.seal{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:2px solid var(--champagne);border-radius:50%;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--champagne);text-transform:uppercase;opacity:.7}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.status-dot--locked{background:var(--graphite)}.status-dot--unlocked{background:var(--champagne);box-shadow:0 0 8px #c9a96e80}.status-dot--completed{background:#4ade80;box-shadow:0 0 8px #4ade8066}.status-dot--skipped{background:var(--ash)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #c9a96e00}50%{box-shadow:0 0 20px 4px #c9a96e26}}.animate-in{animation:fadeIn .6s ease forwards}.animate-glow{animation:pulse-glow 3s ease-in-out infinite}.vignette{position:relative;overflow:hidden}.vignette:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(8,8,8,.7) 100%);pointer-events:none;z-index:1}.container{max-width:480px;margin:0 auto;padding:0 1.25rem}.page{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:1.5rem 0 5rem}.mission-card{background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all var(--transition);text-decoration:none;color:inherit}.mission-card:hover{border-color:var(--champagne);background:#13151c}.mission-card--locked{opacity:.45;cursor:not-allowed}.mission-card--completed{border-color:#4ade8033}.skip-btn{display:flex;align-items:center;gap:.5rem;color:var(--ash);font-size:.8rem;background:none;border:none;cursor:pointer;padding:.5rem 0;letter-spacing:.05em;transition:color var(--transition)}.skip-btn:hover{color:var(--smoke)}.choice-card{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem 1.5rem;cursor:pointer;transition:all var(--transition);text-align:center;flex:1}.choice-card:hover{border-color:var(--champagne);background:#1a1d26;transform:translateY(-2px)}.choice-symbol{font-size:2rem;color:var(--champagne);display:block;margin-bottom:.75rem}.after-dark-badge{display:inline-flex;align-items:center;gap:.35rem;background:#6b1f1f4d;border:1px solid var(--seal);color:#c08080;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:100px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#080808f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;cursor:pointer;color:var(--ash);transition:color var(--transition);text-decoration:none;background:none;border:none;font-family:var(--font-body)}.nav-item.active{color:var(--champagne)}.nav-item svg{width:22px;height:22px}.nav-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.inv-item{background:var(--graphite);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;display:flex;align-items:center;gap:1rem}.inv-symbol{font-size:1.8rem;width:3rem;text-align:center;flex-shrink:0}.cipher-block{background:var(--void);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;font-family:var(--font-mono);color:var(--champagne);font-size:1.2rem;letter-spacing:.2em;text-align:center;word-break:break-all}.hint-box{background:#c9a96e0f;border:1px solid rgba(201,169,110,.2);border-radius:var(--radius-sm);padding:1rem 1.25rem;font-size:.9rem;color:var(--smoke);line-height:1.6}.success-flash{background:#4ade8014;border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-sm);padding:1rem 1.25rem;color:#4ade80;font-size:.9rem}.error-flash{background:#8b1a2a26;border:1px solid var(--crimson);border-radius:var(--radius-sm);padding:1rem 1.25rem;color:#e57373;font-size:.9rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--graphite);border-radius:2px}