.dungeon-container{--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-200:#fde68a;--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--accent-700:#b45309;--accent-800:#92400e;--accent-900:#78350f;--accent-950:#451a03}.room-card{position:relative;overflow:hidden}.room-card:before{content:"";background:linear-gradient(135deg,rgba(245,158,11,.05),transparent 50%,rgba(245,158,11,.03))}.noise-overlay,.room-card:before{position:absolute;inset:0;pointer-events:none}.noise-overlay{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fantasy-scrollbar::-webkit-scrollbar{width:8px}.fantasy-scrollbar::-webkit-scrollbar-track{background:rgba(30,41,59,.5);border-radius:4px}.fantasy-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-500) 0,var(--accent-800) 100%);border-radius:4px;border:1px solid rgba(251,191,36,.3)}.fantasy-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-400) 0,var(--accent-700) 100%)}.code-block{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(245,158,11,.2);border-radius:.75rem}.code-block pre{margin:0;padding:1rem;overflow-x:auto}.tip-box{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.3);border-radius:.75rem;padding:1rem}.warning-box{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3);border-radius:.75rem;padding:1rem}.progress-glow{box-shadow:0 0 10px rgba(245,158,11,.5)}.btn-amber{background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%);transition:all .2s ease}.btn-amber:hover{background:linear-gradient(135deg,var(--accent-400) 0,var(--accent-500) 100%);box-shadow:0 0 20px rgba(245,158,11,.3)}.interactive-card{background:linear-gradient(180deg,rgba(30,41,59,.8),rgba(15,23,42,.9));border:1px solid rgba(245,158,11,.2);border-radius:1rem;transition:border-color .2s ease}.interactive-card:hover{border-color:rgba(245,158,11,.4)}@keyframes checkmark-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.checkmark-animate{animation:checkmark-pop .3s ease-out forwards}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}