*{margin:0;padding:0}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}.loading-bar{position:absolute;top:50%;width:100%;height:2px;background:#fff;opacity:1;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform,opacity}.loading-bar.ended{transform-origin:top right;opacity:0;transition:transform 1s ease-in-out,opacity 1s ease-out}#creditsBtn{position:absolute;bottom:5%;right:7%;padding:12px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:16px;cursor:pointer;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .5s ease,transform .5s ease;opacity:0;pointer-events:none;transform:translateY(33px)}#creditsBtn.visible{opacity:1;pointer-events:all;transform:translateY(0)}#creditsBtn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.credits-list{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:#14141ef2;border:2px solid rgba(255,255,255,.2);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow:hidden;box-shadow:0 20px 60px #00000080}.credits-list.visible{opacity:1;pointer-events:all}.credits-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.credits-header h2{margin:0;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.5px}.close-btn{background:none;border:none;color:#ffffffb3;font-size:36px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.close-btn:hover{background:#ffffff1a;color:#fff}.credits-content{padding:32px 28px;overflow-y:auto;max-height:calc(80vh - 90px)}.credit-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:all .2s ease;text-decoration:none}.credit-item:last-child{border-bottom:none}.credit-item:hover{padding-left:8px;background:#ffffff08;margin:0 -8px;padding-right:8px}.role{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.name{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:18px;color:#fff;text-align:right;white-space:nowrap}