.credits-button{position:fixed;top:20px;right:20px;z-index:1101;width:61px;height:46px;padding:0;border:none;border-radius:11px;background:rgb(0 0 0 / .185);backdrop-filter:blur(28px) saturate(100%);-webkit-backdrop-filter:blur(28px) saturate(100%);border:1px solid rgb(255 255 255 / .18);color:rgb(255 255 255 / .85);font-size:18px;font-weight:500;font-family:'Montserrat',sans-serif;cursor:pointer;transition:right 0.4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4)}.credits-button:hover{background:rgb(0 0 0 / .22);color:rgb(255 255 255 / .95)}.credits-button:active{transform:scale(.96)}.credits-button-content{display:flex;flex-direction:column;align-items:center;gap:4px}.credits-button-content i{font-size:18px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-color-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;transition:all 0.3s ease}.credits-button:hover .credits-button-content i{background:linear-gradient(135deg,var(--accent-color-hover) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;transform:scale(1.1)}.credits-button-label{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}@keyframes heartPulse{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.credits-button-clicked .credits-button-content i{animation:heartPulse 0.6s ease-in-out;background:linear-gradient(270deg,var(--accent-color),var(--accent-color-hover),var(--accent-color),var(--accent-color-hover));background-size:200% 200%;animation:heartPulse 0.6s ease-in-out,gradientShift 0.6s ease-in-out;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.control-panel-floating.open~.credits-button{right:460px}.control-panel-docked.open~.credits-button{right:430px}.credits-lightbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:10000;width:85%;max-width:600px;max-height:70vh;overflow:hidden;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:rgb(0 0 0 / .185);backdrop-filter:blur(28px) saturate(100%);-webkit-backdrop-filter:blur(28px) saturate(100%);border:1px solid rgb(255 255 255 / .18);border-radius:24px;box-shadow:0 10px 40px rgb(0 0 0 / .08),0 2px 12px rgb(0 0 0 / .04),inset 0 1px 0 rgb(255 255 255 / .4)}.credits-lightbox.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.credits-lightbox-header{padding:18px 20px;border-bottom:1px solid rgb(255 255 255 / .1);background:rgb(0 0 0 / .2);transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center}.credits-lightbox-header.scrolled{padding:10px 20px}.credits-lightbox-intro{display:flex;align-items:center;gap:12px;transition:all 0.3s ease}.credits-lightbox-header.scrolled .credits-lightbox-intro{gap:8px}.credits-lightbox-text-wrapper{text-align:center;margin-top:12px;transition:all 0.3s ease;width:100%;display:flex;justify-content:center}.credits-lightbox-header.scrolled .credits-lightbox-text-wrapper{margin-top:8px}.credits-lightbox-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));color:#fff;flex-shrink:0;box-shadow:0 4px 12px var(--accent-color-glow);transition:all 0.3s ease}.credits-lightbox-header.scrolled .credits-lightbox-icon{width:28px;height:28px;font-size:14px}.credits-discord-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#5865F2,#4752C4);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgb(88 101 242 / .3)}.credits-discord-button:hover{background:linear-gradient(135deg,#6875F5,#5865F2);transform:translateY(-2px);box-shadow:0 6px 16px rgb(88 101 242 / .4)}.credits-discord-button i{font-size:18px}.credits-discord-button span{font-family:inherit}.credits-lightbox-header.scrolled .credits-discord-button{padding:6px 12px;font-size:12px}.credits-lightbox-header.scrolled .credits-discord-button i{font-size:14px}.credits-header-divider{width:1px;height:32px;background:rgb(255 255 255 / .15);transition:all 0.3s ease}.credits-lightbox-header.scrolled .credits-header-divider{height:24px}.credits-lightbox-text{font-size:11px;line-height:1.5;color:rgb(255 255 255 / .7);margin:0;max-width:90%;transition:all 0.3s ease;overflow:hidden}.credits-lightbox-header.scrolled .credits-lightbox-text{font-size:10px;line-height:1.4;max-height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.credits-lightbox-content{overflow-y:auto;flex:1;min-height:0;padding:18px 22px}.credits-lightbox-content::-webkit-scrollbar{width:3px}.credits-lightbox-content::-webkit-scrollbar-track{background:#fff0}.credits-lightbox-content::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .12);border-radius:10px}.credits-lightbox-content::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .2)}.credits-lightbox-content{scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .12) #fff0}.credits-section{background:rgb(0 0 0 / .14);border:1px solid rgb(255 255 255 / .08);border-radius:12px;padding:20px;margin-bottom:16px}.credits-section:last-child{margin-bottom:0}.credits-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgb(255 255 255 / .1)}.credits-section-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-color-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px var(--accent-color-glow)}.credits-section-title{font-size:16px;font-weight:700;color:rgb(255 255 255 / .95);margin:0;letter-spacing:-.3px}.credits-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.credits-member{display:flex;align-items:center;gap:10px;padding:12px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .06);border-radius:8px;transition:all 0.25s ease}.credits-member:hover{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .12);transform:translateY(-2px)}.credits-member-simple{padding:12px 16px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .06);border-radius:8px;margin-bottom:8px;transition:all 0.2s ease}.credits-member-simple:last-child{margin-bottom:0}.credits-member-simple:hover{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .12)}.credits-simple-link{color:var(--accent-color);text-decoration:none;font-size:15px;font-weight:600;transition:color 0.2s ease;display:block;margin-bottom:4px}.credits-simple-link:hover{color:var(--accent-color-hover)}.credits-simple-role{color:rgb(255 255 255 / .6);font-size:13px;display:block;margin-top:4px}.credits-simple-url{color:rgb(255 255 255 / .5);font-size:12px;font-family:'Courier New',monospace;display:block;margin-top:6px;word-break:break-all}.credits-section-compact{padding:0;background:#fff0;border:none;margin-bottom:20px}.credits-compact-grid{display:flex;flex-direction:column;gap:10px}.credits-compact-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08);border-radius:10px;transition:all 0.2s ease}.credits-compact-card:hover{transform:translateY(-3px);background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .12)}.credits-compact-card.has-link{cursor:pointer}.credits-compact-avatar{width:40px;height:40px;border-radius:99px;background:rgb(255 255 255 / .08);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:16px;color:rgb(255 255 255 / .4)}.credits-compact-avatar img{width:100%;height:100%;object-fit:cover}.credits-compact-info{flex:1;min-width:0}.credits-compact-name{font-size:14px;font-weight:600;color:rgb(255 255 255 / .9);margin-bottom:3px}.credits-compact-role{font-size:12px;font-weight:500;color:rgb(255 255 255 / .6);margin-bottom:6px}.credits-compact-description{font-size:12px;color:rgb(255 255 255 / .65);line-height:1.4;margin-bottom:6px}.credits-compact-url{font-size:10px;color:rgb(255 255 255 / .45);font-family:'Courier New',monospace;word-break:break-all}.credits-section-names-only{padding:0;background:#fff0;border:none}.credits-name-list{display:flex;flex-wrap:wrap;gap:6px}.credits-name-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);border-radius:8px;font-size:13px;font-weight:500;color:rgb(255 255 255 / .85);transition:all 0.2s ease;white-space:nowrap;flex:1 1 auto;min-width:fit-content;text-align:center}.credits-name-tag:hover{background:rgb(255 255 255 / .12);border-color:var(--accent-color);color:rgb(255 255 255 / .95);transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .2)}.credits-member-avatar{width:40px;height:40px;border-radius:8px;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.credits-member-avatar img{width:100%;height:100%;object-fit:cover}.credits-member-avatar i{font-size:20px;color:rgb(255 255 255 / .5)}.credits-member-info{flex:1;min-width:0}.credits-member-name{font-size:13px;font-weight:600;color:rgb(255 255 255 / .95);margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credits-member-role{font-size:11px;font-weight:500;color:rgb(255 255 255 / .5);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credits-member-social{display:flex;gap:6px}.credits-social-link{width:32px;height:32px;border-radius:8px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);display:flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .6);font-size:14px;text-decoration:none;transition:all 0.25s ease}.credits-social-link:hover{background:rgb(255 255 255 / .12);border-color:rgb(255 255 255 / .15);color:rgb(255 255 255 / .9);transform:scale(1.1)}.credits-lightbox-footer{display:none;padding:14px 22px;border-top:1px solid rgb(255 255 255 / .1);background:rgb(0 0 0 / .2);text-align:center}.credits-footer-text{font-size:11px;font-weight:500;color:rgb(255 255 255 / .5);margin:0 0 8px 0;line-height:1.5}.credits-footer-meta{font-size:10px;font-weight:500;color:rgb(255 255 255 / .4);margin:0;display:flex;align-items:center;justify-content:center;gap:12px}.credits-footer-meta span{display:flex;align-items:center;gap:4px}@media (max-width:768px){.credits-button{top:max(10px, env(safe-area-inset-top));right:calc(64px + env(safe-area-inset-right));width:44px;height:44px;font-size:16px}.credits-button-label{display:none}.credits-button-content{gap:0}.credits-button-content i{font-size:16px}.control-panel-floating.open~.credits-button,.control-panel-docked.open~.credits-button{right:64px!important}.credits-lightbox{width:calc(100% - 20px);left:max(10px, env(safe-area-inset-left));right:auto;top:auto;bottom:max(10px, env(safe-area-inset-bottom));height:calc(100vh - 84px);max-height:calc(100vh - 84px);height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:24px;transform:translateY(calc(100% + 10px));display:flex;flex-direction:column}.credits-lightbox.active{transform:translateY(0)}body.panel-style-docked .credits-lightbox{width:100%;left:0;right:0;bottom:0;height:calc(100vh - 74px);max-height:calc(100vh - 74px);height:calc(100dvh - 74px - env(safe-area-inset-top));max-height:calc(100dvh - 74px - env(safe-area-inset-top));border-radius:24px 24px 0 0;border-bottom:none;transform:translateY(100%);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}body.panel-style-docked .credits-lightbox.active{transform:translateY(0)}.credits-lightbox-header{padding:16px 14px;flex-shrink:0}.credits-lightbox-content{padding:16px 14px;flex:1;min-height:0;overflow-y:auto}.credits-lightbox-icon{width:44px;height:44px;font-size:18px}.credits-lightbox-title-text h2{font-size:17px;margin-bottom:4px}.credits-lightbox-close{width:36px;height:36px;font-size:16px}.credits-lightbox-content{flex:1;overflow-y:auto;padding:16px 14px;min-height:0}.credits-section{padding:16px;margin-bottom:14px}.credits-members{grid-template-columns:1fr;gap:10px}.credits-lightbox-footer{padding:16px 14px;flex-shrink:0}}@media (max-width:480px){.credits-button{top:max(10px, env(safe-area-inset-top));right:calc(60px + env(safe-area-inset-right));width:40px;height:40px;font-size:14px}.credits-button-content i{font-size:14px}.control-panel-floating.open~.credits-button,.control-panel-docked.open~.credits-button{right:60px!important}.credits-lightbox-header{padding:14px 12px}.credits-lightbox-title-section{gap:10px}.credits-lightbox-icon{width:40px;height:40px;font-size:16px}.credits-lightbox-title-text h2{font-size:15px;margin-bottom:3px}.credits-lightbox-subtitle{font-size:10px}.credits-lightbox-close{width:32px;height:32px;font-size:14px}.credits-lightbox-content{padding:12px}.credits-section{padding:14px;margin-bottom:12px}.credits-section-icon{width:36px;height:36px;font-size:14px}.credits-section-title{font-size:12px}.credits-member{padding:12px}.credits-member-avatar{width:40px;height:40px}.credits-member-name{font-size:12px}.credits-member-role{font-size:10px}.credits-lightbox-footer{padding:14px 12px}.credits-footer-text{font-size:10px}.credits-footer-meta{font-size:9px;gap:8px}}
