.fantasy-bg{background-color:linear-gradient(to bottom,#1e1510,#0f0d0c);background-image:linear-gradient(#1e1c1bf2,#1e1c1bf2),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23534741' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.magic-border{position:relative}.magic-border:before{content:"";background:linear-gradient(#7bc7e200,#7bc7e24d,#b1e8ff80,#7bc7e24d,#7bc7e200);width:2px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 8px #b1e8ff66}.logo-magic-container{position:relative;overflow:hidden}.logo-magic-container:after{content:"";opacity:0;background:radial-gradient(circle,#b1e8ff0d 0%,#7bc7e208 30%,#7bc7e200 70%);width:120%;height:120%;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-magic-container:hover:after{opacity:1}.menu-item{transition:all .3s;position:relative}.menu-item:before{content:"";opacity:0;background:linear-gradient(90deg,#d1a35c00,#d1a35c0d);border-radius:4px;transition:opacity .3s;position:absolute;inset:0}.menu-item:hover:before{opacity:1}.menu-item.active:before{opacity:1;background:linear-gradient(90deg,#d1a35c1a,#d1a35c05)}.menu-item:hover svg,.menu-item.active svg{filter:drop-shadow(0 0 2px #f5de9780)}.menu-divider{background:linear-gradient(90deg,#53474100,#53474180,#53474100);height:1px;position:relative}.menu-divider:before,.menu-divider:after{content:"";background-color:#d1a35c4d;border-radius:50%;width:6px;height:6px;position:absolute;top:-2.5px}.menu-divider:before{left:30%}.menu-divider:after{right:30%}.session-card{background:linear-gradient(to bottom right,#f4e8c108,#f4e8c103);border:1px solid #53474133;border-radius:4px;transition:all .3s;position:relative;overflow:hidden}.session-card:before{content:"";opacity:.7;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d1a35c' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");position:absolute;inset:0}.session-card:hover{border-color:#d1a35c4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.session-card:hover:before{opacity:1}.user-avatar{position:relative;overflow:hidden}.user-avatar:after{content:"";z-index:-1;opacity:0;background:conic-gradient(#d1a35c00,#d1a35c4d,#f5de9780,#d1a35c4d,#d1a35c00);border-radius:50%;transition:opacity .3s;position:absolute;inset:-2px}.user-avatar:hover:after{opacity:1}.fantasy-scrollbar::-webkit-scrollbar{width:8px}.fantasy-scrollbar::-webkit-scrollbar-track{background:#1e1c1b80}.fantasy-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#534741b3,#d1a35c4d,#534741b3);border-radius:4px}.fantasy-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#534741cc,#d1a35c66,#534741cc)}.magical-text{color:#f4e8c1;text-shadow:0 0 2px #d1a35c4d;letter-spacing:.05em}.magical-login-text{color:#eae6db;text-shadow:0 0 3px #d1a35c66;letter-spacing:.08em;font-family:Cinzel Decorative,Noto Serif SC,serif}.magical-login-text span{color:#f9c86d;text-shadow:0 0 4px #f9c86d80}.login-fantasy-bg{background-color:#0000;background-image:linear-gradient(#1a1915eb,#211e1ceb),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23c0a480' fill-opacity='0.07' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:relative;overflow:hidden}.login-fantasy-bg:after{content:"";pointer-events:none;background:radial-gradient(circle,#f9c86d08 0%,#c0a48003 70%,#0000 100%);position:absolute;inset:0}.login-fantasy-bg:before{content:"";opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0L12 6H18L13 10L15 16L10 12L5 16L7 10L2 6H8L10 0Z' fill='%23f9c86d' fill-opacity='0.03'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2Z' fill='%2385c5e3' fill-opacity='0.02'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C5.4 0 0 5.4 0 12C0 18.6 5.4 24 12 24C18.6 24 24 18.6 24 12C24 5.4 18.6 0 12 0ZM12 4C16.4 4 20 7.6 20 12C20 16.4 16.4 20 12 20C7.6 20 4 16.4 4 12C4 7.6 7.6 4 12 4Z' fill='%23a18d6f' fill-opacity='0.03'/%3E%3C/svg%3E");background-position:10% 5%,85% 10%,50% 90%;background-repeat:no-repeat;animation:15s linear infinite floatingElements;position:absolute;inset:0}@keyframes floatingElements{0%{background-position:10% 5%,85% 10%,50% 90%}25%{background-position:15% 10%,80% 15%,55% 85%}50%{background-position:10% 15%,85% 20%,50% 80%}75%{background-position:5% 10%,90% 15%,45% 85%}to{background-position:10% 5%,85% 10%,50% 90%}}.magical-input{position:relative}.magical-input:after{content:"";opacity:0;background:linear-gradient(90deg,#a18d6f00,#a18d6f80,#a18d6f00);height:1px;transition:opacity .3s;position:absolute;bottom:-5px;left:0;right:0}.magical-input:focus-within:after{opacity:1}.portal-button{color:#c0a480;transition:color .3s;position:relative;overflow:hidden}.portal-button:before{content:"";z-index:-1;background:radial-gradient(circle,#f9c86d33 0%,#f9c86d00 70%);border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-button:hover{color:#ffd475}.portal-button:hover:before{width:150px;height:150px}.toggle-button{position:relative;overflow:hidden}.toggle-button:after{content:"";opacity:0;background:radial-gradient(circle,#b1e8ff33 0%,#7bc7e200 70%);transition:opacity .3s;position:absolute;inset:0}.toggle-button:hover:after{opacity:1}.fade-truncate{white-space:nowrap;max-width:fit-content;display:inline-block;position:relative;overflow:hidden}.fade-truncate:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#1c1c1c);width:2.5em;height:100%;position:absolute;top:0;right:0}@keyframes pulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.96)}}.animate-pulse-slow{animation:3.5s ease-in-out infinite pulseSlow}@keyframes ringPulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.05;transform:scale(1.4)}to{opacity:.4;transform:scale(1)}}.animate-ring-pulse{animation:6s ease-in-out infinite ringPulse}@keyframes backgroundBreath{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.breathing-bg{background:linear-gradient(135deg,#12100f 0%,#1a1714 35%,#2a211b 70%,#332820 100%) 0 0/300% 300%;animation:12s ease-in-out infinite backgroundBreath;box-shadow:inset 0 0 26px #b482460f,0 0 14px #8c5a280a}.mobile-collapsible{transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-collapsible.collapsed{opacity:0;max-height:0;overflow:hidden}.mobile-collapsible.expanded{opacity:1;max-height:500px}.mobile-bottom-nav{transition:height .3s cubic-bezier(.4,0,.2,1)}.mobile-header-collapsible{transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-header-collapsible.collapsed{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden}.mobile-header-collapsible.expanded{opacity:1;max-height:200px}@media (max-width:768px){.mobile-optimized-padding{padding:.75rem}.mobile-optimized-margin{margin:.5rem}.mobile-optimized-gap{gap:.5rem}.mobile-optimized-text{font-size:.875rem;line-height:1.25rem}.mobile-optimized-icon{width:1rem;height:1rem}}.collapse-button{transition:all .3s;position:relative;overflow:hidden}.collapse-button:before{content:"";opacity:0;border-radius:inherit;background:linear-gradient(45deg,#d1a35c1a,#f5de970d,#d1a35c1a);transition:opacity .3s;position:absolute;inset:0}.collapse-button:hover:before{opacity:1}.collapse-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d1a35c33}@supports (padding:max(0px)){.mobile-bottom-nav{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.mobile-header{padding-top:max(.5rem,env(safe-area-inset-top))}}@media (hover:none) and (pointer:coarse){.mobile-collapsible{transition:all .2s}.collapse-button:hover{transform:none}.collapse-button:active{transform:scale(.95)}}