@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap);:root{--font-primary:"Cinzel","Georgia",serif;--font-secondary:"Georgia",serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-xl:0 16px 32px #00000040;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--glow-intensity:#d4af37e6}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5e6d3;background:var(--scroll-beige);box-sizing:border-box;color:#2d1810;font-family:Cinzel,Georgia,serif;font-family:var(--font-primary);letter-spacing:.3px;line-height:1.6;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:0;text-rendering:optimizeLegibility;width:100%;word-spacing:.1em}button{background:none;cursor:pointer;margin:0;padding:0}button,input,select,textarea{-webkit-appearance:none;appearance:none;border:none;font-family:inherit;font-size:inherit;outline:none}input,select,textarea{background:#0000}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#6b46c1;color:var(--philosopher-purple);font-family:Cinzel,Georgia,serif;font-family:var(--font-primary);font-weight:600;line-height:1.2;margin-bottom:.5em}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#d4af37;color:var(--ancient-gold)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h2,h3{font-weight:600}h3{font-size:1.5rem}h4{font-size:1.25rem}h4,h5{font-weight:500}h5{font-size:1.125rem}h6{font-size:1rem;font-weight:500}p{color:#2d1810;margin-bottom:1em}[data-theme=dark] p{color:#e8d5b7}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visually-hidden{@extend .sr-only}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:4px;gap:var(--spacing-xs)}.gap-2{gap:8px;gap:var(--spacing-sm)}.gap-3{gap:16px;gap:var(--spacing-md)}.gap-4{gap:24px;gap:var(--spacing-lg)}.gap-5{gap:32px;gap:var(--spacing-xl)}.gap-6{gap:48px;gap:var(--spacing-xxl)}.p-1{padding:4px;padding:var(--spacing-xs)}.p-2{padding:8px;padding:var(--spacing-sm)}.p-3{padding:16px;padding:var(--spacing-md)}.p-4{padding:24px;padding:var(--spacing-lg)}.p-5{padding:32px;padding:var(--spacing-xl)}.p-6{padding:48px;padding:var(--spacing-xxl)}.m-1{margin:4px;margin:var(--spacing-xs)}.m-2{margin:8px;margin:var(--spacing-sm)}.m-3{margin:16px;margin:var(--spacing-md)}.m-4{margin:24px;margin:var(--spacing-lg)}.m-5{margin:32px;margin:var(--spacing-xl)}.m-6{margin:48px;margin:var(--spacing-xxl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-gold{color:#d4af37;color:var(--ancient-gold)}.text-purple{color:#6b46c1;color:var(--philosopher-purple)}.text-blue{color:#2563eb;color:var(--wisdom-blue)}.text-white{color:#fff}.text-dark{color:#2d1810}.bg-gold{background-color:#d4af37;background-color:var(--ancient-gold)}.bg-purple{background-color:#6b46c1;background-color:var(--philosopher-purple)}.bg-blue{background-color:#2563eb;background-color:var(--wisdom-blue)}.bg-beige{background-color:#f5e6d3;background-color:var(--scroll-beige)}.bg-white{background-color:#faf9f6;background-color:var(--marble-white)}.border{border:1px solid #8b451333}.border-gold{border-color:#d4af37;border-color:var(--ancient-gold)}.border-purple{border-color:#6b46c1;border-color:var(--philosopher-purple)}.border-blue{border-color:#2563eb;border-color:var(--wisdom-blue)}.rounded{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}.rounded-full{border-radius:50%;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 16px #0003;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 16px 32px #00000040;box-shadow:var(--shadow-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:.3s ease;transition:var(--transition-normal)}.transition-fast{transition:.15s ease;transition:var(--transition-fast)}.transition-slow{transition:.5s ease;transition:var(--transition-slow)}.transform{transform:translateZ(0)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.translate-y-1{transform:translateY(4px);transform:translateY(var(--spacing-xs))}.translate-y-2{transform:translateY(8px);transform:translateY(var(--spacing-sm))}.-translate-y-1{transform:translateY(-4px);transform:translateY(calc(var(--spacing-xs)*-1))}.-translate-y-2{transform:translateY(-8px);transform:translateY(calc(var(--spacing-sm)*-1))}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-center{text-align:center}.md\:p-4{padding:24px;padding:var(--spacing-lg)}.md\:gap-4{gap:24px;gap:var(--spacing-lg)}}@media (max-width:480px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:text-center{text-align:center}.sm\:p-2{padding:8px;padding:var(--spacing-sm)}.sm\:gap-2{gap:8px;gap:var(--spacing-sm)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn .5s ease-in}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button:focus-visible{outline-color:#2563eb;outline-color:var(--wisdom-blue)}*{scrollbar-color:#d4af37 #0000;scrollbar-color:var(--ancient-gold) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}@media (prefers-contrast:high){:root{--ancient-gold:#b8860b;--philosopher-purple:#4c1d95;--wisdom-blue:#1e40af}.border{border-width:2px}.action-button,.nav-button,button{border-width:2px!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-bounce,.animate-fade-in,.animate-pulse,.animate-slide-up,.animate-spin{animation:none!important}}@media print{*{background:#0000!important;box-shadow:none!important;text-shadow:none!important}*,h1,h2,h3,h4,h5,h6{color:#000!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}p{color:#000!important}.no-print{display:none!important}}.philosophy-ui-component{--component-primary:var(--ancient-gold);--component-secondary:var(--philosopher-purple);--component-accent:var(--wisdom-blue);--component-background:var(--scroll-beige);--component-surface:var(--marble-white)}*{box-sizing:border-box}.component-container,.container,[class*=container],[class*=wrapper]{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}img,svg{display:block;height:auto;max-width:100%}:focus-visible{border-radius:2px;outline:2px solid #d4af37;outline:2px solid var(--ancient-gold);outline-offset:2px}.error-state{background-color:#dc26261a;border:1px solid #dc26264d;border-radius:8px;border-radius:var(--radius-md);color:#dc2626}.error-state,.loading-state{padding:16px;padding:var(--spacing-md)}.loading-state{background-color:#d4af371a;border:1px solid #d4af374d;border-radius:8px;border-radius:var(--radius-md);color:#d4af37;color:var(--ancient-gold)}.success-state{background-color:#0596691a;border:1px solid #0596694d;border-radius:8px;border-radius:var(--radius-md);color:#059669;padding:16px;padding:var(--spacing-md)}::selection{background:#d4af37}::-moz-selection{background:#d4af37}.App{background:linear-gradient(135deg,#f5e6d3f2,#e8d5b7f2 50%,#f5e6d3f2);background-attachment:scroll,fixed;background-size:cover,cover;box-sizing:border-box;font-family:Cinzel,Georgia,serif;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;transition:all .3s ease;width:100%}.App:before{background-image:radial-gradient(circle at 20% 80%,#8b45130d 0,#0000 50%),radial-gradient(circle at 80% 20%,#d4af3708 0,#0000 50%),linear-gradient(45deg,#0000 48%,#8b451305 52%);background-size:200px 200px,300px 300px,40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6b46c1e6,#2563ebcc 50%,#6b46c1e6);border-bottom:3px solid var(--ancient-gold);box-shadow:0 4px 16px #0003;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 40px}.app-title{color:#fff;display:flex;flex-direction:column;font-size:32px;font-weight:700;gap:4px;margin:0;text-shadow:2px 2px 4px #00000080}.subtitle{font-size:16px;font-style:italic;font-weight:400;opacity:.9}.header-controls{gap:16px}.header-controls,.theme-toggle{align-items:center;display:flex}.theme-toggle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.theme-toggle:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.component-navigator{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:6px;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 40px 16px;scroll-behavior:smooth;scrollbar-color:var(--ancient-gold) #0000;scrollbar-width:thin;width:100%}.component-navigator::-webkit-scrollbar{height:4px}.component-navigator::-webkit-scrollbar-track{background:#0000}.component-navigator::-webkit-scrollbar-thumb{background:var(--ancient-gold);border-radius:2px}.nav-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:13px;justify-content:center;letter-spacing:.3px;line-height:1.2;max-width:220px;min-width:120px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.nav-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.nav-button.active{background:var(--ancient-gold);border-color:#b8860b;box-shadow:0 4px 8px #d4af374d;color:#2d1810}.component-showcase{margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:40px}.showcase-header{background:linear-gradient(135deg,#fffc,#f5e6d399);border:2px solid #d4af374d;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:40px;padding:20px;text-align:center}.showcase-header h2{color:var(--philosopher-purple);font-size:36px;margin:0 0 8px;text-shadow:1px 1px 2px #fffc}.showcase-header p{color:var(--ancient-gold);font-size:16px;font-style:italic;font-weight:500;margin:0}.component-demo{align-items:center;background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);border-radius:20px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;min-height:600px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.component-demo.arena-demo{background:none;border-radius:0;min-height:100vh;padding:0}.philosophers-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;max-width:1200px}.orb-demo{min-height:700px}.orb-collection{align-items:flex-start;display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.orb-item{align-items:center;background:linear-gradient(135deg,#fff9,#f5e6d366);border:2px solid #d4af374d;border-radius:20px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;gap:20px;padding:20px}.orb-item h3{color:var(--philosopher-purple);font-size:18px;font-weight:700;margin:0;text-align:center;text-shadow:1px 1px 2px #fffc}.app-footer{background:linear-gradient(135deg,#8b4513e6,#a0522dcc 50%,#8b4513e6);border-top:3px solid var(--ancient-gold);color:#fff;margin-top:60px;padding:40px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.footer-content h3{color:var(--ancient-gold);font-size:20px;margin-bottom:16px;text-shadow:1px 1px 2px #00000080}.footer-content ul{list-style:none;margin:0;padding:0}.footer-content li{font-size:14px;line-height:1.5;opacity:.9;padding:4px 0}.footer-content p{font-size:14px;line-height:1.6;margin:0;opacity:.9}.footer-attribution{border-top:1px solid #d4af374d;margin:40px auto 0;max-width:1400px;padding-top:20px;text-align:center}.footer-attribution p{font-size:14px;margin:4px 0;opacity:.8}.footer-attribution p:first-child{color:var(--ancient-gold);font-weight:700}[data-theme=dark] .App{background:linear-gradient(135deg,#2d2b28,#3d3a35 50%,#2d2b28)}[data-theme=dark] .App:before{background-image:radial-gradient(circle at 20% 80%,#d4af370d 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b451308 0,#0000 50%),linear-gradient(45deg,#0000 48%,#d4af3705 52%)}[data-theme=dark] .showcase-header{background:linear-gradient(135deg,#2d2b28cc,#3d3a3599);border-color:var(--ancient-gold)}[data-theme=dark] .showcase-header h2{color:var(--ancient-gold)}[data-theme=dark] .orb-item{background:linear-gradient(135deg,#2d2b28cc,#3d3a3599);border-color:var(--ancient-gold)}[data-theme=dark] .orb-item h3{color:var(--ancient-gold);text-shadow:1px 1px 2px #000c}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;padding:16px 20px;text-align:center}.app-title{font-size:26px;line-height:1.3;text-align:center}.subtitle{font-size:14px}.component-navigator{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding:0 20px 16px;scroll-behavior:smooth}.nav-button{align-items:center;display:flex;flex-shrink:0;font-size:12px;justify-content:center;max-width:140px;min-height:44px;min-width:90px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.component-showcase{padding:24px 20px}.showcase-header h2{font-size:24px;line-height:1.4;margin-bottom:12px}.philosophers-grid{gap:20px}.orb-collection{align-items:center;flex-direction:column;gap:30px}.footer-content{gap:30px;grid-template-columns:1fr;padding:0 20px}.app-footer{padding:30px 20px}}@media (max-width:480px){.app-title{font-size:22px;line-height:1.3;text-align:center}.subtitle{font-size:13px;line-height:1.4}.component-navigator{flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:0 15px 16px}.nav-button{align-items:center;display:flex;flex-shrink:0;font-size:11px;justify-content:center;letter-spacing:.2px;line-height:1.1;max-width:110px;min-height:40px;min-width:75px;overflow:hidden;padding:8px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.component-showcase{padding:16px}.component-demo{border-radius:12px;min-height:400px;padding:15px}.showcase-header{margin-bottom:20px;padding:20px 16px}.showcase-header h2{font-size:20px;line-height:1.4;margin-bottom:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.component-demo>*{animation:fadeInUp .6s ease-out}.nav-button,.theme-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-button:hover,.theme-toggle:hover{animation:gentleFloat 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.App:before,.component-demo>*{animation:none}}button:focus-visible{outline:2px solid var(--ancient-gold);outline-offset:2px}@media (prefers-contrast:high){.app-header{border-bottom-width:4px}.nav-button{border-width:2px}.showcase-header{border-width:3px}}@media print{.app-footer,.app-header,.component-navigator{display:none}.App{background:#fff}.component-showcase{padding:0}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#8b45131a;border-radius:6px}::-webkit-scrollbar-thumb{background:var(--ancient-gold);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#b8860b;background-clip:content-box}::selection{background:var(--ancient-gold);color:#2d1810}::-moz-selection{background:var(--ancient-gold);color:#2d1810}.system-stats-container{margin:0 auto;max-width:1200px;padding:20px}.enhanced-ai-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.enhanced-ai-banner h3{font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.enhanced-ai-banner p{font-size:1.1rem;margin-bottom:20px;opacity:.9}.stats-button{background:linear-gradient(135deg,#ff6b6b,#ffd93d);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;text-shadow:1px 1px 2px #0000004d;transition:all .3s ease}.stats-button:hover{box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.features-showcase{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.feature-card{background:#fff;border-left:4px solid #667eea;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:20px;transition:transform .3s ease}.feature-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.feature-card h4{color:#333;font-size:1.2rem;margin-bottom:10px}.feature-card p{color:#666;font-size:.95rem;line-height:1.5}.gamification-container{margin:0 auto;max-width:1000px;padding:20px}.gamification-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:40px;overflow:hidden;padding:40px;position:relative;text-align:center}.gamification-banner:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.gamification-banner h3{font-size:2.5rem;font-weight:700;margin-bottom:16px}.gamification-banner p{font-size:1.2rem;margin-bottom:24px;opacity:.9}.level-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #667eea4d,inset 0 1px 0 #fff3;color:#fff;display:flex;gap:32px;overflow:hidden;padding:32px}.level-card,.level-circle-container{position:relative}.level-progress-ring{transform:rotate(-90deg)}.progress-circle{stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.level-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.level-number{font-size:42px;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000004d}.level-title{font-size:14px;font-weight:500;margin-top:4px;opacity:.9}.xp-info{flex:1 1}.xp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.xp-header h4{font-size:18px;font-weight:600;margin:0}.xp-percentage{color:gold;font-size:24px;font-weight:700;text-shadow:0 2px 4px #0000004d}.xp-bar-container{margin-bottom:16px}.xp-bar{background:#fff3;box-shadow:inset 0 2px 4px #0003;height:12px;overflow:hidden}.xp-bar,.xp-progress{border-radius:6px;position:relative}.xp-progress{background:linear-gradient(90deg,gold,#ffed4e,gold);box-shadow:0 2px 8px #ffd70080;height:100%;transition:width 2s cubic-bezier(.4,0,.2,1)}.xp-glow{animation:xpGlow 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.xp-text{display:flex;font-size:14px;justify-content:space-between;opacity:.9}.current-xp{font-weight:600}.next-level-xp{font-style:italic}.streak-card{background:linear-gradient(135deg,#ff9a56,#ff6b35);border-radius:20px;box-shadow:0 20px 40px #ff9a564d,inset 0 1px 0 #fff3;color:#fff;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;text-align:center}.streak-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px;position:relative}.streak-icon{animation:flameFlicker 2s ease-in-out infinite;font-size:32px}.streak-header h3{font-size:24px;font-weight:700;margin:0}.premium-badge{background:#fff3;border-radius:12px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:0;transition:all .3s ease}.premium-badge:hover{background:#ffffff4d;transform:scale(1.05)}.streak-display{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:24px}.streak-count{font-size:64px;font-weight:800;line-height:1;text-shadow:0 4px 8px #0000004d}.streak-unit{font-size:20px;font-weight:600;opacity:.8}.streak-milestones{gap:12px;margin-bottom:20px}.milestone,.streak-milestones{display:flex;justify-content:center}.milestone{align-items:center;background:#fff3;border-radius:50%;font-weight:600;height:48px;position:relative;transition:all .3s ease;width:48px}.milestone.achieved{background:#ffffffe6;box-shadow:0 4px 12px #ffffff4d;color:#ff6b35}.milestone-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.streak-motivation{font-size:16px;font-style:italic;margin:0;opacity:.9}.achievements-section{margin-bottom:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h3{color:#374151;font-size:24px;font-weight:700;margin:0}.unlock-hint{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.unlock-hint:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.achievement-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background-clip:padding-box;border:2px solid #0000;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.achievement-card:hover{border-color:#667eea;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.achievement-card.locked{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);color:#64748b;cursor:not-allowed}.achievement-card.locked:hover{border-color:#0000;box-shadow:none;transform:none}.achievement-icon{font-size:32px;margin-bottom:12px;transition:all .3s ease}.achievement-card:hover .achievement-icon{transform:scale(1.1) rotate(5deg)}.achievement-name{color:#374151;font-size:16px;font-weight:600;line-height:1.4}.achievement-card.locked .achievement-name{color:#64748b}.achievement-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.achievement-card:hover .achievement-shine{left:100%}.premium-achievements-preview{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;margin-top:24px;padding:24px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.preview-header h4{color:#92400e;font-size:18px;font-weight:700;margin:0}.preview-upgrade-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.preview-upgrade-btn:hover{box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes xpGlow{0%,to{left:-100%}50%{left:100%}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(.95) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse-animation{animation:pulse .6s ease-out}.flame-animation{animation:pulse .8s ease-out}.pop-animation{animation:pop .4s ease-out}.journey-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.journey-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.journey-showcase{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.journey-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px;text-align:center;transition:all .3s ease}.journey-card:hover{border-color:#667eea;box-shadow:0 12px 40px #667eea26;transform:translateY(-4px)}.journey-card h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:16px}.journey-card p{color:#666;font-size:1rem;line-height:1.6}@keyframes levelUp{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes achievementPop{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.level-up-animation{animation:levelUp .6s ease-out}.achievement-animation{animation:achievementPop .8s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width:480px){.gamification-dashboard{margin:10px;max-height:calc(100vh - 20px)}.dashboard-header{padding:16px}.dashboard-header h2{font-size:20px}.dashboard-tabs{flex-direction:row;overflow-x:auto}.tab-button{flex:none;font-size:14px;min-width:80px;padding:12px 16px}.dashboard-content{padding:16px}.level-card{flex-direction:column;gap:20px;padding:20px}.level-progress-ring{height:100px;width:100px}.level-number{font-size:36px}.xp-percentage{font-size:20px}.streak-card{padding:20px}.streak-count{font-size:48px}.streak-milestones{gap:8px}.milestone{font-size:12px;height:36px;width:36px}.achievements-grid{gap:16px;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.unlock-hint{text-align:center}.preview-grid{grid-template-columns:1fr}.upgrade-prompt-banner{flex-direction:column;gap:12px;text-align:center}}@media (min-width:481px) and (max-width:768px){.gamification-dashboard{margin:15px;max-height:calc(100vh - 30px)}.level-card{gap:24px;padding:24px}.streak-count{font-size:56px}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (min-width:769px){.gamification-dashboard{max-width:900px}.level-card{gap:32px;padding:32px}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.achievement-card:hover .achievement-icon{transform:scale(1.1) rotate(5deg)}.achievement-card:hover .achievement-shine{left:100%}}@media (max-width:768px){.gamification-banner{padding:24px}.gamification-banner h3{font-size:2rem}.journey-showcase{gap:16px;grid-template-columns:1fr}.journey-card{padding:24px}}:root{--ancient-gold:#d4af37;--philosopher-purple:#6b46c1;--wisdom-blue:#2563eb;--scroll-beige:#f5e6d3;--marble-white:#faf9f6;--shadow-dark:#0000004d;--glow-intensity:#d4af37cc;--mystical-purple:#6b46c199}.philosopher-card{box-sizing:border-box;cursor:pointer;height:min(480px,60vh);margin:16px;max-width:100%;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:min(320px,90vw)}.philosopher-card:hover{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));filter:drop-shadow(0 20px 40px var(--shadow-dark));transform:translateY(-8px) scale(1.02)}.philosopher-card.selected{animation:selectedPulse 2s ease-in-out infinite;filter:drop-shadow(0 25px 50px rgba(212,175,55,.8));filter:drop-shadow(0 25px 50px var(--glow-intensity));transform:translateY(-12px) scale(1.05)}.philosopher-card.locked{cursor:not-allowed;filter:grayscale(.8) brightness(.6);opacity:.7}.card-background{background:linear-gradient(135deg,#f5e6d3,#e8d5b7 50%,#f5e6d3);background:linear-gradient(135deg,var(--scroll-beige) 0,#e8d5b7 50%,var(--scroll-beige) 100%);border-radius:16px;overflow:hidden}.scroll-texture{background-image:radial-gradient(circle at 20% 80%,#8b45131a 0,#0000 50%),radial-gradient(circle at 80% 20%,#a0522d1a 0,#0000 50%),linear-gradient(45deg,#0000 48%,#8b45130d 52%);background-size:60px 60px,80px 80px,20px 20px;inset:0;position:absolute}.parchment-overlay{background:linear-gradient(45deg,#0000 48%,#d4af371a 50%,#0000 52%);background-size:4px 4px;inset:0;position:absolute}.card-frame{inset:4px;pointer-events:none;position:absolute}.frame-corner{background:linear-gradient(45deg,#d4af37,#f7dc6f);background:linear-gradient(45deg,var(--ancient-gold),#f7dc6f);border-radius:4px;box-shadow:inset 0 2px 4px #ffffff4d;height:32px;position:absolute;width:32px}.frame-corner:before{background:linear-gradient(-45deg,#b8860b,#d4af37);background:linear-gradient(-45deg,#b8860b,var(--ancient-gold));border-radius:2px;content:"";inset:4px;position:absolute}.frame-corner.top-left{left:0;top:0}.frame-corner.top-right{right:0;top:0}.frame-corner.bottom-left{bottom:0;left:0}.frame-corner.bottom-right{bottom:0;right:0}.frame-edge{background:linear-gradient(90deg,#d4af37,#f7dc6f,#d4af37);background:linear-gradient(90deg,var(--ancient-gold),#f7dc6f,var(--ancient-gold));box-shadow:inset 0 1px 2px #ffffff4d;position:absolute}.frame-edge.top{height:4px;left:32px;right:32px;top:0}.frame-edge.bottom{bottom:0;height:4px;left:32px;right:32px}.frame-edge.left{bottom:32px;left:0;top:32px;width:4px}.frame-edge.right{bottom:32px;right:0;top:32px;width:4px}.unlock-seal{align-items:center;background:radial-gradient(circle,#8b4513e6 0,#a0522db3 100%);border-radius:16px;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.seal-wax{animation:sealFloat 3s ease-in-out infinite;background:radial-gradient(circle,#8b4513 0,sienna 100%);border-radius:50%;box-shadow:0 8px 16px #0000004d;height:80px;position:relative;width:80px}.seal-wax:before{align-items:center;content:"🔒";display:flex;font-size:32px;inset:0;justify-content:center;position:absolute}.seal-text,.seal-wax:before{color:#d4af37;color:var(--ancient-gold)}.seal-text{font-size:18px;font-weight:700;margin-top:16px;text-shadow:2px 2px 4px #00000080}.mystical-runes{animation:runeRotate 20s linear infinite;border:2px dashed #d4af37;border:2px dashed var(--ancient-gold);border-radius:12px;inset:20px;opacity:.6;position:absolute}.portrait-container{height:140px;left:50%;position:absolute;top:24px;transform:translateX(-50%);width:140px}.portrait-frame{border:4px solid #d4af37;border:4px solid var(--ancient-gold);border-radius:50%;box-shadow:0 0 20px #d4af374d,inset 0 2px 4px #fff3;height:120px;margin:0 auto;overflow:hidden;position:relative;width:120px}.philosopher-portrait{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.portrait-glow{background:radial-gradient(circle,#d4af37 0,#0000 70%);background:radial-gradient(circle,var(--rarity-color,var(--ancient-gold)) 0,#0000 70%);border-radius:50%;inset:-8px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.portrait-glow.active{animation:glowPulse 1.5s ease-in-out infinite alternate;opacity:.6}.selection-aura{animation:auraRotate 3s linear infinite;background:conic-gradient(from 0deg,#d4af37,#2563eb,#6b46c1,#d4af37);background:conic-gradient(from 0deg,var(--ancient-gold),var(--wisdom-blue),var(--philosopher-purple),var(--ancient-gold));border-radius:50%;inset:-12px;position:absolute;z-index:-2}.rarity-gems{bottom:-8px;left:50%;transform:translateX(-50%)}.gem{animation:gemSparkle 2s ease-in-out infinite;background:linear-gradient(45deg,#d4af37,#ffffff4d);background:linear-gradient(45deg,var(--rarity-color,var(--ancient-gold)),#ffffff4d);border-radius:50% 50% 50% 0;box-shadow:0 2px 4px #0003;height:12px;transform:rotate(45deg);width:12px}.gem:nth-child(odd){animation-delay:.5s}.philosopher-info{bottom:24px;color:#2d1810;left:24px;position:absolute;right:24px}.philosopher-name{color:#6b46c1;color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 2px #fffc}.philosopher-era{color:#8b4513;font-size:14px;font-style:italic}.philosopher-era,.stats-container{margin-bottom:16px}.stat-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stat-name{color:#6b46c1;color:var(--philosopher-purple);font-size:12px;font-weight:600;min-width:60px}.stat-bar{background:#8b451333;border-radius:4px;flex:1 1;height:8px;margin:0 8px;overflow:hidden;position:relative}.stat-fill{background:linear-gradient(90deg,#d4af37,#2563eb);background:linear-gradient(90deg,var(--ancient-gold),var(--wisdom-blue));border-radius:4px;box-shadow:0 0 8px #d4af3766;height:100%;left:0;position:absolute;top:0;transition:width .8s cubic-bezier(.4,0,.2,1);width:var(--stat-value)}.stat-value{color:#6b46c1;color:var(--philosopher-purple);font-size:10px;min-width:24px;text-align:right}.special-ability{align-items:center;background:linear-gradient(135deg,#6b46c11a,#2563eb1a);border:1px solid #6b46c133;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.ability-icon{animation:abilityGlow 2s ease-in-out infinite alternate;font-size:16px}.ability-text{color:#6b46c1;color:var(--philosopher-purple);font-size:12px;font-weight:500}.particle-container{border-radius:16px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.particle{animation:particleFloat 3s ease-in-out infinite;background:#d4af37;background:var(--ancient-gold);border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.particle-1{animation-delay:0s}.selection-indicator{position:absolute;right:-16px;top:-16px;z-index:10}.selection-crown{animation:crownBounce 1s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:32px}.philosopher-card.legendary .card-background{background:linear-gradient(135deg,#fff8dc,#f5e6d3 50%,#e8d5b7);box-shadow:inset 0 0 20px #f59e0b33}.philosopher-card.mythic .card-background{background:linear-gradient(135deg,#ffe5e5,#f5e6d3 50%,#e8d5b7);box-shadow:inset 0 0 20px #ef444433}.philosopher-card.epic .card-background{background:linear-gradient(135deg,#f3e8ff,#f5e6d3 50%,#e8d5b7);box-shadow:inset 0 0 20px #8b5cf633}@keyframes selectedPulse{0%,to{box-shadow:0 0 20px #d4af37;box-shadow:0 0 20px var(--ancient-gold)}50%{box-shadow:0 0 40px #d4af37,0 0 60px #d4af374d;box-shadow:0 0 40px var(--ancient-gold),0 0 60px #d4af374d}}@keyframes runeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.1)}}@keyframes auraRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes abilityGlow{0%{text-shadow:0 0 4px currentColor}to{text-shadow:0 0 8px currentColor,0 0 16px currentColor}}@keyframes particleFloat{0%{opacity:0;transform:translateY(10px) scale(0)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(0)}}@keyframes crownBounce{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-4px) rotate(5deg)}}@media (max-width:768px){.philosopher-card{height:420px;margin:12px;width:280px}.philosopher-name{font-size:20px}.portrait-container{height:120px;width:120px}.portrait-frame{height:100px;width:100px}}[data-theme=dark]{--scroll-beige:#2d2b28;--marble-white:#1f1e1c;--shadow-dark:#0009}[data-theme=dark] .card-background{background:linear-gradient(135deg,#2d2b28,#3d3a35 50%,#2d2b28)}[data-theme=dark] .philosopher-name{color:#d4af37;color:var(--ancient-gold);text-shadow:1px 1px 2px #000c}[data-theme=dark] .philosopher-info{color:#e8d5b7}[data-theme=dark] .stat-name{color:#d4af37;color:var(--ancient-gold)}.ai-chat-button-container{margin-top:12px;padding:8px 0}.ai-chat-button{align-items:center;background:linear-gradient(135deg,#2563eb,#6b46c1);background:linear-gradient(135deg,var(--wisdom-blue) 0,var(--philosopher-purple) 100%);border:none;border-radius:20px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ai-chat-button:hover{box-shadow:0 8px 20px #2563eb66;filter:brightness(1.1);transform:translateY(-2px)}.ai-chat-button:active{box-shadow:0 2px 8px #2563eb4d;transform:translateY(0)}.ai-chat-button.pro{background:linear-gradient(135deg,#d4af37,#b8860b);background:linear-gradient(135deg,var(--ancient-gold) 0,#b8860b 100%);box-shadow:0 4px 12px #d4af374d}.ai-chat-button.pro:hover{box-shadow:0 8px 20px #d4af3766}.chat-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px}.chat-text{flex:1 1;text-align:center;text-shadow:0 1px 2px #0000004d}.tier-badge{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:14px}.ai-chat-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ai-chat-button:hover:before{left:100%}[data-theme=dark] .ai-chat-button{box-shadow:0 4px 12px #0006}[data-theme=dark] .ai-chat-button:hover{box-shadow:0 8px 20px #00000080}.wisdom-quest-journal{box-sizing:border-box;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z' fill='%23D4AF37'/%3E%3C/svg%3E"),auto;height:min(600px,80vh);margin:40px auto;max-width:100%;min-height:400px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);width:min(800px,95vw)}.wisdom-quest-journal.closed{height:min(600px,80vh);width:min(120px,30vw)}.book-spine{background:linear-gradient(180deg,#8b4513,sienna 10%,#8b4513 20%,#654321 50%,#8b4513 80%,sienna 90%,#8b4513);border-radius:8px 0 0 8px;box-shadow:inset 4px 0 8px #8b45134d,4px 0 16px #0003;cursor:pointer;height:600px;left:0;position:absolute;top:0;transition:all .3s ease;width:120px;z-index:10}.book-spine:hover{box-shadow:inset 4px 0 8px #8b45134d,8px 0 24px #0000004d;transform:translateX(-4px)}.spine-title{color:var(--ancient-gold);font-family:Cinzel,serif;font-size:24px;font-weight:700;left:50%;letter-spacing:2px;position:absolute;text-shadow:2px 2px 4px #00000080;top:50%;transform:translateX(-50%) translateY(-50%) rotate(90deg)}.spine-decoration{align-items:center;display:flex;flex-direction:column;height:520px;justify-content:space-between;left:50%;position:absolute;top:40px;transform:translateX(-50%);width:80px}.spine-gem{animation:spineGemGlow 3s ease-in-out infinite alternate;background:radial-gradient(circle,var(--ancient-gold) 0,#b8860b 100%);border:2px solid #654321;border-radius:50%;box-shadow:0 0 12px #d4af3799;height:24px;width:24px}.spine-pattern{background:repeating-linear-gradient(to bottom,var(--ancient-gold) 0,var(--ancient-gold) 8px,#0000 8px,#0000 16px);flex:1 1;margin:20px 0;opacity:.6;width:4px}.book-content{background:var(--scroll-beige);border-radius:0 16px 16px 0;box-shadow:0 8px 32px #0003,inset 0 0 20px #8b45131a;display:flex;height:600px;left:120px;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateX(-40px);transition:all .6s cubic-bezier(.4,0,.2,1);width:680px}.wisdom-quest-journal.open .book-content{opacity:1;transform:translateX(0)}.book-page{background:linear-gradient(135deg,var(--scroll-beige) 0,#f5e6d3 50%,var(--scroll-beige) 100%);flex:1 1;padding:40px 32px;position:relative}.left-page{background-image:radial-gradient(circle at 20% 80%,#8b45130d 0,#0000 50%),linear-gradient(45deg,#0000 48%,#8b451305 52%)}.right-page{background-image:radial-gradient(circle at 80% 20%,#8b45130d 0,#0000 50%),linear-gradient(-45deg,#0000 48%,#8b451305 52%);position:relative}.page-content{height:100%;overflow-y:auto;scrollbar-color:var(--ancient-gold) #0000;scrollbar-width:thin}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#0000}.page-content::-webkit-scrollbar-thumb{background:var(--ancient-gold);border-radius:4px}.page-title{margin-bottom:24px;text-align:center}.wax-seal-divider{margin:20px 0}.wax-seal,.wax-seal-divider{display:flex;justify-content:center}.wax-seal{align-items:center;animation:sealFloat 4s ease-in-out infinite;background:radial-gradient(circle,#8b4513 0,sienna 100%);border-radius:50%;box-shadow:0 4px 8px #0003;height:48px;width:48px}.seal-symbol{color:var(--ancient-gold);font-size:20px}.category-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.category-item{align-items:center;background:linear-gradient(135deg,#6b46c11a,#2563eb0d);border:1px solid #6b46c133;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .3s ease}.category-item:hover{background:linear-gradient(135deg,#6b46c133,#2563eb1a);box-shadow:0 4px 12px #6b46c133;transform:translateX(8px)}.category-item.active{background:linear-gradient(135deg,var(--philosopher-purple),var(--wisdom-blue));box-shadow:0 6px 16px #6b46c14d;color:#fff;transform:translateX(12px)}.category-seal{align-items:center;background:var(--ancient-gold);border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:24px;justify-content:center;margin-right:12px;width:24px}.seal-icon{font-size:12px}.category-info{align-items:center;display:flex;flex:1 1;gap:12px}.category-icon{font-size:20px}.category-name{font-size:14px;font-weight:600}.category-count{background:var(--ancient-gold);border-radius:12px;color:#2d1810;font-size:12px;font-weight:700;min-width:24px;padding:4px 8px;text-align:center}.progress-overview{background:linear-gradient(135deg,#d4af371a,#f5e6d34d);border:2px solid #d4af374d;border-radius:12px;padding:20px}.progress-overview h3{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:18px;margin-bottom:16px;text-align:center}.progress-stats{display:flex;justify-content:space-around}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-icon{font-size:24px}.stat-value{color:var(--ancient-gold);font-size:20px;font-weight:700}.stat-label{color:var(--philosopher-purple);font-size:12px;font-weight:500}.quest-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.quest-entry{align-items:flex-start;background:linear-gradient(135deg,#fffc,#f5e6d366);border:1px solid #8b451333;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.quest-entry:hover{background:linear-gradient(135deg,#ffffffe6,#f5e6d399);box-shadow:0 8px 24px #8b451333;transform:translateY(-4px)}.quest-entry.completed{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e4d}.quest-entry.active{animation:activeQuestPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf244d}.quest-entry.locked{background:linear-gradient(135deg,#6b72801a,#4b55630d);border-color:#6b72804d;cursor:not-allowed;opacity:.6}.quest-status{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.status-icon{font-size:16px;font-weight:700}.status-icon.completed{background:linear-gradient(135deg,#22c55e,#16a34a)}.status-icon.active,.status-icon.completed{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.status-icon.active{animation:statusGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fbb036,#f59e0b)}.status-icon.locked{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-icon.available,.status-icon.locked{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.status-icon.available{background:linear-gradient(135deg,var(--wisdom-blue),var(--philosopher-purple))}.quest-info{flex:1 1}.quest-title{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:18px;font-weight:700;margin-bottom:8px}.quest-description{color:#2d1810;font-size:14px;line-height:1.5;margin-bottom:12px}.quest-rewards{display:flex;gap:16px;margin-bottom:8px}.reward-item{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:12px;color:var(--ancient-gold);display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.reward-icon{font-size:14px}.quest-progress{align-items:center;display:flex;gap:12px;margin-top:8px}.progress-bar{flex:1 1}.progress-fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d);content:"";height:100%;position:absolute;right:0;top:0;width:20px}.progress-text{min-width:40px}.quest-difficulty{align-items:center;display:flex;flex-direction:column;gap:2px}.difficulty-star{color:var(--ancient-gold);font-size:16px;text-shadow:0 0 4px #d4af3799}.quest-entry.ink-animation{animation:inkSplatter .8s ease-out}.ink-splatter{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ink-drop{animation:inkDrop .4s ease-out;background:var(--ancient-gold);border-radius:50%;height:20px;opacity:0;width:20px}.ink-ripple{animation:inkRipple .6s ease-out .2s;border:2px solid var(--ancient-gold);border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.page-navigation{align-items:center;border-top:1px solid #8b451333;display:flex;justify-content:space-between;padding:16px 0}.nav-button{background:linear-gradient(135deg,var(--philosopher-purple),var(--wisdom-blue));border:none;border-radius:8px;box-shadow:0 4px 8px #6b46c133;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.nav-button:hover:not(:disabled){box-shadow:0 6px 12px #6b46c14d;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.page-indicator{align-items:center;color:var(--philosopher-purple);display:flex;font-family:Cinzel,serif;font-weight:700;gap:8px}.current-page{color:var(--ancient-gold);font-size:18px}.page-separator{color:#8b451399}.total-pages{font-size:14px}.book-binding{background:linear-gradient(180deg,#654321,#8b4513 50%,#654321);border-radius:8px;box-shadow:inset 0 0 8px #0000004d;height:600px;left:-8px;position:absolute;top:0;width:16px}.binding-detail{background:repeating-linear-gradient(to bottom,var(--ancient-gold) 0,var(--ancient-gold) 4px,#0000 4px,#0000 8px);height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.page-turn-shadow{background:linear-gradient(90deg,#0000,#0000001a);height:100%;right:-8px;top:0;width:16px}.journal-particles,.page-turn-shadow{pointer-events:none;position:absolute}.journal-particles{inset:0;overflow:hidden}.journal-particle{animation:journalParticleFloat 4s ease-in-out infinite;background:var(--ancient-gold);border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.journal-particle:nth-child(odd){animation-delay:2s}.particle-1{left:10%;top:20%}.particle-2{animation-delay:.5s;right:15%;top:30%}.particle-3{animation-delay:1s;bottom:40%;left:20%}.particle-4{animation-delay:1.5s;bottom:30%;right:10%}.particle-5{animation-delay:2s;left:5%;top:50%}.particle-6{animation-delay:2.5s;right:20%;top:60%}.particle-7{animation-delay:3s;left:30%;top:80%}.particle-8{animation-delay:3.5s;bottom:60%;right:40%}@keyframes spineGemGlow{0%{box-shadow:0 0 12px #d4af3799}to{box-shadow:0 0 20px #d4af37e6}}@keyframes sealFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(5deg)}}@keyframes activeQuestPulse{0%,to{box-shadow:0 8px 24px #8b451333}50%{box-shadow:0 8px 24px #fbbf2466,0 0 20px #fbbf2433}}@keyframes statusGlow{0%{box-shadow:0 2px 8px #0003}to{box-shadow:0 2px 8px #0003,0 0 16px #fbbf2499}}@keyframes progressShine{0%{opacity:0;transform:translateX(-20px)}50%{opacity:1}to{opacity:0;transform:translateX(100px)}}@keyframes inkSplatter{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes inkDrop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes inkRipple{0%{height:0;opacity:1;width:0}to{height:60px;opacity:0;width:60px}}@keyframes journalParticleFloat{0%{opacity:0;transform:translateY(10px) scale(0)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(0)}}@media (max-width:768px){.wisdom-quest-journal{height:500px;width:90vw}.book-spine,.wisdom-quest-journal.closed{height:500px;width:80px}.book-content{height:500px;left:80px;width:calc(90vw - 80px)}.book-page{padding:20px 16px}.quest-list{gap:12px}.quest-entry{padding:12px 16px}.spine-title{font-size:18px}}[data-theme=dark] .book-content{background:#2d2b28}[data-theme=dark] .book-page{background:linear-gradient(135deg,#2d2b28,#3d3a35 50%,#2d2b28)}[data-theme=dark] .quest-entry{background:linear-gradient(135deg,#2d2b28cc,#3d3a3566);border-color:#d4af374d;color:#e8d5b7}[data-theme=dark] .quest-title{color:var(--ancient-gold)}[data-theme=dark] .quest-description{color:#c4b59a}.achievement-tome{box-sizing:border-box;height:min(700px,80vh);margin:40px auto;max-width:100%;perspective:2000px;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1);width:min(900px,95vw)}.achievement-tome.closed{height:min(600px,75vh);width:min(400px,90vw)}.tome-cover{background:linear-gradient(135deg,#4a4a4a,#2d2d2d 20%,#1a1a1a 40%,#2d2d2d 60%,#4a4a4a 80%,#2d2d2d);border-radius:20px;box-shadow:0 20px 40px #0006,inset 0 2px 8px #d4af3733;cursor:pointer;inset:0;overflow:hidden;position:absolute;transform-origin:left center;transition:all .8s cubic-bezier(.4,0,.2,1)}.achievement-tome.open .tome-cover{box-shadow:-20px 0 40px #0000004d,inset 0 2px 8px #d4af3733;transform:rotateY(-180deg) translateZ(20px)}.cover-surface{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:60px 40px;position:relative;width:100%}.cover-title{color:var(--ancient-gold);font-family:Cinzel,serif;font-size:42px;letter-spacing:3px;line-height:1.2;margin-bottom:16px;text-align:center;text-shadow:2px 2px 4px #000c,0 0 20px #d4af3780}.cover-subtitle{color:#d4af37cc;font-size:18px;font-style:italic;letter-spacing:1px;margin-bottom:40px;text-align:center}.cover-emblem{align-items:center;display:flex;height:120px;justify-content:center;margin:40px 0;position:relative;width:120px}.emblem-center{animation:emblemFloat 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));font-size:48px;z-index:3}.emblem-ring{animation:emblemRotate 20s linear infinite;border-radius:50%;border-style:solid;border:3px dashed var(--ancient-gold);height:80px;opacity:.8;position:absolute;width:80px}.emblem-outer-ring{animation:emblemRotate 15s linear infinite reverse;border-color:#0000 #d4af3780 #d4af3780 #0000;border-radius:50%;border-style:solid;border-width:2px;height:100px;position:absolute;width:100px}.cover-corner-decorations{inset:20px;position:absolute}.corner-decoration{background:linear-gradient(45deg,#d4af3733,#d4af371a);border:2px solid var(--ancient-gold);border-radius:8px;box-shadow:inset 0 2px 4px #ffffff1a;height:40px;position:absolute;width:40px}.corner-decoration:before{background:radial-gradient(circle,#d4af374d 0,#0000 70%);border:1px solid #d4af3799;border-radius:4px;content:"";inset:8px;position:absolute}.corner-decoration.top-left{left:0;top:0}.corner-decoration.top-right{right:0;top:0}.corner-decoration.bottom-left{bottom:0;left:0}.corner-decoration.bottom-right{bottom:0;right:0}.cover-patterns{bottom:80px;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.pattern-line{background:linear-gradient(90deg,#0000 0,var(--ancient-gold) 50%,#0000 100%);height:2px;opacity:.7;width:200px}.pattern-line:nth-child(2){margin:0 auto;width:160px}.pattern-line:nth-child(3){margin:0 auto;width:120px}.tome-lock{height:32px;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px}.lock-body{background:linear-gradient(135deg,#b8860b,var(--ancient-gold));border-radius:4px 4px 8px 8px;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff3;height:16px;width:20px}.lock-keyhole{border-radius:50%;box-shadow:inset 0 1px 2px #00000080;height:6px;top:50%;transform:translate(-50%,-50%);width:6px}.lock-keyhole,.lock-keyhole:after{background:#2d2d2d;left:50%;position:absolute}.lock-keyhole:after{border-radius:0 0 2px 2px;content:"";height:4px;top:60%;transform:translateX(-50%);width:2px}.tome-content{background:var(--scroll-beige);border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 0 20px #8b45131a;display:flex;inset:0;opacity:0;overflow:hidden;position:absolute;transform:scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1) .3s}.achievement-tome.open .tome-content{opacity:1;transform:scale(1)}.tome-page{background:linear-gradient(135deg,var(--scroll-beige) 0,#f5e6d3 50%,var(--scroll-beige) 100%);flex:1 1;padding:40px 32px;position:relative}.left-page{background-image:radial-gradient(circle at 20% 80%,#8b451308 0,#0000 50%);border-right:2px solid #8b451333}.right-page{background-image:radial-gradient(circle at 80% 20%,#8b451308 0,#0000 50%)}.page-header{border-bottom:1px solid #8b451333;margin-bottom:32px;padding-bottom:20px;text-align:center}.page-title{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:32px;margin-bottom:8px;text-shadow:1px 1px 2px #fffc}.achievement-count{color:var(--ancient-gold);font-size:16px;font-style:italic;font-weight:600}.constellation-divider{display:flex;justify-content:center;margin:20px 0}.constellation-pattern{align-items:center;display:flex;height:30px;justify-content:space-between;position:relative;width:200px}.constellation-star{animation:starTwinkle 2s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--star-index, 0)*.3s);color:var(--ancient-gold);font-size:16px}.category-constellation{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.constellation-node{align-items:center;background:linear-gradient(135deg,#6b46c11a,#2563eb0d);border:1px solid #6b46c133;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.constellation-node:hover{background:linear-gradient(135deg,#6b46c133,#2563eb1a);box-shadow:0 4px 16px #6b46c14d;transform:translateX(8px)}.constellation-node.active{background:linear-gradient(135deg,var(--category-color),#d4af374d);box-shadow:0 6px 20px #d4af3766,inset 0 2px 4px #fff3;transform:translateX(16px)}.node-core{background:radial-gradient(circle,var(--ancient-gold) 0,#b8860b 100%);box-shadow:0 4px 8px #0003;flex-shrink:0;height:40px;width:40px}.node-icon{font-size:20px}.node-info{flex:1 1}.node-name{color:var(--philosopher-purple);font-size:14px;font-weight:600;margin-bottom:4px}.node-progress{color:var(--ancient-gold);font-size:12px;font-weight:700}.achievement-statistics{background:linear-gradient(135deg,#d4af371a,#f5e6d34d);border:2px solid #d4af374d;border-radius:16px;padding:24px}.achievement-statistics h3{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:18px;margin-bottom:20px;text-align:center}.stat-crystals{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-around;margin-bottom:24px}.stat-crystal{flex-direction:column;gap:8px}.crystal,.stat-crystal{align-items:center;display:flex}.crystal{animation:crystalFloat 3s ease-in-out infinite;background:var(--crystal-color);border-radius:8px;box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffff4d;height:32px;justify-content:center;position:relative;transform:rotate(45deg);width:32px}.crystal-core{color:#fff;font-size:12px;font-weight:700;text-shadow:1px 1px 2px #00000080;transform:rotate(-45deg)}.crystal-facet{border:1px solid #ffffff4d;border-radius:4px;bottom:4px;left:4px;position:absolute;right:4px;top:4px}.crystal-label{color:var(--philosopher-purple);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.total-progress{align-items:center;display:flex;flex-direction:column;gap:12px}.progress-orb{height:80px;position:relative;width:80px}.orb-outer{animation:orbRotate 6s linear infinite;background:conic-gradient(from 0deg,var(--ancient-gold) 0deg,var(--wisdom-blue) 120deg,var(--philosopher-purple) 240deg,var(--ancient-gold) 1turn);border-radius:50%;inset:0;padding:4px;position:absolute}.orb-inner{align-items:center;background:var(--scroll-beige);border-radius:50%;box-shadow:inset 0 4px 8px #0000001a;display:flex;height:100%;justify-content:center;position:relative;width:100%}.progress-percentage{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:18px;font-weight:700}.progress-label{color:var(--ancient-gold);font-size:14px;font-weight:600;text-align:center}.achievement-gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:500px;overflow-y:auto;padding-right:8px;scrollbar-color:var(--ancient-gold) #0000;scrollbar-width:thin}.achievement-gallery::-webkit-scrollbar{width:8px}.achievement-gallery::-webkit-scrollbar-track{background:#0000}.achievement-gallery::-webkit-scrollbar-thumb{background:var(--ancient-gold);border-radius:4px}.achievement-badge{background:linear-gradient(135deg,#fffc,#f5e6d366);border:2px solid #8b451333;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.achievement-badge:hover{box-shadow:0 20px 40px #0003;transform:translateY(-8px) scale(1.02)}.achievement-badge.unlocked{background:linear-gradient(135deg,#d4af3733,#f5e6d399);border-color:var(--rarity-color);box-shadow:0 8px 16px #0000001a,0 0 20px #d4af374d}.achievement-badge.locked{background:linear-gradient(135deg,#6b728033,#9ca3af1a);border-color:#6b72804d;opacity:.6}.achievement-badge.in-progress{animation:progressPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf2466}.badge-frame{border-radius:12px;inset:8px;pointer-events:none;position:absolute}.badge-frame.simple{border:1px solid #9ca3af80}.badge-frame.ornate{border:2px solid var(--rarity-color);box-shadow:inset 0 2px 4px #ffffff1a}.badge-frame.legendary{animation:frameShimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#0000 48%,#d4af371a 50%,#0000 52%);background-size:8px 8px;border:3px solid var(--rarity-color)}.badge-frame.mythic{animation:mythicPulse 2s ease-in-out infinite alternate;background:conic-gradient(from 0deg,#0000 0deg,#ef444433 90deg,#0000 180deg,#ef444433 270deg,#0000 1turn);border:4px solid var(--rarity-color)}.badge-icon-container{margin-bottom:16px;position:relative}.badge-icon,.badge-icon-container{display:flex;justify-content:center}.badge-icon{align-items:center;background:radial-gradient(circle,var(--ancient-gold) 0,#0000001a 100%);background:radial-gradient(circle,var(--rarity-color,var(--ancient-gold)) 0,#0000001a 100%);border-radius:50%;box-shadow:0 8px 16px #0003;font-size:48px;height:80px;transition:all .3s ease;width:80px}.badge-icon.divine{animation:divineGlow 3s ease-in-out infinite alternate}.unlock-aura{inset:-20px;pointer-events:none;position:absolute}.aura-particle{animation:auraFloat 2s ease-in-out infinite;background:var(--rarity-color);border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.badge-info{text-align:center}.achievement-name{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:8px}.achievement-description{color:#2d1810;font-size:14px;line-height:1.4;margin-bottom:12px}.achievement-progress{margin:12px 0}.progress-bar{background:#8b451333;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--ancient-gold),var(--wisdom-blue));border-radius:4px;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1);width:var(--progress)}.progress-text{color:var(--philosopher-purple);font-size:12px;font-weight:700}.achievement-rewards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.reward-tag{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:12px;color:var(--ancient-gold);display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.rarity-gems{display:flex;gap:4px;position:absolute;right:12px;top:12px}.rarity-gem{animation:gemSparkle 3s ease-in-out infinite;background:linear-gradient(45deg,var(--ancient-gold),#ffffff4d);background:linear-gradient(45deg,var(--rarity-color,var(--ancient-gold)),#ffffff4d);border-radius:50% 50% 50% 0;box-shadow:0 2px 4px #0003;height:12px;transform:rotate(45deg);width:12px}.lock-overlay{background:radial-gradient(circle,#4b5563e6 0,#6b7280b3 100%);border-radius:14px;flex-direction:column}.lock-symbol{animation:lockFloat 3s ease-in-out infinite;font-size:36px;margin-bottom:12px}.lock-requirement{color:#ffffffe6;font-size:12px;font-weight:500;max-width:200px;text-align:center}.achievement-badge.unlocking{animation:unlockShake .8s ease-out}.unlock-animation{align-items:center;background:radial-gradient(circle,#d4af37e6 0,#0000 70%);border-radius:14px;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:10}.unlock-flash{animation:unlockFlash .4s ease-out;background:radial-gradient(circle,#fffc 0,#0000 70%);inset:-20px;position:absolute}.unlock-text{animation:unlockTextSlide .6s ease-out .2s both;color:#fff;font-size:14px;font-weight:700;text-align:center;text-shadow:2px 2px 4px #000c;z-index:2}.unlock-particles{inset:0;position:absolute}.unlock-particle{animation:unlockParticleExplode 1.2s ease-out;background:var(--ancient-gold);border-radius:50%;height:6px;position:absolute;width:6px}.achievement-tooltip{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid var(--ancient-gold);border-radius:12px;box-shadow:0 8px 24px #0006;color:#fff;font-size:13px;line-height:1.4;padding:16px;top:-120px;width:280px;z-index:20}.achievement-tooltip,.achievement-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.achievement-tooltip:before{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--ancient-gold);bottom:-10px;content:"";height:0;width:0}.tooltip-header{font-size:11px;margin-bottom:8px}.tooltip-rarity{font-weight:700;letter-spacing:.5px}.tooltip-date{opacity:.7}.tooltip-description{margin-bottom:8px}.tooltip-hidden{border-top:1px solid #d4af374d;color:var(--ancient-gold);font-size:12px;padding-top:8px}.empty-gallery{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;opacity:.7;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-message{color:var(--philosopher-purple);font-size:18px;font-weight:600;margin-bottom:8px}.empty-subtitle{color:var(--ancient-gold);font-size:14px;font-style:italic}.background-constellation{inset:0;opacity:.3;overflow:hidden;pointer-events:none;position:absolute}.bg-star{animation:bgStarTwinkle 4s ease-in-out infinite;color:var(--ancient-gold);font-size:12px;position:absolute}.constellation-lines{height:100%;inset:0;position:absolute;width:100%}.trophy-lighting{inset:0;overflow:hidden;pointer-events:none;position:absolute}.light-beam{animation:lightBeamSway 8s ease-in-out infinite;background:linear-gradient(180deg,#d4af371a,#d4af370d 50%,#0000);height:400px;position:absolute;transform-origin:top center;width:200px}.light-beam.beam-1{animation-delay:0s;left:20%;top:0}.light-beam.beam-2{animation-delay:2s;right:30%;top:0}.light-beam.beam-3{animation-delay:4s;left:60%;top:0}@keyframes emblemFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes emblemRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes starTwinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes crystalFloat{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-4px)}}@keyframes orbRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progressPulse{0%,to{border-color:#fbbf2466;box-shadow:0 8px 16px #0000001a}50%{border-color:#fbbf24cc;box-shadow:0 8px 16px #fbbf2433}}@keyframes frameShimmer{0%,to{background-position:0 0}50%{background-position:100% 100%}}@keyframes mythicPulse{0%{border-color:var(--rarity-color);box-shadow:0 0 20px #ef44444d}to{border-color:#ef4444cc;box-shadow:0 0 40px #ef444499}}@keyframes divineGlow{0%{box-shadow:0 8px 16px #0003;filter:brightness(1)}to{box-shadow:0 8px 24px #0000004d,0 0 30px var(--rarity-color);filter:brightness(1.2)}}@keyframes auraFloat{0%{opacity:0;transform:translateY(20px) scale(0)}50%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(0)}}@keyframes gemSparkle{0%,to{opacity:1;transform:rotate(45deg) scale(1)}50%{opacity:.7;transform:rotate(45deg) scale(1.3)}}@keyframes unlockShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px) scale(1.02)}75%{transform:translateX(4px) scale(1.02)}}@keyframes unlockFlash{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes unlockTextSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes unlockParticleExplode{0%{opacity:1;transform:scale(0) translate(0)}to{opacity:0;transform:scale(1) translate(0);transform:scale(1) translate(var(--x,0),var(--y,0))}}@keyframes bgStarTwinkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(180deg)}}@keyframes lightBeamSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (max-width:768px){.achievement-tome{height:min(600px,80vh);margin:20px auto;width:min(90vw,500px)}.achievement-tome.closed{height:min(500px,70vh);width:min(300px,85vw)}.tome-page{overflow-y:auto;padding:20px 16px}.achievement-gallery{grid-template-columns:1fr;max-height:min(400px,50vh);overflow-y:auto}.cover-title{font-size:28px;line-height:1.3}.page-title{font-size:24px;line-height:1.3}}[data-theme=dark] .tome-content{background:#2d2b28}[data-theme=dark] .tome-page{background:linear-gradient(135deg,#2d2b28,#3d3a35 50%,#2d2b28)}[data-theme=dark] .page-title{color:var(--ancient-gold)}[data-theme=dark] .achievement-badge{background:linear-gradient(135deg,#2d2b28cc,#3d3a3566);border-color:#d4af374d}[data-theme=dark] .achievement-name{color:var(--ancient-gold)}[data-theme=dark] .achievement-description{color:#c4b59a}.philosophy-skill-tree{background:linear-gradient(135deg,var(--scroll-beige) 0,#e8d5b7 50%,var(--scroll-beige) 100%);border-radius:20px;box-shadow:0 20px 40px #0003;box-sizing:border-box;margin:0 auto;max-width:calc(100vw - 40px);overflow:hidden;padding:20px;position:relative;width:min(100%,1200px)}.tree-header{align-items:center;border-bottom:2px solid #8b451333;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px 20px}.tree-title h1{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:42px;margin:0;text-shadow:2px 2px 4px #fffc}.tree-subtitle{color:var(--ancient-gold);font-size:16px;font-style:italic;margin-top:8px}.skill-points-display{align-items:center;display:flex;gap:16px}.points-orb{align-items:center;animation:orbPulse 3s ease-in-out infinite;background:radial-gradient(circle,var(--ancient-gold) 0,#b8860b 100%);border-radius:50%;box-shadow:0 8px 16px #0003,inset 0 2px 4px #ffffff4d;display:flex;height:80px;justify-content:center;position:relative;width:80px}.orb-glow{animation:orbGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#d4af3766 0,#0000 70%);border-radius:50%;inset:-8px;position:absolute}.points-value{color:#2d1810;font-family:Cinzel,serif;font-size:24px;font-weight:700;text-shadow:1px 1px 2px #fffc;z-index:1}.points-label{color:var(--philosopher-purple);font-size:14px;font-weight:600;text-align:center}.branch-selector{display:flex;gap:8px;margin-bottom:30px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.branch-selector::-webkit-scrollbar{display:none}.branch-tab{align-items:center;background:linear-gradient(135deg,#fff9,#f5e6d34d);border:2px solid #8b451333;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;gap:12px;max-width:200px;min-width:160px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.branch-tab:hover{background:linear-gradient(135deg,#fffc,#f5e6d380);box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.branch-tab.active{background:linear-gradient(135deg,var(--branch-color),#ffffff4d);border-color:var(--branch-color);box-shadow:0 8px 16px #0003,0 0 20px #d4af374d;transform:translateY(-6px)}.tab-icon{font-size:24px}.tab-info{flex:1 1}.tab-name{color:var(--philosopher-purple);font-size:14px;font-weight:700;margin-bottom:2px}.tab-patron{color:var(--ancient-gold);font-size:11px;font-style:italic}.tab-active-indicator{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--branch-color);bottom:-8px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tree-container{background:linear-gradient(135deg,#f5e6d34d,#e8d5b74d);background-image:radial-gradient(circle at 20% 80%,#8b45130d 0,#0000 50%),radial-gradient(circle at 80% 20%,#d4af3708 0,#0000 50%);border-radius:16px;box-sizing:border-box;height:min(800px,60vh);min-height:400px;overflow:hidden;position:relative;width:100%}.tree-background{inset:0;position:absolute}.tree-trunk{height:100%;opacity:.6;position:absolute;width:100%}.trunk-main{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.connection-path{stroke-dasharray:5,5;stroke-linecap:round;transition:all .5s ease}.connection-path.active{stroke-dasharray:none;animation:energyFlow 3s linear infinite}.connection-path.available{animation:pathGlow 2s ease-in-out infinite alternate}.energy-flow{animation:energyParticleMove 2s cubic-bezier(.4,0,.2,1);height:4px;left:var(--start-x);pointer-events:none;position:absolute;top:var(--start-y);width:4px}.energy-particle{animation:energyParticlePulse .5s ease-in-out infinite alternate;background:var(--ancient-gold);border-radius:50%;box-shadow:0 0 8px var(--ancient-gold);height:100%;width:100%}.skill-nodes{height:100%;position:relative;width:100%}.skill-node{cursor:pointer;height:80px;position:absolute;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:80px;z-index:calc(100 + var(--tier))}.skill-node:hover{transform:translate(-50%,-50%) scale(1.1);z-index:200}.skill-node.upgrading{animation:upgradeShake 1s ease-out}.node-core{align-items:center;background:linear-gradient(135deg,#fffc,#f5e6d399);border:3px solid #8b45134d;border-radius:50%;box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffff80;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.skill-node.unlocked .node-core{background:linear-gradient(135deg,var(--branch-color),#ffffff4d);border-color:var(--branch-color);box-shadow:0 4px 8px #0003,0 0 16px #d4af3766,inset 0 2px 4px #ffffff4d}.skill-node.available .node-core{animation:availablePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#d4af374d,#ffffffb3);border-color:var(--ancient-gold)}.skill-node.locked .node-core{background:linear-gradient(135deg,#6b728066,#9ca3af33);border-color:#6b728080;opacity:.6}.node-icon{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));font-size:32px;z-index:2}.level-indicator{align-items:center;background:var(--branch-color);border:2px solid #fffc;border-radius:12px;bottom:-8px;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-8px;text-shadow:1px 1px 2px #00000080;z-index:3}.level-number{color:#fff}.level-max{margin-left:1px;opacity:.7}.progress-ring{inset:-2px;transform:rotate(-90deg);z-index:1}.progress-circle{transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.upgrade-glow{inset:-12px;z-index:0}.glow-ring,.upgrade-glow{border-radius:50%;position:absolute}.glow-ring{animation:glowRing 2s ease-in-out infinite;border:2px solid var(--ancient-gold);inset:0}.glow-pulses{inset:0;position:absolute}.glow-pulse{animation:glowPulseMove 2s ease-in-out infinite;background:var(--ancient-gold);border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.glow-pulse.pulse-1{animation-delay:0s;left:50%;top:0}.glow-pulse.pulse-2{animation-delay:.3s;right:0;top:25%}.glow-pulse.pulse-3{animation-delay:.6s;bottom:0;right:25%}.glow-pulse.pulse-4{animation-delay:.9s;bottom:0;left:50%}.glow-pulse.pulse-5{animation-delay:1.2s;bottom:25%;left:0}.glow-pulse.pulse-6{animation-delay:1.5s;left:25%;top:0}.lock-overlay{align-items:center;background:radial-gradient(circle,#6b7280e6 0,#4b5563b3 100%);border-radius:50%;display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.lock-icon{animation:lockFloat 3s ease-in-out infinite;color:#fffc;font-size:24px}.mastery-crown{left:50%;position:absolute;top:-16px;transform:translateX(-50%);z-index:4}.crown-icon{animation:crownBob 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:20px}.crown-glow{animation:crownGlow 1.5s ease-in-out infinite alternate;background:radial-gradient(circle,#d4af3799 0,#0000 70%);border-radius:50%;inset:-4px;position:absolute}.skill-info{bottom:-40px;left:50%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.skill-name{color:var(--philosopher-purple);font-family:Cinzel,serif;font-size:12px;font-weight:700;margin:0 0 4px;text-shadow:1px 1px 2px #fffc}.tier-indicator{display:flex;gap:2px;justify-content:center}.tier-dot{background:var(--ancient-gold);border-radius:50%;box-shadow:0 0 2px #d4af37cc;height:4px;width:4px}.upgrade-animation{align-items:center;display:flex;inset:-20px;justify-content:center;pointer-events:none;position:absolute;z-index:10}.upgrade-burst{inset:0;position:absolute}.burst-particle{animation:burstParticleExplode 1s ease-out;background:var(--ancient-gold)}.upgrade-text{animation:upgradeTextSlide 1s ease-out;color:var(--ancient-gold);font-size:10px;font-weight:700;text-shadow:2px 2px 4px #000c;z-index:2}.skill-tooltip{animation:tooltipSlideIn .3s ease-out;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:2px solid var(--branch-color);border-radius:16px;box-shadow:0 12px 24px #0006;color:#fff;font-size:13px;line-height:1.4;padding:16px;top:-180px;width:300px;z-index:300}.skill-tooltip,.skill-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.skill-tooltip:before{border-left:12px solid #0000;border-right:12px solid #0000;border-top:12px solid var(--branch-color);bottom:-12px;content:"";height:0;width:0}.tooltip-header{align-items:center;border-bottom:1px solid #d4af374d;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.tooltip-name{color:var(--ancient-gold);font-family:Cinzel,serif;font-size:16px;font-weight:700}.tooltip-tier{color:var(--branch-color);font-size:12px;font-weight:600}.tooltip-description{color:#ffffffe6;font-style:italic;margin-bottom:12px}.tooltip-effects{margin-bottom:12px}.tooltip-effects ul{margin:8px 0 0;padding-left:16px}.tooltip-effects li{color:var(--ancient-gold);font-size:12px;margin-bottom:4px}.tooltip-requirements{margin-bottom:12px}.requirement-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.requirement{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.requirement.met{background:#22c55e33;border:1px solid #22c55e80;color:#22c55e}.requirement.unmet{background:#ef444433;border:1px solid #ef444480;color:#ef4444}.tooltip-footer{border-top:1px solid #d4af374d;font-weight:600;padding-top:8px;text-align:center}.upgrade-prompt{color:var(--ancient-gold)}.mastery-text{color:#22c55e}.locked-text{color:#ef4444;font-size:12px}.tree-foliage{inset:0;overflow:hidden;pointer-events:none;position:absolute}.foliage-particle{animation:foliageFloat 8s ease-in-out infinite;font-size:16px;opacity:.6;position:absolute}.foliage-particle:nth-child(odd){animation-delay:4s}.foliage-particle.particle-1{left:15%;top:10%}.foliage-particle.particle-2{animation-delay:1s;right:20%;top:20%}.foliage-particle.particle-3{animation-delay:2s;left:10%;top:35%}.foliage-particle.particle-4{animation-delay:3s;bottom:40%;right:15%}.foliage-particle.particle-5{animation-delay:4s;bottom:30%;left:25%}.foliage-particle.particle-6{animation-delay:5s;right:30%;top:60%}.foliage-particle.particle-7{animation-delay:6s;bottom:20%;left:40%}.foliage-particle.particle-8{animation-delay:7s;right:10%;top:80%}.foliage-particle.particle-9{bottom:60%;right:45%}.foliage-particle.particle-10{animation-delay:1.5s;left:60%;top:25%}.foliage-particle.particle-11{animation-delay:2.5s;bottom:10%;left:70%}.foliage-particle.particle-12{animation-delay:3.5s;right:60%;top:70%}.skill-legend{background:linear-gradient(135deg,#fff9,#f5e6d34d);border:1px solid #8b451333;border-radius:12px;display:flex;gap:24px;justify-content:center;margin-top:20px;padding:16px}.legend-item{color:var(--philosopher-purple);font-size:14px;font-weight:500;gap:8px}.legend-icon,.legend-item{align-items:center;display:flex}.legend-icon{border:2px solid;border-radius:50%;font-size:12px;height:24px;justify-content:center;width:24px}.legend-icon.unlocked{background:linear-gradient(135deg,var(--ancient-gold),#b8860b);border-color:var(--ancient-gold)}.legend-icon.available{animation:legendAvailablePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#d4af374d,#ffffffb3);border-color:var(--ancient-gold)}.legend-icon.locked{background:linear-gradient(135deg,#6b728066,#9ca3af33);border-color:#6b728080;opacity:.6}.legend-icon.mastered{background:linear-gradient(135deg,var(--ancient-gold),#b8860b);border-color:var(--ancient-gold);position:relative}.legend-icon.mastered:before{animation:legendCrownBob 2s ease-in-out infinite;content:"👑";font-size:10px;position:absolute;top:-8px}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orbGlow{0%{opacity:.4}to{opacity:.8}}@keyframes energyFlow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes pathGlow{0%{filter:brightness(1)}to{filter:brightness(1.5) drop-shadow(0 0 8px currentColor)}}@keyframes energyParticleMove{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y)))}}@keyframes energyParticlePulse{0%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes upgradeShake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-50%,-50%) translate(-2px,-2px) scale(1.1)}75%{transform:translate(-50%,-50%) translate(2px,2px) scale(1.1)}}@keyframes availablePulse{0%,to{box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffff80}50%{box-shadow:0 4px 8px #0003,0 0 16px #d4af3799,inset 0 2px 4px #ffffff80}}@keyframes glowRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes glowPulseMove{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)}50%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(0)}}@keyframes lockFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes crownBob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}@keyframes crownGlow{0%{opacity:.6}to{opacity:1}}.burst-particle:first-child{--burst-x:30px;--burst-y:-30px}.burst-particle:nth-child(2){--burst-x:-30px;--burst-y:-30px}.burst-particle:nth-child(3){--burst-x:30px;--burst-y:30px}.burst-particle:nth-child(4){--burst-x:-30px;--burst-y:30px}.burst-particle:nth-child(5){--burst-x:40px;--burst-y:0px}.burst-particle:nth-child(6){--burst-x:-40px;--burst-y:0px}.burst-particle:nth-child(7){--burst-x:0px;--burst-y:-40px}.burst-particle:nth-child(8){--burst-x:0px;--burst-y:40px}.burst-particle:nth-child(9){--burst-x:25px;--burst-y:-25px}.burst-particle:nth-child(10){--burst-x:-25px;--burst-y:25px}.burst-particle:nth-child(11){--burst-x:35px;--burst-y:-15px}.burst-particle:nth-child(12){--burst-x:-15px;--burst-y:35px}@keyframes upgradeTextSlide{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes foliageFloat{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}25%{opacity:.4;transform:translateY(-8px) rotate(5deg)}50%{opacity:.8;transform:translateY(-4px) rotate(-3deg)}75%{opacity:.3;transform:translateY(-12px) rotate(8deg)}}@keyframes legendAvailablePulse{0%,to{box-shadow:0 0 4px #d4af374d}50%{box-shadow:0 0 8px #d4af3799}}@keyframes legendCrownBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:768px){.philosophy-skill-tree{margin:16px;max-width:calc(100vw - 32px);padding:16px}.tree-header{flex-direction:column;gap:20px;padding:0 10px;text-align:center}.tree-title h1{font-size:28px;line-height:1.3}.branch-selector{flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 0}.branch-tab{flex-shrink:1;max-width:180px;min-width:140px;padding:8px 12px}.tree-container{height:min(600px,50vh);min-height:300px}.skill-node{height:60px;width:60px}.node-icon{font-size:24px}.skill-tooltip{left:50%;top:-160px;transform:translateX(-50%);width:min(250px,90vw)}.skill-legend{flex-wrap:wrap;gap:16px;justify-content:center}}[data-theme=dark] .philosophy-skill-tree{background:linear-gradient(135deg,#2d2b28,#3d3a35 50%,#2d2b28)}[data-theme=dark] .tree-title h1{color:var(--ancient-gold)}[data-theme=dark] .branch-tab{background:linear-gradient(135deg,#2d2b28cc,#3d3a3566);border-color:#d4af374d}[data-theme=dark] .tree-container{background:linear-gradient(135deg,#2d2b284d,#3d3a354d)}[data-theme=dark] .skill-node .node-core{background:linear-gradient(135deg,#2d2b28cc,#3d3a3599);border-color:#d4af374d}[data-theme=dark] .skill-name{color:var(--ancient-gold)}[data-theme=dark] .skill-legend{background:linear-gradient(135deg,#2d2b2899,#3d3a354d);border-color:#d4af374d}.wisdom-level-orb{align-items:center;display:flex;flex-direction:column;gap:16px;height:var(--orb-size);margin:40px auto;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:var(--orb-size)}.wisdom-level-orb.leveling-up{animation:orbLevelUpShake .8s ease-out}.orb-container{align-items:center;display:flex;height:var(--orb-size);justify-content:center;position:relative;width:var(--orb-size)}.aura-rings{inset:0;pointer-events:none;position:absolute}.aura-ring{animation:auraRingPulse 4s ease-in-out infinite;border:2px solid var(--tier-color);border-radius:50%;opacity:.3;position:absolute}.aura-ring.ring-1{animation-delay:0s;inset:-10px;opacity:.4}.aura-ring.ring-2{animation-delay:1.3s;border-width:1px;inset:-20px;opacity:.3}.aura-ring.ring-3{animation-delay:2.6s;border-width:1px;inset:-30px;opacity:.2}.crystal-orb{align-items:center;animation:orbFloat 6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fffc 0,var(--tier-color) 40%,#000c 100%);border:3px solid #fff3;border-radius:50%;box-shadow:0 0 20px var(--tier-color),0 0 40px #0000004d,inset 0 4px 8px #ffffff4d,inset 0 -4px 8px #0003;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.inner-galaxy{background:radial-gradient(circle,#ffffff1a 0,#0000 50%);border-radius:50%;inset:10px;overflow:hidden;position:absolute}.galaxy-pattern{animation:galaxyRotate 30s linear infinite;height:100%;width:100%}.xp-fill{background:linear-gradient(0deg,#d4af3799 0,#ffffff4d 50%,#0000);border-radius:0 0 50% 50%;bottom:0;height:var(--xp-percentage);left:0;overflow:hidden;position:absolute;right:0;transition:height 1s cubic-bezier(.4,0,.2,1)}.liquid-light{animation:liquidFlow 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#fff6 50%,#0000 70%);inset:0;position:absolute}.xp-shimmer{animation:shimmerSweep 2s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--tier-color) 50%,#0000 100%);height:4px;left:0;position:absolute;right:0;top:-2px}.level-display{align-items:center;color:#fff;display:flex;flex-direction:column;pointer-events:none;position:relative;text-shadow:2px 2px 4px #000c;z-index:2}.roman-numeral{animation:numeralGlow 3s ease-in-out infinite alternate;color:#fffffff2;font-family:Cinzel,serif;font-size:var(--font-size);font-weight:700;letter-spacing:1px;text-shadow:0 0 10px var(--tier-color),2px 2px 4px #000c}.level-details{margin-top:8px;position:absolute;text-align:center;top:100%;white-space:nowrap}.tier-name{color:var(--tier-color);font-size:calc(var(--font-size)*.5);font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.xp-progress{color:#fffc;font-size:calc(var(--font-size)*.4);font-weight:500}.prestige-stars{inset:0;pointer-events:none;position:absolute}.prestige-star{animation:prestigeOrbit 10s linear infinite;filter:drop-shadow(0 0 4px var(--tier-color));font-size:calc(var(--font-size)*.8);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(calc(var(--orbit-radius)*-.5)) rotate(calc(var(--star-angle)*-1))}.prestige-count{background:var(--tier-color);border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 4px #0000004d;font-size:calc(var(--font-size)*.4);padding:2px 6px;right:10px;top:10px}.prestige-button,.prestige-count{color:#fff;font-weight:700;position:absolute}.prestige-button{background:linear-gradient(135deg,var(--tier-color),#fff3);border:2px solid #ffffff4d;border-radius:16px;bottom:-15px;box-shadow:0 4px 8px #0000004d;cursor:pointer;font-size:calc(var(--font-size)*.5);left:50%;letter-spacing:1px;padding:4px 12px;pointer-events:auto;text-transform:uppercase;transform:translateX(-50%);transition:all .3s ease;z-index:5}.prestige-button:hover{box-shadow:0 6px 12px #0006;transform:translateX(-50%) translateY(-2px) scale(1.05)}.prestige-glow{animation:prestigeGlow 2s ease-in-out infinite alternate;background:var(--tier-color);border-radius:16px;inset:-4px;opacity:.6;position:absolute;z-index:-1}.prestige-text{position:relative;z-index:1}.progress-ring{height:calc(var(--orb-size) + 20px);inset:-10px;pointer-events:none;position:absolute;width:calc(var(--orb-size) + 20px)}.xp-progress-path{filter:drop-shadow(0 0 4px var(--tier-color));transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.level-up-animation{align-items:center;display:flex;flex-direction:column;inset:-50px;justify-content:center;pointer-events:none;position:absolute;z-index:100}.burst-particles{inset:0;position:absolute}.burst-particle{animation:burstParticleExplode 1.5s ease-out;background:var(--tier-color);border-radius:50%;box-shadow:0 0 8px var(--tier-color);height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(calc(var(--burst-distance)*-1));width:6px}.level-up-text{animation:levelUpTextSlide 2s ease-out;position:relative;text-align:center;z-index:2}.level-up-main{animation:levelUpMainGlow 1s ease-out;color:var(--tier-color);font-family:Cinzel,serif;font-size:calc(var(--font-size)*1.5);font-weight:700;margin-bottom:8px;text-shadow:0 0 20px var(--tier-color),2px 2px 4px #000c}.level-up-sub{animation:levelUpSubSlide 1s ease-out .5s both;color:#ffffffe6;font-size:calc(var(--font-size)*.7);text-shadow:1px 1px 2px #000c}.energy-wave,.energy-waves{inset:0;position:absolute}.energy-wave{animation:energyWaveExpand 2s ease-out;border:2px solid var(--tier-color);border-radius:50%;opacity:0}.energy-wave.wave-1{animation-delay:0s}.energy-wave.wave-2{animation-delay:.3s}.energy-wave.wave-3{animation-delay:.6s}.tier-promotion{animation:tierPromotionSlide 2s ease-out 1s both;bottom:-40px;position:absolute;text-align:center}.promotion-text{color:var(--tier-color);font-size:calc(var(--font-size)*.8);font-weight:700;margin-bottom:4px;text-shadow:0 0 10px var(--tier-color)}.promotion-tier{color:#ffffffe6;font-size:calc(var(--font-size)*.6);font-style:italic;text-shadow:1px 1px 2px #000c}.wisdom-particles{inset:0;pointer-events:none;position:absolute}.wisdom-particle{animation:wisdomParticleFloat 4s ease-in-out infinite;animation-delay:var(--particle-delay);filter:drop-shadow(0 0 4px var(--tier-color));font-size:calc(var(--font-size)*.4);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(calc(var(--particle-distance)*-1))}.tier-indicator{position:absolute;right:-20px;top:-20px;z-index:3}.tier-badge{align-items:center;background:linear-gradient(135deg,var(--tier-color),#0000004d);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:calc(var(--font-size)*.4);font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.tier-icon{font-size:calc(var(--font-size)*.5)}.orb-info-panel{background:linear-gradient(135deg,#ffffffe6,#f5e6d3cc);border:2px solid var(--tier-color);border-radius:12px;box-shadow:0 4px 12px #0003;min-width:200px;padding:12px 16px}.info-row{align-items:center;display:flex;font-size:calc(var(--font-size)*.6);justify-content:space-between;margin-bottom:6px}.info-row:last-child{margin-bottom:0}.info-label{color:var(--philosopher-purple);font-weight:600}.info-value{color:var(--tier-color);font-family:Cinzel,serif;font-weight:700}.wisdom-level-orb.novice{--tier-shadow:#9ca3af4d}.wisdom-level-orb.apprentice{--tier-shadow:#10b9814d}.wisdom-level-orb.scholar{--tier-shadow:#3b82f64d}.wisdom-level-orb.philosopher{--tier-shadow:#8b5cf64d}.wisdom-level-orb.sage{--tier-shadow:#f59e0b4d}.wisdom-level-orb.enlightened{--tier-shadow:#ef44444d}.wisdom-level-orb.transcendent{--tier-shadow:#d4af374d}.wisdom-level-orb.small .level-details,.wisdom-level-orb.small .tier-indicator{display:none}.wisdom-level-orb.large .aura-ring.ring-3{inset:-40px}.wisdom-level-orb.large .progress-ring{height:calc(var(--orb-size) + 30px);inset:-15px;width:calc(var(--orb-size) + 30px)}@keyframes orbLevelUpShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px) scale(1.05)}75%{transform:translateX(4px) scale(1.05)}}@keyframes auraRingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes orbFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-4px) rotate(1deg)}66%{transform:translateY(2px) rotate(-1deg)}}@keyframes galaxyRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes liquidFlow{0%,to{transform:translateX(-50px)}50%{transform:translateX(50px)}}@keyframes shimmerSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes numeralGlow{0%{text-shadow:0 0 10px var(--tier-color),2px 2px 4px #000c}to{text-shadow:0 0 20px var(--tier-color),0 0 30px var(--tier-color),2px 2px 4px #000c}}@keyframes prestigeOrbit{0%{transform:translate(-50%,-50%) rotate(0deg) translateY(calc(var(--orbit-radius)*-.5)) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateY(calc(var(--orbit-radius)*-.5)) rotate(-1turn)}}@keyframes prestigeGlow{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.1)}}@keyframes burstParticleExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(calc(var(--burst-distance)*-1)) scale(.5)}}@keyframes levelUpTextSlide{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes levelUpMainGlow{0%{text-shadow:0 0 20px var(--tier-color),2px 2px 4px #000c;transform:scale(.8)}50%{text-shadow:0 0 40px var(--tier-color),0 0 60px var(--tier-color),2px 2px 4px #000c;transform:scale(1.2)}to{text-shadow:0 0 20px var(--tier-color),2px 2px 4px #000c;transform:scale(1)}}@keyframes levelUpSubSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes energyWaveExpand{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes tierPromotionSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wisdomParticleFloat{0%,to{opacity:0;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(calc(var(--particle-distance)*-1)) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--particle-angle)) translateY(calc(var(--particle-distance)*-1.2)) scale(1.2)}}@media (max-width:768px){.wisdom-level-orb.large{--orb-size:120px;--font-size:18px}.wisdom-level-orb.medium{--orb-size:100px;--font-size:16px}.orb-info-panel{min-width:160px;padding:8px 12px}}[data-theme=dark] .orb-info-panel{background:linear-gradient(135deg,#2d2b28e6,#3d3a35cc);border-color:var(--tier-color)}[data-theme=dark] .info-label{color:var(--ancient-gold)}[data-theme=dark] .info-value{color:var(--tier-color)}@media (prefers-reduced-motion:reduce){.wisdom-level-orb *{animation-duration:.01ms!important;animation-iteration-count:1!important}.wisdom-level-orb{animation:none}}.philosophical-duel-arena{background:linear-gradient(180deg,#87ceeb,khaki 30%,#deb887 70%,#8b7355);box-sizing:border-box;font-family:Cinzel,serif;height:100vh;margin:0;max-width:100vw;overflow:hidden;padding:0;position:relative;width:100%}.amphitheater-background{inset:0;perspective:1000px;position:absolute}.arena-floor{background:linear-gradient(135deg,var(--marble-white) 0,beige 50%,var(--marble-white) 100%);border-radius:50%;bottom:0;box-shadow:0 -20px 40px #0000004d,inset 0 4px 8px #ffffff4d;height:min(400px,45vw);left:50%;position:absolute;transform:translateX(-50%) rotateX(60deg);width:min(800px,90vw)}.marble-pattern{background-image:linear-gradient(45deg,#0000 48%,#8b45131a 50%,#0000 52%),linear-gradient(-45deg,#0000 48%,#a0522d1a 50%,#0000 52%);background-size:40px 40px,60px 60px;border-radius:inherit;inset:0;position:absolute}.center-medallion{align-items:center;animation:medallionGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle,var(--ancient-gold) 0,#b8860b 100%);border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff4d;display:flex;height:100px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotateX(-60deg);width:100px}.medallion-inner{animation:medallionRotate 8s linear infinite;font-size:32px}.arena-columns{inset:0;pointer-events:none;position:absolute}.column{bottom:100px;height:300px;position:absolute;width:60px}.column-1{left:10%;transform:rotateY(15deg)}.column-2{left:20%;transform:rotateY(10deg)}.column-3{left:30%;transform:rotateY(5deg)}.column-4{right:30%;transform:rotateY(-5deg)}.column-5{right:20%;transform:rotateY(-10deg)}.column-6{right:10%;transform:rotateY(-15deg)}.column-capital{background:linear-gradient(135deg,var(--marble-white) 0,#e8d5b7 100%);border-radius:8px 8px 4px 4px;box-shadow:0 4px 8px #0003;height:30px;width:100%}.column-shaft{background:linear-gradient(180deg,beige 0,var(--marble-white) 50%,beige 100%);background-image:repeating-linear-gradient(0deg,#0000,#0000 8px,#8b45131a 0,#8b45131a 10px);box-shadow:inset 4px 0 8px #0000001a,inset -4px 0 8px #0000001a;height:240px;margin:0 auto;width:80%}.column-base{background:linear-gradient(135deg,#e8d5b7 0,var(--marble-white) 100%);border-radius:4px 4px 8px 8px;box-shadow:0 4px 8px #0003;height:30px;width:100%}.crowd-seating{background:linear-gradient(180deg,#8b4513cc,#a0522d99 50%,#8b4513cc);border-radius:0 0 50% 50%;height:40%;left:0;position:absolute;right:0;top:20%;transform:perspective(500px) rotateX(30deg)}.seating-tier{background:linear-gradient(135deg,#8b4513e6,#a0522db3);border-radius:20px;box-shadow:inset 0 2px 4px #0000004d;height:30%;left:10%;position:absolute;right:10%}.seating-tier.tier-1{top:10%}.seating-tier.tier-2{left:15%;right:15%;top:40%}.seating-tier.tier-3{left:20%;right:20%;top:70%}.arena-ui{display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:10}.health-bars-container{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 40px;position:relative}.player-health-bar{align-items:center;background:linear-gradient(135deg,#f5e6d3e6,#e8d5b7cc);border:3px solid var(--ancient-gold);border-radius:20px;box-shadow:0 8px 16px #0003,inset 0 2px 4px #ffffff4d;display:flex;gap:20px;min-width:300px;padding:16px 24px;transition:all .3s ease}.player-health-bar.active-turn{animation:activeTurnPulse 2s ease-in-out infinite alternate;border-color:var(--wisdom-blue);box-shadow:0 8px 16px #0003,0 0 20px #2563eb66,inset 0 2px 4px #ffffff4d}.player-health-bar.player2{flex-direction:row-reverse}.player-info{gap:12px}.player-avatar,.player-info{align-items:center;display:flex}.player-avatar{background:radial-gradient(circle,var(--ancient-gold) 0,#b8860b 100%);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 8px #0003;font-size:48px;height:64px;justify-content:center;width:64px}.player-details{text-align:left}.player-health-bar.player2 .player-details{text-align:right}.player-name{color:var(--philosopher-purple);font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:1px 1px 2px #fffc}.player-school{color:var(--ancient-gold);font-size:14px;font-style:italic;font-weight:600}.health-scroll{align-items:center;background:linear-gradient(90deg,#8b4513 0,sienna 20%,var(--scroll-beige) 30%,var(--scroll-beige) 70%,sienna 80%,#8b4513 100%);border-radius:20px;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #fff3;display:flex;min-width:200px;padding:8px 16px}.scroll-decoration{background:radial-gradient(ellipse,var(--ancient-gold) 0,#b8860b 100%);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff4d;height:32px;width:16px}.health-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;margin:0 12px}.health-bar{background:#8b45134d;border:1px solid #8b451380;border-radius:6px;height:12px;overflow:hidden;width:100%}.health-fill{background:linear-gradient(90deg,#dc2626,#f59e0b 50%,#10b981);border-radius:6px;box-shadow:0 0 8px #d4af3766;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1);width:var(--health-percentage)}.health-fill:after{background:linear-gradient(90deg,#fff6,#0000);border-radius:6px 6px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.health-text{color:var(--philosopher-purple);font-size:14px;font-weight:700;text-shadow:1px 1px 2px #fffc}.turn-indicator{align-items:center;background:var(--wisdom-blue);border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;left:50%;letter-spacing:.5px;padding:4px 12px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.indicator-glow{animation:indicatorGlow 1s ease-in-out infinite alternate;background:#fff;border-radius:50%;height:8px;width:8px}.versus-symbol{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vs-circle{align-items:center;animation:vsFloat 3s ease-in-out infinite;background:radial-gradient(circle,var(--ancient-gold) 0,#b8860b 100%);border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #ffffff4d;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;text-shadow:2px 2px 4px #00000080;width:80px}.vs-glow{animation:vsGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#d4af3766 0,#0000 70%);border-radius:50%;inset:-8px;position:absolute}.turn-timer{left:50%;position:absolute;top:120px;transform:translateX(-50%);z-index:20}.timer-background{height:100px;position:relative;width:100px}.timer-circle{height:100%;width:100%}.timer-progress{filter:drop-shadow(0 0 4px var(--ancient-gold));transition:stroke-dashoffset 1s linear}.timer-text{color:var(--ancient-gold);font-size:20px;font-weight:700;text-shadow:2px 2px 4px #000c;top:50%;transform:translate(-50%,-50%)}.crowd-meter,.timer-text{left:50%;position:absolute}.crowd-meter{align-items:center;background:linear-gradient(135deg,#f5e6d3e6,#e8d5b7cc);border:2px solid var(--ancient-gold);border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:8px;min-width:250px;padding:12px 20px;top:20px;transform:translateX(-50%)}.crowd-meter-label{color:var(--philosopher-purple);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.meter-background,.meter-container{position:relative;width:100%}.meter-background{background:linear-gradient(90deg,#2563eb4d,#8b45134d 50%,#ef44444d);border:2px solid #8b451380;border-radius:10px;height:20px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#3b82f6 0,var(--ancient-gold) 50%,#ef4444 100%);border-radius:8px;box-shadow:0 0 8px #d4af3766;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1);width:var(--crowd-percentage)}.meter-indicators{inset:0;justify-content:space-between;padding:0 4px;position:absolute}.indicator,.meter-indicators{align-items:center;display:flex}.indicator{background:#ffffffe6;border-radius:50%;box-shadow:0 2px 4px #0003;font-size:12px;height:20px;justify-content:center;width:20px}.crowd-reaction{align-items:center;animation:crowdReactionSlide 2s ease-out;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;top:-40px;transform:translateX(-50%)}.reaction-text{animation:reactionTextGlow 1s ease-out;color:var(--ancient-gold);font-size:18px;font-weight:700;text-shadow:0 0 10px var(--ancient-gold),2px 2px 4px #000c}.reaction-particles{display:flex;gap:8px}.reaction-particle{animation:reactionParticleFloat 1.5s ease-out;font-size:16px;opacity:0}.reaction-particle.particle-1{animation-delay:0s}.reaction-particle.particle-2{animation-delay:.1s}.reaction-particle.particle-3{animation-delay:.2s}.reaction-particle.particle-4{animation-delay:.3s}.reaction-particle.particle-5{animation-delay:.4s}.reaction-particle.particle-6{animation-delay:.5s}.player-hand{background:linear-gradient(180deg,#0000,#8b4513cc 20%,#a0522de6);bottom:0;display:flex;flex-direction:column;gap:20px;left:0;padding:20px 40px 40px;position:absolute;right:0}.hand-container{display:flex;gap:16px;justify-content:center}.argument-card{background:var(--scroll-beige);border:3px solid var(--ancient-gold);border-radius:16px;box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #ffffff4d;cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transform:translateY(calc(var(--card-index)*-4px)) rotate(calc(var(--card-index)*2deg - 4deg));transform-origin:bottom center;transition:all .3s cubic-bezier(.4,0,.2,1);width:200px}.argument-card:hover{box-shadow:0 20px 32px #0006,inset 0 2px 4px #ffffff4d;transform:translateY(-16px) scale(1.05) rotate(0deg);z-index:10}.argument-card.selected{border-color:var(--wisdom-blue);box-shadow:0 24px 40px #00000080,0 0 20px #2563eb99,inset 0 2px 4px #ffffff4d;transform:translateY(-20px) scale(1.1) rotate(0deg);z-index:15}.argument-card.playing{animation:cardPlaying 1.5s ease-out;z-index:20}.card-background{border-radius:13px;inset:0;position:absolute}.marble-texture{background-image:radial-gradient(circle at 20% 80%,#8b45131a 0,#0000 50%),linear-gradient(45deg,#0000 48%,#8b45130d 52%);background-size:60px 60px,20px 20px;inset:0;position:absolute}.card-border{background:linear-gradient(45deg,#0000 48%,#d4af371a 50%,#0000 52%);background-size:8px 8px;border:1px solid #d4af374d;border-radius:10px;inset:4px;position:absolute}.card-header{align-items:flex-start;border-bottom:1px solid #8b451333;display:flex;justify-content:space-between;padding:12px 16px 8px}.card-name{color:var(--philosopher-purple);flex:1 1;font-size:16px;font-weight:700;line-height:1.2;text-shadow:1px 1px 2px #fffc}.card-cost{position:relative}.cost-gem{align-items:center;background:radial-gradient(circle,var(--card-type-color) 0,#0000004d 100%);border-radius:50% 50% 50% 0;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;text-shadow:1px 1px 2px #000c;transform:rotate(45deg);width:32px}.cost-gem:before{background:linear-gradient(-45deg,#0000,#ffffff4d);border-radius:inherit;content:"";inset:2px;position:absolute}.card-type{border-bottom:1px solid #8b451333;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 16px;text-align:center;text-transform:uppercase}.card-description{color:#2d1810;flex:1 1;font-size:13px;font-style:italic;line-height:1.4;padding:16px}.card-power{align-items:center;background:linear-gradient(135deg,#d4af371a,#f5e6d34d);border-top:1px solid #8b451333;display:flex;gap:8px;justify-content:center;margin-top:auto;padding:12px 16px}.power-icon{font-size:18px}.power-value{color:var(--card-type-color);font-size:20px;font-weight:700;text-shadow:1px 1px 2px #fffc}.selection-glow{animation:selectionGlow 1.5s ease-in-out infinite alternate;background:var(--wisdom-blue);border-radius:20px;inset:-4px;opacity:.3;position:absolute;z-index:-1}.playing-animation{align-items:center;background:radial-gradient(circle,#d4af37cc 0,#0000 70%);border-radius:13px;display:flex;inset:0;justify-content:center;position:absolute;z-index:5}.argument-burst{height:80px;position:relative;width:80px}.burst-ray{animation:burstRayExpand 1s ease-out;background:linear-gradient(180deg,var(--ancient-gold) 0,#0000 100%);height:40px;left:50%;position:absolute;top:50%;transform-origin:bottom center;width:4px}.burst-ray.ray-1{transform:translate(-50%,-100%) rotate(0deg)}.burst-ray.ray-2{transform:translate(-50%,-100%) rotate(45deg)}.burst-ray.ray-3{transform:translate(-50%,-100%) rotate(90deg)}.burst-ray.ray-4{transform:translate(-50%,-100%) rotate(135deg)}.burst-ray.ray-5{transform:translate(-50%,-100%) rotate(180deg)}.burst-ray.ray-6{transform:translate(-50%,-100%) rotate(225deg)}.burst-ray.ray-7{transform:translate(-50%,-100%) rotate(270deg)}.burst-ray.ray-8{transform:translate(-50%,-100%) rotate(315deg)}.action-buttons{display:flex;gap:16px;justify-content:center}.action-button{align-items:center;background:linear-gradient(135deg,#f5e6d3e6,#e8d5b7cc);border:3px solid var(--ancient-gold);border-radius:16px;box-shadow:0 4px 8px #0003;color:var(--philosopher-purple);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.action-button:hover:not(:disabled){border-color:var(--wisdom-blue);box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-button.play-button:not(:disabled){border-color:#10b981;color:#10b981}.action-button.end-turn-button:not(:disabled){border-color:#f59e0b;color:#f59e0b}.action-button.concede-button:not(:disabled){border-color:#ef4444;color:#ef4444}.button-icon{font-size:16px}.victory-overlay{align-items:center;animation:victoryOverlayFade 1s ease-out;background:radial-gradient(circle,#d4af37e6 0,#8b4513cc 70%,#000c 100%);display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.laurel-wreath{align-items:center;animation:laurelWreathSlide 1.5s ease-out;display:flex;gap:40px}.laurel-left,.laurel-right{animation:laurelSway 3s ease-in-out infinite alternate;color:#10b981;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:120px}.laurel-right{animation-delay:1s}.victory-content{color:#fff;text-align:center}.victory-title{animation:victoryTitleGlow 2s ease-in-out infinite alternate;color:var(--ancient-gold);font-size:64px;font-weight:700;margin-bottom:16px;text-shadow:0 0 20px var(--ancient-gold),4px 4px 8px #000c}.victory-subtitle{color:#ffffffe6;font-size:20px;font-style:italic;margin-bottom:24px;text-shadow:2px 2px 4px #000c}.victory-laurels{display:flex;gap:8px;justify-content:center}.victory-laurel{animation:victoryLaurelSlide .5s ease-out forwards;font-size:24px;opacity:0}.victory-laurel.laurel-1{animation-delay:.5s}.victory-laurel.laurel-2{animation-delay:.7s}.victory-laurel.laurel-3{animation-delay:.9s}.victory-laurel.laurel-4{animation-delay:1.1s}.victory-laurel.laurel-5{animation-delay:1.3s}.victory-laurel.laurel-6{animation-delay:1.5s}.victory-laurel.laurel-7{animation-delay:1.7s}.preparation-overlay{align-items:center;background:linear-gradient(135deg,#6b46c1e6,#2563ebcc 50%,#6b46c1e6);display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.preparation-content{animation:preparationSlide 2s ease-out;color:#fff;text-align:center}.preparation-title{font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:4px 4px 8px #000c}.preparation-subtitle{font-size:20px;font-style:italic;margin-bottom:32px;opacity:.9;text-shadow:2px 2px 4px #000c}.preparation-animation{align-items:center;display:flex;gap:32px;justify-content:center}.thinking-icon{animation:thinkingFloat 2s ease-in-out infinite alternate;font-size:48px}.vs-animation{animation:vsAnimationPulse 1.5s ease-in-out infinite alternate;color:var(--ancient-gold);font-size:32px;font-weight:700;text-shadow:0 0 20px var(--ancient-gold),2px 2px 4px #000c}@keyframes medallionGlow{0%{box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff4d}to{box-shadow:0 4px 8px #0000004d,0 0 20px #d4af3799,inset 0 2px 4px #ffffff4d}}@keyframes medallionRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes activeTurnPulse{0%{border-color:var(--wisdom-blue);box-shadow:0 8px 16px #0003,0 0 20px #2563eb66,inset 0 2px 4px #ffffff4d}to{border-color:#60a5fa;box-shadow:0 8px 16px #0003,0 0 30px #2563ebb3,inset 0 2px 4px #ffffff4d}}@keyframes indicatorGlow{0%{box-shadow:none;opacity:1}to{box-shadow:0 0 8px #fffc;opacity:.6}}@keyframes vsFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes vsGlow{0%{opacity:.4}to{opacity:.8}}@keyframes crowdReactionSlide{0%{opacity:0;transform:translateX(-50%) translateY(20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}@keyframes reactionTextGlow{0%{text-shadow:0 0 10px var(--ancient-gold),2px 2px 4px #000c;transform:scale(.8)}50%{text-shadow:0 0 20px var(--ancient-gold),0 0 30px var(--ancient-gold),2px 2px 4px #000c;transform:scale(1.2)}to{text-shadow:0 0 10px var(--ancient-gold),2px 2px 4px #000c;transform:scale(1)}}@keyframes reactionParticleFloat{0%{opacity:0;transform:translateY(10px) scale(0)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.5)}}@keyframes cardPlaying{0%{transform:translateY(-20px) scale(1.1) rotate(0deg)}50%{transform:translateY(-100px) scale(1.3) rotate(10deg)}to{opacity:0;transform:translateY(-200px) scale(.8) rotate(20deg)}}@keyframes selectionGlow{0%{opacity:.3}to{opacity:.6}}@keyframes burstRayExpand{0%{height:0;opacity:1}50%{height:40px;opacity:1}to{height:60px;opacity:0}}@keyframes victoryOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes laurelWreathSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes laurelSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes victoryTitleGlow{0%{text-shadow:0 0 20px var(--ancient-gold),4px 4px 8px #000c;transform:scale(1)}to{text-shadow:0 0 40px var(--ancient-gold),0 0 60px var(--ancient-gold),4px 4px 8px #000c;transform:scale(1.05)}}@keyframes victoryLaurelSlide{0%{opacity:0;transform:translateY(20px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes preparationSlide{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes thinkingFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-8px) rotate(5deg)}}@keyframes vsAnimationPulse{0%{text-shadow:0 0 20px var(--ancient-gold),2px 2px 4px #000c;transform:scale(1)}to{text-shadow:0 0 30px var(--ancient-gold),0 0 40px var(--ancient-gold),2px 2px 4px #000c;transform:scale(1.1)}}@media (max-width:768px){.health-bars-container{flex-direction:column;gap:16px;padding:16px 20px}.player-health-bar{min-width:250px}.versus-symbol{align-self:center;left:0;position:relative;top:0;transform:none}.hand-container{gap:8px}.argument-card{height:240px;width:160px}.action-buttons{align-items:center;flex-direction:column;gap:12px}.victory-title{font-size:42px}.preparation-title{font-size:32px}}[data-theme=dark] .crowd-meter,[data-theme=dark] .player-health-bar{background:linear-gradient(135deg,#2d2b28e6,#3d3a35cc);border-color:var(--ancient-gold)}[data-theme=dark] .argument-card{background:#2d2b28;border-color:var(--ancient-gold)}[data-theme=dark] .action-button{background:linear-gradient(135deg,#2d2b28e6,#3d3a35cc);border-color:var(--ancient-gold);color:var(--ancient-gold)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.classical-philosopher-card{background:linear-gradient(145deg,#f8f6f0,#e8e2d0);background-image:radial-gradient(circle at 25% 25%,#8b7e6614 0,#0000 50%),radial-gradient(circle at 75% 75%,#6543210f 0,#0000 50%);border-radius:20px;box-shadow:0 8px 32px #8b7e6626,inset 0 1px 0 #ffffffb3;cursor:pointer;margin:16px;max-width:320px;padding:24px;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.classical-philosopher-card:hover{box-shadow:0 20px 48px #8b7e6640,0 0 0 1px #6543211a,inset 0 1px 0 #fffc;transform:translateY(-8px) scale(1.02)}.classical-philosopher-card:active{transform:translateY(-4px) scale(1.01)}.classical-portrait-container{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 20px;position:relative;width:120px}.classical-portrait{border:4px solid #d4c5a9;border-radius:50%;box-shadow:0 0 0 2px #fffc,0 0 0 6px #8b7e664d,inset 0 2px 8px #0000001a;height:120px;overflow:hidden;position:relative;width:120px;z-index:2}.classical-portrait img{filter:contrast(1.1) brightness(1.05);height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.classical-philosopher-card:hover .classical-portrait img{transform:scale(1.05)}.classical-frame{animation:classicalRotate 20s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#8b7e661a 45deg,#0000 90deg,#8b7e661a 135deg,#0000 180deg,#8b7e661a 225deg,#0000 270deg,#8b7e661a 315deg,#0000 1turn);border:2px solid #8b7e6633;border-radius:50%;bottom:-8px;left:-8px;position:absolute;right:-8px;top:-8px;z-index:1}@keyframes classicalRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.classical-info{color:#3d3426;text-align:center}.classical-name{color:#2d251a;font-family:Cinzel,Times New Roman,serif;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-shadow:0 1px 2px #fffc}.classical-title{color:#6b5d47;font-size:16px;font-style:italic;font-weight:500;margin:0 0 12px;opacity:.9}.classical-description{color:#4a4035;font-size:14px;line-height:1.6;margin:0 0 16px;opacity:.85;padding:0 8px}.classical-achievement{align-items:center;background:linear-gradient(135deg,#b8860b26,#92400e1a);border:1px solid #b8860b33;border-radius:20px;display:inline-flex;gap:6px;margin-bottom:12px;padding:8px 12px}.achievement-icon{font-size:16px;opacity:.8}.achievement-text{color:#92400e;font-size:12px;font-weight:600;letter-spacing:.3px}.classical-interaction-hint{bottom:-40px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease}.classical-philosopher-card:hover .classical-interaction-hint{bottom:-30px;opacity:1}.classical-interaction-hint span{background:#f8f6f0f2;border-radius:8px;box-shadow:0 2px 8px #8b7e6633;color:#6b5d47;font-size:12px;padding:4px 8px;white-space:nowrap}@media (max-width:768px){.classical-philosopher-card{margin:12px auto;max-width:280px;padding:20px}.classical-portrait,.classical-portrait-container{height:100px;width:100px}.classical-name{font-size:20px}.classical-title{font-size:14px}.classical-description{font-size:13px}}.classical-philosopher-card:focus{outline:2px solid #92400e;outline-offset:4px}.classical-philosopher-card:focus-visible{box-shadow:0 20px 48px #8b7e6640,0 0 0 2px #92400e,inset 0 1px 0 #fffc}@media print{.classical-philosopher-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.classical-frame{display:none}}@media (prefers-color-scheme:dark){.classical-philosopher-card{background:linear-gradient(145deg,#2a2520,#1f1b16);box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;color:#e5ddc8}.classical-name{color:#f4f1e8;text-shadow:0 1px 2px #00000080}.classical-title{color:#c9b896}.classical-description{color:#b8a988}.classical-portrait{border-color:#6b5d47;box-shadow:0 0 0 2px #000c,0 0 0 6px #6b5d474d,inset 0 2px 8px #0000004d}}.classical-gallery-container{background:linear-gradient(135deg,#f7f3e9,#e8dcc6 50%,#d4c5a9);background-image:radial-gradient(circle at 20% 50%,#8b7e660d 0,#0000 50%),radial-gradient(circle at 80% 20%,#65432108 0,#0000 50%),radial-gradient(circle at 40% 80%,#8b7e660a 0,#0000 50%);min-height:100vh;padding:40px 20px}.classical-gallery-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:24px;box-shadow:0 8px 32px #8b7e661a,inset 0 1px 0 #fffc;margin:0 auto 60px;max-width:800px;padding:40px 20px;text-align:center}.gallery-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b8860b,#daa520,gold);-webkit-background-clip:text;background-clip:text;color:#2d251a;font-family:Cinzel,Times New Roman,serif;font-size:48px;font-weight:800;letter-spacing:1px;margin:0 0 16px;text-shadow:2px 2px 4px #fffc}.gallery-subtitle{color:#6b5d47;font-size:20px;font-style:italic;font-weight:500;margin:0 0 24px;opacity:.9}.gallery-description{margin:0 auto;max-width:600px}.gallery-description p{color:#4a4035;font-size:16px;line-height:1.7;margin:0 0 12px;opacity:.8}.classical-gallery-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto 60px;max-width:1200px;padding:0 20px}@media (max-width:768px){.classical-gallery-grid{gap:24px;grid-template-columns:1fr;padding:0 10px}}.gallery-info-panel{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto 40px;max-width:1000px;padding:0 20px}.info-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border-radius:20px;box-shadow:0 8px 24px #8b7e661a,inset 0 1px 0 #ffffffe6;padding:32px}.info-section h3{align-items:center;color:#2d251a;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 20px}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{color:#4a4035;font-size:15px;line-height:1.6;margin:0 0 12px;opacity:.85;padding-left:20px;position:relative}.info-section li:before{color:#b8860b;content:"•";font-size:18px;font-weight:700;left:0;position:absolute;top:0}.info-section li strong{color:#2d251a;font-weight:600}.gallery-actions{margin-top:40px;text-align:center}.explore-more-btn{background:linear-gradient(135deg,#b8860b,#daa520);border:none;border-radius:50px;box-shadow:0 4px 16px #b8860b4d,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;padding:16px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1)}.explore-more-btn:hover{background:linear-gradient(135deg,#daa520,gold);box-shadow:0 8px 24px #b8860b66,inset 0 1px 0 #fff6;transform:translateY(-2px)}.explore-more-btn:active{box-shadow:0 2px 8px #b8860b66,inset 0 1px 0 #ffffff4d;transform:translateY(0)}.explore-more-btn:focus{outline:2px solid gold;outline-offset:4px}@media (max-width:768px){.classical-gallery-container{padding:20px 10px}.classical-gallery-header{margin-bottom:40px;padding:24px 16px}.gallery-title{font-size:32px}.gallery-subtitle{font-size:16px}.gallery-description p{font-size:14px}.gallery-info-panel{gap:20px;grid-template-columns:1fr;padding:0 10px}.info-section{padding:24px 20px}.info-section h3{font-size:20px}.info-section li{font-size:14px}.explore-more-btn{font-size:16px;padding:14px 28px}}@media (prefers-color-scheme:dark){.classical-gallery-container{background:linear-gradient(135deg,#1a1614,#2a2520 50%,#1f1b16)}.classical-gallery-header{background:#2a2520cc;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.gallery-title{color:#f4f1e8;text-shadow:2px 2px 4px #00000080}.gallery-subtitle{color:#c9b896}.gallery-description p{color:#b8a988}.info-section{background:#2a2520cc;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff1a}.info-section h3{color:#f4f1e8}.info-section li{color:#b8a988}.info-section li strong{color:#e5ddc8}}@media print{.classical-gallery-container{background:#fff}.gallery-actions{display:none}.classical-gallery-grid{grid-template-columns:repeat(3,1fr)}}.ai-chat-container{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:-5px 0 20px #0000004d;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;padding:15px}.chat-header,.philosopher-info{align-items:center;display:flex}.philosopher-info{flex:1 1;gap:12px}.philosopher-avatar{border:2px solid #ffffff4d;border-radius:50%;height:50px;object-fit:cover;width:50px}.philosopher-details h3{color:#fff;font-size:16px;font-weight:600;margin:0}.philosopher-era{color:#fffc;display:block;font-size:12px}.philosopher-tier{border-radius:10px;display:inline-block;font-size:11px;margin-top:4px;padding:2px 6px}.tier-free{background:#4caf5033;color:#4caf50}.tier-pro{background:#ffc10733;color:#ffc107}.chat-actions{display:flex;gap:8px}.clear-button,.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;transition:background .2s;width:35px}.clear-button:hover,.close-button:hover{background:#fff3}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:15px}.message{display:flex;max-width:85%}.message.user{align-self:flex-end}.message.philosopher{align-self:flex-start}.message-content{align-items:flex-start;display:flex;gap:8px}.message-avatar{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.message-bubble{border-radius:18px;max-width:100%;padding:12px 15px;position:relative}.message.user .message-bubble{background:#ffffffe6;border-bottom-right-radius:4px;color:#333}.message.philosopher .message-bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-bottom-left-radius:4px;color:#fff}.message-text{word-wrap:break-word;line-height:1.5;margin-bottom:5px}.message-meta{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.message-time{font-size:11px;opacity:.7}.fallback-indicator{cursor:help;font-size:12px;opacity:.8}.typing-indicator .message-bubble{padding:10px 15px}.typing-animation{display:flex;gap:3px}.typing-animation span{animation:typing-bounce 1.4s ease-in-out infinite;background:#ffffffb3;border-radius:50%;height:6px;width:6px}.typing-animation span:first-child{animation-delay:-.32s}.typing-animation span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-top:1px solid #fff3;padding:15px}.input-container{align-items:flex-end;display:flex;gap:10px}.message-input{background:#ffffffe6;border:none;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;outline:none;padding:12px 15px;resize:none}.message-input:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .2s;width:40px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:disabled{opacity:.6;transform:none}.input-feedback{margin-top:8px}.input-errors{margin-bottom:8px}.input-error{animation:shake .3s ease-in-out;background:#ff3b30e6;border-left:3px solid #ff3b30;border-radius:8px;color:#fff;font-size:11px;margin-bottom:4px;padding:6px 10px}.input-warnings{margin-bottom:8px}.input-warning{background:#ff9500e6;border-left:3px solid #ff9500;border-radius:8px;color:#fff;font-size:11px;margin-bottom:4px;padding:6px 10px}.input-hint{align-items:center;color:#ffffffb3;display:flex;font-size:11px;justify-content:space-between;text-align:center}.character-count{color:#fffc;font-weight:500}.character-count.warning{color:#ff9500}.character-count.error{color:#ff3b30}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-button:disabled:hover{background:#ffffff1a!important}.chat-content{color:#fff;padding:20px;text-align:center}@media (max-width:768px){.ai-chat-container{right:0;width:100vw}.philosopher-details h3{font-size:14px}.philosopher-avatar{height:40px;width:40px}.message-avatar{height:25px;width:25px}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}
/*# sourceMappingURL=main.949d788a.css.map*/