@keyframes sk-pwa-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes notif-pulse{0%,to{box-shadow:0 0 0 0 var(--sk-danger-glow)}50%{box-shadow:0 0 0 6px transparent}}@keyframes sk-hud-top-bar-light{0%{background-position:-50%0,0 0,0 0}to{background-position:150%0,0 0,0 0}}@keyframes sk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sk-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sk-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes sk-system-boot{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(8px)}50%{filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes sk-stagger-in{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes sk-heartbeat{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}10%{transform:scale(1.04);filter:drop-shadow(0 0 15px rgba(0,245,255,.6))}20%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,245,255,.4))}35%{transform:scale(1.02);filter:drop-shadow(0 0 12px rgba(0,245,255,.5))}}@keyframes sk-heartbeat-logo{0%,28%,56%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(0,245,255,.6))}14%{transform:scale(1.12);filter:drop-shadow(0 0 20px rgba(0,245,255,.8))}42%{transform:scale(1.18);filter:drop-shadow(0 0 25px rgba(0,245,255,.9))}}@keyframes sk-pulse-glow{0%,to{box-shadow:0 0 5px rgba(0,245,255,.3),0 0 15px rgba(0,245,255,.1)}50%{box-shadow:0 0 20px rgba(0,245,255,.5),0 0 40px rgba(0,245,255,.2),0 0 60px rgba(0,245,255,.1)}}@keyframes sk-pulse-glow-purple{0%,to{box-shadow:0 0 5px rgba(191,0,255,.3),0 0 15px rgba(191,0,255,.1)}50%{box-shadow:0 0 20px rgba(191,0,255,.5),0 0 40px rgba(191,0,255,.2)}}@keyframes sk-pulse-glow-gold{0%,to{box-shadow:0 0 5px rgba(255,215,0,.4),0 0 15px rgba(255,215,0,.15)}50%{box-shadow:0 0 25px rgba(255,215,0,.6),0 0 50px rgba(255,215,0,.3),0 0 80px rgba(255,215,0,.15)}}@keyframes sk-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes sk-mana-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes sk-scanline{0%{left:-100%}to{left:100%}}@keyframes sk-scanline-v{0%{top:-100%}to{top:100%}}@keyframes sk-shimmer{0%{background-position:-200%0}to{background-position:200%0}}@keyframes sk-border-rotate{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes sk-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes sk-shake-intense{0%,to{transform:translateX(0) rotate(0)}10%{transform:translateX(-8px) rotate(-1deg)}20%{transform:translateX(8px) rotate(1deg)}30%{transform:translateX(-6px) rotate(-.5deg)}40%{transform:translateX(6px) rotate(.5deg)}50%{transform:translateX(-4px)}60%{transform:translateX(4px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes sk-success-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(.95)}70%{transform:scale(1.05)}}@keyframes sk-ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes sk-press{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes sk-progress-fill{0%{width:0%}to{width:var(--progress, 100%)}}@keyframes sk-circular-progress{0%{stroke-dashoffset:var(--circumference, 283)}to{stroke-dashoffset:var(--offset, 0)}}@keyframes sk-xp-gain{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes sk-level-up{0%{transform:scale(.5);opacity:0;filter:blur(10px)}50%{transform:scale(1.2);opacity:1;filter:blur(0)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes sk-counter-pop{0%,to{transform:scale(1)}50%{transform:scale(1.3);color:var(--sk-gold)}}@keyframes sk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sk-float-rotate{0%,to{transform:translateY(0) rotate(-1deg)}25%,75%{transform:translateY(-5px) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes sk-orbit{0%{transform:rotate(0deg) translateX(50px) rotate(0deg)}to{transform:rotate(360deg) translateX(50px) rotate(-360deg)}}@keyframes sk-drift{0%,to{transform:translate(0,0)}25%{transform:translate(3px,-3px)}50%{transform:translate(-2px,2px)}75%{transform:translate(2px,1px)}}@keyframes sk-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes sk-star-burst{0%{transform:scale(0);opacity:1}50%{opacity:1}to{transform:scale(2);opacity:0}}@keyframes sk-confetti{0%{transform:translateY(-100%) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes sk-glitch{0%,to{transform:translate(0);text-shadow:-2px 0 var(--sk-danger),2px 0 var(--sk-mana-blue)}25%{transform:translate(-2px,1px);text-shadow:2px 0 var(--sk-danger),-2px 0 var(--sk-mana-blue)}50%{transform:translate(2px,-1px);text-shadow:-1px 0 var(--sk-soul-purple),1px 0 var(--sk-danger)}75%{transform:translate(-1px,2px);text-shadow:1px 0 var(--sk-mana-blue),-1px 0 var(--sk-soul-purple)}}@keyframes sk-loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes sk-skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%)0}}@keyframes sk-wipe-in{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(150%at 50% 50%)}}@keyframes sk-wipe-out{0%{clip-path:circle(150%at 50% 50%)}to{clip-path:circle(0 at 50% 50%)}}@keyframes sk-vt-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes sk-vt-fade-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes sk-vt-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes sk-vt-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-progress-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes sk-xp-shimmer{0%{background-position:-200%0}to{background-position:200%0}}@keyframes sk-loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes sk-loader-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.6}}@keyframes sk-shine-sweep{0%{transform:translateX(-150%) skewX(-25deg)}50%,to{transform:translateX(150%) skewX(-25deg)}}@keyframes sk-glow-pulse{0%,to{box-shadow:0 0 5px rgba(255,215,0,.2)}50%{box-shadow:0 0 20px rgba(255,215,0,.5)}}@keyframes sk-toast-enter{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes sk-toast-exit{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}@keyframes sk-toast-countdown{0%{width:100%}to{width:0%}}@keyframes sk-xp-notification{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.8)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.1)}40%{transform:translateX(-50%) translateY(-10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50px) scale(.9)}}@keyframes sk-levelup-bg{0%,to{opacity:0}10%,70%{opacity:1}}@keyframes sk-levelup-text{0%{opacity:0;transform:scale(.3);filter:blur(20px)}30%{opacity:1;transform:scale(1.2);filter:blur(0)}50%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes sk-levelup-level{0%{opacity:0;transform:translateY(30px)}30%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}@keyframes sk-rankup-bg{0%,to{opacity:0}10%,75%{opacity:1}}@keyframes sk-rankup-letter{0%{opacity:0;transform:scale(0) rotate(-180deg);filter:blur(30px)}40%{opacity:1;transform:scale(1.3) rotate(10deg);filter:blur(0)}60%{transform:scale(1) rotate(0)}75%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes sk-heart-break{0%{transform:scale(1);opacity:1}30%{transform:scale(1.3)}to{transform:scale(0) rotate(45deg);opacity:0}}@keyframes feedback-icon-pop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.15)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes feedback-icon-ring{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.12)}}@keyframes feedback-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-countdown{0%{width:100%}to{width:0%}}@keyframes sk-spin{to{transform:rotate(360deg)}}@keyframes sk-accordion-fade{0%{opacity:0}to{opacity:1}}@keyframes sk-implode{0%{transform:scale(1);filter:brightness(1) blur(0);opacity:1}40%{transform:scale(1.1);filter:brightness(1.2) blur(0);opacity:1}55%{transform:scale(1.2);filter:brightness(2) blur(1px);opacity:1}to{transform:scale(0);filter:brightness(50) blur(10px);opacity:0}}@keyframes avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes avatar-breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}#layout-sidebar-container{display:contents}#app{margin-left:0;height:100%;width:auto}body.has-sidebar #app{margin-left:50px}#app.view-quiz-play,.app-sidebar{z-index:var(--sk-z-fixed)}.app-sidebar,.sidebar-brand{display:flex;align-items:center}.app-sidebar{position:fixed;top:0;left:0;height:100%;width:50px;background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);border-right:1px solid rgba(255,255,255,.08);flex-direction:column;padding:0;overflow:visible;box-shadow:2px 0 10px rgba(0,0,0,.2)}.sidebar-brand{margin:10px 0;width:100%;justify-content:center;height:48px;flex-shrink:0}.sidebar-logo{width:28px;height:28px;filter:opacity(.8);transition:opacity var(--sk-duration-normal);animation:sk-heartbeat-logo 1s infinite ease-in-out}.sidebar-logo:hover{filter:opacity(1)}.sidebar-nav,.sidebar-nav-item{display:flex;align-items:center;padding:0}.sidebar-nav{flex:1;width:100%;flex-direction:column;gap:0;overflow-y:visible;overflow-x:visible}.sidebar-nav-item{justify-content:center;height:48px;width:48px;margin:2px 0;background:0 0;border:0;border-left:2px solid transparent;cursor:pointer;position:relative;transition:all .2s ease}.sidebar-nav-icon{width:24px;height:24px;filter:brightness(0) invert(1) opacity(.5);transition:all .2s ease;pointer-events:none;flex-shrink:0}.nav-more-toggle{display:none!important}.sidebar-nav-label{display:none;pointer-events:none}.sidebar-nav-item:hover{background:0 0}.sidebar-nav-item:hover .sidebar-nav-icon{filter:brightness(0) invert(1) opacity(1)}.sidebar-nav-item.active{border-left-color:var(--sk-mana-blue)}.sidebar-nav-item.active .sidebar-nav-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(87%) saturate(1519%) hue-rotate(134deg) brightness(101%) contrast(104%) drop-shadow(0 0 2px var(--sk-mana-blue));opacity:1}@media (min-width:769px){.sidebar-more-menu{display:contents}.mobile-only,.nav-more-item.sidebar-notif-btn,.nav-more-item[data-action=logout],.nav-more-item[data-section=settings],.nav-more-item[data-section=support]{display:none!important}}@media (max-width:768px){.desktop-only{display:none!important}}.sidebar-footer{width:100%;padding-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:5px}@media (max-width:768px){#app{margin-left:0;width:100%;min-height:calc(100vh - 64px - env(safe-area-inset-bottom));padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));flex-direction:row;padding:0 0 env(safe-area-inset-bottom);border-right:none;border-top:var(--sk-glass-border);background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);justify-content:center;align-items:center;box-shadow:0-4px 20px rgba(0,0,0,.4);z-index:var(--sk-z-modal)}.sidebar-brand,.sidebar-footer{display:none!important}.sidebar-nav{flex-direction:row;justify-content:space-around;align-items:center;padding:0 10px;flex:1;height:100%;overflow:visible;gap:0}.nav-more-toggle{display:flex!important}.sidebar-nav-item{width:auto;min-width:0;flex:1;height:100%;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;border-left:none;position:relative}.sidebar-nav>.sidebar-nav-item:not(.nav-dock-item):not(.nav-more-toggle){display:none!important}.sidebar-more-menu{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom) + 10px);right:10px;width:220px;background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);-webkit-backdrop-filter:var(--sk-glass-intense-blur);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);display:flex;flex-direction:column;padding:8px;box-shadow:var(--sk-shadow-lg);transform:translateY(20px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:calc(var(--sk-z-modal) + 1)}.sidebar-more-menu.active{transform:translateY(0);opacity:1;visibility:visible}.sidebar-more-menu .sidebar-nav-item{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;height:48px!important;padding:.5rem 12px!important;border-radius:var(--sk-hud-radius);margin:2px 0}.sidebar-more-menu .sidebar-nav-icon{width:20px!important;height:20px!important;margin-right:12px!important}.sidebar-more-menu .sidebar-nav-label{display:block!important;font-size:13px!important;margin-top:0!important;top:0!important;opacity:1!important;color:var(--sk-text-primary)!important;text-align:left!important;white-space:nowrap}.sidebar-more-menu .sidebar-nav-item:active{background:rgba(255,255,255,.05)}.sidebar-nav>.sidebar-nav-item .sidebar-nav-label{display:block!important;font-size:9px;position:relative;margin-top:4px;opacity:.7;color:var(--sk-text-secondary);text-align:center;line-height:1;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav>.sidebar-nav-item.active .sidebar-nav-label{color:var(--sk-mana-blue);opacity:1}.sidebar-nav>.sidebar-nav-item.active .sidebar-nav-icon{transform:translateY(-2px)}.nav-more-toggle.active .sidebar-nav-icon,.sidebar-nav>.sidebar-nav-item.active .sidebar-nav-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(87%) saturate(1519%) hue-rotate(134deg) brightness(101%) contrast(104%) drop-shadow(0 0 5px var(--sk-mana-blue));opacity:1}}#pwa-install-btn{border-left:2px solid var(--sk-gold)!important}#pwa-install-btn .sidebar-nav-icon{filter:brightness(0) saturate(100%) invert(75%) sepia(91%) saturate(1553%) hue-rotate(1deg) brightness(105%) contrast(107%) drop-shadow(0 0 3px var(--sk-gold));opacity:1;animation:sk-pwa-pulse 2s infinite ease-in-out}#pwa-install-btn:hover .sidebar-nav-icon{filter:brightness(0) saturate(100%) invert(75%) sepia(91%) saturate(1553%) hue-rotate(1deg) brightness(125%) contrast(107%) drop-shadow(0 0 8px var(--sk-gold))}@media (max-width:768px){#pwa-install-btn{border-left:none!important}}.sidebar-notif-btn{position:relative}.sidebar-notif-badge{position:absolute;top:var(--sk-space-1);right:var(--sk-space-1);min-width:18px;height:18px;padding:0 5px;border-radius:var(--sk-radius-full);background:var(--sk-danger);color:#fff;font-size:var(--sk-fs-2xs);font-weight:700;line-height:18px;text-align:center;pointer-events:none;opacity:0;transform:scale(0);transition:opacity var(--sk-duration-fast) var(--sk-ease-out),transform var(--sk-duration-normal) var(--sk-ease-bounce)}.sidebar-notif-badge.is-visible{opacity:1;transform:scale(1);animation:notif-pulse 2s ease-in-out 1}.notif-panel{position:fixed;top:0;left:var(--sidebar-width, 72px);width:380px;max-width:calc(100vw - var(--sidebar-width, 72px));height:100vh;height:100dvh;z-index:var(--sk-z-notification);display:flex;flex-direction:column;background:rgba(11,12,21,.78);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);border-right:var(--sk-glass-border);box-shadow:var(--sk-glass-shadow);transform:translateX(-100%);opacity:0;visibility:hidden;transition:transform var(--sk-duration-normal) var(--sk-ease-smooth),opacity var(--sk-duration-normal) var(--sk-ease-out),visibility var(--sk-duration-normal) var(--sk-ease-out)}.notif-panel.is-open{transform:translateX(0);opacity:.95;visibility:visible;box-shadow:var(--sk-glass-glow-cyan)}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sk-space-5) var(--sk-space-5) var(--sk-space-4);border-bottom:1px solid rgba(255,255,255,.06)}.notif-panel-title{display:flex;align-items:center;gap:var(--sk-space-3);font-size:var(--sk-fs-sm);font-weight:700;letter-spacing:var(--sk-ls-wide);text-transform:uppercase;color:var(--sk-text-primary);margin:0}.notif-panel-icon{width:20px;height:20px;color:var(--sk-mana-blue)}.notif-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--sk-hud-radius);background:0 0;color:var(--sk-text-secondary);cursor:pointer;transition:background var(--sk-duration-fast) var(--sk-ease-out),color var(--sk-duration-fast) var(--sk-ease-out)}.notif-panel-close:hover{background:rgba(255,255,255,.08);color:var(--sk-text-primary)}.notif-panel-close:focus-visible{outline:2px solid var(--sk-mana-blue);outline-offset:2px}.notif-panel-close:active{transform:scale(.92)}.notif-panel-actions{display:flex;justify-content:flex-end;padding:var(--sk-space-2) var(--sk-space-5);border-bottom:1px solid rgba(255,255,255,.04)}.notif-mark-all{font-size:var(--sk-fs-2xs);font-weight:600;letter-spacing:var(--sk-ls-wide);text-transform:uppercase;background:0 0;border:0;color:var(--sk-mana-blue);cursor:pointer;padding:var(--sk-space-1) var(--sk-space-2);border-radius:var(--sk-hud-radius);transition:background var(--sk-duration-fast) var(--sk-ease-out)}.notif-mark-all:hover{background:var(--sk-mana-blue-glow)}.notif-mark-all:focus-visible{outline:2px solid var(--sk-mana-blue);outline-offset:2px}.notif-mark-all:active{transform:scale(.96)}.notif-panel-list{flex:1;overflow-y:auto;overscroll-behavior:contain}.notif-panel-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--sk-text-muted);font-size:var(--sk-fs-sm);font-style:italic;padding:var(--sk-space-10) var(--sk-space-5)}.notif-item{position:relative;display:flex;align-items:flex-start;gap:var(--sk-space-3);width:100%;padding:var(--sk-space-3) var(--sk-space-5);border:0;border-bottom:1px solid rgba(255,255,255,.04);background:0 0;color:var(--sk-text-secondary);cursor:pointer;text-align:left;transition:background var(--sk-duration-fast) var(--sk-ease-out)}.notif-item:hover{background:rgba(255,255,255,.04)}.notif-item:focus-visible{outline:2px solid var(--sk-mana-blue);outline-offset:-2px}.notif-item:active{transform:scale(.99)}.notif-item--unread{color:var(--sk-text-primary);background:var(--sk-mana-blue-glow);padding-left:var(--sk-space-6)}.notif-item--unread::before{content:"";position:absolute;left:var(--sk-space-2);top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:var(--sk-radius-full);background:var(--sk-mana-blue)}.notif-item-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--sk-hud-radius);background:rgba(255,255,255,.06);color:var(--sk-mana-blue)}.notif-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif-item-body,.notif-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-title{font-size:var(--sk-fs-sm);font-weight:600;line-height:var(--sk-lh-tight)}.notif-item-body{font-size:var(--sk-fs-xs);line-height:1.4;color:var(--sk-text-secondary)}.notif-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sk-space-1);flex-shrink:0}.notif-item-time{font-size:var(--sk-fs-2xs);font-weight:500;color:var(--sk-text-muted)}.notif-item-delete,.notif-modal-overlay{display:flex;align-items:center;justify-content:center;opacity:0}.notif-item-delete{width:24px;height:24px;border:0;border-radius:var(--sk-radius-full);background:0 0;color:var(--sk-text-muted);cursor:pointer;transition:opacity var(--sk-duration-fast) var(--sk-ease-out),background var(--sk-duration-fast) var(--sk-ease-out),color var(--sk-duration-fast) var(--sk-ease-out)}.notif-item:hover .notif-item-delete{opacity:1}.notif-item-delete:hover{background:rgba(255,60,60,.15);color:var(--sk-danger)}.notif-modal-overlay{position:fixed;inset:0;z-index:calc(var(--sk-z-notification) + 10);background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);visibility:hidden;transition:opacity var(--sk-duration-normal) var(--sk-ease-out),visibility var(--sk-duration-normal) var(--sk-ease-out)}.notif-modal-overlay.is-active{opacity:1;visibility:visible}.notif-modal{width:420px;max-width:calc(100vw - var(--sk-space-8));max-height:70vh;display:flex;flex-direction:column;background:rgba(18,20,35,.95);border:1px solid rgba(255,255,255,.08);border-radius:var(--sk-radius-lg, 12px);box-shadow:0 24px 64px rgba(0,0,0,.5);transform:translateY(16px) scale(.97);transition:transform var(--sk-duration-normal) var(--sk-ease-bounce)}.notif-modal-overlay.is-active .notif-modal{transform:translateY(0) scale(1)}.notif-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sk-space-4) var(--sk-space-5);border-bottom:1px solid rgba(255,255,255,.06)}.notif-modal-type{display:flex;align-items:center;gap:var(--sk-space-2);color:var(--sk-mana-blue)}.notif-modal-time{font-size:var(--sk-fs-2xs);font-weight:500;color:var(--sk-text-muted)}.notif-modal-nav{display:flex;align-items:center;gap:var(--sk-space-1)}.notif-modal-counter{font-size:var(--sk-fs-2xs);font-weight:600;color:var(--sk-text-muted);margin-right:var(--sk-space-1);font-variant-numeric:tabular-nums}.notif-modal-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--sk-hud-radius);background:0 0;color:var(--sk-text-secondary);cursor:pointer;transition:background var(--sk-duration-fast) var(--sk-ease-out),color var(--sk-duration-fast) var(--sk-ease-out)}.notif-modal-nav-btn:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--sk-text-primary)}.notif-modal-nav-btn:disabled{opacity:.25;cursor:not-allowed}.notif-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--sk-hud-radius);background:0 0;color:var(--sk-text-secondary);cursor:pointer;transition:background var(--sk-duration-fast) var(--sk-ease-out),color var(--sk-duration-fast) var(--sk-ease-out)}.notif-modal-close:hover{background:rgba(255,255,255,.08);color:var(--sk-text-primary)}.notif-modal-body{flex:1;overflow-y:auto;padding:var(--sk-space-5)}.notif-modal-title{font-size:var(--sk-fs-md);font-weight:700;color:var(--sk-text-primary);margin:0 0 var(--sk-space-3)0;line-height:var(--sk-lh-tight)}.notif-modal-text{font-size:var(--sk-fs-sm);line-height:1.6;color:var(--sk-text-secondary);margin:0;white-space:pre-wrap;word-break:break-word}.notif-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sk-space-2);padding:var(--sk-space-3) var(--sk-space-5);border-top:1px solid rgba(255,255,255,.06)}.notif-modal-btn{padding:var(--sk-space-2) var(--sk-space-4);border:0;border-radius:var(--sk-hud-radius);font-size:var(--sk-fs-xs);font-weight:600;cursor:pointer;transition:background var(--sk-duration-fast) var(--sk-ease-out),transform var(--sk-duration-fast) var(--sk-ease-out)}.notif-modal-btn:active{transform:scale(.96)}.notif-modal-btn--primary{background:var(--sk-mana-blue);color:#fff}.notif-modal-btn--primary:hover{background:color-mix(in srgb,var(--sk-mana-blue) 85%,#fff)}.notif-modal-btn--danger{background:rgba(255,60,60,.12);color:var(--sk-danger)}.notif-modal-btn--danger:hover{background:rgba(255,60,60,.25)}@media (max-width:768px){.notif-panel{left:0;width:100vw;max-width:100vw;border-right:none}.notif-modal{width:calc(100vw - var(--sk-space-6));max-height:80vh}.notif-item-delete{opacity:1}}.notif-panel-list::-webkit-scrollbar{width:4px}.notif-panel-list::-webkit-scrollbar-track{background:0 0}.notif-panel-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}@media (prefers-reduced-motion:reduce){.notif-item,.notif-mark-all,.notif-modal,.notif-modal-overlay,.notif-panel,.notif-panel-close,.sidebar-notif-badge{transition:none}.sidebar-notif-badge.is-visible{animation:none}}:root{--sk-void-deep:#020202;--sk-void-surface:#0a0a0f;--sk-void-elevated:#121218;--sk-void-overlay:#1a1a24;--sk-mana-blue:#00f5ff;--sk-mana-blue-soft:rgba(0, 245, 255, 0.8);--sk-mana-blue-dim:rgba(0, 245, 255, 0.4);--sk-mana-blue-glow:rgba(0, 245, 255, 0.15);--sk-soul-purple:#bf00ff;--sk-soul-purple-soft:rgba(191, 0, 255, 0.8);--sk-soul-purple-dim:rgba(191, 0, 255, 0.4);--sk-soul-purple-glow:rgba(191, 0, 255, 0.15);--sk-danger:#ff003c;--sk-danger-glow:rgba(255, 0, 60, 0.2);--sk-success:#00ff88;--sk-success-glow:rgba(0, 255, 136, 0.2);--sk-warning:#ffaa00;--sk-warning-glow:rgba(255, 170, 0, 0.2);--sk-gold:#ffd700;--sk-gold-glow:rgba(255, 215, 0, 0.25);--sk-rank-sss:#ffd700;--sk-rank-sss-glow:0 0 30px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.3);--sk-rank-ss:#ff00ff;--sk-rank-ss-glow:0 0 25px rgba(255, 0, 255, 0.5), 0 0 50px rgba(255, 0, 255, 0.25);--sk-rank-s:#ff1493;--sk-rank-s-glow:0 0 20px rgba(255, 20, 147, 0.5), 0 0 40px rgba(255, 20, 147, 0.25);--sk-rank-a:var(--sk-gold);--sk-rank-a-glow:0 0 18px rgba(255, 215, 0, 0.4);--sk-rank-b:var(--sk-soul-purple);--sk-rank-b-glow:0 0 15px rgba(191, 0, 255, 0.4);--sk-rank-c:#cd7f32;--sk-rank-c-glow:0 0 12px rgba(205, 127, 50, 0.4);--sk-rank-d:#4caf50;--sk-rank-d-glow:0 0 10px rgba(76, 175, 80, 0.4);--sk-rank-e:var(--sk-danger);--sk-rank-e-glow:0 0 8px rgba(255, 0, 60, 0.3);--sk-rank-f:#808080;--sk-rank-f-glow:none;--sk-text-primary:#ffffff;--sk-text-secondary:rgba(255, 255, 255, 0.7);--sk-text-muted:rgba(255, 255, 255, 0.5);--sk-text-dim:rgba(255, 255, 255, 0.3);--sk-text-accent:var(--sk-mana-blue);--sk-font-display:"Orbitron", "Rajdhani", sans-serif;--sk-font-body:"Outfit", "Inter", sans-serif;--sk-font-mono:"JetBrains Mono", "Fira Code", monospace;--sk-fs-2xs:clamp(0.625rem, 0.6rem + 0.1vw, 0.75rem);--sk-fs-xs:clamp(0.75rem, 0.7rem + 0.15vw, 0.875rem);--sk-fs-sm:clamp(0.875rem, 0.8rem + 0.2vw, 1rem);--sk-fs-md:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--sk-fs-lg:clamp(1.125rem, 1rem + 0.3vw, 1.25rem);--sk-fs-xl:clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);--sk-fs-2xl:clamp(1.5rem, 1.3rem + 0.6vw, 1.875rem);--sk-fs-3xl:clamp(1.875rem, 1.5rem + 1vw, 2.5rem);--sk-fs-4xl:clamp(2.5rem, 2rem + 1.5vw, 3.5rem);--sk-fs-hero:clamp(3rem, 2.5rem + 2vw, 5rem);--sk-lh-tight:1.1;--sk-lh-normal:1.5;--sk-lh-relaxed:1.75;--sk-ls-tight:-0.02em;--sk-ls-normal:0;--sk-ls-wide:0.05em;--sk-ls-gaming:0.15em;--sk-ls-ultra:0.3em;--sk-space-1:0.25rem;--sk-space-2:0.5rem;--sk-space-3:0.75rem;--sk-space-4:1rem;--sk-space-5:1.25rem;--sk-space-6:1.5rem;--sk-space-8:2rem;--sk-space-10:2.5rem;--sk-space-12:3rem;--sk-space-16:4rem;--sk-space-20:5rem;--sk-space-24:6rem;--sk-glass-bg:rgba(11, 12, 21, 0.6);--sk-glass-blur:blur(16px);--sk-glass-border:1px solid rgba(255, 255, 255, 0.08);--sk-glass-shadow:0 8px 32px rgba(0, 0, 0, 0.4);--sk-glass-intense-bg:rgba(11, 12, 21, 0.6);--sk-glass-intense-blur:blur(12px);--sk-glass-intense-border:1px solid rgba(255, 255, 255, 0.12);--sk-hud-theme-color:var(--sk-mana-blue);--sk-hud-border-color:rgba(255, 255, 255, 0.04);--sk-hud-radius:8px;--sk-glass-glow-cyan:inset 0 1px 0 rgba(0, 245, 255, 0.1), 0 0 40px rgba(0, 245, 255, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4);--sk-glass-glow-purple:inset 0 1px 0 rgba(191, 0, 255, 0.1), 0 0 40px rgba(191, 0, 255, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4);--sk-glass-glow-gold:inset 0 1px 0 rgba(255, 215, 0, 0.15), 0 0 40px rgba(255, 215, 0, 0.15), 0 8px 32px rgba(0, 0, 0, 0.4);--sk-radius-full:9999px;--sk-duration-instant:100ms;--sk-duration-fast:200ms;--sk-duration-normal:300ms;--sk-duration-slow:500ms;--sk-duration-slower:800ms;--sk-duration-heartbeat:1000ms;--sk-ease-out:cubic-bezier(0.33, 1, 0.68, 1);--sk-ease-in:cubic-bezier(0.32, 0, 0.67, 0);--sk-ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--sk-ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--sk-ease-elastic:cubic-bezier(0.68, -0.55, 0.27, 1.55);--sk-ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);--sk-z-base:0;--sk-z-dropdown:100;--sk-z-sticky:200;--sk-z-fixed:300;--sk-z-modal-backdrop:400;--sk-z-modal:500;--sk-z-popover:600;--sk-z-tooltip:700;--sk-z-notification:800;--sk-z-overlay:900;--sk-z-max:9999;--sk-gradient-mana:linear-gradient( 90deg, var(--sk-mana-blue) 0%, var(--sk-soul-purple) 100% );--sk-gradient-mana-v:linear-gradient( 180deg, var(--sk-mana-blue) 0%, var(--sk-soul-purple) 100% );--sk-gradient-mana-radial:radial-gradient( circle at 50% 50%, var(--sk-mana-blue-glow) 0%, transparent 70% );--sk-gradient-gold:linear-gradient( 90deg, #b8860b 0%, #ffd700 50%, #ffa500 100% );--sk-gradient-danger:linear-gradient( 90deg, #cc0033 0%, #ff003c 50%, #ff3366 100% );--sk-gradient-success:linear-gradient(90deg, #00cc66 0%, #00ff88 100%);--sk-gradient-card:linear-gradient( 135deg, rgba(0, 245, 255, 0.05) 0%, rgba(191, 0, 255, 0.03) 50%, rgba(0, 0, 0, 0) 100% );--sk-gradient-scanline:linear-gradient( 90deg, transparent 0%, rgba(0, 245, 255, 0.5) 50%, transparent 100% );--sk-gradient-reading:linear-gradient( 180deg, rgba(2, 2, 2, 0) 0%, rgba(2, 2, 2, 0.8) 20%, rgba(2, 2, 2, 0.8) 80%, rgba(2, 2, 2, 0) 100% );--sk-node-locked:#333333;--sk-node-available:var(--sk-mana-blue);--sk-node-completed:var(--sk-gold);--sk-node-connector:rgba(255, 255, 255, 0.1);--sk-node-connector-active:var(--sk-mana-blue-soft);--sk-archetype-archimage:var(--sk-mana-blue);--sk-archetype-paladin:var(--sk-gold);--sk-archetype-berserker:var(--sk-danger);--sk-archetype-druide:var(--sk-success);--sk-archetype-assassin:var(--sk-soul-purple);--sk-accent-dynamic:var(--sk-mana-blue)}.sk-rank-sss{color:var(--sk-rank-sss);text-shadow:var(--sk-rank-sss-glow)}.sk-rank-ss{color:var(--sk-rank-ss);text-shadow:var(--sk-rank-ss-glow)}.sk-rank-s{color:var(--sk-rank-s);text-shadow:var(--sk-rank-s-glow)}.sk-rank-a{color:var(--sk-rank-a);text-shadow:var(--sk-rank-a-glow)}.sk-rank-b{color:var(--sk-rank-b);text-shadow:var(--sk-rank-b-glow)}.sk-rank-c{color:var(--sk-rank-c);text-shadow:var(--sk-rank-c-glow)}.sk-rank-d{color:var(--sk-rank-d);text-shadow:var(--sk-rank-d-glow)}.sk-rank-e{color:var(--sk-rank-e);text-shadow:var(--sk-rank-e-glow)}.sk-rank-f{color:var(--sk-rank-f)}.sk-rank-bg-sss{background:var(--sk-rank-sss)}.sk-rank-bg-ss{background:var(--sk-rank-ss)}.sk-rank-bg-s{background:var(--sk-rank-s)}.sk-rank-bg-a{background:var(--sk-rank-a)}.sk-rank-bg-b{background:var(--sk-rank-b)}.sk-rank-bg-c{background:var(--sk-rank-c)}.sk-rank-bg-d{background:var(--sk-rank-d)}.sk-rank-bg-e{background:var(--sk-rank-e)}.sk-rank-bg-f{background:var(--sk-rank-f)}.sk-font-display{font-family:var(--sk-font-display)}.sk-font-body{font-family:var(--sk-font-body)}.sk-font-mono{font-family:var(--sk-font-mono)}.sk-text-2xs{font-size:var(--sk-fs-2xs)}.sk-text-xs{font-size:var(--sk-fs-xs)}.sk-text-sm{font-size:var(--sk-fs-sm)}.sk-text-md{font-size:var(--sk-fs-md)}.sk-text-lg{font-size:var(--sk-fs-lg)}.sk-text-xl{font-size:var(--sk-fs-xl)}.sk-text-2xl{font-size:var(--sk-fs-2xl)}.sk-text-3xl{font-size:var(--sk-fs-3xl)}.sk-text-4xl{font-size:var(--sk-fs-4xl)}.sk-text-hero{font-size:var(--sk-fs-hero)}.sk-text-primary{color:var(--sk-text-primary)}.sk-text-secondary{color:var(--sk-text-secondary)}.sk-text-muted{color:var(--sk-text-muted)}.sk-text-dim{color:var(--sk-text-dim)}.sk-text-accent{color:var(--sk-text-accent)}.sk-text-gold{color:var(--sk-gold)}.sk-text-danger{color:var(--sk-danger)}.sk-text-success{color:var(--sk-success)}.sk-uppercase{text-transform:uppercase}.sk-tracking-wide{letter-spacing:var(--sk-ls-wide)}.sk-tracking-gaming{letter-spacing:var(--sk-ls-gaming)}.sk-tracking-ultra{letter-spacing:var(--sk-ls-ultra)}.sk-text-glow{text-shadow:0 0 10px currentColor}.sk-glass-panel{background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);box-shadow:var(--sk-glass-shadow)}:root[data-theme=corporate_b2b]{--sk-void-deep:#f8f9fa;--sk-void-surface:#ffffff;--sk-void-elevated:#f0f2f5;--sk-void-overlay:#e8eaed;--sk-mana-blue:#1a73e8;--sk-mana-blue-soft:rgba(26, 115, 232, 0.8);--sk-mana-blue-dim:rgba(26, 115, 232, 0.3);--sk-mana-blue-glow:rgba(26, 115, 232, 0.1);--sk-soul-purple:#7c3aed;--sk-soul-purple-soft:rgba(124, 58, 237, 0.7);--sk-soul-purple-dim:rgba(124, 58, 237, 0.3);--sk-soul-purple-glow:rgba(124, 58, 237, 0.08);--sk-danger:#dc3545;--sk-danger-glow:rgba(220, 53, 69, 0.1);--sk-success:#198754;--sk-success-glow:rgba(25, 135, 84, 0.1);--sk-warning:#fd7e14;--sk-warning-glow:rgba(253, 126, 20, 0.1);--sk-gold:#b8860b;--sk-gold-glow:rgba(184, 134, 11, 0.15);--sk-rank-sss-glow:0 0 8px rgba(184, 134, 11, 0.3);--sk-rank-ss-glow:0 0 6px rgba(124, 58, 237, 0.3);--sk-rank-s-glow:0 0 5px rgba(26, 115, 232, 0.3);--sk-rank-a-glow:0 0 4px rgba(184, 134, 11, 0.2);--sk-rank-b-glow:0 0 4px rgba(124, 58, 237, 0.2);--sk-rank-c-glow:0 0 3px rgba(205, 127, 50, 0.2);--sk-rank-d-glow:0 0 3px rgba(25, 135, 84, 0.2);--sk-rank-e-glow:0 0 2px rgba(220, 53, 69, 0.2);--sk-rank-f-glow:none;--sk-text-primary:#1d1d1f;--sk-text-secondary:rgba(29, 29, 31, 0.75);--sk-text-muted:rgba(29, 29, 31, 0.55);--sk-text-dim:rgba(29, 29, 31, 0.35);--sk-text-accent:var(--sk-mana-blue);--sk-font-display:"Inter", "Outfit", sans-serif;--sk-font-body:"Inter", "Outfit", sans-serif;--sk-glass-bg:rgba(255, 255, 255, 0.9);--sk-glass-blur:blur(8px);--sk-glass-border:1px solid rgba(0, 0, 0, 0.08);--sk-glass-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);--sk-glass-intense-bg:rgba(255, 255, 255, 0.95);--sk-glass-intense-blur:blur(4px);--sk-glass-intense-border:1px solid rgba(0, 0, 0, 0.12);--sk-glass-glow-cyan:inset 0 1px 0 rgba(26, 115, 232, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);--sk-glass-glow-purple:inset 0 1px 0 rgba(124, 58, 237, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);--sk-glass-glow-gold:inset 0 1px 0 rgba(184, 134, 11, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);--sk-gradient-mana:linear-gradient(90deg, #1a73e8 0%, #7c3aed 100%);--sk-gradient-mana-v:linear-gradient(180deg, #1a73e8 0%, #7c3aed 100%);--sk-gradient-mana-radial:radial-gradient(circle at 50% 50%, rgba(26,115,232,0.06) 0%, transparent 70%);--sk-gradient-gold:linear-gradient(90deg, #8b6914 0%, #b8860b 50%, #c99700 100%);--sk-gradient-danger:linear-gradient(90deg, #a71d2a 0%, #dc3545 50%, #e4606d 100%);--sk-gradient-success:linear-gradient(90deg, #157347 0%, #198754 100%);--sk-gradient-card:linear-gradient(135deg, rgba(26,115,232,0.03) 0%, rgba(124,58,237,0.02) 50%, rgba(0,0,0,0) 100%);--sk-gradient-scanline:none;--sk-gradient-reading:linear-gradient(180deg, rgba(248,249,250,0) 0%, rgba(248,249,250,0.9) 20%, rgba(248,249,250,0.9) 80%, rgba(248,249,250,0) 100%);--sk-node-locked:#d1d5db;--sk-node-available:var(--sk-mana-blue);--sk-node-completed:var(--sk-success);--sk-node-connector:rgba(0, 0, 0, 0.08);--sk-node-connector-active:var(--sk-mana-blue-soft);--sk-archetype-archimage:var(--sk-mana-blue);--sk-archetype-paladin:#8b6914;--sk-archetype-berserker:var(--sk-danger);--sk-archetype-druide:var(--sk-success);--sk-archetype-assassin:var(--sk-soul-purple);--sk-accent-dynamic:var(--sk-mana-blue)}.view-archives{--sk-mana-blue:#00e676;--sk-mana-blue-soft:rgba(0, 230, 118, 0.8);--sk-mana-blue-dim:rgba(0, 230, 118, 0.4);--sk-mana-blue-glow:rgba(0, 230, 118, 0.15);--sk-soul-purple:#00b4d8;--sk-soul-purple-soft:rgba(0, 180, 216, 0.8);--sk-soul-purple-dim:rgba(0, 180, 216, 0.4);--sk-soul-purple-glow:rgba(0, 180, 216, 0.15);--sk-glass-glow-cyan:inset 0 1px 0 rgba(0, 230, 118, 0.1), 0 0 40px rgba(0, 230, 118, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4);--sk-glass-glow-purple:inset 0 1px 0 rgba(0, 180, 216, 0.1), 0 0 40px rgba(0, 180, 216, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4);--sk-gradient-mana:linear-gradient(90deg, #00e676 0%, #00b4d8 100%);--sk-gradient-mana-v:linear-gradient(180deg, #00e676 0%, #00b4d8 100%);--sk-gradient-mana-radial:radial-gradient(circle at 50% 50%, rgba(0,230,118,0.15) 0%, transparent 70%);--sk-gradient-soul:linear-gradient(90deg, #00b4d8 0%, #00e676 100%);--sk-gradient-card:linear-gradient(135deg, rgba(0,230,118,0.05) 0%, rgba(0,180,216,0.03) 50%, rgba(0,0,0,0) 100%);--sk-gradient-scanline:linear-gradient(90deg, transparent 0%, rgba(0, 230, 118, 0.5) 50%, transparent 100%)}.sk-animate-fade-in{will-change:opacity;animation:sk-fade-in var(--sk-duration-normal) var(--sk-ease-out) forwards}.sk-animate-fade-in-down,.sk-animate-fade-in-up{will-change:opacity,transform;animation:sk-fade-in-up var(--sk-duration-normal) var(--sk-ease-out) forwards}.sk-animate-fade-in-down{animation:sk-fade-in-down var(--sk-duration-normal) var(--sk-ease-out) forwards}.sk-animate-bounce-in,.sk-animate-pop-in{will-change:opacity,transform;animation:sk-pop-in var(--sk-duration-normal) var(--sk-ease-bounce) forwards}.sk-animate-bounce-in{animation:sk-bounce-in var(--sk-duration-slow) var(--sk-ease-out) forwards}.sk-animate-system-boot{will-change:opacity,transform,filter;animation:sk-system-boot var(--sk-duration-slower) var(--sk-ease-out) forwards}.sk-animate-heartbeat{animation:sk-heartbeat var(--sk-duration-heartbeat) ease-in-out infinite}.sk-animate-pulse-glow{animation:sk-pulse-glow 2s ease-in-out infinite}.sk-animate-pulse-glow-purple{animation:sk-pulse-glow-purple 2s ease-in-out infinite}.sk-animate-pulse-glow-gold{animation:sk-pulse-glow-gold 2s ease-in-out infinite}.sk-animate-breathe{animation:sk-breathe 4s ease-in-out infinite}.sk-animate-float{animation:sk-float 3s ease-in-out infinite}.sk-animate-float-rotate{animation:sk-float-rotate 4s ease-in-out infinite}.sk-animate-drift{animation:sk-drift 6s ease-in-out infinite}.sk-animate-shake{animation:sk-shake .5s ease-in-out}.sk-animate-shake-intense{animation:sk-shake-intense .6s ease-in-out}.sk-animate-success{animation:sk-success-bounce .5s var(--sk-ease-bounce)}.sk-animate-press{animation:sk-press .15s ease-out}.sk-animate-spin{animation:sk-spin 1s linear infinite}.sk-animate-shimmer{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 20%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 80%,transparent 100%);background-size:200% 100%;animation:sk-shimmer 2s linear infinite}.sk-animate-glitch{animation:sk-glitch .3s ease-in-out infinite}.sk-delay-1{animation-delay:.1s}.sk-delay-2{animation-delay:.2s}.sk-delay-3{animation-delay:.3s}.sk-delay-4{animation-delay:.4s}.sk-delay-5{animation-delay:.5s}.sk-delay-6{animation-delay:.6s}.sk-delay-7{animation-delay:.7s}.sk-delay-8{animation-delay:.8s}.sk-animate-bounce-in,.sk-animate-fade-in,.sk-animate-fade-in-down,.sk-animate-fade-in-up,.sk-animate-pop-in,.sk-animate-system-boot{opacity:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sk-animate-breathe,.sk-animate-drift,.sk-animate-float,.sk-animate-float-rotate,.sk-animate-glitch,.sk-animate-heartbeat,.sk-animate-pulse-glow,.sk-animate-pulse-glow-gold,.sk-animate-pulse-glow-purple,.sk-animate-shimmer{animation:none!important}}::view-transition-new(root),::view-transition-old(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:sk-vt-fade-out}::view-transition-new(root){animation-name:sk-vt-fade-in}.scene-container{view-transition-name:scene-content}::view-transition-new(scene-content),::view-transition-old(scene-content){animation-duration:.4s;animation-timing-function:var(--sk-ease-out)}::view-transition-old(scene-content){animation-name:sk-vt-slide-out}::view-transition-new(scene-content){animation-name:sk-vt-slide-in}.sidebar{view-transition-name:sidebar}::view-transition-new(sidebar),::view-transition-old(sidebar){animation:none;mix-blend-mode:normal}.sk-page-title{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xl);font-weight:800;letter-spacing:var(--sk-ls-gaming);text-transform:uppercase;margin:0 0 var(--sk-space-2)0;text-align:center;background:linear-gradient(90deg,var(--sk-mana-blue) 0%,var(--sk-soul-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.sk-page-subtitle{font-family:var(--sk-font-body);font-size:var(--sk-fs-sm);color:var(--sk-text-muted);margin:0;letter-spacing:var(--sk-ls-wide);text-align:center}:is(.modal-card,#global-modal-dialog .feedback-card,.sk-dialog,.sk-system-notif-card,.qm-modal-content,.category-pref-content,.sk-panel,.sk-glass-panel,.glass-panel,.sk-glass,.sk-card,.guild-section,.capacity-modal-card,.dash-card,.dash-card-quest,.quiz-reminder-card,.awakened-card,.skills-section,.badges-section,.open-badges-section,.meta-card,.cta-card,.billing-status-card,.pricing-card,.settings-group,.stancer-modal){border:1px solid var(--sk-hud-border-color);border-top:none;border-radius:var(--sk-hud-radius);position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08)0,rgba(255,255,255,0) 35%,rgba(0,0,0,.2) 100%),rgba(15,15,25,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 35px rgba(0,0,0,.4),inset 0 0 20px rgba(0,245,255,.02),inset 1px 1px 0 rgba(255,255,255,.15)}:is(.modal-card,#global-modal-dialog .feedback-card,.sk-dialog,.sk-system-notif-card,.qm-modal-content,.category-pref-content,.sk-panel,.sk-glass-panel,.glass-panel,.sk-glass,.sk-card,.guild-section,.capacity-modal-card,.dash-card,.dash-card-quest,.quiz-reminder-card,.awakened-card,.skills-section,.badges-section,.open-badges-section,.meta-card,.cta-card,.billing-status-card,.pricing-card,.settings-group,.stancer-modal)::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent) no-repeat,linear-gradient(90deg,transparent,var(--sk-hud-theme-color, var(--sk-mana-blue)),transparent) no-repeat,var(--sk-hud-border-color);background-size:30% 100%,100% 100%,100% 100%;background-position:-50%0,0 0;animation:sk-hud-top-bar-light 3s infinite linear;box-shadow:0 0 10px var(--sk-hud-theme-color, var(--sk-mana-blue)),0 0 3px var(--sk-hud-theme-color, var(--sk-mana-blue));z-index:10;pointer-events:none;transition:box-shadow var(--sk-duration-normal) var(--sk-ease-out)}:is(.sk-sub-panel,.skill-card,.badge-card,.achievement-card){border:var(--sk-glass-border)!important;border-radius:var(--sk-hud-radius)}:is(.sk-sub-panel,.skill-card,.badge-card,.achievement-card)::after{content:none!important;display:none!important;animation:none!important}.sk-glow-cyan{box-shadow:0 0 20px rgba(0,245,255,.3)}.sk-glow-purple{box-shadow:0 0 20px rgba(191,0,255,.3)}.sk-glow-gold{box-shadow:0 0 20px rgba(255,215,0,.3)}.sk-page-logo{height:60px;width:auto;filter:drop-shadow(0 0 15px rgba(0,245,255,.6));animation:sk-heartbeat-logo 1s infinite ease-in-out}.sk-glow-danger{box-shadow:0 0 20px rgba(255,0,60,.3)}.sk-glow-success{box-shadow:0 0 20px rgba(0,255,136,.3)}.sk-text-glow-cyan{text-shadow:0 0 10px rgba(0,245,255,.6)}.sk-text-glow-purple{text-shadow:0 0 10px rgba(191,0,255,.6)}.sk-text-glow-gold{text-shadow:0 0 10px rgba(255,215,0,.6)}.sk-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sk-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sk-blur-lg{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sk-blur-xl{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.sk-gradient-text,.sk-gradient-text-gold{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sk-gradient-text{background:var(--sk-gradient-mana)}.sk-gradient-text-gold{background:var(--sk-gradient-gold)}.sk-border-glow-cyan{border:1px solid rgba(0,245,255,.4);box-shadow:0 0 15px rgba(0,245,255,.2),inset 0 0 10px rgba(0,245,255,.05)}.sk-border-glow-purple{border:1px solid rgba(191,0,255,.4);box-shadow:0 0 15px rgba(191,0,255,.2),inset 0 0 10px rgba(191,0,255,.05)}.sk-border-glow-gold{border:1px solid rgba(255,215,0,.4);box-shadow:0 0 15px rgba(255,215,0,.2),inset 0 0 10px rgba(255,215,0,.05)}.sk-border-animated{position:relative;background:var(--sk-void-surface);z-index:0}.sk-border-animated::after,.sk-border-animated::before{content:"";position:absolute;border-radius:inherit;z-index:-1}.sk-border-animated::before{inset:-2px;background:var(--sk-gradient-mana);background-size:200% 200%;animation:sk-mana-flow 4s ease infinite;opacity:.7}.sk-border-animated::after{inset:0;background:var(--sk-void-surface)}.sk-scanline{position:relative;overflow:hidden}.sk-scanline::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:var(--sk-gradient-scanline);animation:sk-scanline 5s linear infinite;pointer-events:none}.sk-scanline-v::before{top:-100%;left:0;width:1px;height:100%;animation:sk-scanline-v 5s linear infinite}.sk-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05)0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 100%);background-size:200px 100%;animation:sk-skeleton 1.5s ease-in-out infinite}.sk-skeleton-text{height:1em;border-radius:4px}.sk-skeleton-circle{border-radius:50%}.sk-skeleton-rect{border-radius:var(--sk-hud-radius)}.sk-overlay-dark{background:rgba(0,0,0,.7)}.sk-overlay-glass{background:rgba(11,12,21,.8);backdrop-filter:blur(8px)}.sk-overlay-gradient{background:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.8) 100%)}.sk-noise,.sk-vignette{position:relative}.sk-noise::after,.sk-vignette::after{content:"";position:absolute;inset:0;pointer-events:none}.sk-noise::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.sk-vignette::after{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%)}.sk-focus-ring-inset:focus-visible,.sk-focus-ring:focus-visible{outline:2px solid var(--sk-mana-blue);outline-offset:2px}.sk-focus-ring-inset:focus-visible{outline-offset:-2px}.sk-cursor-pointer{cursor:pointer}.sk-cursor-disabled{cursor:not-allowed}.sk-cursor-grab{cursor:grab}.sk-cursor-grabbing{cursor:grabbing}.sk-selection ::selection,.sk-selection::selection{background:rgba(0,245,255,.3);color:var(--sk-text-primary)}.sk-scroll-snap-x{scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none}.sk-scroll-snap-x::-webkit-scrollbar{display:none}.sk-scroll-snap-item{scroll-snap-align:start;flex-shrink:0}.sk-aspect-square{aspect-ratio:1/1}.sk-aspect-video{aspect-ratio:16/9}.sk-aspect-portrait{aspect-ratio:3/4}.hidden,.sk-hidden{display:none!important}.sk-invisible{visibility:hidden}.sk-visible{visibility:visible}.sk-sr-only,.sk-truncate{overflow:hidden;white-space:nowrap}.sk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sk-truncate{text-overflow:ellipsis}.sk-line-clamp-2,.sk-line-clamp-3{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sk-line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.sk-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(0,245,255,.3) transparent}.sk-scrollbar::-webkit-scrollbar{width:6px;height:6px}.sk-scrollbar::-webkit-scrollbar-track{background:0 0}.sk-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,245,255,.3);border-radius:3px}.sk-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,245,255,.5)}.sk-scrollbar-hidden{scrollbar-width:none}.sk-scrollbar-hidden::-webkit-scrollbar{display:none}.sk-pointer-none,body.navigating{pointer-events:none}.sk-pointer-auto{pointer-events:auto}.sk-select-none{user-select:none}.sk-select-text{user-select:text}.sk-select-all{user-select:all}.sk-rotate-90{transform:rotate(90deg)}.sk-rotate-180{transform:rotate(180deg)}.sk-rotate-270{transform:rotate(270deg)}.sk-flip-x{transform:scaleX(-1)}.sk-flip-y{transform:scaleY(-1)}.sk-touch-none{touch-action:none}.sk-touch-pan-x{touch-action:pan-x}.sk-touch-pan-y{touch-action:pan-y}.sk-touch-manipulation{touch-action:manipulation}.sk-glass{position:relative;background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);box-shadow:var(--sk-glass-shadow);padding:var(--sk-space-6);transition:box-shadow var(--sk-duration-normal) var(--sk-ease-out),border-color var(--sk-duration-normal) var(--sk-ease-out),transform var(--sk-duration-normal) var(--sk-ease-out);overflow:hidden}.sk-glass:hover{border-color:rgba(255,255,255,.12);transform:translateY(-2px)}.sk-glass-cyan{border:1px solid rgba(0,245,255,.15);box-shadow:var(--sk-glass-glow-cyan)}.sk-glass-cyan:hover{border-color:rgba(0,245,255,.3);box-shadow:var(--sk-glass-glow-cyan),0 0 60px rgba(0,245,255,.15)}.sk-glass-purple{border:1px solid rgba(191,0,255,.15);box-shadow:var(--sk-glass-glow-purple)}.sk-glass-purple:hover{border-color:rgba(191,0,255,.3);box-shadow:var(--sk-glass-glow-purple),0 0 60px rgba(191,0,255,.15)}.sk-glass-gold{border:1px solid rgba(255,215,0,.2);box-shadow:var(--sk-glass-glow-gold)}.sk-glass-gold:hover{border-color:rgba(255,215,0,.4);box-shadow:var(--sk-glass-glow-gold),0 0 60px rgba(255,215,0,.2)}.sk-glass-danger{border:1px solid rgba(255,0,60,.2);box-shadow:inset 0 1px 0 rgba(255,0,60,.1),0 0 40px rgba(255,0,60,.1),0 8px 32px rgba(0,0,0,.4)}.sk-glass-success{border:1px solid rgba(0,255,136,.2);box-shadow:inset 0 1px 0 rgba(0,255,136,.1),0 0 40px rgba(0,255,136,.1),0 8px 32px rgba(0,0,0,.4)}.sk-card{position:relative;background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);overflow:hidden;transition:all var(--sk-duration-normal) var(--sk-ease-out)}.sk-card-header{padding:var(--sk-space-5) var(--sk-space-6);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:var(--sk-space-4)}.sk-card-title{font-family:var(--sk-font-display);font-size:var(--sk-fs-xs);font-weight:700;color:var(--sk-text-muted);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase;margin:0}.sk-card-title.sk-accent{color:var(--sk-mana-blue)}.sk-card-icon{width:18px;height:18px;opacity:.6;filter:brightness(0) invert(1);transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-card:hover .sk-card-icon{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--sk-mana-blue))}.sk-card-body{padding:var(--sk-space-6)}.sk-card-footer{padding:var(--sk-space-4) var(--sk-space-6);border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}.sk-panel{background:rgba(11,12,21,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--sk-space-8)}.sk-glass-interactive{cursor:pointer;user-select:none}.sk-glass-interactive:hover{transform:translateY(-3px) scale(1.01)}.sk-glass-interactive:active{transform:translateY(0) scale(.99);transition-duration:var(--sk-duration-instant)}.sk-glass-interactive:focus-visible{outline:2px solid var(--sk-mana-blue);outline-offset:2px}.sk-dialog{position:relative;width:100%;max-width:480px;background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);-webkit-backdrop-filter:var(--sk-glass-intense-blur);padding:var(--sk-space-10);box-shadow:0 0 80px rgba(0,0,0,.6),0 0 120px rgba(0,245,255,.05);animation:sk-system-boot var(--sk-duration-slower) var(--sk-ease-out) forwards;overflow:hidden;margin:auto}.sk-dialog-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--sk-space-8)}.sk-dialog-logo{width:80px;height:80px;margin-bottom:var(--sk-space-6);filter:drop-shadow(0 0 20px var(--sk-mana-blue));animation:sk-breathe 4s ease-in-out infinite}.sk-dialog-title{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xl);font-weight:900;color:var(--sk-text-primary);letter-spacing:var(--sk-ls-wide);text-transform:uppercase;text-shadow:0 0 20px rgba(0,245,255,.4);margin:0 0 var(--sk-space-2)0}.sk-dialog-subtitle{font-size:var(--sk-fs-xs);color:var(--sk-mana-blue);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase;opacity:.8}.sk-dialog-body{margin-bottom:var(--sk-space-6);display:flex;flex-direction:column;gap:var(--sk-space-4)}.sk-dialog-footer{display:flex;justify-content:flex-end;gap:var(--sk-space-4);margin-top:var(--sk-space-6);padding-top:var(--sk-space-6);border-top:1px solid rgba(255,255,255,.05)}.sk-tooltip{position:absolute;background:rgba(11,12,21,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,245,255,.2);border-radius:var(--sk-hud-radius);padding:var(--sk-space-3) var(--sk-space-4);font-size:var(--sk-fs-xs);color:var(--sk-text-secondary);white-space:nowrap;z-index:var(--sk-z-tooltip);pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity var(--sk-duration-fast) var(--sk-ease-out),transform var(--sk-duration-fast) var(--sk-ease-out)}.sk-tooltip.sk-visible{opacity:1;transform:translateY(0)}.sk-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent);margin:var(--sk-space-6)0;border:0}.sk-divider-glow{background:linear-gradient(90deg,transparent,rgba(0,245,255,.3) 20%,rgba(191,0,255,.3) 80%,transparent);box-shadow:0 0 10px rgba(0,245,255,.2)}.sk-backdrop,.sk-btn::before{inset:0;opacity:0;pointer-events:none}.sk-backdrop{position:fixed;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--sk-z-modal-backdrop);transition:opacity var(--sk-duration-normal) var(--sk-ease-out)}.sk-backdrop.sk-active{opacity:1;pointer-events:auto}.sk-glass-sm{padding:var(--sk-space-4)}.sk-glass-lg{padding:var(--sk-space-8)}.sk-glass-xl{padding:var(--sk-space-10)}.sk-glass-inner-glow{box-shadow:inset 0 0 30px rgba(0,245,255,.05),var(--sk-glass-shadow)}@media (max-width:768px){.sk-glass{padding:var(--sk-space-4)}.sk-dialog{max-width:95vw;padding:var(--sk-space-6);border-radius:var(--sk-hud-radius)}.sk-card-body{padding:var(--sk-space-4)}.sk-panel{padding:var(--sk-space-5)}}.sk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sk-space-3);height:56px;padding:0 var(--sk-space-8);min-width:160px;font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);font-weight:700;letter-spacing:var(--sk-ls-gaming);text-transform:uppercase;text-decoration:none;white-space:nowrap;background:rgba(0,245,255,.1);border:2px solid rgba(0,245,255,.5);border-radius:var(--sk-hud-radius);color:var(--sk-mana-blue);cursor:pointer;transition:background var(--sk-duration-fast) var(--sk-ease-out),border-color var(--sk-duration-fast) var(--sk-ease-out),box-shadow var(--sk-duration-fast) var(--sk-ease-out),transform var(--sk-duration-fast) var(--sk-ease-out),color var(--sk-duration-fast) var(--sk-ease-out);overflow:hidden;outline:0}.sk-btn::before{content:"";position:absolute;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(0,245,255,.3) 0%,transparent 60%);transition:opacity var(--sk-duration-fast)}.sk-btn-icon{width:20px;height:20px;flex-shrink:0;transition:filter var(--sk-duration-fast),transform var(--sk-duration-fast)}.sk-btn:hover:not(:disabled){background:rgba(0,245,255,.15);border-color:var(--sk-mana-blue);box-shadow:0 0 25px rgba(0,245,255,.4),inset 0 0 20px rgba(0,245,255,.1);transform:translateY(-2px)}.sk-btn:hover:not(:disabled)::before{opacity:1}.sk-btn:hover:not(:disabled) .sk-btn-icon{filter:drop-shadow(0 0 8px var(--sk-mana-blue));transform:scale(1.1)}.sk-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 0 15px rgba(0,245,255,.3),inset 0 0 30px rgba(0,245,255,.15);transition-duration:var(--sk-duration-instant)}.sk-btn:focus-visible{outline:2px solid var(--sk-mana-blue);outline-offset:3px}.sk-btn:disabled{opacity:.4;cursor:not-allowed;background:rgba(100,100,100,.1);border-color:rgba(100,100,100,.3);color:var(--sk-text-dim);animation:none!important}.sk-btn.sk-loading{pointer-events:none;color:transparent}.sk-btn.sk-loading::after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--sk-mana-blue);border-radius:50%;animation:sk-spin .8s linear infinite}.sk-btn-primary{background:linear-gradient(135deg,rgba(0,245,255,.2)0,rgba(0,200,255,.15) 100%);border-color:var(--sk-mana-blue);color:var(--sk-mana-blue);text-shadow:0 0 10px rgba(0,245,255,.5)}.sk-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,rgba(0,245,255,.3)0,rgba(0,200,255,.25) 100%);box-shadow:0 0 30px rgba(0,245,255,.5),0 0 60px rgba(0,245,255,.2),inset 0 0 20px rgba(0,245,255,.1)}.sk-btn-secondary{background:0 0;border-color:rgba(255,255,255,.2);color:var(--sk-text-secondary)}.sk-btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.4);color:var(--sk-text-primary);box-shadow:0 0 20px rgba(255,255,255,.1)}.sk-btn-accent{background:linear-gradient(90deg,rgba(0,245,255,.15)0,rgba(191,0,255,.15) 100%);border-color:rgba(191,0,255,.5);color:#fff}.sk-btn-accent:not(:disabled){animation:sk-pulse-glow-purple 2s ease-in-out infinite}.sk-btn-accent:hover:not(:disabled){border-color:var(--sk-soul-purple);box-shadow:0 0 30px rgba(191,0,255,.4),0 0 60px rgba(191,0,255,.2)}.sk-btn-danger{background:rgba(255,0,60,.1);border-color:rgba(255,0,60,.5);color:var(--sk-danger)}.sk-btn-danger:hover:not(:disabled){background:rgba(255,0,60,.2);border-color:var(--sk-danger);box-shadow:0 0 25px rgba(255,0,60,.4)}.sk-btn-success{background:rgba(0,255,136,.1);border-color:rgba(0,255,136,.5);color:var(--sk-success)}.sk-btn-success:hover:not(:disabled){background:rgba(0,255,136,.2);border-color:var(--sk-success);box-shadow:0 0 25px rgba(0,255,136,.4)}.sk-btn-gold{background:linear-gradient(135deg,rgba(255,215,0,.15)0,rgba(255,165,0,.1) 100%);border-color:rgba(255,215,0,.5);color:var(--sk-gold)}.sk-btn-gold:not(:disabled){animation:sk-pulse-glow-gold 2s ease-in-out infinite}.sk-btn-gold:hover:not(:disabled){border-color:var(--sk-gold);box-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,215,0,.2)}.sk-btn-lg,.sk-btn-sm,.sk-btn-xl{border-radius:var(--sk-hud-radius)}.sk-btn-sm{height:40px;padding:0 var(--sk-space-5);min-width:100px;font-size:var(--sk-fs-xs);border-width:1px}.sk-btn-sm .sk-btn-icon{width:16px;height:16px}.sk-btn-lg,.sk-btn-xl{height:64px;padding:0 var(--sk-space-10);min-width:200px;font-size:var(--sk-fs-md)}.sk-btn-lg .sk-btn-icon{width:24px;height:24px}.sk-btn-xl{height:72px;padding:0 var(--sk-space-12);min-width:240px;font-size:var(--sk-fs-lg);border-width:3px}.sk-btn-block{width:100%}.sk-btn-icon-only{width:48px;height:48px;min-width:unset;padding:0;border-radius:var(--sk-hud-radius)}.sk-btn-icon-only.sk-btn-sm{width:36px;height:36px}.sk-btn-icon-only.sk-btn-lg{width:56px;height:56px}.sk-btn-icon-only .sk-btn-icon{margin:0}.sk-btn-rounded{border-radius:var(--sk-radius-full)}.info-btn{background:0 0;border:0;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--sk-duration-fast);opacity:.8;color:var(--sk-text-secondary)}.info-btn:hover{color:var(--sk-mana-blue);background:rgba(0,245,255,.15);transform:scale(1.1);opacity:1;box-shadow:0 0 10px rgba(0,245,255,.2)}.info-btn svg{display:block}.sk-btn-group{display:inline-flex;gap:0}.sk-btn-group .sk-btn{border-radius:0}.sk-btn-group .sk-btn:first-child{border-radius:var(--sk-hud-radius)0 0 var(--sk-hud-radius)}.sk-btn-group .sk-btn:last-child{border-radius:0 var(--sk-hud-radius) var(--sk-hud-radius)0}.sk-btn-group .sk-btn:not(:last-child){border-right-width:0}.sk-btn-link{background:0 0;border:0;height:auto;min-width:unset;padding:var(--sk-space-2) var(--sk-space-3);color:var(--sk-mana-blue);font-family:var(--sk-font-body);font-size:var(--sk-fs-sm);font-weight:500;letter-spacing:normal;text-transform:none;text-decoration:underline;text-underline-offset:3px;animation:none!important}.sk-btn-link:hover:not(:disabled){background:0 0;color:var(--sk-mana-blue-soft);text-shadow:0 0 8px rgba(0,245,255,.5);transform:none;box-shadow:none}.sk-fab{position:fixed;bottom:var(--sk-space-8);right:var(--sk-space-8);width:64px;height:64px;min-width:unset;padding:0;border-radius:var(--sk-radius-full);z-index:var(--sk-z-sticky);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 30px rgba(0,245,255,.3)}.sk-fab:hover:not(:disabled){transform:translateY(-4px) scale(1.05)}.sk-btn-shimmer{overflow:hidden}.sk-btn-shimmer:not(:disabled)::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);animation:sk-shimmer 3s linear infinite;pointer-events:none}@media (max-width:768px){.sk-btn{height:52px;padding:0 var(--sk-space-6);min-width:140px;font-size:var(--sk-fs-xs);white-space:initial}.sk-btn-lg,.sk-btn-xl{height:56px;padding:0 var(--sk-space-8)}.sk-btn-xl{height:60px;font-size:var(--sk-fs-md)}.sk-fab{width:56px;height:56px;bottom:var(--sk-space-6);right:var(--sk-space-6)}}.sk-input-group{position:relative;width:100%;margin-bottom:var(--sk-space-5)}.sk-input{width:100%;height:56px;padding:var(--sk-space-4) var(--sk-space-4) var(--sk-space-4) var(--sk-space-12);font-family:var(--sk-font-body);font-size:var(--sk-fs-md);color:var(--sk-text-primary);background:linear-gradient(90deg,rgba(0,245,255,.08)0,rgba(191,0,255,.05) 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);outline:0;transition:background var(--sk-duration-normal) var(--sk-ease-out),border-color var(--sk-duration-normal) var(--sk-ease-out),box-shadow var(--sk-duration-normal) var(--sk-ease-out);caret-color:var(--sk-mana-blue)}.sk-input::placeholder{color:transparent}.sk-input-label{position:absolute;left:var(--sk-space-12);top:50%;transform:translateY(-50%);font-family:var(--sk-font-body);font-size:var(--sk-fs-sm);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-wide);pointer-events:none;transition:all var(--sk-duration-normal) var(--sk-ease-out);background:0 0;padding:0 var(--sk-space-1)}.sk-input-group.sk-has-value .sk-input-label,.sk-input:focus~.sk-input-label,.sk-input:not(:placeholder-shown)~.sk-input-label{top:0;left:var(--sk-space-3);transform:translateY(-50%);font-size:var(--sk-fs-2xs);color:var(--sk-mana-blue);background:linear-gradient(180deg,transparent 0,rgba(11,12,21,.9) 40%,rgba(11,12,21,.9) 100%);border-radius:6px;padding:0 var(--sk-space-2)}.sk-input-icon{position:absolute;left:var(--sk-space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.5;filter:brightness(0) invert(1);transition:all var(--sk-duration-normal) var(--sk-ease-out);pointer-events:none}.sk-input:focus~.sk-input-icon{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 12px var(--sk-mana-blue))}.sk-input:focus{background:rgba(0,245,255,.12);border-color:rgba(0,245,255,.6);box-shadow:0 0 25px rgba(0,245,255,.2),inset 0 0 15px rgba(0,245,255,.05)}.sk-input:hover:not(:focus){border-color:rgba(255,255,255,.15)}.sk-input-group.sk-valid .sk-input{border-color:rgba(0,255,136,.4)}.sk-input-group.sk-valid .sk-input:focus{box-shadow:0 0 20px rgba(0,255,136,.1)}.sk-input-group.sk-valid .sk-input-label{color:var(--sk-success)}.sk-input-group.sk-invalid .sk-input{border-color:rgba(255,0,60,.4);background:linear-gradient(90deg,rgba(255,0,60,.06)0,rgba(255,0,60,.03) 100%)}.sk-input-group.sk-invalid .sk-input:focus{box-shadow:0 0 20px rgba(255,0,60,.1)}.sk-input-group.sk-invalid .sk-input-hint,.sk-input-group.sk-invalid .sk-input-label{color:var(--sk-danger)}.sk-input:disabled{opacity:.5;cursor:not-allowed;background:rgba(100,100,100,.1)}.sk-input-hint,.sk-input-suffix{position:absolute;right:var(--sk-space-4);transform:translateY(-50%)}.sk-input-hint{top:0;font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);padding:0 var(--sk-space-2);pointer-events:none;z-index:10;background:linear-gradient(180deg,transparent 0,rgba(11,12,21,.9) 40%,rgba(11,12,21,.9) 100%)}.sk-input-group.sk-valid .sk-input-hint{color:var(--sk-success)}.sk-input-suffix{top:50%;display:flex;align-items:center;gap:var(--sk-space-2)}.sk-input-suffix-btn{width:24px;height:24px;padding:0;background:0 0;border:0;cursor:pointer;opacity:.5;transition:opacity var(--sk-duration-fast)}.sk-input-suffix-btn:hover,.sk-search.sk-has-value .sk-search-clear:hover{opacity:1}.sk-input-suffix-btn img,.sk-toast-close img{width:100%;height:100%;filter:brightness(0) invert(1)}.sk-input-group.sk-has-suffix .sk-input{padding-right:var(--sk-space-12)}.sk-textarea{width:100%;min-height:120px;padding:var(--sk-space-4) var(--sk-space-4) var(--sk-space-4) var(--sk-space-4);resize:vertical;font-family:var(--sk-font-body);font-size:var(--sk-fs-md);color:var(--sk-text-primary);line-height:var(--sk-lh-normal);background:linear-gradient(90deg,rgba(0,245,255,.06)0,rgba(191,0,255,.03) 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--sk-hud-radius);outline:0;caret-color:var(--sk-mana-blue);transition:background var(--sk-duration-normal) var(--sk-ease-out),border-color var(--sk-duration-normal) var(--sk-ease-out),box-shadow var(--sk-duration-normal) var(--sk-ease-out)}.sk-textarea:focus{background:rgba(0,245,255,.08);border-color:rgba(0,245,255,.4);box-shadow:0 0 20px rgba(0,245,255,.1),inset 0 0 10px rgba(0,245,255,.03)}.sk-select-group{position:relative;width:100%}.sk-select{width:100%;height:56px;padding:var(--sk-space-4) var(--sk-space-10) var(--sk-space-4) var(--sk-space-4);font-family:var(--sk-font-body);font-size:var(--sk-fs-md);color:var(--sk-text-primary);background:linear-gradient(90deg,rgba(0,245,255,.06)0,rgba(191,0,255,.03) 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--sk-hud-radius);outline:0;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background var(--sk-duration-normal) var(--sk-ease-out),border-color var(--sk-duration-normal) var(--sk-ease-out)}.sk-select:focus{background:rgba(0,245,255,.08);border-color:rgba(0,245,255,.4)}.sk-select option{background:var(--sk-void-surface);color:var(--sk-text-primary);padding:var(--sk-space-3)}.sk-select-arrow{position:absolute;right:var(--sk-space-4);top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;opacity:.5;filter:brightness(0) invert(1);transition:transform var(--sk-duration-fast)}.sk-select:focus~.sk-select-arrow{transform:translateY(-50%) rotate(180deg);opacity:1}.sk-checkbox{display:inline-flex;align-items:center;gap:var(--sk-space-3);cursor:pointer;user-select:none}.sk-checkbox input[type=checkbox],.sk-radio input[type=radio],.sk-toggle input[type=checkbox]{display:none}.sk-checkbox-box{width:22px;height:22px;border:1px solid rgba(0,245,255,.4);border-radius:var(--sk-hud-radius);background:rgba(0,245,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-checkbox:hover .sk-checkbox-box{border-color:rgba(0,245,255,.6);background:rgba(0,245,255,.1)}.sk-checkbox input:checked+.sk-checkbox-box{background:var(--sk-mana-blue);border-color:var(--sk-mana-blue);box-shadow:0 0 12px rgba(0,245,255,.4)}.sk-checkbox input:checked+.sk-checkbox-box::after{content:"✓";color:var(--sk-void-deep);font-weight:700;font-size:var(--sk-fs-sm)}.sk-checkbox-label{font-size:var(--sk-fs-sm);color:var(--sk-text-secondary)}.sk-checkbox-label a{color:var(--sk-mana-blue);text-decoration:underline;text-underline-offset:2px}.sk-checkbox-label a:hover{text-shadow:0 0 8px rgba(0,245,255,.5)}.sk-radio-group{display:flex;flex-direction:column;gap:var(--sk-space-3)}.sk-radio{display:inline-flex;align-items:center;gap:var(--sk-space-3);cursor:pointer;user-select:none}.sk-radio-circle{width:22px;height:22px;border:2px solid rgba(0,245,255,.4);border-radius:50%;background:0 0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-radio:hover .sk-radio-circle{border-color:rgba(0,245,255,.6)}.sk-radio input:checked+.sk-radio-circle{border-color:var(--sk-mana-blue)}.sk-radio input:checked+.sk-radio-circle::after{content:"";width:10px;height:10px;background:var(--sk-mana-blue);border-radius:50%;box-shadow:0 0 8px rgba(0,245,255,.6)}.sk-radio-label{font-size:var(--sk-fs-sm);color:var(--sk-text-secondary)}.sk-toggle{display:inline-flex;align-items:center;gap:var(--sk-space-3);cursor:pointer;user-select:none}.sk-toggle-track{width:48px;height:26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-radius-full);position:relative;transition:all var(--sk-duration-normal) var(--sk-ease-out)}.sk-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--sk-text-muted);border-radius:50%;transition:all var(--sk-duration-normal) var(--sk-ease-bounce)}.sk-toggle input:checked+.sk-toggle-track{background:rgba(0,245,255,.2);border-color:rgba(0,245,255,.4)}.sk-toggle input:checked+.sk-toggle-track .sk-toggle-thumb{left:calc(100% - 22px);background:var(--sk-mana-blue);box-shadow:0 0 10px rgba(0,245,255,.5)}.sk-toggle-label{font-size:var(--sk-fs-sm);color:var(--sk-text-secondary)}.sk-search{position:relative}.sk-search .sk-input{padding-left:var(--sk-space-12);padding-right:var(--sk-space-10);border-radius:var(--sk-hud-radius)}.sk-search-clear,.sk-search-icon{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px}.sk-search-icon{left:var(--sk-space-4);opacity:.5;filter:brightness(0) invert(1);pointer-events:none}.sk-search-clear{right:var(--sk-space-4);background:0 0;border:0;cursor:pointer;opacity:0;transition:opacity var(--sk-duration-fast)}.sk-search.sk-has-value .sk-search-clear{opacity:.5}.sk-input:-webkit-autofill,.sk-input:-webkit-autofill:active,.sk-input:-webkit-autofill:focus,.sk-input:-webkit-autofill:hover,.sk-select:-webkit-autofill{-webkit-text-fill-color:var(--sk-text-primary)!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 5000s ease-in-out 0s;box-shadow:none!important;caret-color:var(--sk-mana-blue)!important}@media (max-width:768px){.sk-input,.sk-select,.sk-textarea{font-size:16px}.sk-input,.sk-select{height:52px}}.sk-progress{position:relative;width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:var(--sk-radius-full);overflow:hidden}.sk-progress-fill,.sk-progress-track{position:absolute;border-radius:inherit}.sk-progress-track{inset:0;background:rgba(0,0,0,.4)}.sk-progress-fill{top:0;left:0;height:100%;width:var(--progress, 0%);background:var(--sk-gradient-mana);transition:width var(--sk-duration-slow) var(--sk-ease-out);box-shadow:0 0 10px rgba(0,245,255,.4),inset 0 1px 0 rgba(255,255,255,.3)}.sk-progress-fill::after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:sk-progress-pulse 1.5s ease-in-out infinite}.sk-progress-xp .sk-progress-fill{background:var(--sk-gradient-gold);box-shadow:0 0 15px rgba(255,215,0,.5),inset 0 1px 0 rgba(255,255,255,.4)}.sk-progress-mana .sk-progress-fill{background:linear-gradient(90deg,#00c8ff,var(--sk-mana-blue))}.sk-progress-danger .sk-progress-fill{background:var(--sk-gradient-danger);box-shadow:0 0 10px rgba(255,0,60,.4)}.sk-progress-success .sk-progress-fill{background:var(--sk-gradient-success);box-shadow:0 0 10px rgba(0,255,136,.4)}.sk-progress-purple .sk-progress-fill{background:linear-gradient(90deg,#8a00ff,var(--sk-soul-purple));box-shadow:0 0 10px rgba(191,0,255,.4)}.sk-progress-sm{height:4px}.sk-progress-lg{height:12px}.sk-progress-xl{height:16px}.sk-progress-labeled{display:flex;flex-direction:column;gap:var(--sk-space-2)}.sk-progress-header{display:flex;justify-content:space-between;align-items:center}.sk-progress-label{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase}.sk-progress-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-xs);color:var(--sk-mana-blue);font-weight:700}.sk-circular-progress{position:relative;width:80px;height:80px}.sk-circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.sk-circular-progress-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}.sk-circular-progress-fill{fill:none;stroke:var(--sk-mana-blue);stroke-width:6;stroke-linecap:round;stroke-dasharray:var(--circumference, 226);stroke-dashoffset:var(--offset, 226);transition:stroke-dashoffset var(--sk-duration-slow) var(--sk-ease-out);filter:drop-shadow(0 0 6px rgba(0,245,255,.6))}.sk-circular-progress-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sk-circular-progress-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-xl);font-weight:900;color:var(--sk-text-primary);line-height:1}.sk-circular-progress-label{font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:var(--sk-ls-wide);margin-top:var(--sk-space-1)}.sk-circular-progress-sm{width:56px;height:56px}.sk-circular-progress-sm .sk-circular-progress-value{font-size:var(--sk-fs-md)}.sk-circular-progress-lg{width:100px;height:100px}.sk-circular-progress-xl{width:140px;height:140px}.sk-circular-progress-gold .sk-circular-progress-fill{stroke:var(--sk-gold);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.sk-circular-progress-purple .sk-circular-progress-fill{stroke:var(--sk-soul-purple);filter:drop-shadow(0 0 6px rgba(191,0,255,.6))}.sk-xp-bar{position:relative;width:100%;padding:var(--sk-space-3) var(--sk-space-4);background:rgba(0,0,0,.4);border:1px solid rgba(255,215,0,.2);border-radius:var(--sk-hud-radius)}.sk-xp-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sk-space-2)}.sk-xp-bar-label{display:flex;align-items:center;gap:var(--sk-space-2)}.sk-xp-bar-icon{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.sk-xp-bar-text{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);color:var(--sk-gold);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase}.sk-xp-bar-values{font-family:var(--sk-font-display);font-size:var(--sk-fs-xs);color:var(--sk-text-secondary)}.sk-xp-bar-current{color:var(--sk-gold);font-weight:700}.sk-xp-bar-track{height:8px;background:rgba(255,215,0,.1);border-radius:var(--sk-radius-full);overflow:hidden}.sk-xp-bar-fill{height:100%;width:var(--progress, 0%);background:var(--sk-gradient-gold);border-radius:inherit;transition:width .8s var(--sk-ease-out);box-shadow:0 0 15px rgba(255,215,0,.5),inset 0 1px 0 rgba(255,255,255,.4);animation:sk-xp-shimmer 2s linear infinite}.sk-level-badge{display:flex;flex-direction:column;align-items:center;gap:var(--sk-space-1)}.sk-level-badge-ring{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(0,245,255,.2)0,rgba(191,0,255,.2) 100%);border:2px solid rgba(0,245,255,.5);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,245,255,.3),inset 0 0 15px rgba(0,245,255,.1)}.sk-level-badge-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xl);font-weight:900;color:var(--sk-text-primary);text-shadow:0 0 10px rgba(0,245,255,.5)}.sk-level-badge-label{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-ultra);text-transform:uppercase}.sk-rank-display{display:flex;flex-direction:column;align-items:center;gap:var(--sk-space-2)}.sk-rank-letter{font-family:var(--sk-font-display);font-size:var(--sk-fs-4xl);font-weight:900;line-height:1}.sk-rank-label{font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-ultra);text-transform:uppercase}.sk-rank-display.sk-rank-glowing .sk-rank-letter{animation:sk-breathe 3s ease-in-out infinite}.sk-stat-counter{display:inline-flex;align-items:center;gap:var(--sk-space-2);padding:var(--sk-space-2) var(--sk-space-4);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-radius-full)}.sk-stat-icon{width:18px;height:18px;flex-shrink:0}.sk-stat-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);font-weight:700;color:var(--sk-text-primary)}.sk-stat-gold{border-color:rgba(255,215,0,.2)}.sk-stat-gold .sk-stat-icon{filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.sk-stat-gold .sk-stat-value{color:var(--sk-gold)}.sk-stat-mana{border-color:rgba(0,245,255,.2)}.sk-stat-mana .sk-stat-icon{filter:drop-shadow(0 0 4px rgba(0,245,255,.6))}.sk-stat-mana .sk-stat-value{color:var(--sk-mana-blue)}.sk-progression-display{display:flex;justify-content:space-around;align-items:center;gap:var(--sk-space-6);padding:var(--sk-space-6);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:1px solid rgba(255,255,255,.05);border-radius:var(--sk-hud-radius)}.sk-progression-item{display:flex;flex-direction:column;align-items:center;gap:var(--sk-space-2);flex:1}.sk-progression-divider{width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.sk-quest-progress{display:flex;flex-direction:column;gap:var(--sk-space-4)}.sk-quest-checkbox,.sk-quest-item{border-radius:var(--sk-hud-radius);display:flex;align-items:center;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-quest-item{gap:var(--sk-space-4);padding:var(--sk-space-4);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.sk-quest-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.sk-quest-checkbox{width:24px;height:24px;border:2px solid rgba(0,245,255,.4);background:rgba(0,245,255,.05);justify-content:center;flex-shrink:0;cursor:pointer}.sk-quest-checkbox.sk-completed{background:var(--sk-mana-blue);border-color:var(--sk-mana-blue);box-shadow:0 0 10px rgba(0,245,255,.4)}.sk-quest-checkbox.sk-completed::after{content:"✓";color:var(--sk-void-deep);font-weight:700;font-size:var(--sk-fs-sm)}.sk-quest-content{flex:1;min-width:0}.sk-quest-title{font-size:var(--sk-fs-sm);color:var(--sk-text-primary);margin-bottom:var(--sk-space-1)}.sk-quest-item.sk-completed .sk-quest-title{text-decoration:line-through;color:var(--sk-text-muted)}.sk-quest-reward{display:inline-flex;align-items:center;gap:var(--sk-space-1);font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);font-weight:700;letter-spacing:var(--sk-ls-wide)}.sk-quest-reward-gold,.sk-quest-reward-xp{color:var(--sk-gold)}.sk-quest-reward-mana{color:var(--sk-mana-blue)}.sk-counter{font-family:var(--sk-font-display);font-variant-numeric:tabular-nums;transition:transform var(--sk-duration-fast) var(--sk-ease-bounce)}.sk-counter.sk-counting{animation:sk-counter-pop .3s var(--sk-ease-bounce)}@media (max-width:768px){.sk-progression-display{flex-direction:column;gap:var(--sk-space-4);padding:var(--sk-space-4)}.sk-progression-divider{width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.sk-circular-progress{width:64px;height:64px}.sk-circular-progress-value{font-size:var(--sk-fs-lg)}}.loader-ring{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:5px solid rgba(255,255,255,.1);border-top:5px solid var(--sk-mana-blue);border-right:5px solid transparent;animation:sk-loader-spin .8s linear infinite;box-shadow:0 0 20px rgba(0,245,255,.2)}.loader-ring::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--sk-mana-blue);opacity:.15;animation:sk-loader-pulse 2s ease-in-out infinite}.loader-ring::after,.sk-badge-status::before{content:"";width:8px;height:8px;border-radius:50%}.loader-ring::after{background:var(--sk-mana-blue);box-shadow:0 0 15px var(--sk-mana-blue);animation:sk-loader-pulse 1.5s ease-in-out infinite}@media (max-width:768px){.loader-ring{width:48px;height:48px}}.sk-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--sk-space-2);padding:var(--sk-space-1) var(--sk-space-3);min-height:24px;font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);font-weight:700;letter-spacing:var(--sk-ls-wide);text-transform:uppercase;white-space:nowrap;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--sk-radius-full);color:var(--sk-text-secondary);transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-badge-icon{width:14px;height:14px;flex-shrink:0}.sk-badge-primary{background:rgba(0,245,255,.15);border-color:rgba(0,245,255,.3);color:var(--sk-mana-blue)}.sk-badge-secondary{background:rgba(191,0,255,.15);border-color:rgba(191,0,255,.3);color:var(--sk-soul-purple)}.sk-badge-gold{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.3);color:var(--sk-gold)}.sk-badge-success{background:rgba(0,255,136,.15);border-color:rgba(0,255,136,.3);color:var(--sk-success)}.sk-badge-warning{background:rgba(255,170,0,.15);border-color:rgba(255,170,0,.3);color:var(--sk-warning)}.sk-badge-danger{background:rgba(255,0,60,.15);border-color:rgba(255,0,60,.3);color:var(--sk-danger)}.sk-badge-rank{min-width:32px;height:32px;padding:0;font-size:var(--sk-fs-md);font-weight:900;border-radius:var(--sk-hud-radius);border-width:2px}.sk-badge-rank-f{background:rgba(128,128,128,.15);border-color:rgba(128,128,128,.4);color:var(--sk-rank-f)}.sk-badge-rank-e{background:rgba(255,0,60,.1);border-color:rgba(255,0,60,.4);color:var(--sk-rank-e);text-shadow:0 0 8px rgba(255,0,60,.3)}.sk-badge-rank-d{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.4);color:var(--sk-rank-d);text-shadow:0 0 8px rgba(76,175,80,.3)}.sk-badge-rank-c{background:rgba(205,127,50,.1);border-color:rgba(205,127,50,.4);color:var(--sk-rank-c);text-shadow:0 0 8px rgba(205,127,50,.3)}.sk-badge-rank-b{background:rgba(191,0,255,.1);border-color:rgba(191,0,255,.4);color:var(--sk-rank-b);text-shadow:0 0 10px rgba(191,0,255,.4)}.sk-badge-rank-a{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.4);color:var(--sk-rank-a);text-shadow:0 0 10px rgba(255,215,0,.4)}.sk-badge-rank-s{background:rgba(255,20,147,.1);border-color:rgba(255,20,147,.5);color:var(--sk-rank-s);text-shadow:var(--sk-rank-s-glow);animation:sk-pulse-glow 2s ease-in-out infinite}.sk-badge-rank-ss{background:rgba(255,0,255,.1);border-color:rgba(255,0,255,.5);color:var(--sk-rank-ss);text-shadow:var(--sk-rank-ss-glow);animation:sk-pulse-glow-purple 2s ease-in-out infinite}.sk-badge-rank-sss{background:linear-gradient(135deg,rgba(255,215,0,.2)0,rgba(255,165,0,.15) 100%);border-color:rgba(255,215,0,.6);color:var(--sk-rank-sss);text-shadow:var(--sk-rank-sss-glow);animation:sk-pulse-glow-gold 2s ease-in-out infinite}.sk-badge-sm{padding:var(--sk-space-1) var(--sk-space-2);min-height:20px;font-size:10px}.sk-badge-lg{padding:var(--sk-space-2) var(--sk-space-4);min-height:32px;font-size:var(--sk-fs-xs)}.sk-badge-status{padding-left:var(--sk-space-2)}.sk-badge-status::before{flex-shrink:0}.sk-badge-online::before{background:var(--sk-success);box-shadow:0 0 8px rgba(0,255,136,.6);animation:sk-breathe 2s ease-in-out infinite}.sk-badge-offline::before{background:var(--sk-text-dim)}.sk-badge-busy::before{background:var(--sk-warning);box-shadow:0 0 6px rgba(255,170,0,.5)}.sk-badge-counter,.sk-badge-dnd::before{background:var(--sk-danger);box-shadow:0 0 6px rgba(255,0,60,.5)}.sk-badge-counter{min-width:20px;height:20px;padding:0 var(--sk-space-2);font-size:11px;border:0;color:#fff;box-shadow:0 0 10px rgba(255,0,60,.4)}.sk-badge-counter.sk-badge-lg{min-width:24px;height:24px;font-size:var(--sk-fs-xs)}.sk-badge-dot{width:10px;height:10px;min-width:unset;min-height:unset;padding:0;border:0}.sk-badge-level{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,245,255,.2)0,rgba(191,0,255,.15) 100%);border:2px solid rgba(0,245,255,.5);border-radius:var(--sk-hud-radius);font-family:var(--sk-font-display);font-size:var(--sk-fs-xl);font-weight:900;color:var(--sk-text-primary);text-shadow:0 0 10px rgba(0,245,255,.5);box-shadow:0 0 20px rgba(0,245,255,.2),inset 0 0 15px rgba(0,245,255,.1)}.sk-badge-level-label{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);padding:0 var(--sk-space-2);background:var(--sk-void-deep);font-size:9px;color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:var(--sk-ls-wide)}.sk-badge-achievement{display:flex;flex-direction:column;align-items:center;gap:var(--sk-space-2);padding:var(--sk-space-4);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:1px solid rgba(255,215,0,.2);border-radius:var(--sk-hud-radius);text-align:center}.sk-badge-achievement-icon{width:48px;height:48px;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.sk-badge-achievement-title{font-family:var(--sk-font-display);font-size:var(--sk-fs-xs);font-weight:700;color:var(--sk-gold);text-transform:uppercase;letter-spacing:var(--sk-ls-wide)}.sk-badge-achievement-desc{font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);max-width:120px}.sk-badge-achievement.sk-locked{border-color:rgba(255,255,255,.05);opacity:.5}.sk-badge-achievement.sk-locked .sk-badge-achievement-icon{filter:grayscale(1) brightness(.5)}.sk-tag{display:inline-flex;align-items:center;gap:var(--sk-space-1);padding:var(--sk-space-1) var(--sk-space-3);font-size:var(--sk-fs-2xs);color:var(--sk-text-secondary);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-tag:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.sk-tag-remove{width:14px;height:14px;margin-left:var(--sk-space-1);background:0 0;border:0;cursor:pointer;opacity:.5;transition:opacity var(--sk-duration-fast)}.sk-tag-remove:hover{opacity:1}.sk-pill{display:inline-flex;align-items:center;gap:var(--sk-space-2);padding:var(--sk-space-2) var(--sk-space-4);font-family:var(--sk-font-body);font-size:var(--sk-fs-sm);font-weight:500;color:var(--sk-text-primary);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-radius-full);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-pill:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.sk-pill.sk-active{background:rgba(0,245,255,.15);border-color:rgba(0,245,255,.4);color:var(--sk-mana-blue)}.sk-badge-new{animation:sk-pulse-glow 1.5s ease-in-out infinite}.sk-badge-animated{animation:sk-float 3s ease-in-out infinite}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sk-space-4);padding:var(--sk-space-4)0}.achievement-card{display:flex!important;gap:var(--sk-space-4);padding:var(--sk-space-4);border-radius:var(--sk-hud-radius);cursor:pointer;overflow:hidden;background:rgba(10,10,15,.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 15px rgba(0,0,0,.2);text-align:left;transform-style:preserve-3d;perspective:1000px;box-sizing:border-box}.achievement-card::after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-150%) skewX(-25deg);pointer-events:none}.achievement-card:hover::after{animation:sk-shine-sweep 1.2s ease-in-out}.achievement-card:hover{background:rgba(20,20,25,.6);border-color:var(--sk-accent-dynamic, var(--sk-mana-blue));transform:translateY(-4px) translateZ(10px);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 20px rgba(0,245,255,.15),inset 0 0 10px rgba(0,245,255,.05)}.achievement-card,.achievement-card .badge-icon-wrap{align-items:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.achievement-card .badge-icon-wrap{width:56px;height:56px;flex-shrink:0;display:flex;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.05)0,rgba(255,255,255,.01) 100%);border:1px solid rgba(255,255,255,.15);clip-path:polygon(50%0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.achievement-card:hover .badge-icon-wrap{background:linear-gradient(135deg,rgba(0,245,255,.15)0,rgba(0,245,255,.02) 100%);transform:rotateY(15deg) scale(1.1);border-color:rgba(0,245,255,.4);box-shadow:inset 0 0 15px rgba(0,245,255,.2)}.achievement-card .badge-icon{width:32px;height:32px;object-fit:contain;fill:var(--sk-text-muted);transition:all .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.achievement-card:hover .badge-icon{fill:var(--sk-accent-dynamic, var(--sk-mana-blue));filter:drop-shadow(0 0 8px rgba(0,245,255,.5))}.achievement-card .badge-content{flex:1;min-width:0}.achievement-card .badge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.achievement-card .badge-type-label{font-family:var(--sk-font-display);font-size:11px;color:var(--sk-accent-dynamic, var(--sk-mana-blue));text-transform:uppercase;letter-spacing:1.5px;font-weight:700;text-shadow:0 0 10px rgba(0,245,255,.2);transition:color .3s ease;white-space:normal;flex:1;margin-right:8px}.achievement-card .badge-date{font-size:10px;color:var(--sk-text-dim);font-family:var(--sk-font-mono)}.achievement-card .badge-title-text{margin:0;font-size:15px;color:rgba(255,255,255,.85);font-weight:600;white-space:normal;transition:all .3s ease;letter-spacing:.5px}.achievement-card:hover .badge-title-text{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.3)}.achievement-card .badge-interactive-hint{opacity:0;transform:translateX(-10px);transition:all .3s cubic-bezier(.34,1.56,.64,1);color:var(--sk-accent-dynamic, var(--sk-mana-blue));margin-left:8px}.achievement-card:hover .badge-interactive-hint{opacity:.8;transform:translateX(0)}.achievement-card.locked{filter:grayscale(.8) contrast(.9);opacity:.6;border-style:dashed;border-color:rgba(255,255,255,.1);background:rgba(5,5,10,.2)}.achievement-card.locked .badge-icon-wrap{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.1);box-shadow:none}.achievement-card.locked .badge-icon{fill:rgba(255,255,255,.1);filter:blur(1px)}.achievement-card.locked .badge-type-label{color:var(--sk-text-muted);text-shadow:none}.achievement-card.locked .badge-title-text{color:var(--sk-text-dim)}.achievement-card.unlocked{border-color:rgba(255,215,0,.3);animation:sk-glow-pulse 4s infinite ease-in-out}.achievement-card.unlocked .badge-type-label{color:var(--sk-gold)}.achievement-card.unlocked .badge-icon-wrap{border-color:rgba(255,215,0,.5);background:linear-gradient(135deg,rgba(255,215,0,.15)0,rgba(255,215,0,.05) 100%)}.achievement-card.unlocked .badge-icon{fill:var(--sk-gold);filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.sk-toast-container{position:fixed;bottom:var(--sk-space-8);right:var(--sk-space-8);z-index:var(--sk-z-notification);display:flex;flex-direction:column-reverse;gap:var(--sk-space-3);pointer-events:none;max-width:400px;width:100%}.sk-toast-container.sk-top-center,.sk-toast-container.sk-top-right{top:var(--sk-space-8);bottom:auto;flex-direction:column}.sk-toast-container.sk-top-center{right:50%;transform:translateX(50%)}.sk-toast-container.sk-bottom-center{bottom:var(--sk-space-8);right:50%;transform:translateX(50%)}.sk-toast{display:flex;align-items:flex-start;gap:var(--sk-space-4);padding:var(--sk-space-4) var(--sk-space-5);background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);-webkit-backdrop-filter:var(--sk-glass-intense-blur);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 40px rgba(0,0,0,.3);pointer-events:auto;animation:sk-toast-enter .4s var(--sk-ease-bounce) forwards}.sk-toast.sk-exiting{animation:sk-toast-exit .3s var(--sk-ease-in) forwards}.sk-toast-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--sk-fs-lg)}.sk-toast-content{flex:1;min-width:0}.sk-toast-title{font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);font-weight:700;color:var(--sk-text-primary);margin-bottom:var(--sk-space-1);letter-spacing:var(--sk-ls-wide)}.sk-toast-message{font-size:var(--sk-fs-sm);color:var(--sk-text-secondary);line-height:var(--sk-lh-normal)}.sk-toast-close{width:24px;height:24px;padding:0;background:0 0;border:0;cursor:pointer;opacity:.5;transition:opacity var(--sk-duration-fast);flex-shrink:0}.catalog-card:hover::before,.sk-toast-close:hover{opacity:1}.sk-toast-success{border-color:rgba(0,255,136,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 30px rgba(0,255,136,.1)}.sk-toast-success .sk-toast-icon{color:var(--sk-success);filter:drop-shadow(0 0 6px rgba(0,255,136,.5))}.sk-toast-success .sk-toast-title{color:var(--sk-success)}.sk-toast-error{border-color:rgba(255,0,60,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 30px rgba(255,0,60,.1)}.sk-toast-error .sk-toast-icon{color:var(--sk-danger);filter:drop-shadow(0 0 6px rgba(255,0,60,.5))}.sk-toast-error .sk-toast-title{color:var(--sk-danger)}.sk-toast-warning{border-color:rgba(255,170,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 30px rgba(255,170,0,.1)}.sk-toast-warning .sk-toast-icon{color:var(--sk-warning);filter:drop-shadow(0 0 6px rgba(255,170,0,.5))}.sk-toast-warning .sk-toast-title{color:var(--sk-warning)}.sk-toast-info{border-color:rgba(0,245,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 30px rgba(0,245,255,.1)}.sk-toast-info .sk-toast-icon{color:var(--sk-mana-blue);filter:drop-shadow(0 0 6px rgba(0,245,255,.5))}.sk-toast-info .sk-toast-title{color:var(--sk-mana-blue)}.sk-toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.1);border-radius:0 0 var(--sk-hud-radius) var(--sk-hud-radius);overflow:hidden}.sk-toast-progress-bar{height:100%;background:var(--sk-mana-blue);width:100%;animation:sk-toast-countdown var(--duration, 4s) linear forwards}.sk-toast-success .sk-toast-progress-bar{background:var(--sk-success)}.sk-toast-error .sk-toast-progress-bar{background:var(--sk-danger)}.sk-toast-warning .sk-toast-progress-bar{background:var(--sk-warning)}.sk-alert{display:flex;align-items:flex-start;gap:var(--sk-space-4);padding:var(--sk-space-4) var(--sk-space-5);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);font-size:var(--sk-fs-sm);color:var(--sk-text-secondary)}.sk-alert-icon{width:20px;height:20px;flex-shrink:0}.sk-alert-content{flex:1}.sk-alert-title{font-weight:600;color:var(--sk-text-primary);margin-bottom:var(--sk-space-1)}.sk-alert-info{background:rgba(0,245,255,.05);border-color:rgba(0,245,255,.2)}.sk-alert-info .sk-alert-icon{color:var(--sk-mana-blue)}.sk-alert-success{background:rgba(0,255,136,.05);border-color:rgba(0,255,136,.2)}.sk-alert-success .sk-alert-icon{color:var(--sk-success)}.sk-alert-warning{background:rgba(255,170,0,.05);border-color:rgba(255,170,0,.2)}.sk-alert-warning .sk-alert-icon{color:var(--sk-warning)}.sk-alert-error{background:rgba(255,0,60,.05);border-color:rgba(255,0,60,.2)}.sk-alert-error .sk-alert-icon{color:var(--sk-danger)}.sk-notif-levelup,.sk-notif-xp{position:fixed;z-index:var(--sk-z-overlay);pointer-events:none}.sk-notif-xp{top:30%;left:50%;transform:translateX(-50%);font-family:var(--sk-font-display);font-size:var(--sk-fs-3xl);font-weight:900;color:var(--sk-gold);text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);animation:sk-xp-notification 1.5s var(--sk-ease-out) forwards}.sk-notif-levelup{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);animation:sk-levelup-bg 3s var(--sk-ease-out) forwards}.sk-notif-levelup-level,.sk-notif-levelup-text{font-family:var(--sk-font-display);font-weight:900}.sk-notif-levelup-text{font-size:var(--sk-fs-hero);color:var(--sk-mana-blue);text-transform:uppercase;letter-spacing:var(--sk-ls-ultra);text-shadow:0 0 30px rgba(0,245,255,.8),0 0 60px rgba(0,245,255,.4),0 0 100px rgba(0,245,255,.2);animation:sk-levelup-text 2.5s var(--sk-ease-bounce) forwards}.sk-notif-levelup-level{margin-top:var(--sk-space-4);font-size:var(--sk-fs-4xl);color:var(--sk-gold);text-shadow:0 0 20px rgba(255,215,0,.6);animation:sk-levelup-level 2.5s var(--sk-ease-bounce) forwards;animation-delay:.3s;opacity:0}.sk-notif-rankup{position:fixed;inset:0;z-index:var(--sk-z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sk-space-6);background:radial-gradient(circle at 50% 50%,rgba(191,0,255,.3)0,rgba(0,0,0,.9) 70%);animation:sk-rankup-bg 4s var(--sk-ease-out) forwards;pointer-events:none}.sk-notif-rankup-label{font-family:var(--sk-font-display);font-size:var(--sk-fs-xl);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-ultra);text-transform:uppercase}.sk-notif-rankup-letter{font-family:var(--sk-font-display);font-size:12rem;font-weight:900;line-height:1;animation:sk-rankup-letter 3s var(--sk-ease-bounce) forwards}.sk-system-notif{position:fixed;inset:0;z-index:var(--sk-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sk-space-6);background:rgba(0,0,0,.7);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--sk-duration-normal) var(--sk-ease-out)}#global-modal-dialog.active,.sk-system-notif.sk-active{opacity:1;pointer-events:auto}.sk-system-notif-card{position:relative;width:100%;max-width:400px;padding:var(--sk-space-8);background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);text-align:center;overflow:hidden;animation:sk-system-boot var(--sk-duration-slower) var(--sk-ease-out) forwards}.sk-system-notif-icon{font-size:48px;margin-bottom:var(--sk-space-4);filter:drop-shadow(0 0 20px currentColor)}.sk-system-notif-title{font-family:var(--sk-font-display);font-size:var(--sk-fs-xl);font-weight:700;color:var(--sk-text-primary);margin-bottom:var(--sk-space-3);letter-spacing:var(--sk-ls-wide)}.sk-system-notif-message{font-size:var(--sk-fs-sm);color:var(--sk-text-secondary);line-height:var(--sk-lh-relaxed);margin-bottom:var(--sk-space-6)}.sk-system-notif-actions{display:flex;gap:var(--sk-space-3);justify-content:center}@media (max-width:768px){.sk-toast-container{right:var(--sk-space-4);left:var(--sk-space-4);bottom:var(--sk-space-4);max-width:none}.sk-toast-container.sk-top-center,.sk-toast-container.sk-top-right{top:var(--sk-space-4);left:var(--sk-space-4);right:var(--sk-space-4);transform:none}.sk-notif-levelup-text{font-size:var(--sk-fs-4xl)}.sk-notif-rankup-letter{font-size:8rem}}.sk-hud{position:fixed;inset:0;z-index:var(--sk-z-fixed);pointer-events:none;display:flex;flex-direction:column}.sk-hud>*{pointer-events:auto}.sk-hud-stats,.sk-hud-top{display:flex;align-items:center}.sk-hud-top{justify-content:space-between;padding:var(--sk-space-4) var(--sk-space-6);background:linear-gradient(to bottom,rgba(0,0,0,.6)0,transparent 100%)}.sk-hud-stats{gap:var(--sk-space-6)}.sk-hud-stat{display:flex;flex-direction:column;align-items:flex-start}.sk-hud-stat-label{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);color:var(--sk-text-dim);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase}.sk-hud-stat-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xl);font-weight:900;color:var(--sk-text-primary);line-height:1;text-shadow:0 0 10px rgba(255,255,255,.3)}.sk-hud-resources{display:flex;align-items:center;gap:var(--sk-space-4);padding:var(--sk-space-2) var(--sk-space-5);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-radius-full);backdrop-filter:blur(8px)}.sk-hud-resource{display:flex;align-items:center;gap:var(--sk-space-2)}.sk-hud-resource-icon{width:18px;height:18px}.sk-hud-resource-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);font-weight:700}.sk-hud-resource-gold{color:var(--sk-gold)}.sk-hud-resource-gold .sk-hud-resource-icon{filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.sk-hud-resource-mana{color:var(--sk-mana-blue)}.sk-hud-resource-mana .sk-hud-resource-icon{filter:drop-shadow(0 0 4px rgba(0,245,255,.6))}.sk-hud-profile{display:flex;align-items:center;gap:var(--sk-space-4);cursor:pointer;transition:transform var(--sk-duration-fast) var(--sk-ease-out)}.sk-hud-profile:hover{transform:scale(1.02)}.sk-hud-profile-name{font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);color:var(--sk-text-primary);letter-spacing:var(--sk-ls-wide);text-transform:uppercase}.sk-hud-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--sk-mana-blue);overflow:hidden;box-shadow:0 0 15px rgba(0,245,255,.4);transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-hud-avatar:hover{border-color:var(--sk-mana-blue-soft);box-shadow:0 0 25px rgba(0,245,255,.6)}.sk-hud-avatar img{width:100%;height:100%;object-fit:cover}.sk-hud-timer{display:flex;align-items:center;gap:var(--sk-space-2);padding:var(--sk-space-2) var(--sk-space-4);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius)}.feedback-message a,.sk-hud-timer-value{color:var(--sk-mana-blue);font-weight:700}.sk-hud-timer-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-lg);font-variant-numeric:tabular-nums}.sk-hud-timer.sk-warning .sk-hud-timer-value{color:var(--sk-warning);animation:sk-breathe .5s ease-in-out infinite}.sk-hud-timer.sk-danger{border-color:rgba(255,0,60,.4);background:rgba(255,0,60,.1)}.sk-hud-timer.sk-danger .sk-hud-timer-value{color:var(--sk-danger);animation:sk-breathe .3s ease-in-out infinite}.sk-hud-lives{display:flex;align-items:center;gap:var(--sk-space-1)}.sk-hud-heart{width:24px;height:24px;color:var(--sk-danger);filter:drop-shadow(0 0 4px rgba(255,0,60,.6));transition:all var(--sk-duration-fast) var(--sk-ease-out)}.sk-hud-heart.sk-empty{opacity:.3;filter:none}.sk-hud-heart.sk-breaking{animation:sk-heart-break .5s var(--sk-ease-out) forwards}.sk-hud-combo{display:flex;flex-direction:column;align-items:center;padding:var(--sk-space-3) var(--sk-space-5);background:rgba(0,0,0,.6);border:1px solid rgba(255,215,0,.3);border-radius:var(--sk-hud-radius)}.sk-hud-combo-label{font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase}.sk-hud-combo-value{font-family:var(--sk-font-display);font-size:var(--sk-fs-3xl);font-weight:900;color:var(--sk-gold);line-height:1;text-shadow:0 0 15px rgba(255,215,0,.6)}.sk-hud-combo.sk-streak .sk-hud-combo-value{animation:sk-counter-pop .3s var(--sk-ease-bounce)}.sk-hud-question-counter{font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);color:var(--sk-text-muted);letter-spacing:var(--sk-ls-wide)}.sk-hud-question-current{color:var(--sk-text-primary);font-weight:700}@media (max-width:768px){.sk-hud-sidebar{display:none}.sk-hud-top{padding:var(--sk-space-3) var(--sk-space-4)}.sk-hud-stat-value{font-size:var(--sk-fs-xl)}.sk-hud-profile-name{display:none}.sk-hud-avatar{width:40px;height:40px}.sk-hud-resources{padding:var(--sk-space-1) var(--sk-space-3);gap:var(--sk-space-3)}.sk-hud-resource-value{font-size:var(--sk-fs-xs)}}@media (min-width:769px){.sk-hud-dock{display:none}}#global-modal-dialog,.feedback-close-btn{display:flex;align-items:center;justify-content:center}#global-modal-dialog{position:fixed;inset:0;z-index:var(--sk-z-max);padding:var(--sk-space-6);background:0 0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:opacity var(--sk-duration-normal) var(--sk-ease-out),background var(--sk-duration-normal) var(--sk-ease-out),backdrop-filter var(--sk-duration-slow) var(--sk-ease-out),-webkit-backdrop-filter var(--sk-duration-slow) var(--sk-ease-out)}#global-modal-dialog.active{background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#global-modal-dialog.closing{opacity:0;pointer-events:none;transition:opacity var(--sk-duration-fast) var(--sk-ease-in),background var(--sk-duration-fast) var(--sk-ease-in)}#global-modal-dialog .feedback-card{position:relative;background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);-webkit-backdrop-filter:var(--sk-glass-intense-blur);--sk-hud-theme-color:var(--sk-mana-blue);box-shadow:0 0 80px rgba(0,0,0,.6);padding:var(--sk-space-10) var(--sk-space-8) var(--sk-space-8);border-radius:var(--sk-hud-radius);max-width:440px;width:100%;text-align:center;overflow:hidden;transform:translateY(30px) scale(.95);filter:blur(8px);transition:transform var(--sk-duration-slower) var(--sk-ease-bounce),filter var(--sk-duration-slower) var(--sk-ease-out),box-shadow var(--sk-duration-normal) var(--sk-ease-out)}#global-modal-dialog.active .feedback-card{transform:translateY(0) scale(1);filter:blur(0)}#global-modal-dialog.closing .feedback-card{transform:translateY(20px) scale(.96);filter:blur(4px);transition:transform var(--sk-duration-fast) var(--sk-ease-in),filter var(--sk-duration-fast) var(--sk-ease-in)}#global-modal-dialog .feedback-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:var(--sk-gradient-scanline);animation:sk-scanline 5s linear infinite;pointer-events:none;z-index:5}.feedback-close-btn{position:absolute;top:var(--sk-space-4);right:var(--sk-space-4);z-index:10;width:32px;height:32px;padding:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--sk-hud-radius);color:var(--sk-text-muted);font-size:18px;line-height:1;cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.feedback-close-btn:hover{background:rgba(255,255,255,.1);color:var(--sk-text-primary);transform:scale(1.1);border-color:rgba(255,255,255,.15)}.feedback-close-btn:active{transform:scale(.95)}#global-modal-dialog .feedback-card[data-type=error]{--sk-hud-theme-color:var(--sk-danger);border-color:rgba(255,0,60,.08);box-shadow:0 0 80px rgba(0,0,0,.6),0 0 40px rgba(255,0,60,.08)}#global-modal-dialog .feedback-card[data-type=warning]{--sk-hud-theme-color:var(--sk-warning);border-color:rgba(255,170,0,.08);box-shadow:0 0 80px rgba(0,0,0,.6),0 0 40px rgba(255,170,0,.08)}#global-modal-dialog .feedback-card[data-type=info]{--sk-hud-theme-color:var(--sk-mana-blue);border-color:rgba(0,245,255,.06);box-shadow:0 0 80px rgba(0,0,0,.6),0 0 40px rgba(0,245,255,.06)}#global-modal-dialog .feedback-card[data-type=success]{--sk-hud-theme-color:var(--sk-success);border-color:rgba(0,255,136,.08);box-shadow:0 0 80px rgba(0,0,0,.6),0 0 40px rgba(0,255,136,.08)}.feedback-icon{position:relative;font-size:56px;margin-bottom:var(--sk-space-5);line-height:1;z-index:2;animation:feedback-icon-pop .6s var(--sk-ease-bounce) forwards;animation-delay:.15s;opacity:0;transform:scale(.3)}.feedback-icon::after{content:"";position:absolute;top:50%;left:50%;width:72px;height:72px;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;animation:feedback-icon-ring 2.5s ease-in-out infinite;animation-delay:.8s;opacity:0}.feedback-card[data-type=error] .feedback-icon{filter:drop-shadow(0 0 16px var(--sk-danger))}.feedback-card[data-type=error] .feedback-icon::after{background:radial-gradient(circle,rgba(255,0,60,.15)0,transparent 70%)}.feedback-card[data-type=warning] .feedback-icon{filter:drop-shadow(0 0 16px var(--sk-warning))}.feedback-card[data-type=warning] .feedback-icon::after{background:radial-gradient(circle,rgba(255,170,0,.15)0,transparent 70%)}.feedback-card[data-type=info] .feedback-icon{filter:drop-shadow(0 0 16px var(--sk-mana-blue))}.feedback-card[data-type=info] .feedback-icon::after{background:radial-gradient(circle,rgba(0,245,255,.12)0,transparent 70%)}.feedback-card[data-type=success] .feedback-icon{filter:drop-shadow(0 0 16px var(--sk-success))}.feedback-card[data-type=success] .feedback-icon::after{background:radial-gradient(circle,rgba(0,255,136,.15)0,transparent 70%)}.feedback-message,.feedback-title{position:relative;z-index:2;opacity:0;transform:translateY(8px);animation:feedback-text-in .45s var(--sk-ease-out) forwards}.feedback-title{color:var(--sk-text-primary);margin:0 0 var(--sk-space-3)0;font-family:var(--sk-font-display);font-size:var(--sk-fs-xl);letter-spacing:var(--sk-ls-wide);font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.15);animation-delay:.25s}.feedback-message{color:var(--sk-text-secondary);line-height:var(--sk-lh-relaxed);margin-bottom:var(--sk-space-3);font-size:var(--sk-fs-sm);font-weight:400;animation-delay:.35s}.feedback-message a{text-decoration:underline;transition:all .2s ease}.feedback-message a:hover{filter:brightness(1.2);color:var(--sk-text-primary);text-shadow:0 0 8px var(--sk-mana-blue-soft)}.feedback-action-btn,.feedback-actions-group{position:relative;z-index:2;opacity:0;transform:translateY(6px);animation:feedback-text-in .4s var(--sk-ease-out) forwards;animation-delay:.45s}.feedback-action-btn{overflow:hidden;border:1px solid rgba(255,255,255,.15);color:#fff;padding:var(--sk-space-3) var(--sk-space-6);border-radius:var(--sk-hud-radius);font-family:var(--sk-font-display);font-weight:700;font-size:var(--sk-fs-xs);cursor:pointer;text-transform:uppercase;letter-spacing:var(--sk-ls-gaming);width:100%;transition:all var(--sk-duration-fast) var(--sk-ease-out);box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 0 0 transparent}.feedback-action-btn:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.15);box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 20px rgba(255,255,255,.05)}.feedback-action-btn:active{transform:scale(.98);filter:brightness(.95);transition-duration:50ms}.feedback-card[data-type=error] .feedback-action-btn{background:linear-gradient(135deg,var(--sk-danger),#a00030);border-color:rgba(255,0,60,.3)}.feedback-card[data-type=error] .feedback-action-btn:hover{box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 25px rgba(255,0,60,.2)}.feedback-card[data-type=warning] .feedback-action-btn{background:linear-gradient(135deg,var(--sk-warning),#b36b00);border-color:rgba(255,170,0,.3)}.feedback-card[data-type=warning] .feedback-action-btn:hover{box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 25px rgba(255,170,0,.2)}.feedback-card[data-type=info] .feedback-action-btn{background:linear-gradient(135deg,var(--sk-mana-blue),#0060cc);border-color:rgba(0,245,255,.25)}.feedback-card[data-type=info] .feedback-action-btn:hover{box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 25px rgba(0,245,255,.15)}.feedback-card[data-type=success] .feedback-action-btn{background:linear-gradient(135deg,var(--sk-success),#00995c);border-color:rgba(0,255,136,.25)}.feedback-card[data-type=success] .feedback-action-btn:hover{box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 25px rgba(0,255,136,.15)}.feedback-actions-group{display:flex;gap:var(--sk-space-3)}.feedback-cancel-btn,.feedback-confirm-btn{position:relative;overflow:hidden;padding:var(--sk-space-3) var(--sk-space-5);border-radius:var(--sk-hud-radius);font-family:var(--sk-font-display);font-size:var(--sk-fs-xs);cursor:pointer;text-transform:uppercase;letter-spacing:var(--sk-ls-wide);transition:all var(--sk-duration-fast) var(--sk-ease-out)}.feedback-cancel-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--sk-text-muted);font-weight:600;flex:1}.feedback-cancel-btn:hover{background:rgba(255,255,255,.08);color:var(--sk-text-primary);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}.feedback-cancel-btn:active{transform:scale(.98);transition-duration:50ms}.feedback-confirm-btn{color:#fff;font-weight:700;flex:1.5;box-shadow:0 4px 20px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15)}.feedback-confirm-btn:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.15)}.feedback-confirm-btn:active{transform:scale(.98);filter:brightness(.95);transition-duration:50ms}.feedback-confirm-btn.danger{background:linear-gradient(135deg,var(--sk-danger),#a00030);border-color:rgba(255,0,60,.3)}.feedback-confirm-btn.danger:hover{box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 25px rgba(255,0,60,.2)}.feedback-confirm-btn.primary{background:linear-gradient(135deg,var(--sk-mana-blue),#0060cc);border-color:rgba(0,245,255,.25)}.feedback-confirm-btn.primary:hover{box-shadow:0 6px 25px rgba(0,0,0,.6),0 0 25px rgba(0,245,255,.15)}.feedback-input-wrapper{position:relative;z-index:2;margin-bottom:var(--sk-space-6);opacity:0;transform:translateY(6px);animation:feedback-text-in .4s var(--sk-ease-out) forwards;animation-delay:.4s}.feedback-input-wrapper .sk-input,.feedback-input-wrapper input{width:100%;padding:var(--sk-space-3) var(--sk-space-4);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);color:var(--sk-text-primary);font-size:var(--sk-fs-sm);text-align:center;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.feedback-input-wrapper .sk-input:focus,.feedback-input-wrapper input:focus{outline:0;border-color:var(--sk-mana-blue);box-shadow:0 0 15px rgba(0,245,255,.15);background:rgba(0,0,0,.45)}.feedback-ambient{position:absolute;top:-30%;left:50%;width:200%;height:200%;transform:translateX(-50%);pointer-events:none;z-index:0;opacity:.07;border-radius:50%;filter:blur(60px)}.feedback-card[data-type=error] .feedback-ambient{background:radial-gradient(circle,#ff003c 0,transparent 60%)}.feedback-card[data-type=warning] .feedback-ambient{background:radial-gradient(circle,#fa0 0,transparent 60%)}.feedback-card[data-type=info] .feedback-ambient{background:radial-gradient(circle,#00f5ff 0,transparent 60%)}.feedback-card[data-type=success] .feedback-ambient{background:radial-gradient(circle,#0f8 0,transparent 60%)}@media (max-width:768px){#global-modal-dialog{padding:var(--sk-space-4)}#global-modal-dialog .feedback-card{max-width:95vw;padding:var(--sk-space-8) var(--sk-space-5) var(--sk-space-5);border-radius:var(--sk-hud-radius)}.feedback-icon{font-size:44px}.feedback-title{font-size:var(--sk-fs-lg)}.feedback-actions-group{flex-direction:column}.feedback-confirm-btn{flex:1}}.shadow-soul-panel{display:flex;flex-direction:column;align-items:center;gap:var(--sk-space-4);position:relative;overflow:hidden}.shadow-soul-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,var(--sk-accent-dynamic, var(--sk-mana-blue)) 0%,transparent 70%);opacity:.05;pointer-events:none}#shadow-soul-canvas{width:280px;height:280px;border-radius:var(--sk-hud-radius);background:rgba(0,0,0,.2);box-shadow:0 0 40px var(--sk-accent-dynamic, rgba(0, 245, 255, 0.2));transition:all var(--sk-duration-normal) var(--sk-ease-out)}.archetype-label{font-family:var(--sk-font-display, var(--sk-font-primary));font-size:var(--sk-text-lg);font-weight:700;letter-spacing:var(--sk-tracking-wider);text-transform:uppercase;color:var(--sk-accent-dynamic, var(--sk-mana-blue));text-align:center;text-shadow:0 0 12px var(--sk-accent-dynamic, rgba(0, 245, 255, 0.4))}.archetype-description{font-size:var(--sk-text-sm);color:var(--sk-text-secondary);text-align:center;line-height:var(--sk-leading-relaxed);max-width:260px}.hexagon-panel{display:flex;flex-direction:column;align-items:center;gap:var(--sk-space-4)}#hexagon-radar-container{width:260px;height:260px;display:flex;align-items:center;justify-content:center}#hexagon-radar-container svg{width:100%;height:100%}.hex-stat-row,.hexagon-stats-list{width:100%;display:flex;flex-direction:column;gap:var(--sk-space-2)}.hex-stat-row{gap:var(--sk-space-1);font-size:var(--sk-text-sm);cursor:pointer}.hex-stat-label{font-weight:600;color:var(--sk-text-secondary);letter-spacing:var(--sk-tracking-wider);font-size:var(--sk-text-xs)}.hex-stat-bar,.hex-stat-bar-fill{border-radius:var(--sk-radius-full)}.hex-stat-bar{width:100%;height:6px;background:var(--sk-bg-tertiary);overflow:hidden;position:relative}.hex-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--sk-accent-dynamic, var(--sk-mana-blue)),var(--sk-accent-dynamic, var(--sk-mana-blue)));transition:width var(--sk-duration-slow) var(--sk-ease-out);box-shadow:0 0 6px var(--sk-accent-dynamic, rgba(0, 245, 255, 0.3))}.hex-stat-value{text-align:right;font-weight:700;font-size:var(--sk-text-xs);color:var(--sk-text-primary);font-variant-numeric:tabular-nums}.panel-header{width:100%;display:flex;align-items:center;gap:var(--sk-space-4);margin-bottom:var(--sk-space-4)}.panel-header h3{font-family:var(--sk-font-display);font-size:var(--sk-fs-sm);font-weight:700;color:var(--sk-text-muted);letter-spacing:.1em;white-space:nowrap;margin:0}.panel-decor-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.profile-col-attributes{display:flex;flex-direction:column;gap:var(--sk-space-6);height:100%}@media (max-width:768px){#hexagon-radar-container,#shadow-soul-canvas{width:220px;height:220px}.archetype-label{font-size:var(--sk-text-base)}}.hexagon-panel,.shadow-soul-panel{animation:fadeSlideIn var(--sk-duration-normal) var(--sk-ease-out) both}.hexagon-panel{animation-delay:.15s}.page-header,.page-header__back{display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-header{padding:0 var(--sk-space-8);background:linear-gradient(180deg,var(--sk-void-elevated) 0%,transparent 100%);min-height:90px;position:relative;z-index:10}.page-header__back{width:44px;height:44px;padding:0;background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:var(--sk-glass-border);border-radius:var(--sk-hud-radius);color:var(--sk-text-secondary);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.page-header__back:hover{background:var(--sk-glass-intense-bg);color:var(--sk-text-primary);border-color:var(--sk-mana-blue);transform:translateX(-2px)}.page-header__back:focus-visible{outline:0;box-shadow:0 0 0 3px var(--sk-mana-blue-glow)}.page-header__back svg{width:24px;height:24px}.page-header__back--hidden{display:none}.page-header__content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--sk-space-4);min-width:0}.page-header__title{display:flex;flex-direction:column;min-width:0}.page-header__emblem-wrapper{position:relative;margin-right:var(--sk-space-4)}.page-header__emblem{width:64px;height:64px;padding:12px;background:var(--sk-void-card);border-radius:var(--sk-hud-radius);border:2px solid var(--sk-gold);box-shadow:0 0 25px rgba(255,215,0,.3);display:flex;align-items:center;justify-content:center}.page-header__emblem .icon{width:100%;height:100%;color:var(--sk-gold)}.page-header__identity{display:flex;align-items:center;gap:var(--sk-space-4);min-width:0}.page-header__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:var(--sk-glass-bg);border-radius:var(--sk-hud-radius);color:var(--sk-mana-blue)}.page-header__icon .icon,.page-header__icon svg{width:28px;height:28px}.page-header__text{min-width:0}.page-header__text h1{margin:0;font-size:var(--sk-fs-xl);font-weight:700;color:var(--sk-text-primary);letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.page-header__subtitle{margin:var(--sk-space-1)0 0;font-size:var(--sk-fs-sm);color:var(--sk-text-muted);line-height:1.4}.page-header__stats{display:flex;align-items:center;gap:var(--sk-space-3);flex-shrink:0}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--sk-space-3) var(--sk-space-4);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:var(--sk-glass-border);border-radius:var(--sk-hud-radius);min-width:70px}.stat-card[data-stat-info]{cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.stat-card[data-stat-info]:hover{background:var(--sk-glass-intense-bg);transform:translateY(-2px);box-shadow:var(--sk-glass-shadow);border-color:var(--sk-mana-blue)}.stat-card__value{font-size:var(--sk-fs-xl);font-weight:700;color:var(--sk-text-primary);line-height:1}.stat-card__label{display:flex;align-items:center;gap:var(--sk-space-1);margin-top:var(--sk-space-1);font-size:var(--sk-fs-xs);color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-card svg{width:20px;height:20px}.stat-card--purple .stat-card__value{color:var(--sk-soul-purple)}.page-content{flex:1;display:flex;flex-direction:column;min-height:auto;padding:1rem}.catalog-breadcrumb{display:flex;align-items:center;gap:var(--sk-space-1);padding:var(--sk-space-2)0;margin-bottom:var(--sk-space-4);overflow-x:auto;scrollbar-width:none}.catalog-breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-item{display:flex;align-items:center;gap:var(--sk-space-2);padding:var(--sk-space-2) var(--sk-space-3);background:0 0;border:0;border-radius:var(--sk-hud-radius);font-size:var(--sk-fs-sm);color:var(--sk-text-muted);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out);white-space:nowrap}.breadcrumb-item:hover{background:var(--sk-glass-bg);color:var(--sk-text-primary)}.breadcrumb-item.active{color:var(--sk-mana-blue);font-weight:600}.breadcrumb-separator{color:var(--sk-text-dim);font-size:var(--sk-fs-sm)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sk-space-4)}.catalog-loading{grid-column:1/-1}.catalog-card{display:flex;flex-direction:column;padding:var(--sk-space-4);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:var(--sk-glass-border);border-radius:var(--sk-hud-radius);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out);position:relative;overflow:hidden}.catalog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--sk-mana-blue));opacity:0;transition:opacity var(--sk-duration-fast) var(--sk-ease-out)}.catalog-card:hover{background:var(--sk-glass-intense-bg);transform:translateY(-4px);box-shadow:var(--sk-glass-shadow);border-color:var(--card-accent, var(--sk-mana-blue))}.catalog-card:focus-visible{outline:0;box-shadow:0 0 0 3px var(--sk-mana-blue-glow)}.catalog-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--sk-space-3);background:rgba(255,255,255,.05);border-radius:var(--sk-hud-radius);color:var(--card-accent, var(--sk-mana-blue))}.catalog-card__icon svg{width:28px;height:28px}.catalog-card__title{margin:0 0 var(--sk-space-2);font-size:var(--sk-fs-md);font-weight:600;color:var(--sk-text-primary)}.catalog-card__description{margin:0;font-size:var(--sk-fs-sm);color:var(--sk-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card__meta{display:flex;align-items:center;gap:var(--sk-space-3);margin-top:auto;padding-top:var(--sk-space-3);border-top:1px solid rgba(255,255,255,.05);font-size:var(--sk-fs-xs);color:var(--sk-text-dim)}.catalog-card__count{display:flex;align-items:center;gap:var(--sk-space-1)}.catalog-card--cyan{--card-accent:var(--sk-mana-blue)}.catalog-card--purple{--card-accent:var(--sk-soul-purple)}.catalog-card--gold{--card-accent:var(--sk-gold)}.catalog-card--green{--card-accent:var(--sk-success)}.quiz-card,.quiz-card__icon{display:flex;border-radius:var(--sk-hud-radius)}.quiz-card{gap:var(--sk-space-4);padding:var(--sk-space-4);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:var(--sk-glass-border);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.quiz-card:hover{background:var(--sk-glass-intense-bg);transform:translateY(-2px);box-shadow:var(--sk-glass-shadow)}.quiz-card__icon{align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;background:rgba(255,255,255,.05);color:var(--sk-soul-purple)}.quiz-card__icon svg{width:32px;height:32px}.quiz-card__content{flex:1;min-width:0}.quiz-card__title{margin:0 0 var(--sk-space-1);font-size:var(--sk-fs-md);font-weight:600;color:var(--sk-text-primary)}.quiz-card__description{margin:0;font-size:var(--sk-fs-sm);color:var(--sk-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-card__action{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0}.quiz-card__button,.quiz-card__xp{font-size:var(--sk-fs-sm);font-weight:600}.quiz-card__xp{color:var(--sk-gold)}.quiz-card__button{padding:var(--sk-space-2) var(--sk-space-4);background:var(--sk-gradient-soul);border:0;border-radius:var(--sk-hud-radius);color:#fff;cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out)}.quiz-card__button:hover{transform:scale(1.05);box-shadow:0 4px 15px var(--sk-soul-purple-glow)}.section-title{display:flex;align-items:center;gap:var(--sk-space-2);margin:0 0 var(--sk-space-4);font-size:var(--sk-fs-lg);font-weight:600;color:var(--sk-text-primary);text-transform:uppercase;letter-spacing:.05em}.section-title svg{width:24px;height:24px;color:var(--sk-mana-blue)}@media (max-width:768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}.page-header__emblem{width:48px;height:48px;padding:8px}.page-header__back{position:relative;top:auto;left:auto;width:40px;height:40px}.page-header__content{flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:var(--sk-space-4)}.page-header__identity{flex-direction:row;align-items:center;text-align:left;gap:var(--sk-space-3)}.page-header__stats{justify-content:center}.catalog-grid{grid-template-columns:1fr}.quiz-card{flex-direction:column}.quiz-card__action{flex-direction:row;align-items:center;margin-top:var(--sk-space-3);padding-top:var(--sk-space-3);border-top:1px solid rgba(255,255,255,.05)}.page-header{height:64px!important;min-height:64px!important;padding:0 var(--sk-space-4)!important;gap:var(--sk-space-3)}.view-archives .page-header,.view-portals .page-header{height:auto!important;min-height:80px!important;padding:var(--sk-space-2) var(--sk-space-4)!important;align-items:center}.page-header .page-header__identity{display:flex;align-items:center;gap:var(--sk-space-2);min-width:0}.page-header__subtitle,.view-archives .page-header__title,.view-portals .page-header__title{display:none!important}.page-header h1{font-size:var(--sk-fs-sm);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--sk-space-2);flex-shrink:0}.view-archives .page-header__right,.view-portals .page-header__right{flex-direction:column;align-items:flex-end;flex:1;gap:var(--sk-space-2)}.page-header__stats{display:flex;gap:var(--sk-space-1);flex-shrink:0}.stat-card{flex-direction:row!important;padding:var(--sk-space-1) var(--sk-space-2)!important;min-width:0!important;gap:var(--sk-space-2);background:rgba(0,0,0,.2);border-radius:var(--sk-hud-radius)}.stat-card svg{width:16px!important;height:16px!important}.stat-card__value{font-size:var(--sk-fs-sm)!important}.page-header-search{margin-top:0!important}.view-archives .page-header-search,.view-portals .page-header-search{width:100%}.page-header-search input{padding:var(--sk-space-1) var(--sk-space-2);font-size:var(--sk-fs-xs);height:32px}.view-awakening .guild-hero-content,.view-guild .guild-hero-content{flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--sk-space-3)!important;width:100%}.view-awakening .guild-emblem,.view-guild .guild-emblem{width:48px!important;height:48px!important;padding:8px!important}.view-awakening .guild-info h1,.view-guild .guild-info h1{font-size:var(--sk-fs-sm)!important;white-space:nowrap}.view-awakening .guild-motto,.view-guild .guild-motto{display:none!important}#app.view-quiz-play,.view-quiz-play.view-content{padding-top:0!important}}@media (min-width:1200px){.page-header{padding:var(--sk-space-5) var(--sk-space-8)}.page-header__icon{width:56px;height:56px}.page-header__icon svg{width:32px;height:32px}.page-header h1{font-size:var(--sk-fs-2xl)}.page-header__content{max-width:1400px;margin:0;width:100%;display:flex;align-items:center}.page-header__content>.page-header__right,.page-header__content>.page-header__title{flex:1}.page-content{max-width:1400px;margin:0 auto;width:100%}}.page-header-search{position:relative;max-width:650px;margin-top:1rem;z-index:100}.page-header-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:var(--sk-hud-radius);padding:0 var(--sk-space-4);transition:all .3s ease}.page-header-search .search-input-wrapper:focus-within{border-color:var(--sk-mana-blue);background:rgba(0,0,0,.6);box-shadow:0 0 15px rgba(0,245,255,.15)}.page-header-search .search-icon{width:20px;height:20px;color:var(--sk-text-muted)}.page-header-search input{flex:1;background:0 0;border:0;padding:var(--sk-space-3);color:var(--sk-text-primary);font-family:var(--sk-font-body);font-size:var(--sk-fs-md);outline:0;width:100%}.page-header-search input::placeholder{color:var(--sk-text-muted);opacity:.7}.page-header-search .search-clear{background:0 0;border:0;color:var(--sk-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.page-header-search .search-clear:hover{color:var(--sk-text-primary)}.page-header-search .search-clear.hidden{display:none}.page-header-search .search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--sk-glass-bg);backdrop-filter:blur(12px);border:1px solid var(--sk-glass-border-color, rgba(138, 43, 226, 0.3));border-radius:var(--sk-hud-radius);max-height:400px;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .2s ease}.page-header-search .search-results-dropdown.active{opacity:1;transform:translateY(0);pointer-events:all}.search-result-item{display:flex;align-items:center;gap:var(--sk-space-3);padding:var(--sk-space-3) var(--sk-space-4);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.search-result-item:last-child{border-bottom:none}.result-icon,.search-result-item:hover{background:rgba(255,255,255,.05)}.result-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--sk-hud-radius);color:var(--sk-text-muted)}.result-info{flex:1}.result-label{font-weight:600;color:var(--sk-text-primary);display:block}.result-type{font-size:var(--sk-fs-xs);color:var(--sk-text-muted);text-transform:uppercase}@media (max-width:768px){#app,.app-container,body,html{min-height:100vh!important;padding-bottom:0!important;margin:0!important}.reader-layout{overflow:visible!important;backdrop-filter:none!important;transform:none!important}.page-header,.reader-header{position:fixed!important;top:0;left:0;right:0;z-index:1000;background:rgba(11,12,21,.9)!important;backdrop-filter:blur(10px)!important;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;will-change:transform,opacity}.app-sidebar{position:fixed!important;bottom:0;left:0;right:0;z-index:1001;height:calc(64px + env(safe-area-inset-bottom))!important;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;will-change:transform;display:flex!important;align-items:center!important}.page-content,.view-content,.view.active{min-height:100vh!important;display:flex!important;flex-direction:column!important}.page-content,.view-content{flex:1!important;padding:0}.view-content{padding:4rem .75rem .75rem}#view-awakening.view-content,#view-profile.view-content,#view-ranks.view-content{padding-top:5rem}#view-archives.view-content,#view-portals.view-content{padding-top:6rem}.page-content,.view-content:not(:has(.page-content)){-webkit-overflow-scrolling:touch;transition:padding-bottom .3s ease}#quiz-play-view{padding-top:.75rem}.mobile-scroll-hide .page-header,.mobile-scroll-hide .reader-header{transform:translateY(-100%);opacity:0;pointer-events:none}.mobile-scroll-hide .app-sidebar{transform:translateY(100%);box-shadow:none}.sidebar-nav-item{height:64px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}}.toast-container{position:fixed;bottom:var(--sk-space-6);right:var(--sk-space-6);display:flex;flex-direction:column;gap:var(--sk-space-3);z-index:10000;pointer-events:none}.toast,.toast a{pointer-events:auto}.toast,.toast-icon{display:flex;align-items:center}.toast{gap:var(--sk-space-3);padding:var(--sk-space-3) var(--sk-space-5);background:var(--sk-glass-intense-bg);border:1px solid var(--sk-void-elevated);border-radius:var(--sk-radius-full);color:var(--sk-text-primary);font-size:var(--sk-fs-sm);font-weight:500;font-family:var(--sk-font-body);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);box-shadow:0 4px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;transform:translateY(20px) scale(.95);transition:all var(--sk-duration-normal) var(--sk-ease-bounce);position:relative;overflow:hidden;min-width:300px;max-width:400px}.toast.show{opacity:1;transform:translateY(0) scale(1)}.toast-icon{justify-content:center;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast a{color:var(--sk-mana-blue);font-weight:700;text-decoration:underline;transition:filter .2s}.toast a:hover{filter:brightness(1.3) drop-shadow(0 0 5px var(--sk-mana-blue))}.toast-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.15;z-index:-1;background:radial-gradient(circle at center,currentColor,transparent 70%)}.toast-success{border-color:rgba(68,255,136,.3)}.toast-success .toast-icon{color:var(--sk-success);filter:drop-shadow(0 0 5px var(--sk-success))}.toast-success,.toast-success .toast-glow{color:var(--sk-success)}.toast-error{border-color:rgba(255,68,68,.3)}.toast-error .toast-icon{color:var(--sk-danger);filter:drop-shadow(0 0 5px var(--sk-danger))}.toast-error,.toast-error .toast-glow{color:var(--sk-danger)}.toast-info{border-color:rgba(0,245,255,.3)}.toast-info .toast-icon{filter:drop-shadow(0 0 5px var(--sk-mana-blue))}.toast-info,.toast-info .toast-glow,.toast-info .toast-icon{color:var(--sk-mana-blue)}.toast-warning{border-color:rgba(255,215,0,.3)}.toast-warning .toast-icon{color:var(--sk-gold);filter:drop-shadow(0 0 5px var(--sk-gold))}.toast-warning,.toast-warning .toast-glow{color:var(--sk-gold)}.toast-close{background:0 0;border:0;color:currentColor;opacity:.5;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s;border-radius:var(--sk-radius-full);margin-left:var(--sk-space-2)}.toast-close:hover{opacity:1;transform:scale(1.1);background:rgba(255,255,255,.1)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.05);z-index:2}.toast-progress-bar{height:100%;width:100%;background:currentColor;box-shadow:0 0 8px currentColor;animation:toast-countdown 12s linear forwards}@media (max-width:768px){.toast-container{bottom:var(--sk-space-6);left:var(--sk-space-4);right:var(--sk-space-4);align-items:center}.toast{width:100%;max-width:100%;min-width:auto;justify-content:flex-start}}:root{--bg-deep:var(--sk-void-deep);--bg-surface:var(--sk-void-surface);--bg-elevated:var(--sk-void-elevated);--bg-card:var(--sk-void-overlay);--cyan-neon:var(--sk-mana-blue);--cyan-glow:var(--sk-mana-blue-soft);--cyan-dark:#008f99;--gold:var(--sk-gold);--gold-glow:var(--sk-gold-glow);--gold-dark:#cc9900;--purple:var(--sk-soul-purple);--red-danger:var(--sk-danger);--green-success:var(--sk-success);--text-primary:var(--sk-text-primary);--text-secondary:var(--sk-text-secondary);--text-muted:var(--sk-text-muted);--text-disabled:var(--sk-text-dim);--font-sans:var(--sk-font-body);--font-mono:var(--sk-font-mono);--text-xs:var(--sk-fs-xs);--text-sm:var(--sk-fs-sm);--text-base:var(--sk-fs-md);--text-lg:var(--sk-fs-lg);--text-xl:var(--sk-fs-xl);--text-2xl:var(--sk-fs-2xl);--text-3xl:var(--sk-fs-3xl);--space-1:var(--sk-space-1);--space-2:var(--sk-space-2);--space-3:var(--sk-space-3);--space-4:var(--sk-space-4);--space-5:var(--sk-space-5);--space-6:var(--sk-space-6);--space-8:var(--sk-space-8);--space-10:var(--sk-space-10);--space-12:var(--sk-space-12);--radius-sm:var(--sk-hud-radius);--radius-md:var(--sk-hud-radius);--radius-lg:var(--sk-hud-radius);--radius-xl:var(--sk-hud-radius);--radius-full:var(--sk-radius-full);--shadow-glow-cyan:0 0 20px var(--sk-mana-blue-dim);--shadow-glow-gold:0 0 20px var(--sk-gold-glow);--shadow-card:var(--sk-glass-shadow);--transition-fast:var(--sk-duration-fast) var(--sk-ease-out);--transition-normal:var(--sk-duration-normal) var(--sk-ease-out);--transition-slow:var(--sk-duration-slow) var(--sk-ease-out)}body,svg.sk-listbox-icon{color:var(--sk-text-primary)}body{background:var(--sk-void-deep);font-family:var(--sk-font-body)}.view{display:none;min-height:100%;position:relative}.view.active{display:flex;flex-direction:column;flex:1;width:100%;min-height:100%}.view--centered.active{justify-content:center;align-items:center;min-height:100vh}.view.pending{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.sanctuary-header,.view-content,.view.pending{display:flex;flex-direction:column}.view-content{flex:1;min-height:100%}.view #lang-switcher{position:absolute;top:var(--sk-space-4);right:var(--sk-space-4);z-index:100;width:auto;min-width:max-content}@media (max-width:600px){.view #lang-switcher{top:var(--sk-space-2);right:var(--sk-space-2)}}.sanctuary-header{gap:var(--sk-space-4);padding:var(--sk-space-6);background:linear-gradient(180deg,var(--sk-void-elevated) 0%,var(--sk-void-deep) 100%);border-bottom:1px solid rgba(255,255,255,.05)}.avatar-frame{position:relative;width:64px;height:64px}.avatar-placeholder{width:100%;height:100%;border-radius:var(--sk-radius-full);background:linear-gradient(135deg,var(--sk-mana-blue-dim) 0%,var(--sk-soul-purple-dim) 100%);border:2px solid var(--sk-mana-blue);box-shadow:0 0 15px var(--sk-mana-blue-glow)}.level-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--sk-gold);color:var(--sk-void-deep);font-size:var(--sk-fs-xs);font-weight:700;box-shadow:0 0 10px var(--sk-gold-glow)}.level-badge,.xp-bar,.xp-bar-bg{border-radius:var(--sk-radius-full)}.xp-bar-bg{flex:1;height:8px;background:var(--sk-void-overlay);overflow:hidden}.xp-bar{height:100%;background:var(--sk-gradient-mana);box-shadow:0 0 10px var(--sk-mana-blue-glow)}.sanctuary-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sk-space-4);padding:var(--sk-space-4)}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sk-space-2);padding:var(--sk-space-6);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:var(--sk-glass-border);border-radius:var(--sk-hud-radius);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out);color:var(--sk-text-primary);text-decoration:none}.action-card:hover{background:var(--sk-glass-intense-bg);transform:translateY(-4px);box-shadow:var(--sk-glass-shadow);border-color:var(--sk-mana-blue)}@media (min-width:768px){.sanctuary-grid{grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto}.sanctuary-header{flex-direction:row;align-items:center;justify-content:space-between}.xp-container{flex:1;max-width:400px}}.sk-local-spinner{display:inline-block;width:1.2rem;height:1.2rem;border:2px solid rgba(255,255,255,.2);border-top-color:var(--sk-text-primary);border-radius:50%;animation:sk-spin .8s linear infinite;vertical-align:middle}.sk-navigating-btn{position:relative!important;color:transparent!important;pointer-events:none!important}.sk-navigating-btn .sk-local-spinner{position:absolute;top:50%;left:50%;margin-top:-.6rem;margin-left:-.6rem;color:initial}.sk-listbox{position:relative;user-select:none;min-width:140px;font-family:var(--sk-font-body)}.sk-listbox-label,.sk-listbox-trigger{display:flex;align-items:center;white-space:nowrap}.sk-listbox-trigger{justify-content:space-between;gap:12px;padding:10px 16px;border-radius:var(--sk-hud-radius);cursor:pointer;transition:all .25s var(--sk-ease-out);border:var(--sk-glass-border);background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);flex-wrap:nowrap;box-shadow:inset 0 0 10px rgba(255,255,255,.02)}.sk-listbox-trigger:hover{background:var(--sk-glass-intense-bg);border-color:var(--sk-mana-blue-dim);box-shadow:var(--sk-glass-shadow),0 0 15px var(--sk-mana-blue-glow)}.sk-listbox-label{gap:10px;color:var(--sk-text-primary);font-size:var(--sk-fs-sm);font-weight:500;flex-shrink:0;letter-spacing:.5px}.sk-listbox-icon{flex-shrink:0;width:20px;height:20px;pointer-events:none;overflow:visible}svg.sk-listbox-icon{fill:currentColor;stroke:currentColor}svg.sk-listbox-icon.is-flag{width:22px;height:15px;fill:none;stroke:none;filter:drop-shadow(0 0 3px rgba(0,0,0,.3));border-radius:2px;overflow:hidden}.sk-listbox-arrow{color:var(--sk-text-secondary);transition:transform .3s var(--sk-ease-bounce);flex-shrink:0}.sk-listbox.open .sk-listbox-arrow{transform:rotate(180deg);color:var(--sk-mana-blue)}.sk-listbox-options{position:absolute;top:calc(100% + 8px);right:0;width:100%;min-width:180px;background:var(--sk-glass-intense-bg);backdrop-filter:var(--sk-glass-intense-blur);-webkit-backdrop-filter:var(--sk-glass-intense-blur);border:var(--sk-glass-intense-border);border-radius:var(--sk-hud-radius);box-shadow:0 15px 40px rgba(0,0,0,.6),0 0 20px rgba(0,245,255,.05);padding:6px;z-index:var(--sk-z-dropdown);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s var(--sk-ease-out),transform .3s var(--sk-ease-bounce),visibility .25s;overflow:hidden}.sk-listbox-options::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);z-index:1}.sk-listbox.open .sk-listbox-options{opacity:1;visibility:visible;transform:translateY(0)}.sk-listbox-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;cursor:pointer;color:var(--sk-text-secondary);font-size:var(--sk-fs-sm);transition:all .2s var(--sk-ease-out);position:relative;z-index:2}.sk-listbox-option:hover{background:rgba(255,255,255,.08);color:var(--sk-text-primary);transform:translateX(2px)}.sk-listbox-option.selected{background:var(--sk-mana-blue-glow);color:var(--sk-mana-blue);font-weight:600}.sk-listbox-option.selected::before{content:"";position:absolute;left:0;top:25%;height:50%;width:2px;background:var(--sk-mana-blue);border-radius:0 2px 2px 0}.sk-listbox-check{margin-left:auto;font-size:14px;color:var(--sk-mana-blue);filter:drop-shadow(0 0 5px var(--sk-mana-blue-dim))}[data-sk-tooltip]{position:relative}[data-sk-tooltip]::after{content:attr(data-sk-tooltip);position:absolute;z-index:var(--sk-z-tooltip, 1000);background:var(--sk-void-overlay, #1a1a24);color:var(--sk-text-secondary, #ccc);font-family:var(--sk-font-body, system-ui, sans-serif);font-size:var(--sk-fs-xs, 12px);font-weight:500;line-height:1.2;white-space:normal;max-width:var(--sk-tooltip-max-width, 300px);width:max-content;text-align:center;padding:6px 10px;border-radius:var(--sk-hud-radius, 4px);border:1px solid var(--sk-void-surface, #333);box-shadow:0 4px 12px rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s}[data-sk-tooltip]:hover::after{opacity:1;visibility:visible}[data-sk-tooltip-pos=right]::after,[data-sk-tooltip]:not([data-sk-tooltip-pos])::after{top:50%;left:100%;transform:translate(0,-50%);margin-left:8px}[data-sk-tooltip-pos=right]:hover::after,[data-sk-tooltip]:not([data-sk-tooltip-pos]):hover::after{transform:translate(4px,-50%)}[data-sk-tooltip-pos=left]::after{top:50%;right:100%;transform:translate(0,-50%);margin-right:8px}[data-sk-tooltip-pos=left]:hover::after{transform:translate(-4px,-50%)}[data-sk-tooltip-pos=top]::after{bottom:100%;left:50%;transform:translate(-50%,0);margin-bottom:8px}[data-sk-tooltip-pos=top]:hover::after{transform:translate(-50%,-4px)}[data-sk-tooltip-pos=bottom]::after{top:100%;left:50%;transform:translate(-50%,0);margin-top:8px}[data-sk-tooltip-pos=bottom]:hover::after{transform:translate(-50%,4px)}[data-sk-tooltip-variant=legendary]::after{border-color:var(--sk-gold);color:var(--sk-gold);box-shadow:0 0 15px rgba(255,215,0,.2)}@media (max-width:768px){[data-sk-tooltip-mobile=hidden]::after{display:none}}.accordion-list{display:flex;flex-direction:column;gap:var(--sk-space-4);width:100%}.accordion-tile{background:var(--sk-glass-bg);backdrop-filter:var(--sk-glass-blur);border:var(--sk-glass-border);border-radius:var(--sk-hud-radius);transition:background var(--sk-duration-fast),border-color var(--sk-duration-fast),box-shadow var(--sk-duration-fast)}.accordion-header{display:flex;align-items:center;gap:var(--sk-space-4);padding:var(--sk-space-4);cursor:pointer;user-select:none;border-radius:var(--sk-hud-radius);transition:background .2s,border-radius .2s}.accordion-tile.expanded .accordion-header{border-radius:var(--sk-hud-radius) var(--sk-hud-radius)0 0}.accordion-header:hover{background:rgba(255,255,255,.05)}.accordion-content{display:none;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2);border-radius:0 0 var(--sk-hud-radius) var(--sk-hud-radius);position:relative;z-index:5}.accordion-tile.expanded>.accordion-content{display:block;animation:sk-accordion-fade .25s ease-out}.accordion-tile.category-tile{border-left:4px solid var(--sk-mana-blue)}.accordion-tile.topic-tile{margin:var(--sk-space-2);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}#portals-accordion .category-tile>.accordion-header,#portals-accordion .topic-tile>.accordion-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--sk-hud-radius);transition:background .2s,border-color .2s,box-shadow .2s,border-radius .2s}#portals-accordion .category-tile>.accordion-header{background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.25)}#portals-accordion .category-tile>.accordion-header:hover{background:rgba(220,38,38,.22);border-color:rgba(220,38,38,.35);box-shadow:0 0 18px rgba(220,38,38,.12)}#portals-accordion .category-tile.expanded>.accordion-header{border-radius:var(--sk-hud-radius) var(--sk-hud-radius)0 0}#portals-accordion .topic-tile>.accordion-header{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.14)}#portals-accordion .topic-tile>.accordion-header:hover{background:rgba(220,38,38,.14);border-color:rgba(220,38,38,.22);box-shadow:0 0 14px rgba(220,38,38,.08)}#portals-accordion .topic-tile.expanded>.accordion-header{border-radius:var(--sk-hud-radius) var(--sk-hud-radius)0 0}#portals-accordion .topic-tile .topic-logo{width:24px;height:24px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 4px rgba(220,38,38,.3))}#portals-accordion .category-tile{border-left-color:rgba(220,38,38,.6)}#portals-accordion .btn-download,#portals-accordion .tile-icon{color:#dc2626}#portals-accordion .icon-chevron{color:rgba(220,38,38,.7)}#archives-accordion .category-tile>.accordion-header,#archives-accordion .topic-tile>.accordion-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--sk-hud-radius);transition:background .2s,border-color .2s,box-shadow .2s,border-radius .2s}#archives-accordion .category-tile>.accordion-header{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25)}#archives-accordion .category-tile>.accordion-header:hover{background:rgba(99,102,241,.22);border-color:rgba(99,102,241,.35);box-shadow:0 0 18px rgba(99,102,241,.12)}#archives-accordion .category-tile.expanded>.accordion-header{border-radius:var(--sk-hud-radius) var(--sk-hud-radius)0 0}#archives-accordion .topic-tile>.accordion-header{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.14)}#archives-accordion .topic-tile>.accordion-header:hover{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.22);box-shadow:0 0 14px rgba(99,102,241,.08)}#archives-accordion .topic-tile.expanded>.accordion-header{border-radius:var(--sk-hud-radius) var(--sk-hud-radius)0 0}#archives-accordion .topic-tile .topic-logo{width:24px;height:24px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 4px rgba(99,102,241,.3))}#archives-accordion .category-tile{border-left-color:rgba(99,102,241,.6)}#archives-accordion .btn-download,#archives-accordion .tile-icon{color:#6366f1}#archives-accordion .icon-chevron{color:rgba(99,102,241,.7)}.accordion-tile.level-tile{margin:var(--sk-space-2);border-left:2px solid rgba(255,255,255,.2)}.tile-actions,.tile-icon{display:flex;align-items:center}.tile-icon{width:24px;height:24px;color:var(--sk-mana-blue);justify-content:center}.tile-icon svg{width:100%;height:100%}.tile-actions{gap:var(--sk-space-2);margin-left:auto;z-index:2}.icon-chevron{transition:transform .3s;width:20px;height:20px;color:var(--sk-text-muted)}.expanded>.accordion-header .icon-chevron{transform:rotate(180deg)}.catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sk-space-4);padding:var(--sk-space-8);color:var(--sk-text-muted)}.catalog-loading.mini{padding:var(--sk-space-4)}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--sk-mana-blue);border-radius:50%;animation:spin 1s linear infinite}.empty-text,.error-text{color:var(--sk-danger);padding:var(--sk-space-4);text-align:center}.empty-text{color:var(--sk-text-muted);font-style:italic}.accordion-leaf-tile,.catalog-tabs{display:flex;border-radius:var(--sk-hud-radius)}.accordion-leaf-tile{margin:0 var(--sk-space-2);background:rgba(0,0,0,.3);align-items:center;transition:background .2s}.accordion-leaf-tile:hover{background:rgba(0,0,0,.5)}.tile-icon+.tile-title{flex:1;color:var(--sk-text-primary);cursor:pointer;transition:all .2s;letter-spacing:1px;font-size:.9rem}.accordion-leaf-tile .tile-title{padding:var(--sk-space-3) var(--sk-space-4)}.tile-title:hover{transform:translateX(4px)}.accordion-leaf-tile .tile-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.6;margin-left:var(--sk-space-3)}.accordion-leaf-tile .tile-actions{display:flex;align-items:center;gap:var(--sk-space-2);margin-left:auto;margin-right:var(--sk-space-3)}.catalog-tabs{gap:var(--sk-space-1);margin-bottom:var(--sk-space-5);padding:var(--sk-space-1);background:rgba(255,255,255,.03)}.catalog-tabs:empty{display:none}.catalog-tab{flex:1;background:0 0;border:0;padding:var(--sk-space-3) var(--sk-space-4);font-family:var(--sk-font-display);font-size:var(--sk-fs-xs);font-weight:600;letter-spacing:var(--sk-ls-wide);text-transform:uppercase;color:var(--sk-text-muted);cursor:pointer;border-radius:var(--sk-hud-radius);transition:all var(--sk-duration-fast) var(--sk-ease-out)}.catalog-tab:hover{color:var(--sk-text-secondary);background:rgba(0,245,255,.05)}.catalog-tab.active{color:var(--sk-mana-blue);background:rgba(0,245,255,.1);box-shadow:0 0 15px rgba(0,245,255,.2),inset 0 0 10px rgba(0,245,255,.05);text-shadow:0 0 10px rgba(0,245,255,.5)}#app-loader{position:fixed;inset:0;z-index:var(--sk-z-max);background-color:var(--sk-void-deep);justify-content:center;overflow:hidden;transition:opacity .8s var(--sk-ease-smooth)}#app-loader.hidden{opacity:0;pointer-events:none}.loader-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000 0,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,#000 0,transparent 80%);z-index:0}#app-loader,.loader-content{display:flex;flex-direction:column;align-items:center}.loader-content{position:relative;z-index:10;width:300px}.loader-logo{width:100px;height:100px;margin-bottom:var(--sk-space-10);animation:sk-heartbeat var(--sk-duration-heartbeat) ease-in-out infinite}.loader-progress-track{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.5)}.loader-progress-fill{height:100%;width:0%;background:var(--sk-mana-blue);border-radius:2px;box-shadow:0 0 15px var(--sk-mana-blue);position:relative;transition:width .2s linear}.loader-progress-fill::after{content:"";position:absolute;top:0;right:0;bottom:0;width:100px;background:linear-gradient(90deg,transparent,#fff);opacity:.6}.loader-status{margin-top:var(--sk-space-4);display:flex;justify-content:space-between;width:100%;font-family:var(--sk-font-display);font-size:var(--sk-fs-2xs);color:var(--sk-mana-blue-soft);letter-spacing:2px;text-transform:uppercase}.loader-percentage{font-weight:700}.loader-logs{margin-top:var(--sk-space-2);height:14px;font-family:var(--sk-font-mono);font-size:var(--sk-fs-2xs);color:var(--sk-text-dim);text-align:center;white-space:nowrap;overflow:hidden}.loader-scanline{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%);background-size:100% 4px;pointer-events:none;z-index:20;opacity:.5}.morph-active .loader-content{animation:sk-implode .6s cubic-bezier(.7,0,.3,1) forwards}.morph-active .loader-bg,.morph-active .loader-scanline{opacity:0;transition:opacity .3s ease-out}.modal-overlay{position:fixed;inset:0;z-index:var(--sk-z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:var(--sk-glass-blur);-webkit-backdrop-filter:var(--sk-glass-blur);padding:var(--sk-space-4);opacity:0;pointer-events:none;transition:opacity var(--sk-duration-normal) var(--sk-ease-out)}.modal-overlay.active,.modal-overlay:not(.hidden){opacity:1;pointer-events:auto}.capacity-modal-card,.modal-card,.profile-modal-card,.qm-modal-content,.stancer-modal{position:relative;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(255,255,255,.08)0,rgba(255,255,255,0) 35%,rgba(0,0,0,.2) 100%),rgba(15,15,25,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 60px rgba(0,0,0,.8),0 0 40px rgba(0,245,255,.15),inset 0 0 20px rgba(0,245,255,.05),inset 1px 1px 0 rgba(255,255,255,.2);overflow:hidden}.capacity-modal-card{padding:32px}.qm-modal-content{padding:40px}.stancer-modal{padding:var(--sk-space-6)}.modal-card{transform:scale(.95) translateY(20px);opacity:0;transition:transform var(--sk-duration-normal) var(--sk-ease-bounce),opacity var(--sk-duration-normal) var(--sk-ease-out)}.modal-overlay.active .modal-card,.modal-overlay:not(.hidden) .modal-card{transform:scale(1) translateY(0);opacity:1}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sk-space-5) var(--sk-space-6);border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}.modal-header h2{margin:0;font-family:var(--sk-font-display);font-size:var(--sk-fs-lg);color:var(--sk-text-primary);letter-spacing:var(--sk-ls-gaming);text-transform:uppercase;text-shadow:0 0 10px var(--sk-mana-blue-glow)}.close-btn,.modal-body{color:var(--sk-text-secondary)}.close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--sk-hud-radius);cursor:pointer;transition:all var(--sk-duration-fast) var(--sk-ease-out);font-size:1.2rem}.close-btn:hover{color:var(--sk-danger);background:rgba(255,255,0,.1);border-color:var(--sk-danger-glow);transform:scale(1.1)}.modal-body{flex:1;overflow-y:auto;padding:var(--sk-space-6);line-height:var(--sk-lh-relaxed);font-size:var(--sk-fs-sm)}.modal-footer{padding:var(--sk-space-4) var(--sk-space-6);background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;gap:var(--sk-space-3);flex-wrap:wrap}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:var(--sk-hud-radius)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--sk-mana-blue)}.modal-overlay.closing{opacity:0}.modal-overlay.closing .modal-card{transform:scale(.95) translateY(10px);opacity:0}.modal-body.cgu-content h3{color:var(--sk-text-primary);font-family:var(--sk-font-display);font-size:var(--sk-fs-md);margin-top:var(--sk-space-5);margin-bottom:var(--sk-space-3);text-transform:uppercase;letter-spacing:1px}.modal-body.cgu-content h3:first-child{margin-top:0}.modal-body.cgu-content p{margin-bottom:var(--sk-space-5);padding:var(--sk-space-4);background:rgba(255,255,255,.03);border-left:2px solid rgba(0,245,255,.5);border-radius:0 var(--sk-hud-radius) var(--sk-hud-radius)0;line-height:var(--sk-lh-relaxed);color:rgba(255,255,255,.85);transition:background .2s ease,border-color .2s ease}.modal-body.cgu-content p:hover{background:rgba(255,255,255,.05);border-left-color:#00f5ff}.avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;user-select:none}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:80px;height:80px}.avatar-xl{width:140px;height:140px}.avatar-hero{width:180px;height:180px}.avatar-glow,.avatar-ring{position:absolute;border-radius:50%;pointer-events:none}.avatar-ring{inset:-3px;border:2px solid var(--sk-mana-blue);border-top-color:transparent;z-index:2}.avatar-ring.animated{animation:avatar-spin 8s linear infinite;box-shadow:0 0 15px rgba(0,245,255,.3)}.avatar-glow{inset:-10px;background:radial-gradient(circle,rgba(0,245,255,.4)0,transparent 70%);z-index:0;animation:avatar-breathe 4s infinite ease-in-out}.avatar-badge{position:absolute;bottom:-5px;background:var(--sk-void-deep);border:1px solid var(--sk-mana-blue);border-radius:var(--sk-radius-full);padding:2px 8px;font-family:var(--sk-font-display);font-size:10px;font-weight:700;color:var(--sk-mana-blue);white-space:nowrap;z-index:3;box-shadow:0 2px 4px rgba(0,0,0,.5)}.avatar-hero .avatar-img{border:4px solid var(--sk-mana-blue);box-shadow:0 0 30px rgba(0,245,255,.4)}.avatar-hero .avatar-glow{inset:-20px;background:radial-gradient(circle,rgba(0,245,255,.4)0,transparent 70%)}