.parchment-bg{background-color:#d4c4a8;background-image:linear-gradient(135deg,#d4c4a8,#e8dcc8 50%,#c9b896);position:relative}.parchment-bg:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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");opacity:.3;pointer-events:none}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px rgba(255,200,100,.2)}50%{box-shadow:0 0 25px rgba(255,200,100,.4)}}.room-available{animation:glow-pulse 2s ease-in-out infinite}@keyframes torch-flicker{0%,to{opacity:.8;transform:scale(1)}25%{opacity:1;transform:scale(1.05)}50%{opacity:.9;transform:scale(.98)}75%{opacity:1;transform:scale(1.02)}}.torch-glow{animation:torch-flicker .3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.sparkle{animation:sparkle 1s ease-out forwards}.code-block{font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.6}.code-block .keyword{color:#c792ea}.code-block .decorator{color:#ffcb6b}.code-block .variable{color:#82aaff}.code-block .string{color:#c3e88d}.code-block .comment{color:#676e95;font-style:italic}.room-entrance{--room-bg:rgba(120,113,108,0.3);--room-border:#a8a29e;--room-accent:#d6d3d1}.room-scroll{--room-bg:rgba(180,83,9,0.2);--room-border:#d97706;--room-accent:#fbbf24}.room-training{--room-bg:rgba(30,64,175,0.2);--room-border:#3b82f6;--room-accent:#60a5fa}.room-forge{--room-bg:rgba(194,65,12,0.2);--room-border:#ea580c;--room-accent:#fb923c}.room-treasure{--room-bg:rgba(202,138,4,0.2);--room-border:#eab308;--room-accent:#facc15}.progress-pip{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.progress-pip.empty{background:rgba(100,116,139,.3);border:2px solid rgba(100,116,139,.5)}.progress-pip.filled{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #f59e0b;box-shadow:0 0 8px rgba(245,158,11,.4)}.progress-pip.current{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;box-shadow:0 0 12px rgba(251,191,36,.6);animation:glow-pulse 1.5s ease-in-out infinite}.dungeon-scrollbar::-webkit-scrollbar{width:8px}.dungeon-scrollbar::-webkit-scrollbar-track{background:rgba(30,41,59,.5);border-radius:4px}.dungeon-scrollbar::-webkit-scrollbar-thumb{background:rgba(251,191,36,.3);border-radius:4px}.dungeon-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(251,191,36,.5)}.stone-button{background:linear-gradient(180deg,#78716c,#57534e 50%,#44403c);border:2px solid #a8a29e;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.5)}.stone-button:hover{background:linear-gradient(180deg,#8b8580,#68635e 50%,#55504b)}.stone-button:active{background:linear-gradient(180deg,#57534e,#44403c 50%,#292524);box-shadow:inset 0 1px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}.interactive-tile{transition:all .2s ease}.interactive-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.interactive-tile:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.2)}.ember{position:absolute;width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 0 4px #f97316}.corridor-locked{stroke-dasharray:8 8;animation:dash-flow 2s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-16}}.treasure-glow{position:relative}.treasure-glow:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,rgba(251,191,36,.3) 0,transparent 70%);animation:treasure-pulse 2s ease-in-out infinite}@keyframes treasure-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}