:root{--app-modal-z-index:var(--z-modal);--app-modal-edge-gap:1rem;--app-modal-mobile-edge-gap:.75rem;--app-header-offset:5.75rem;--app-header-clearance:calc(var(--app-header-offset) + env(safe-area-inset-top,0px) + 1.25rem)}@media (width<=767px){:root{--app-header-offset:5.35rem;--app-header-clearance:calc(var(--app-header-offset) + env(safe-area-inset-top,0px) + 1rem)}}html{max-width:100%;overflow-x:clip}body{max-width:100%;position:relative;overflow-x:clip}html[data-perf-tier=high] body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");position:fixed;inset:0}.App{z-index:1;background-color:#06080f;background-color:var(--bg-void);max-width:100%;min-height:100vh;position:relative;overflow-x:clip}.page-transition-wrapper{transform-origin:50%;width:100%;min-height:100vh;position:relative;overflow:hidden}.page-transition-enter{opacity:0;transform:scale(.99)}.page-transition-active{opacity:1;transition:opacity .25s ease-out,transform .25s ease-out;transform:scale(1)}@media (prefers-reduced-motion:reduce){.page-transition-enter{transform:none}.page-transition-active{transition:opacity .15s ease-out;transform:none}}.btn{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.95rem;text-decoration:none;display:inline-flex;position:relative}.btn-danger{color:#fff;background:var(--rose);border-color:rgb(var(--rose-rgb) / .4);box-shadow:0 4px 16px rgb(var(--rose-rgb) / .18)}.btn-danger:hover{box-shadow:0 8px 24px rgb(var(--rose-rgb) / .28);background:#e11d48;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-icon{width:1.25rem;height:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{background:rgb(var(--violet-rgb) / .05);border:1px solid rgb(var(--violet-rgb) / .15);color:#fff;width:100%;font-family:var(--font-primary);border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgb(var(--violet-rgb) / .15);background:rgb(var(--violet-rgb) / .08);outline:none}.form-group input:not([type=checkbox]):not([type=radio])::placeholder,.form-group textarea::placeholder{color:#ffffff59}:is(body:has(.modal-overlay),body:has(.dcl-modal-overlay),body:has(.efb-modal-overlay),body:has(.confirm-overlay),body:has(.player-detail-overlay)){overflow:hidden!important}.modal::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar{width:5px}.player-detail-modal::-webkit-scrollbar{width:5px}.efb-modal::-webkit-scrollbar{width:5px}.cyber-modal::-webkit-scrollbar{width:5px}.dcl-modal::-webkit-scrollbar{width:5px}.modal::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-track{background:0 0}.player-detail-modal::-webkit-scrollbar-track{background:0 0}.efb-modal::-webkit-scrollbar-track{background:0 0}.cyber-modal::-webkit-scrollbar-track{background:0 0}.dcl-modal::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-thumb{background:rgb(var(--violet-rgb) / .35);border-radius:99px}.modal-content::-webkit-scrollbar-thumb{background:rgb(var(--violet-rgb) / .35);border-radius:99px}.player-detail-modal::-webkit-scrollbar-thumb{background:rgb(var(--violet-rgb) / .35);border-radius:99px}.efb-modal::-webkit-scrollbar-thumb{background:rgb(var(--violet-rgb) / .35);border-radius:99px}.cyber-modal::-webkit-scrollbar-thumb{background:rgb(var(--violet-rgb) / .35);border-radius:99px}.dcl-modal::-webkit-scrollbar-thumb{background:rgb(var(--violet-rgb) / .35);border-radius:99px}.modal::-webkit-scrollbar-thumb:hover{background:rgb(var(--violet-rgb) / .65)}.modal-content::-webkit-scrollbar-thumb:hover{background:rgb(var(--violet-rgb) / .65)}.player-detail-modal::-webkit-scrollbar-thumb:hover{background:rgb(var(--violet-rgb) / .65)}.efb-modal::-webkit-scrollbar-thumb:hover{background:rgb(var(--violet-rgb) / .65)}.cyber-modal::-webkit-scrollbar-thumb:hover{background:rgb(var(--violet-rgb) / .65)}.dcl-modal::-webkit-scrollbar-thumb:hover{background:rgb(var(--violet-rgb) / .65)}.modal-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:100dvh;z-index:var(--app-modal-z-index,1300);padding:var(--app-modal-edge-gap,1rem);background:#030110bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden!important}.modal{box-sizing:border-box;border-radius:var(--card-radius-lg);width:min(100%,500px);max-width:500px;max-height:min(90vh, calc(100dvh - (var(--app-modal-edge-gap,1rem) * 2)));overscroll-behavior:contain;border:1px solid rgb(var(--violet-rgb) / .2);box-shadow:0 25px 60px #000000bf, 0 0 40px rgb(var(--violet-rgb) / .12);background:linear-gradient(135deg,#08051cf5 0%,#120c3af5 100%);padding:2rem;overflow-y:auto!important}.modal-content{box-sizing:border-box;border-radius:var(--card-radius-lg);width:min(100%,800px);max-width:800px;max-height:min(90vh, calc(100dvh - (var(--app-modal-edge-gap,1rem) * 2)));overscroll-behavior:contain;border:1px solid rgb(var(--violet-rgb) / .2);box-shadow:0 25px 60px #000000bf, 0 0 40px rgb(var(--violet-rgb) / .12);background:linear-gradient(135deg,#08051cf5 0%,#120c3af5 100%);padding:2rem;overflow-y:auto!important}.modal-header{border-bottom:1px solid rgb(var(--violet-rgb) / .15);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2{color:#fff;margin:0}.close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:2rem;transition:all .3s;display:flex}.close-btn:hover{color:var(--magenta);transform:rotate(90deg)}.confirm-dialog-message{color:var(--text-secondary);line-height:1.6}.form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.modal-actions{border-top:1px solid rgb(var(--violet-rgb) / .15);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.loading-container,.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid rgb(var(--violet-rgb) / .15);border-top:3px solid var(--violet);border-radius:50%;width:3rem;height:3rem;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgb(var(--violet-rgb) / .3)}50%{box-shadow:0 0 40px rgb(var(--violet-rgb) / .6)}}@media (width<=767px){.container{padding:0 1rem}.btn{padding:.625rem 1.25rem;font-size:.9rem}.modal,.modal-content{width:min(100%, calc(100vw - (var(--app-modal-mobile-edge-gap,.75rem) * 2)));max-height:calc(100dvh - max(var(--app-modal-mobile-edge-gap,.75rem), env(safe-area-inset-top)) - max(var(--app-modal-mobile-edge-gap,.75rem), env(safe-area-inset-bottom)));overscroll-behavior:contain;border-radius:16px;margin:0;padding:1.5rem;overflow-y:auto!important}.modal-overlay{padding:var(--app-modal-mobile-edge-gap,.75rem);justify-content:center;align-items:center;overflow:hidden!important}.form-actions,.modal-actions{flex-direction:column;align-items:stretch}}@media (width<=480px){body{font-size:14px}.btn{padding:.5rem 1rem;font-size:.8rem}.btn-icon{width:1rem;height:1rem}.modal,.modal-content{padding:1rem}}.is-chromium .header-container,.is-chromium .mobile-nav,.is-chromium .nav-more-menu,.is-chromium .user-dropdown,.is-chromium .modal-overlay,.is-chromium .glass-panel{-webkit-backdrop-filter:none}@media (width<=767px){.cyber-grid-container{opacity:.68}.cyber-grid-perspective{transition:none}.cyber-symbol-item,.loader-aurora{filter:none;animation:none}.loader-starfield,.loader-stage:before,.loader-orbit,.loader-core,.loader-core__ring,.loader-scanline{animation-duration:.01ms;animation-iteration-count:1}}@media (prefers-contrast:high){.btn-secondary,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{border-top-color:var(--violet);animation:none}}.sound-toggle{background:rgb(var(--violet-rgb) / .1);border:1px solid rgb(var(--violet-rgb) / .2);color:#fff9;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex}.sound-toggle:hover{background:rgb(var(--violet-rgb) / .2);border-color:rgb(var(--violet-rgb) / .4);color:var(--cyan-light);box-shadow:0 0 10px rgb(var(--violet-rgb) / .3)}.sound-toggle .sound-icon{width:18px;height:18px}.sound-toggle.muted{opacity:.4}.sound-toggle.muted:hover{opacity:.7}.brand-mark{aspect-ratio:1;box-shadow:0 1.25rem 3rem #00000052, 0 0 0 1px rgb(var(--cyan-rgb) / .08), inset 0 1px 0 #ffffff1f;background:radial-gradient(circle at 30% 22%,#ffffff3d,#0000 60%),linear-gradient(135deg,#ffffff1f,#ffffff08),#0f1423c7;border:1px solid #ffffff1f;border-radius:26%;place-items:center;display:grid;position:relative}.brand-mark--sm{width:3rem}.brand-mark--md{width:4.5rem}.brand-mark--lg{width:6.25rem}.brand-mark__halo{z-index:-1;opacity:0;background:var(--gradient-spectrum);border-radius:34%;position:absolute;inset:-1rem}html[data-perf-tier=high] .brand-mark__halo{opacity:.45;filter:blur(14px)}.brand-mark__glyph{z-index:1;background:linear-gradient(135deg,#fff 0%,#c7d2fe 46%,#5eead4 100%);color:#0000;font-family:var(--font-display);letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1;position:relative}.brand-mark--sm .brand-mark__glyph{font-size:.85rem}.brand-mark--md .brand-mark__glyph{font-size:1.15rem}.brand-mark--lg .brand-mark__glyph{font-size:1.52rem}.brand-mark__glyph span{color:inherit;font-weight:700}.boot-splash{z-index:var(--z-loader);isolation:isolate;background:radial-gradient(circle at 22% 24%, rgb(var(--world-lab-rgb) / .1), transparent 22rem), radial-gradient(circle at 80% 30%, rgb(var(--world-studio-rgb) / .08), transparent 20rem), radial-gradient(circle at 74% 78%, rgb(var(--world-playground-rgb) / .09), transparent 22rem), radial-gradient(circle at 24% 78%, rgb(var(--world-arena-rgb) / .07), transparent 20rem), var(--ink);opacity:1;min-height:100dvh;transition:opacity .35s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot-splash--exiting{opacity:0;pointer-events:none}.boot-splash__inner{transition:transform .35s var(--ease-out);flex-direction:column;align-items:center;padding:2rem 1.25rem;display:flex}.boot-splash--exiting .boot-splash__inner{transform:scale(1.45)}.boot-splash__brand{margin-bottom:1.6rem}.boot-splash__wordmark{color:#f8fafc;font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(1.9rem,5vw,2.5rem);font-weight:800;line-height:1.1}.boot-splash__wordmark-accent{background:linear-gradient(120deg, var(--world-arena) 0%, var(--world-lab) 55%, var(--world-playground) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.boot-splash__caption{color:#94a3b8c7;letter-spacing:.28em;text-transform:uppercase;margin:.55rem 0 0;font-size:.78rem;font-weight:700}.boot-splash__bar{background:#94a3b829;border-radius:999px;width:min(14rem,64vw);height:.22rem;margin-top:2rem;position:relative;overflow:hidden}.boot-splash__bar-sweep{border-radius:inherit;background:linear-gradient(90deg, var(--world-arena), var(--world-studio), var(--world-lab), var(--world-playground));width:42%;box-shadow:0 0 14px rgb(var(--world-lab-rgb) / .55);animation:1.1s ease-in-out infinite boot-splash-sweep;position:absolute;inset:0}@keyframes boot-splash-sweep{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.boot-splash,.boot-splash__inner{transition-duration:.01ms}.boot-splash__bar-sweep{width:100%;animation:none;transform:none}.boot-splash--exiting .boot-splash__inner{transform:none}}.ui-spinner{--spinner-accent:var(--violet-light);justify-content:center;align-items:center;display:inline-flex}.ui-spinner__ring{border:3px solid #94a3b838;border-top-color:var(--spinner-accent);border-radius:50%;animation:.8s linear infinite spin;display:block}.ui-spinner--sm .ui-spinner__ring{border-width:2px;width:1.25rem;height:1.25rem}.ui-spinner--md .ui-spinner__ring{width:2rem;height:2rem}.ui-spinner--lg .ui-spinner__ring{width:2.75rem;height:2.75rem}.ui-spinner__label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ui-spinner__ring{animation-duration:1.6s}}.page-loader{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:40vh;padding:2rem 1rem;display:flex}.page-loader--screen{background:var(--bg-void);min-height:100dvh}.page-loader__brand{margin-bottom:.25rem}.page-loader__message{color:#94a3b8db;margin:0;font-size:.9rem;font-weight:500}.youtube-brand-link{transition:background var(--duration-base,.25s) var(--ease-out,ease), border-color var(--duration-base,.25s) var(--ease-out,ease), transform var(--duration-base,.25s) var(--ease-out,ease), box-shadow var(--duration-base,.25s) var(--ease-out,ease);flex-shrink:0;justify-content:center;align-items:center;line-height:0;text-decoration:none;display:inline-flex}.youtube-brand-mark{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.youtube-brand-mark--chip{background:#fff;border-radius:5px;padding:2px}.youtube-brand-link--icon-only{background:rgb(var(--ink-raised-rgb) / .85);border:1px solid rgb(var(--bone-rgb) / .12);border-radius:10px}.youtube-brand-link--icon-only:hover,.youtube-brand-link--icon-only:focus-visible{border-color:rgb(var(--world-studio-rgb) / .45);transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.youtube-brand-link--with-label{background:rgb(var(--world-studio-rgb) / .1);border:1px solid rgb(var(--world-studio-rgb) / .28);color:rgb(var(--bone-rgb) / .92);border-radius:12px;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;font-weight:600;line-height:1.2}.youtube-brand-link--with-label:hover,.youtube-brand-link--with-label:focus-visible{background:rgb(var(--world-studio-rgb) / .16);border-color:rgb(var(--world-studio-rgb) / .42);color:var(--bone);transform:translateY(-2px)}.verse-action--youtube{gap:.5rem}.youtube-brand-icon{aspect-ratio:827/579;object-fit:contain;flex-shrink:0;width:auto;height:20px;min-height:20px;display:block}.youtube-brand-icon--md{height:24px;min-height:24px}.youtube-brand-icon--lg{height:28px;min-height:28px}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.header{z-index:var(--z-header);opacity:0;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards headerSlideDown;position:fixed;top:0;left:0;right:0;transform:translateY(-100px)}.header-container{background:rgb(var(--ink-raised-rgb) / .74);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid rgb(var(--page-accent-rgb) / .15);max-width:1200px;box-shadow:0 10px 40px #0006, inset 0 1px 0 #ffffff0d, 0 0 16px rgb(var(--page-accent-rgb) / .03);border-radius:18px;justify-content:space-between;align-items:center;margin:0 auto;padding:.75rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.header.scrolled .header-container{background:rgb(var(--ink-raised-rgb) / .9);border-color:rgb(var(--page-accent-rgb) / .25);box-shadow:0 12px 48px #00000080, inset 0 1px 0 #ffffff14, 0 0 20px rgb(var(--page-accent-rgb) / .08)}.back-button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);border-radius:10px;align-items:center;gap:.5rem;margin-right:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.back-button:hover{background:var(--bg-card-hover);border-color:rgb(var(--bone-rgb) / .18);color:var(--text-primary);transform:translate(-2px)}.back-icon{width:1rem;height:1rem}.logo a{color:inherit;text-decoration:none}.logo-icon{font-size:1.4rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;align-items:baseline;margin-bottom:.15rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.logo:hover .logo-icon{transform:perspective(500px)rotateY(-3deg)scale(1.02)}.logo-text{color:#fff}.logo-accent{background:linear-gradient(135deg, var(--world-arena) 0%, var(--world-playground) 100%);color:#0000;text-shadow:0 0 12px rgb(var(--world-arena-rgb) / .18);-webkit-background-clip:text;background-clip:text;margin:0 .05rem;font-weight:900}.logo-subtitle{font-family:var(--font-primary);color:var(--text-muted);letter-spacing:.15rem;text-transform:uppercase;text-align:center;opacity:.8;font-size:.65rem;font-weight:600}.logo{transition:transform .2s}.logo:active{transform:scale(.95)}.nav-item-wrapper{opacity:0;transition:transform .2s;animation:.4s cubic-bezier(.16,1,.3,1) forwards navLinkEnter;transform:translateY(-20px)}.nav-item-wrapper:hover{transform:scale(1.1)}.nav-item-wrapper:active{transform:scale(.95)}@keyframes navLinkEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.desktop-nav{align-items:center;gap:.5rem;display:flex}.nav-link{color:var(--text-secondary);font-family:var(--font-primary);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--bone-rgb) / .05), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-link:hover:before{left:100%}.nav-link:after{content:"";background:linear-gradient(90deg, var(--world-arena), var(--world-lab), var(--world-playground));border-radius:99px;width:0;height:2.5px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--text-primary);background:rgb(var(--bone-rgb) / .06)}.nav-link:hover:after{width:60%}.nav-link.active{color:#fff;background:rgb(var(--page-accent-rgb) / .08);box-shadow:inset 0 1px 0 rgb(var(--page-accent-rgb) / .15), 0 0 12px rgb(var(--page-accent-rgb) / .03)}.nav-link.active:after{background:var(--page-accent);width:70%;box-shadow:0 0 12px var(--page-accent)}.nav-icon{opacity:.7;width:1rem;height:1rem;transition:opacity .2s}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{opacity:1}.nav-more{position:relative}.nav-more-trigger{border:none}.nav-more-icon{transition:transform .2s}.nav-more-icon.open{transform:rotate(180deg)}.nav-more-menu{background:rgb(var(--ink-raised-rgb) / .88);border:1px solid rgb(var(--page-accent-rgb) / .14);min-width:240px;box-shadow:0 24px 60px #0009, 0 0 20px rgb(var(--page-accent-rgb) / .04);-webkit-backdrop-filter:blur(24px);z-index:20;border-radius:16px;padding:.5rem;animation:.2s ease-out dropdown-enter;position:absolute;top:calc(100% + .75rem);right:0}.nav-more-section{border-top:1px solid #94a3b81f;margin-top:.4rem;padding:.65rem .55rem .5rem}.nav-more-section-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:700;display:block}.nav-more-utilities,.nav-more-social{align-items:center;gap:.5rem;display:flex}.nav-more-social-link{width:2.15rem;height:2.15rem;color:var(--text-secondary);background:rgb(var(--bone-rgb) / .06);border:1px solid #94a3b81f;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.nav-more-social-link:hover{color:#fff;background:rgb(var(--bone-rgb) / .1);border-color:rgb(var(--bone-rgb) / .2)}.nav-more-social-youtube,.mobile-social-youtube{justify-content:center;align-items:center;display:inline-flex}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-more-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:.6rem;padding:.7rem .85rem;transition:background .2s,color .2s;display:flex}.nav-more-link:hover,.nav-more-link.active{background:rgb(var(--bone-rgb) / .08);color:var(--text-primary)}.desktop-actions{border-left:1px solid var(--border-color);align-items:center;gap:.75rem;margin-left:.75rem;padding-left:.75rem;display:flex}.header-primary-cta{background:var(--bone);color:var(--ink);font-family:var(--font-primary);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 4px 16px rgb(var(--bone-rgb) / .14);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1.15rem;font-size:.82rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.header-primary-cta:hover{box-shadow:0 8px 22px rgb(var(--bone-rgb) / .2);transform:translateY(-2px)}.header-utility{align-items:center;gap:.5rem;display:flex}.user-menu-wrapper{position:relative}.user-avatar-btn{color:#fff;cursor:pointer;width:34px;height:34px;font-size:.7rem;font-weight:800;font-family:var(--font-primary);border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.user-avatar-btn:hover{border-color:rgb(var(--bone-rgb) / .4);box-shadow:0 0 12px rgb(var(--bone-rgb) / .12);transform:scale(1.08)}.user-dropdown{background:rgb(var(--ink-raised-rgb) / .96);border:1px solid var(--border-color);min-width:180px;z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;animation:.2s ease-out dropdown-enter;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 15px 40px #0006}.user-dropdown-header{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.user-dropdown-name{color:var(--text-primary);font-size:.85rem;font-weight:600;display:block}.user-dropdown-team{color:var(--violet-light);margin-top:.15rem;font-size:.7rem;display:block}.user-dropdown-item{width:100%;color:var(--text-secondary);font-family:var(--font-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:.6rem 1rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:block}.user-dropdown-item:hover{background:rgb(var(--bone-rgb) / .06);color:var(--text-primary)}.user-dropdown-item.danger:hover{color:var(--rose);background:#f43f5e14}.header-login-btn{background:rgb(var(--page-accent-rgb) / .05);border:1px solid rgb(var(--page-accent-rgb) / .25);color:var(--page-accent);font-family:var(--font-primary);cursor:pointer;border-radius:10px;padding:.45rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.header-login-btn:hover{background:rgb(var(--page-accent-rgb) / .1);border-color:var(--page-accent);color:#fff;box-shadow:0 0 12px rgb(var(--page-accent-rgb) / .2);transform:translateY(-1px)}.header-auth-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border:1px solid #ffffff0d;border-radius:10px;width:58px;height:30px;animation:1.5s linear infinite authShimmer}.mobile-auth-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border:1px solid #ffffff0d;border-radius:12px;width:100%;height:44px;margin:.5rem 0;animation:1.5s linear infinite authShimmer}@keyframes authShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-menu-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.5rem;transition:all .3s;display:none}.mobile-menu-button:hover{background:rgb(var(--bone-rgb) / .08)}.menu-icon{width:1.5rem;height:1.5rem}.mobile-nav{opacity:0;background:rgb(var(--ink-raised-rgb) / .96);width:100%;max-height:0;z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:0 solid #0000;border-radius:16px;margin-top:.5rem;padding:0 1.5rem;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .35s,padding .35s,border-bottom .35s;display:block;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 20px 40px #0009}.mobile-nav[hidden]{display:none}.mobile-nav.open{opacity:1;border-bottom:1px solid var(--border-color);overscroll-behavior:contain;max-height:min(580px,100dvh - 7rem);padding:1.5rem;overflow-y:auto}.mobile-nav-item{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards mobileItemEnter;transform:translate(-20px)}@keyframes mobileItemEnter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mobile-social-item{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards mobileSocialEnter;transform:translateY(20px)}@keyframes mobileSocialEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.mobile-nav-link{color:var(--text-secondary);font-family:var(--font-primary);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.mobile-nav-link:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--bone-rgb) / .05), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.mobile-nav-link:hover:before{left:100%}.mobile-nav-link:hover{background:rgb(var(--bone-rgb) / .08);color:var(--text-primary)}.mobile-nav-link.active{background:rgb(var(--bone-rgb) / .1);color:#fff}.mobile-nav-icon{opacity:.7;width:1.2rem;height:1.2rem}.mobile-social{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:1.5rem;margin-top:.5rem;padding:1rem;display:flex}.mobile-social-link{color:var(--text-muted);background:rgb(var(--bone-rgb) / .05);border-radius:10px;padding:.5rem;transition:all .3s}.mobile-social-link:hover{background:rgb(var(--bone-rgb) / .1);color:var(--text-primary);transform:translateY(-2px)}.mobile-social-icon{width:1.4rem;height:1.4rem}.mobile-user-section{border-top:1px solid var(--border-color);margin-top:.5rem;padding:.75rem 0}.mobile-login-link{color:var(--violet-light);font-weight:600}.mobile-logout-btn{text-align:left;color:#f43f5eb3;cursor:pointer;width:100%;font-family:var(--font-primary);background:0 0;border:none}.live-pulse-dot{background:var(--emerald);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:4px;animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 6px #10b98199}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@media (width<=1024px){.header{padding:.75rem 1rem}.header-container{padding:.6rem 1rem}.desktop-nav,.desktop-actions,.cta-button{display:none}.mobile-menu-button{display:block}.mobile-nav{display:block;left:1rem;right:1rem}.logo-icon{font-size:1.2rem}.logo-subtitle{font-size:.6rem}}@media (width<=480px){.header{padding:.5rem .75rem}.header-container{border-radius:12px;padding:.5rem .75rem}.mobile-nav{border-radius:12px;left:.75rem;right:.75rem}.mobile-nav-link{padding:.75rem 1rem}.logo-icon{font-size:1.1rem}.logo-subtitle{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.header,.header-container,.nav-link,.mobile-nav-link,.cta-button,.header-primary-cta,.nav-link:after,.nav-link:before,.mobile-nav-link:before{transition:none}}.issue-reporter-overlay{-webkit-backdrop-filter:blur(10px);width:100vw;height:100vh;z-index:var(--z-modal);background:#03050cb3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.issue-reporter-modal{background:#0a0f1ed9;border:1px solid #00f2fe33;border-radius:12px;width:100%;max-width:580px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 15px #00f2fe0d}.issue-reporter-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.issue-reporter-header .title-wrapper{align-items:center;gap:.75rem;display:flex}.issue-reporter-header .header-icon{color:#ef4444;width:24px;height:24px}.issue-reporter-header h3{font-family:var(--font-primary);color:#f8fafc;margin:0;font-size:1.25rem;font-weight:700}.issue-reporter-header .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.issue-reporter-header .close-btn:hover{color:#f8fafc;background:#ffffff0d}.issue-reporter-header .close-icon{width:20px;height:20px}.issue-reporter-form .form-info{color:#94a3b8;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.issue-reporter-form .categories-label{text-transform:uppercase;color:#f8fafc;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.issue-reporter-form .categories-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.category-select-btn{color:#94a3b8;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .5rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.category-select-btn:hover{color:#f8fafc;background:#ffffff0d;border-color:#ffffff26}.category-select-btn.active{color:#00f2fe;background:#00f2fe14;border-color:#00f2fe66;box-shadow:0 0 10px #00f2fe1a}.cat-btn-icon{width:14px;height:14px}.issue-textarea{color:#f8fafc;resize:vertical;background:#05081099;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;min-height:140px;padding:1rem;font-family:inherit;font-size:.9rem;line-height:1.5;transition:all .2s}.issue-textarea:focus{background:#050810cc;border-color:#00f2fe66;box-shadow:0 0 12px #00f2fe14}.char-counter{text-align:right;color:#64748b;margin-top:.25rem;font-size:.75rem}.reporter-error-alert{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem}.issue-reporter-form .form-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.issue-reporter-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.success-emoji{margin-bottom:1.5rem;font-size:3rem}html[data-perf-tier=high] .success-emoji{animation:2s infinite bounce}@media (prefers-reduced-motion:reduce){html[data-perf-tier=high] .success-emoji{animation:none}}.issue-reporter-result h4{color:#00f2fe;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.issue-reporter-result p{color:#94a3b8;max-width:380px;margin:0;font-size:.9rem;line-height:1.6}.modal-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#00f2fe12 0%,#0000 70%);width:250px;height:250px;position:absolute;bottom:-100px;right:-100px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.footer{background:rgb(var(--ink-rgb) / .94);border-top:1px solid rgb(var(--bone-rgb) / .08);padding:4.5rem 2rem 1.5rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, rgb(var(--world-arena-rgb) / .4), rgb(var(--world-studio-rgb) / .35), rgb(var(--world-lab-rgb) / .35), rgb(var(--world-playground-rgb) / .4), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer-watermark{color:#0000;-webkit-text-stroke:1px rgb(var(--bone-rgb) / .05);font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(4.5rem,13vw,11rem);font-weight:800;line-height:1;position:absolute;bottom:-.12em;left:50%;transform:translate(-50%)}.footer-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.footer-content{grid-template-columns:minmax(0,1.3fr) minmax(0,2.4fr);align-items:start;gap:3rem;margin-bottom:3rem;display:grid}.footer-mark{aspect-ratio:1;place-items:center;width:3.4rem;margin-bottom:.9rem;display:grid;position:relative}.footer-mark-ring{background:var(--gradient-spectrum);-webkit-mask-composite:xor;border-radius:50%;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.footer-mark-glyph{color:var(--bone);font-family:var(--font-display);font-size:.95rem;font-weight:800}.footer-mark-glyph span{background:var(--gradient-spectrum);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer .brand-logo{font-size:1.4rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;align-items:baseline;margin-bottom:.5rem;display:flex}.footer .logo-text{color:var(--bone)}.brand-tagline{font-family:var(--font-primary);color:rgb(var(--bone-rgb) / .55);max-width:32ch;margin:0 0 1.25rem;font-size:.85rem;font-weight:400;line-height:1.6}.footer-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem;display:grid}.footer-column{--column-accent:var(--bone);flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.footer-column--arena{--column-accent:var(--world-arena)}.footer-column--studio{--column-accent:var(--world-studio)}.footer-column--lab{--column-accent:var(--world-lab)}.footer-column--playground{--column-accent:var(--world-playground)}.footer-column-title{color:var(--column-accent);font-family:var(--font-primary);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:700}.footer-link{font-family:var(--font-primary);font-size:.88rem;font-weight:500;text-decoration:none}.footer-link-wipe{--wipe-base:rgb(var(--bone-rgb) / .6);--wipe-accent:var(--column-accent,var(--bone))}.footer-link--button{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.footer-link--meta .footer-link-wipe{--wipe-accent:var(--bone)}.footer-social{align-items:center;gap:.5rem;display:flex}.social-link{width:2.4rem;height:2.4rem;color:rgb(var(--bone-rgb) / .6);background:rgb(var(--ink-raised-rgb) / .85);border:1px solid rgb(var(--bone-rgb) / .12);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.social-link:hover{border-color:currentColor;transform:translateY(-3px);box-shadow:0 8px 20px #00000040}.social-link--youtube.youtube-brand-link--icon-only:hover{border-color:rgb(var(--world-studio-rgb) / .45)}.social-link--instagram:hover{color:var(--world-playground)}.social-link--discord:hover{color:var(--world-lab)}.social-icon{width:1.05rem;height:1.05rem}.footer-bottom{border-top:1px solid rgb(var(--bone-rgb) / .08);padding-top:1.5rem}.footer-bottom-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.copyright{color:rgb(var(--bone-rgb) / .55);font-family:var(--font-primary);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.heart-icon{width:.8rem;height:.8rem;color:var(--rose)}html[data-perf-tier=high] .heart-icon{animation:2.4s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){html[data-perf-tier=high] .heart-icon{animation:none}}.footer-meta-links{align-items:center;gap:1.4rem;display:flex}.scroll-to-top{background:rgb(var(--ink-raised-rgb) / .85);border:1px solid rgb(var(--bone-rgb) / .12);width:2.25rem;height:2.25rem;color:rgb(var(--bone-rgb) / .6);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.scroll-to-top:hover{border-color:rgb(var(--bone-rgb) / .3);color:var(--bone);transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.scroll-icon{width:.9rem;height:.9rem}@media (width<=1024px){.footer-content{grid-template-columns:1fr;gap:2.25rem}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.75rem}}@media (width<=767px){.footer{padding:3rem 1rem 1rem}.footer-bottom-content{text-align:center;flex-direction:column;gap:1rem}.footer .brand-logo{font-size:1.2rem}}@media (width<=480px){.footer{padding:2rem .75rem 1rem}.footer-link{font-size:.82rem}.copyright{font-size:.7rem}.scroll-to-top{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){.heart-icon{animation:none}.social-link,.scroll-to-top{transition:none}}.error-boundary{background:radial-gradient(circle at 50% 50%, #f43f5e0a, transparent 45%), var(--bg-void);min-height:100vh;font-family:var(--font-primary);color:var(--bone);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.error-boundary-container{z-index:2;width:100%;max-width:480px}.error-content{-webkit-backdrop-filter:blur(16px);background:#0d122373;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex;box-shadow:0 24px 64px #0006,inset 0 1px #ffffff0d}.error-icon{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex;box-shadow:0 0 20px #f59e0b14}.error-icon .icon{color:#f59e0b;width:24px;height:24px}.error-title{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;color:#fff;margin:0 0 .75rem;font-size:1.6rem;font-weight:700}.error-description{color:#ffffff8c;text-align:center;max-width:320px;margin:0 0 2rem;font-size:.88rem;line-height:1.6}.error-actions{gap:.75rem;width:100%;display:flex}.error-actions button{flex:1}@media (width<=480px){.error-actions{flex-direction:column}}.error-boundary .btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex}.error-boundary .btn-primary{background:rgb(var(--violet-rgb) / .1);border-color:rgb(var(--violet-rgb) / .4);color:#c084fc;box-shadow:0 4px 12px rgb(var(--violet-rgb) / .08)}.error-boundary .btn-primary:hover{background:rgb(var(--violet-rgb) / .2);border-color:rgb(var(--violet-rgb) / .6);box-shadow:0 4px 20px rgb(var(--violet-rgb) / .15)}.error-boundary .btn-secondary{color:#fffc;background:0 0;border-color:#ffffff1f}.error-boundary .btn-secondary:hover{color:#fff;background:#ffffff0d;border-color:#ffffff40}.error-details{text-align:left;background:#0000004d;border:1px solid #ffffff14;border-radius:14px;width:100%;margin-top:1.5rem;padding:1.25rem}.error-details summary{color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:.78rem;font-weight:600}.error-details[open] summary{color:#ffffffd9;margin-bottom:.75rem}.error-stack{max-height:200px;padding-right:.5rem;overflow-y:auto}.error-stack h4{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;margin:.75rem 0 .25rem;font-size:.75rem}.error-stack h4:first-of-type{margin-top:0}.error-stack pre{font-family:var(--font-mono);color:#ffffffb3;white-space:pre-wrap;word-break:break-all;background:#0003;border-radius:6px;margin:0;padding:.5rem;font-size:.72rem}.error-stack::-webkit-scrollbar{width:4px}.error-stack::-webkit-scrollbar-track{background:0 0}.error-stack::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:.625rem;width:calc(100% - 2.5rem);max-width:420px;display:flex;position:fixed;top:1.25rem;right:1.25rem}.toast-item{-webkit-backdrop-filter:blur(20px);pointer-events:auto;font-family:var(--font-primary);border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.4;display:flex;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff0d}.toast-item-enter{animation:.3s ease-out both toast-slide-in}@keyframes toast-slide-in{0%{opacity:0;transform:translate(80px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.toast-item-enter{animation:.15s ease-out both toast-fade-in}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}}.toast-item:hover{transition:transform .15s;transform:translate(-4px)}.toast-success{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.toast-error{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.toast-info{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f659}.toast-warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b59}.toast-icon{flex-shrink:0;width:1.15rem;height:1.15rem}.toast-message{flex:1;font-weight:500}.toast-close{width:1.75rem;height:1.75rem;color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s,background-color .2s;display:flex}.toast-close-icon{width:1rem;height:1rem}.toast-close:hover,.toast-close:focus-visible{opacity:1;background:#ffffff14}@media (width<=480px){.toast-container{width:calc(100% - 1.5rem);max-width:none;top:.75rem;right:.75rem}.toast-item{padding:.75rem 1rem;font-size:.8rem}}:root{--mobile-bottom-nav-height:3.75rem}.mobile-bottom-nav{height:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));background:var(--ink-raised);border-top:1px solid rgb(var(--bone-rgb) / .08);z-index:var(--z-bottom-nav);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 32px #00000080, inset 0 1px 0 rgb(var(--bone-rgb) / .04);will-change:transform;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}.mobile-bottom-nav:after{content:"";background:var(--ink-raised);pointer-events:none;height:100px;position:absolute;top:100%;left:0;right:0}.mobile-bottom-nav-item{--tab-accent:var(--bone);--tab-accent-rgb:var(--bone-rgb);height:100%;color:rgb(var(--bone-rgb) / .5);font-family:var(--font-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-bottom-nav-item--arena{--tab-accent:var(--world-arena);--tab-accent-rgb:var(--world-arena-rgb)}.mobile-bottom-nav-item--assist{--tab-accent:var(--world-lab);--tab-accent-rgb:var(--world-lab-rgb)}.champions-item{--tab-accent:var(--gold);--tab-accent-rgb:var(--gold-rgb)}.mobile-bottom-icon{width:1.35rem;height:1.35rem;transition:transform .2s}.mobile-bottom-label{letter-spacing:.02em}.mobile-bottom-nav-item:active .mobile-bottom-icon{transform:scale(.88)}.mobile-bottom-nav-item.active:before{content:"";background:radial-gradient(circle at 50% 28%, rgb(var(--tab-accent-rgb) / .14), transparent 72%);pointer-events:none;border-radius:14px;position:absolute;inset:.3rem .45rem}.mobile-bottom-nav-item.active{color:var(--tab-accent)}.mobile-bottom-nav-item.active .mobile-bottom-icon{filter:drop-shadow(0 0 6px rgb(var(--tab-accent-rgb) / .55));transform:translateY(-2px)}.mobile-bottom-nav-item.active:after{content:"";background:var(--tab-accent);width:2rem;height:2px;box-shadow:0 0 10px rgb(var(--tab-accent-rgb) / .7);border-radius:9999px;position:absolute;top:0}.mobile-bottom-nav-item--home.active:after{background:linear-gradient(90deg, var(--world-arena), var(--world-lab), var(--world-playground))}@media (width<=767px){.mobile-bottom-nav{display:flex}body{padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))!important}}.skip-link{z-index:var(--z-system);background:var(--ink,#0a0a0f);color:var(--bone,#f5f0e8);border-radius:.5rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:1rem;box-shadow:0 4px 24px #00000059}.skip-link:focus{top:1rem}:root{--bg-void:#06080f;--bg-deep:#0a0e1a;--bg-surface:#0f1423;--bg-card:#0d1223b8;--bg-card-hover:#161e37d9;--violet:#6366f1;--violet-light:#818cf8;--violet-dark:#4f46e5;--magenta:#a855f7;--magenta-light:#c084fc;--cyan:#14b8a6;--cyan-light:#2dd4bf;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--gold:#fbbf24;--violet-rgb:99 102 241;--violet-light-rgb:129 140 248;--magenta-rgb:168 85 247;--magenta-light-rgb:192 132 252;--cyan-rgb:20 184 166;--cyan-light-rgb:45 212 191;--emerald-rgb:16 185 129;--amber-rgb:245 158 11;--rose-rgb:244 63 94;--gold-rgb:251 191 36;--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-display:"Space Grotesk", "Outfit", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--text-kicker:.78rem;--text-body:1rem;--text-body-lg:clamp(1rem, 1.6vw, 1.12rem);--text-display:clamp(2rem, 5vw, 3.25rem);--z-base:0;--z-raised:10;--z-header:100;--z-dropdown:200;--z-bottom-nav:300;--z-fab:350;--z-modal:1300;--z-toast:1400;--z-loader:1500;--z-system:1600;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--bg-card-solid:#11162a;--ink:#0b0b0d;--ink-raised:#141418;--bone:#f2efe6;--bone-muted:#a9a698;--ink-rgb:11 11 13;--ink-raised-rgb:20 20 24;--bone-rgb:242 239 230;--world-arena:#c8f542;--world-studio:#ff5c4d;--world-lab:#4d9fff;--world-playground:#e34dd5;--world-arena-rgb:200 245 66;--world-studio-rgb:255 92 77;--world-lab-rgb:77 159 255;--world-playground-rgb:227 77 213;--page-accent:var(--bone);--page-accent-rgb:var(--bone-rgb);--focus-ring:var(--page-accent);--focus-ring-offset:3px;--gradient-spectrum:conic-gradient(from 220deg, var(--world-arena), var(--world-studio), var(--world-lab), var(--world-playground), var(--world-arena));--neon-cyan:var(--cyan-light);--neon-purple:var(--violet-light);--neon-pink:var(--magenta-light);--neon-blue:var(--violet);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#94a3b81f;--gradient-primary:linear-gradient(135deg, var(--violet) 0%, var(--magenta) 100%);--gradient-aurora:linear-gradient(135deg, #6366f1 0%, #a855f7 40%, #14b8a6 100%);--gradient-glass:linear-gradient(135deg, #6366f114 0%, #0d122399 100%);--gradient-dark:linear-gradient(180deg, var(--bg-void) 0%, var(--bg-deep) 50%, var(--bg-surface) 100%);--glass-bg:#0d1223a6;--glass-bg-hover:#161e37cc;--glass-border:1px solid var(--border-color);--glass-border-hover:1px solid #6366f147;--glass-blur:blur(16px);--glow-violet:0 8px 32px #6366f11f, 0 0 1px #6366f133;--glow-magenta:0 8px 32px #a855f71f, 0 0 1px #a855f733;--glow-cyan:0 8px 32px #14b8a61f, 0 0 1px #14b8a633;--glow-aurora:0 12px 40px #6366f11a, 0 4px 20px #a855f70f;--section-gap:6rem;--card-radius:14px;--card-radius-lg:18px}html[data-route-accent=arena]{--page-accent:var(--world-arena);--page-accent-rgb:var(--world-arena-rgb)}html[data-route-accent=gold]{--page-accent:var(--gold);--page-accent-rgb:var(--gold-rgb)}html[data-route-accent=studio]{--page-accent:var(--world-studio);--page-accent-rgb:var(--world-studio-rgb)}html[data-route-accent=lab]{--page-accent:var(--world-lab);--page-accent-rgb:var(--world-lab-rgb)}html[data-route-accent=playground]{--page-accent:var(--world-playground);--page-accent-rgb:var(--world-playground-rgb)}html[data-route-accent=operations]{--page-accent:var(--emerald);--page-accent-rgb:var(--emerald-rgb)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#0b0b0d;background:var(--ink);scrollbar-gutter:stable;font-size:16px}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0b0d;background:var(--ink);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:clip}#root{background-color:#0b0b0d;background-color:var(--ink);background-image:radial-gradient(ellipse 60% 40% at 50% -12%, rgb(var(--bone-rgb) / .04) 0%, transparent 55%);min-height:100vh}html[data-route-family=operations] #root{background-color:var(--bg-void);background-image:radial-gradient(70% 50% at 50% -15%,#6366f114 0%,#0000 50%),radial-gradient(50% 40% at 85%,#a855f70a 0%,#0000 50%)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-weight:700;line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);text-align:left;max-width:70ch;margin-bottom:1rem;line-height:1.6}.text-center,.text-center p,p.text-center,.header-content p,.coding-header-content p,.gaming-header-content p,.chat-header p,.league-header p,.section-header p,.recent-matches-section p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.glass-panel{background:var(--bg-card-solid);border:var(--glass-border);border-radius:var(--card-radius-lg);transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000002e}.glass-panel:hover{border:1px solid rgb(var(--page-accent-rgb) / .28);box-shadow:0 10px 28px rgb(var(--ink-rgb) / .22);transform:translateY(-2px)}.verse-page-shell{--route-surface:rgb(var(--ink-raised-rgb) / .74);--route-border:rgb(var(--page-accent-rgb) / .18);background:radial-gradient(ellipse 52% 32% at 50% -8%, rgb(var(--page-accent-rgb) / .06), transparent 72%), var(--ink)}.verse-page-header{width:min(1200px,100%);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.verse-surface{background:var(--route-surface,rgb(var(--ink-raised-rgb) / .74));border:1px solid var(--route-border,rgb(var(--page-accent-rgb) / .18));border-radius:var(--card-radius-lg);box-shadow:0 12px 36px rgb(var(--ink-rgb) / .22);transition:border-color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out)}.verse-surface:hover{border-color:rgb(var(--page-accent-rgb) / .32)}.verse-status{border:1px solid rgb(var(--page-accent-rgb) / .24);color:rgb(var(--bone-rgb) / .82);background:rgb(var(--page-accent-rgb) / .07);border-radius:12px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.verse-status--danger{border-color:rgb(var(--rose-rgb) / .3);background:rgb(var(--rose-rgb) / .08)}.verse-action{border:1px solid rgb(var(--page-accent-rgb) / .38);min-height:2.75rem;color:var(--bone);background:rgb(var(--page-accent-rgb) / .1);font-family:var(--font-primary);font-size:var(--text-body);letter-spacing:0;cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.verse-action:hover,.verse-action:focus-visible{border-color:rgb(var(--page-accent-rgb) / .7);background:rgb(var(--page-accent-rgb) / .16);transform:translateY(-1px)}.verse-action--primary{color:var(--ink);background:var(--bone);border-color:#0000}.verse-action--primary:hover,.verse-action--primary:focus-visible{color:var(--ink);background:var(--bone);box-shadow:0 8px 24px rgb(var(--bone-rgb) / .18);border-color:#0000}.verse-action--secondary{color:rgb(var(--bone-rgb) / .88);background:rgb(var(--ink-raised-rgb) / .55);border-color:rgb(var(--bone-rgb) / .16)}.verse-action--secondary:hover,.verse-action--secondary:focus-visible{color:var(--bone);background:rgb(var(--ink-raised-rgb) / .8);border-color:rgb(var(--page-accent-rgb) / .4);box-shadow:none}.verse-action--youtube{border-color:rgb(var(--world-studio-rgb) / .42);background:rgb(var(--world-studio-rgb) / .12);gap:.5rem}.verse-action--youtube:hover,.verse-action--youtube:focus-visible{border-color:rgb(var(--world-studio-rgb) / .65);background:rgb(var(--world-studio-rgb) / .2)}html[data-perf-tier=high] .glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)}html[data-perf-tier=high] .glass-panel:hover{background:var(--glass-bg-hover)}html[data-perf-tier=low] .header-container,html[data-perf-tier=low] .mobile-bottom-nav,html[data-perf-tier=low] .mobile-nav,html[data-perf-tier=low] .nav-more-menu,html[data-perf-tier=low] .user-dropdown,html[data-perf-tier=low] .modal-overlay,html[data-perf-tier=low] .toast-item,html[data-perf-tier=medium] .header-container,html[data-perf-tier=medium] .mobile-bottom-nav,html[data-perf-tier=medium] .mobile-nav,html[data-perf-tier=medium] .nav-more-menu,html[data-perf-tier=medium] .user-dropdown,html[data-perf-tier=medium] .modal-overlay,html[data-perf-tier=medium] .toast-item,html:not([data-perf-tier=high]) .dash-card,html:not([data-perf-tier=high]) .league-card,html:not([data-perf-tier=high]) .feature-card,html:not([data-perf-tier=high]) .efdb-card,html:not([data-perf-tier=high]) .efb-card,html:not([data-perf-tier=high]) .members-card,html:not([data-perf-tier=high]) .stats-glass-card{-webkit-backdrop-filter:none}.text-wipe{--wipe-base:var(--bone);--wipe-accent:var(--world-arena);color:var(--wipe-base);transition:color .3s var(--ease-out)}.text-wipe:hover,.juggle-trigger:hover .text-wipe,.juggle-trigger:focus-visible .text-wipe,a:hover .text-wipe,a:focus-visible .text-wipe,button:hover .text-wipe{color:var(--wipe-accent)}@media (prefers-reduced-motion:reduce){.text-wipe{transition:none}}.juggle-text__char{display:inline-block}html[data-perf-tier=high] .juggle-trigger:hover .juggle-text__char,html[data-perf-tier=high] .juggle-trigger:focus-visible .juggle-text__char{animation:text-juggle .55s var(--ease-spring) both;animation-delay:calc(var(--char-index,0) * 35ms)}@keyframes text-juggle{0%{transform:translateY(0)}35%{transform:translateY(-.28em)rotate(3deg)}70%{transform:translateY(.08em)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html[data-perf-tier=high] .juggle-trigger:hover .juggle-text__char,html[data-perf-tier=high] .juggle-trigger:focus-visible .juggle-text__char{animation:none}}.title-highlight{background:linear-gradient(110deg, var(--page-accent) 0%, var(--bone) 55%, var(--page-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-route-accent=spectrum] .title-highlight{background:linear-gradient(110deg, var(--world-arena) 0%, var(--world-studio) 35%, var(--world-lab) 65%, var(--world-playground) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-accent{background:linear-gradient(110deg, var(--world-arena) 0%, var(--world-lab) 55%, var(--world-playground) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}section{z-index:2;position:relative}.ui-skeleton{background:#94a3b814;border-radius:8px;position:relative;overflow:hidden}.ui-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#94a3b81a,#0000);animation:1.6s ease-in-out infinite ui-skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes ui-skeleton-sweep{to{transform:translate(100%)}}.ui-skeleton--text{width:100%;height:.85rem}.ui-skeleton--row{border-radius:10px;width:100%;height:2.75rem}.ui-skeleton--card{border-radius:var(--card-radius-lg);border:1px solid var(--border-color);width:100%;height:180px}.ui-skeleton--circle{border-radius:50%;width:2.5rem;height:2.5rem}@keyframes aurora-shift{0%,to{background-position:0%}50%{background-position:200%}}@keyframes float-3d{0%,to{transform:translateY(0)rotateX(0)}25%{transform:translateY(-6px)rotateX(1deg)}50%{transform:translateY(-12px)rotateX(0)}75%{transform:translateY(-6px)rotateX(-1deg)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}@keyframes iridescent{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:rgb(var(--bone-rgb) / .28);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--page-accent-rgb) / .55)}::selection{background:rgb(var(--page-accent-rgb) / .35);color:#fff}:focus-visible{outline:2px solid var(--focus-ring,var(--page-accent));outline-offset:var(--focus-ring-offset,3px);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn,.cyber-button,.verse-action,.header-primary-cta,.header-login-btn,.login-btn,.admin-login-submit,.not-found-home-btn,.filter-button,.view-button{letter-spacing:0;min-height:44px;font-family:var(--font-primary);border-radius:10px;font-weight:600;transition:background-color .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}.btn-primary{color:var(--ink);background:var(--bone);box-shadow:0 4px 16px rgb(var(--bone-rgb) / .12);border:1px solid #0000}.btn-primary:hover{box-shadow:0 8px 24px rgb(var(--bone-rgb) / .2);transform:translateY(-2px)}.cyber-button.primary{color:#fff;background:var(--violet);border:1px solid #6366f166;box-shadow:0 4px 16px #6366f126}.cyber-button.primary:hover{background:var(--violet-dark);transform:translateY(-2px);box-shadow:0 8px 24px #6366f140}.header-primary-cta,.login-btn,.admin-login-submit,.not-found-home-btn{color:var(--ink);background:var(--bone);border:1px solid #0000}.header-primary-cta:hover,.login-btn:hover:not(:disabled),.admin-login-submit:hover:not(:disabled),.not-found-home-btn:hover{box-shadow:0 8px 24px rgb(var(--bone-rgb) / .2);transform:translateY(-2px)}.btn-secondary,.cyber-button.secondary,.filter-button,.view-button{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color)}.btn-secondary:hover,.filter-button:hover,.view-button:hover{background:var(--bg-card-hover);border-color:rgb(var(--page-accent-rgb) / .35);box-shadow:0 8px 24px rgb(var(--ink-rgb) / .2);transform:translateY(-2px)}.cyber-button.secondary:hover{background:var(--bg-card-hover);box-shadow:var(--glow-violet);border-color:#6366f140;transform:translateY(-2px)}.filter-button.active,.view-button.active,.nav-link.active,.mobile-nav-link.active,.nav-more-link.active{color:var(--bone);background:rgb(var(--page-accent-rgb) / .14);border-color:rgb(var(--page-accent-rgb) / .32)}input:not([type=checkbox]):not([type=radio]),select,textarea,.cyber-input,.cyber-select,.players-search,.players-filter-select,.chat-input,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{min-height:44px;color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-primary);background:#06080f80;border-radius:10px;transition:border-color .2s,box-shadow .2s}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.cyber-input:focus,.cyber-select:focus,.players-search:focus,.players-filter-select:focus,.chat-input:focus{border-color:rgb(var(--page-accent-rgb) / .55);box-shadow:0 0 0 3px rgb(var(--page-accent-rgb) / .12);outline:none}label,.input-label,.stat-label,.badge-desc,.page-description,.brand-tagline,.footer-link{color:var(--text-secondary)}.saved-data-notice{width:fit-content;color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b38;border-radius:999px;margin:.75rem auto 0;padding:.35rem .65rem;font-size:.78rem;line-height:1.35}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}