body:after{content:"";z-index:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");position:fixed;inset:0}.font-heading{font-family:var(--font-cinzel);font-weight:800}.font-heading-sm{font-family:var(--font-cinzel);font-weight:600}.font-heading-ui{font-family:var(--font-cinzel);font-weight:400}.font-narrative{font-family:var(--font-crimson);letter-spacing:.015em}.font-ui{font-family:var(--font-body)}.btn-victorian{background-color:var(--color-victorian-surface-light);border:2px solid var(--color-victorian-gold-dim);color:var(--color-victorian-gold);font-family:var(--font-cinzel);letter-spacing:.05em;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.btn-victorian:hover{background-color:var(--color-victorian-border);border-color:var(--color-victorian-gold);box-shadow:0 0 15px #d4af3733}.btn-victorian:active{transition-duration:.1s;transform:scale(.98);box-shadow:inset 0 2px 4px #0000004d}.btn-victorian-secondary{background-color:var(--color-victorian-surface-light);border:2px solid var(--color-victorian-border);color:var(--color-victorian-gold);font-family:var(--font-cinzel);letter-spacing:.05em;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.btn-victorian-secondary:hover{background-color:var(--color-victorian-border);border-color:var(--color-victorian-gold-dim)}.btn-victorian-secondary:active{transition-duration:.1s;transform:scale(.98);box-shadow:inset 0 2px 4px #0000004d}.btn-victorian-sm{background-color:var(--color-victorian-surface);border:1px solid var(--color-victorian-border);color:var(--color-victorian-gold);font-family:var(--font-cinzel);border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 2px 5px #00000059,0 1px 2px #00000040}.btn-victorian-sm:hover{background-color:var(--color-victorian-border);border-color:var(--color-victorian-gold);transform:scale(1.02);box-shadow:0 0 20px #d4af3766}.btn-victorian-sm:active{transition-duration:.1s;transform:scale(.98);box-shadow:inset 0 2px 4px #0000004d}.storylet-card{transition:all .3s}.storylet-card:hover{filter:brightness(1.03);transform:translateY(-2px)scale(1.01);box-shadow:0 8px 25px #00000080,0 0 20px #d4af374d}.gold-shimmer{position:relative;overflow:hidden}.gold-shimmer:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#d4af3740,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.gold-shimmer:hover:before{left:100%}.quality-fill{background:linear-gradient(90deg,#8b0000 0%,#a00000 100%);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #8b00004d}.quality-fill-teal{background:linear-gradient(90deg,#2a6363 0%,#3a8383 100%);box-shadow:0 0 10px #2a63634d}.candle-lit{color:#ff6b35;filter:drop-shadow(0 0 3px #ff6b3599)}.candle-burned{opacity:.2;filter:grayscale();color:#3d2b1f}.flame-path{stroke-dasharray:80 20;stroke-dashoffset:0;animation:2s linear infinite flame-trim-rotate}@keyframes flame-trim-rotate{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.flame-glow-pulse{animation:2s ease-in-out infinite flame-glow-pulse}@keyframes flame-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes candle-flicker{0%{filter:drop-shadow(0 0 3px #ff6b358c);opacity:1}12%{filter:drop-shadow(0 0 4px #ff6b35a6);opacity:.97}27%{filter:drop-shadow(0 0 2px #ff6b3566);opacity:.92}38%{filter:drop-shadow(0 0 5px #ff6b35b3);opacity:.98}55%{filter:drop-shadow(0 0 3px #ff6b3580);opacity:.94}68%{filter:drop-shadow(0 0 4px #ff6b3599);opacity:1}82%{filter:drop-shadow(0 0 2px #ff6b3573);opacity:.95}to{filter:drop-shadow(0 0 3px #ff6b358c);opacity:1}}.candle-flicker{animation:8s ease-in-out infinite candle-flicker}.flourish{color:#5c4d3c;font-family:var(--font-cinzel),"Cinzel",serif;letter-spacing:.05em;align-items:center;gap:1rem;font-size:1.125rem;font-weight:600;display:flex}.flourish:before,.flourish:after{content:"";background:linear-gradient(90deg,#0000,#5a3f2e,#0000);flex:1;height:2px}.ink-texture{background-image:linear-gradient(135deg,#ffffff05 0%,#0000 50%);position:relative}.ink-texture:after{content:"";pointer-events:none;opacity:.3;mix-blend-mode:overlay;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.fog-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.fog-layer:before{content:"";background:radial-gradient(#0000 30% 30%,#0000 31.46% 32.92%,#0000 34.38% 35.83%,#0000 37.29% 38.75%,#0000 40.21% 41.67%,#00000001 43.13% 44.58%,#00000002 46.04%,#00000003 47.5%,#00000005 48.96%,#00000008 50.42%,#0000000c 51.88%,#0001 53.33%,#00000017 54.79%,#0000001e 56.25%,#00000027 57.71%,#00000032 59.17%,#0000003e 60.63%,#0000004c 62.08%,#0000005c 63.54%,#0000006c 65%,#0000007d 66.46%,#0000008c 67.92%,#0000009a 69.38%,#000000a7 70.83%,#000000b1 72.29%,#000b 73.75%,#000000c2 75.21%,#000000c8 76.67%,#000000cd 78.13%,#000000d1 79.58%,#000000d3 81.04%,#000000d5 82.5%,#000000d7 83.96%,#000000d8 85.42% 86.88%,#000000d8 88.33%,#000000d9 89.79% 91.25%,#000000d9 92.71% 94.17%,#000000d9 95.63% 97.08%,#000000d9 98.54% 100%);position:absolute;inset:0}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.5}}.pulse-gold{animation:2s infinite pulse-gold}.diamond{border-radius:2px;width:9px;height:9px;transition:all .2s;display:inline-block;transform:rotate(45deg)}.diamond-lit{width:11px;height:11px}.faction-gradient-arithmancers{background:radial-gradient(at 30%,#8b000066 0%,#0000 70%),linear-gradient(135deg,#1a1510 0%,#0f0d0b 100%)}.faction-gradient-inkwell-society{background:radial-gradient(at 70%,#2a636366 0%,#0000 70%),linear-gradient(135deg,#1a1510 0%,#0f0d0b 100%)}.result-success{animation:.6s ease-out result-glow-gold}.result-failure{animation:.6s ease-out result-glow-crimson}@keyframes result-glow-gold{0%{box-shadow:0 0 #d4af3700}50%{box-shadow:0 0 30px #d4af3733,0 0 60px #d4af371a}to{box-shadow:0 0 15px #d4af370d}}@keyframes result-glow-crimson{0%{box-shadow:0 0 #8b000000}50%{box-shadow:0 0 30px #8b000033,0 0 60px #8b00001a}to{box-shadow:0 0 15px #8b00000d}}@keyframes level-up-glow{0%,to{box-shadow:0 0 20px #d4af3733}50%{box-shadow:0 0 40px #d4af3780,0 0 80px #d4af3733}}.level-up-glow{animation:2s ease-in-out infinite level-up-glow}@keyframes mote-pulse{0%,to{filter:drop-shadow(0 0 3px #d4af3766)}50%{filter:drop-shadow(0 0 8px #d4af37cc)}}.mote-icon{animation:3s ease-in-out infinite mote-pulse}.parchment-card{background-color:var(--color-victorian-card);color:var(--color-victorian-card-text);background-image:repeating-linear-gradient(45deg,#8b73550a 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#8b73550a 0 1px,#0000 1px 4px),linear-gradient(145deg,#c8b49626 0%,#0000 40%,#b4a0821a 70%,#0000 100%);background-size:4px 4px,4px 4px,100% 100%;position:relative;box-shadow:inset 0 1px 3px #0000001a}.parchment-card:after{content:"";pointer-events:none;mix-blend-mode:multiply;border-radius:inherit;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.parchment-card>*{z-index:2;position:relative}.image-placeholder{background:linear-gradient(135deg,var(--color-victorian-card-dark)0%,var(--color-victorian-card)50%,var(--color-victorian-card-dark)100%);justify-content:center;align-items:center;display:flex}.image-placeholder-dark{background:linear-gradient(135deg,var(--color-victorian-surface)0%,var(--color-victorian-surface-light)50%,var(--color-victorian-surface)100%);justify-content:center;align-items:center;display:flex}.sepia-portrait{filter:sepia(.6)contrast(1.1)brightness(.9);transition:filter .3s}.sepia-portrait:hover{filter:sepia(.4)contrast(1.2)brightness()}.tapered-divider{background:linear-gradient(90deg,transparent,var(--color-victorian-border)15%,var(--color-victorian-border)85%,transparent);height:1px}.tag-chip{color:var(--color-victorian-card-muted);border:1.5px solid var(--color-victorian-card-muted);cursor:default;border-radius:.25rem;padding:.125rem .5rem;font-size:.875rem;box-shadow:0 1px 3px #00000026}:focus-visible{outline-offset:2px;outline:2px solid #d4af3799}.storylet-completed{position:relative}.storylet-completed:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:#e8dcc80f;position:absolute;inset:0}.wax-seal{z-index:4;background:radial-gradient(circle at 40% 35%,#c44040 0%,#8b0000 60%,#5a0000 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0006,inset 0 1px 2px #ffffff26}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{background:linear-gradient(90deg,var(--color-victorian-surface)25%,var(--color-victorian-surface-light)37%,var(--color-victorian-surface)63%);background-size:200% 100%;border-radius:.5rem;animation:1.8s ease-in-out infinite skeleton-shimmer}@keyframes ink-flow-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}.quality-fill-animate{background:linear-gradient(90deg,#8b0000 0%,#a00000 30%,#d4af37 50%,#a00000 70%,#8b0000 100%) 0 0/200% 100%;animation:1.5s ease-out forwards ink-flow-sweep;box-shadow:0 0 10px #8b00004d,0 0 20px #d4af3726}.quality-fill-teal-animate{background:linear-gradient(90deg,#2a6363 0%,#3a8383 30%,#d4af37 50%,#3a8383 70%,#2a6363 100%) 0 0/200% 100%;animation:1.5s ease-out forwards ink-flow-sweep;box-shadow:0 0 10px #2a63634d,0 0 20px #d4af3726}@keyframes faction-pulse{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3)drop-shadow(0 0 8px);transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}.faction-pulse{animation:.6s ease-out faction-pulse}@keyframes btn-ripple{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(4)}}.btn-victorian,.btn-victorian-secondary,.btn-victorian-sm{position:relative;overflow:hidden}.btn-ripple-effect{pointer-events:none;z-index:10;background:radial-gradient(circle,#d4af374d 0%,#0000 70%);border-radius:50%;width:50px;height:50px;animation:.6s ease-out forwards btn-ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes dust-drift-1{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translate(120px,-200px)rotate(360deg)}}@keyframes dust-drift-2{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:.4}85%{opacity:.4}to{opacity:0;transform:translate(-80px,-250px)rotate(-180deg)}}@keyframes dust-drift-3{0%{opacity:0;transform:translate(0)}20%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:translate(60px,-180px)}}@keyframes fog-thicken{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.fog-thicken-overlay{pointer-events:none;z-index:50;background:radial-gradient(#8b000014 0%,#0f0d0b26 100%);animation:2s ease-in-out forwards fog-thicken;position:fixed;inset:0}@keyframes gaslight-flicker{0%{filter:brightness()}10%{filter:brightness(.85)}20%{filter:brightness()}30%{filter:brightness(.88)}40%{filter:brightness(.95)}50%{filter:brightness()}to{filter:brightness()}}.gaslight-flicker{animation:1.2s ease-in-out gaslight-flicker}@keyframes text-gold-flash{0%{background-size:0% 100%}to{background-size:100% 100%}}.text-highlight-hover{background-image:linear-gradient(90deg,#d4af371a 0% 100%);background-position:0 100%;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .3s ease-out}.text-highlight-hover:hover{background-size:100% 100%}@keyframes candle-ambient{0%,to{box-shadow:0 0 15px #ff6b3514,inset 0 0 15px #ff6b3508}50%{box-shadow:0 0 25px #ff6b3526,inset 0 0 25px #ff6b350d}}.candle-ambient-glow{animation:4s ease-in-out infinite candle-ambient}.narrative-glow{position:relative}.narrative-glow:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(#d4af370a 0%,#0000 70%);animation:6s ease-in-out infinite narrative-glow-pulse;position:absolute;inset:-4px}@keyframes narrative-glow-pulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes smoke-rise{0%{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.3;transform:translateY(-12px)scale(1.5)}to{opacity:0;transform:translateY(-24px)scale(2)}}.candle-smoke{pointer-events:none;background:radial-gradient(circle,#8b735566 0%,#0000 70%);border-radius:50%;width:8px;height:8px;animation:.8s ease-out forwards smoke-rise;position:absolute}@keyframes chain-ink-flow{0%{background-position:-100% 0}to{background-position:100% 0}}.chain-progress-fill{background:linear-gradient(90deg,#d4af374d 0%,#d4af37cc 50%,#d4af374d 100%) 0 0/200% 100%;animation:2s ease-in-out infinite chain-ink-flow}@keyframes tag-pulse-glow{0%,to{box-shadow:0 0 #d4af3700}50%{box-shadow:0 0 8px #d4af3766}}.tag-highlight{animation:1.5s ease-in-out 3 tag-pulse-glow}@keyframes wax-drip{0%{opacity:1;transform-origin:top;transform:scaleY(0)}60%{opacity:.8;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.2)}}.wax-drip{pointer-events:none;background:#8b0000;border-radius:0 0 2px 2px;width:3px;height:6px;animation:1s ease-out forwards wax-drip;position:absolute;bottom:-4px;left:50%}@keyframes rare-success-glow{0%,to{box-shadow:0 0 15px #d4af3726,inset 0 0 10px #d4af370d}50%{box-shadow:0 0 30px #d4af3759,inset 0 0 20px #d4af371a}}.rare-success-glow{animation:2s ease-in-out infinite rare-success-glow}.rarity-common{border-color:#8b7355}.rarity-uncommon{color:#3a7d44;border-color:#3a7d44}.rarity-rare{color:#2a6363;border-color:#2a6363}.rarity-epic{color:#7b2d8e;border-color:#7b2d8e}.rarity-legendary{color:#d4af37;border-color:#d4af37;box-shadow:0 0 8px #d4af3766}.rarity-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.nameplate{background-blend-mode:soft-light;background:url(/textures/leather.jpg) 50%/cover,linear-gradient(175deg,#2a1e14 0%,#3d2b1f 40%,#352518 70%,#2a1e14 100%);border:1px solid #3d2b1fe6;border-radius:3px;padding:.75rem 2.5rem;display:inline-block;position:relative;box-shadow:inset 0 0 0 3px #2a1e14b3,inset 0 0 0 4px #8b735526,inset 0 1px 2px #8b73551a,inset 0 -1px 2px #0000004d,0 4px 16px #0009,0 1px 3px #0006}.nameplate:before,.nameplate:after{content:"";border-style:solid;border-color:#8b73554d;width:12px;height:12px;position:absolute}.nameplate:before{border-width:1px 0 0 1px;top:5px;left:5px}.nameplate:after{border-width:1px 1px 0 0;top:5px;right:5px}.nameplate-corners{pointer-events:none;position:absolute;inset:0}.nameplate-corners:before,.nameplate-corners:after{content:"";border-style:solid;border-color:#8b73554d;width:12px;height:12px;position:absolute}.nameplate-corners:before{border-width:0 0 1px 1px;bottom:5px;left:5px}.nameplate-corners:after{border-width:0 1px 1px 0;bottom:5px;right:5px}.nameplate-flourish{align-items:center;gap:.75rem;display:flex}.nameplate-flourish:before,.nameplate-flourish:after{content:"";background:linear-gradient(90deg,#0000,#d4af3773);flex-shrink:0;width:28px;height:2px}.nameplate-flourish:after{background:linear-gradient(90deg,#d4af3773,#0000)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.candle-flicker,.mote-icon,.flame-glow-pulse,.rare-success-glow{animation:none!important}}