.lanyard-sidebar-container{flex-direction:column;gap:1.25rem;width:100%;max-width:360px;margin:0 auto;display:flex}.discord-profile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);text-align:center;flex-direction:column;align-items:center;width:100%;padding:1rem 1.15rem;display:flex}.status-chip-container{justify-content:center;align-items:center;width:100%;margin-bottom:.45rem;display:flex}.status-chip-wrapper{justify-content:center;max-width:90%;display:inline-flex;position:relative}.status-chip{border-style:solid;border-width:6px;color:var(--text-primary);word-break:break-word;width:100%;font-size:.85rem;font-family:var(--font-minecraft);letter-spacing:.05em;background:0 0;border-image-source:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill=\"%2318181c\" /><rect x=\"3\" y=\"1\" width=\"6\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"3\" y=\"10\" width=\"6\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"1\" y=\"3\" width=\"1\" height=\"6\" fill=\"%23c8c8c8\" /><rect x=\"10\" y=\"3\" width=\"1\" height=\"6\" fill=\"%23c8c8c8\" /><rect x=\"2\" y=\"2\" width=\"1\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"9\" y=\"2\" width=\"1\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"2\" y=\"9\" width=\"1\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"9\" y=\"9\" width=\"1\" height=\"1\" fill=\"%23c8c8c8\" /></svg>");border-image-slice:3 fill;border-image-repeat:stretch;justify-content:center;align-items:center;gap:.35rem;padding:.5rem 1rem;display:flex}.status-chip-tail{pointer-events:none;z-index:10;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"6\" viewBox=\"0 0 6 6\"><rect x=\"2\" y=\"0\" width=\"2\" height=\"3\" fill=\"%2318181c\" /><rect x=\"1\" y=\"3\" width=\"2\" height=\"1\" fill=\"%2318181c\" /><rect x=\"1\" y=\"0\" width=\"1\" height=\"3\" fill=\"%23c8c8c8\" /><rect x=\"0\" y=\"3\" width=\"1\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"4\" y=\"0\" width=\"1\" height=\"3\" fill=\"%23c8c8c8\" /><rect x=\"3\" y=\"3\" width=\"1\" height=\"1\" fill=\"%23c8c8c8\" /><rect x=\"1\" y=\"4\" width=\"3\" height=\"1\" fill=\"%23c8c8c8\" /></svg>");background-repeat:no-repeat;background-size:contain;width:18px;height:18px;position:absolute;bottom:-13px;left:calc(50% + 18px)}[data-theme=light] .status-chip{border-image-source:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><rect x=\"1\" y=\"1\" width=\"10\" height=\"10\" fill=\"%23f9f9f9\" /><rect x=\"3\" y=\"1\" width=\"6\" height=\"1\" fill=\"%23888888\" /><rect x=\"3\" y=\"10\" width=\"6\" height=\"1\" fill=\"%23888888\" /><rect x=\"1\" y=\"3\" width=\"1\" height=\"6\" fill=\"%23888888\" /><rect x=\"10\" y=\"3\" width=\"1\" height=\"6\" fill=\"%23888888\" /><rect x=\"2\" y=\"2\" width=\"1\" height=\"1\" fill=\"%23888888\" /><rect x=\"9\" y=\"2\" width=\"1\" height=\"1\" fill=\"%23888888\" /><rect x=\"2\" y=\"9\" width=\"1\" height=\"1\" fill=\"%23888888\" /><rect x=\"9\" y=\"9\" width=\"1\" height=\"1\" fill=\"%23888888\" /></svg>")}[data-theme=light] .status-chip-tail{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"6\" viewBox=\"0 0 6 6\"><rect x=\"2\" y=\"0\" width=\"2\" height=\"3\" fill=\"%23f9f9f9\" /><rect x=\"1\" y=\"3\" width=\"2\" height=\"1\" fill=\"%23f9f9f9\" /><rect x=\"1\" y=\"0\" width=\"1\" height=\"3\" fill=\"%23888888\" /><rect x=\"0\" y=\"3\" width=\"1\" height=\"1\" fill=\"%23888888\" /><rect x=\"4\" y=\"0\" width=\"1\" height=\"3\" fill=\"%23888888\" /><rect x=\"3\" y=\"3\" width=\"1\" height=\"1\" fill=\"%23888888\" /><rect x=\"1\" y=\"4\" width=\"3\" height=\"1\" fill=\"%23888888\" /></svg>")}.avatar-wrapper{margin-bottom:.6rem;position:relative}.avatar-decor-container{justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:relative}.avatar-base{z-index:1;border-radius:50%;width:60px;height:60px;position:relative}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-decor-img{pointer-events:none;z-index:2;width:76px;height:76px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.discord-status-dot{background:var(--card-bg);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:6px;right:6px}.discord-status-dot:after{content:"";border-radius:50%;flex-shrink:0;display:block}.discord-status-dot.online:after{background-color:var(--discord-online);width:14px;height:14px}.discord-status-dot.idle:after{width:14px;height:14px;box-shadow:4px 3px 0 0 var(--discord-idle);background-color:#0000;transform:translate(-2px,-2px)}.discord-status-dot.dnd{position:absolute}.discord-status-dot.dnd:after{background-color:var(--discord-dnd);width:14px;height:14px}.discord-status-dot.dnd:before{content:"";background-color:var(--card-bg);z-index:11;border-radius:1.5px;width:10px;height:3px;position:absolute}.discord-status-dot.offline:after{border:3px solid var(--discord-offline);background-color:#0000;width:8px;height:8px}.profile-info-section{width:100%;margin-bottom:1rem}.profile-display-name{font-size:1.2rem;font-weight:500;font-family:var(--font-minecraft);letter-spacing:.02em;justify-content:center;align-items:center;gap:.35rem;display:flex}.profile-sub-title{color:var(--text-secondary);font-size:.78rem;font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:.3rem;display:flex}.dot-separator{color:var(--text-muted);margin:0}.clan-badge-wrapper{align-items:center;margin:0 0 0 .15rem;display:inline-flex}.clan-badge{color:var(--text-primary);font-size:.68rem;font-weight:600;font-family:var(--font-mono);background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.25rem;padding:.12rem .35rem;line-height:1;display:inline-flex}.clan-badge-icon{object-fit:contain;flex-shrink:0;width:14px;height:14px}.badges-row{justify-content:center;align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.badge-icon{width:18px;height:18px}.bio-footer{border-top:1px solid var(--card-border);width:100%;padding-top:.6rem}#profile-bio{color:var(--text-secondary);font-size:.78rem;font-family:var(--font-mono)}.activity-card{background:var(--card-bg);border:1.5px solid var(--card-border);min-inline-size:0;box-sizing:border-box;border-radius:16px;width:100%;margin:0;padding:.5rem .85rem .6rem;position:relative}.card-header-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:.6rem;font-weight:700;font-family:var(--font-minecraft);width:auto;margin-left:.4rem;padding:0 .35rem;line-height:1}.activity-card-body{box-sizing:border-box;align-items:center;gap:.65rem;width:100%;display:flex}.activity-assets{flex-shrink:0;width:44px;height:44px;position:relative}.activity-assets .large-image{object-fit:cover;border-radius:8px;width:44px;height:44px}.activity-assets .small-image{border:2px solid var(--card-bg);border-radius:50%;width:18px;height:18px;position:absolute;bottom:-3px;right:-3px}.activity-details{flex-direction:column;flex-grow:1;gap:.1rem;min-width:0;display:flex}.activity-details h3{color:var(--text-primary);font-size:.8rem;font-weight:500;font-family:var(--font-minecraft);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-details p{color:var(--text-secondary);font-size:.68rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playing-time-wrapper{color:#34a853;font-size:.68rem;font-weight:500;font-family:var(--font-mono);align-items:center;gap:.3rem;margin-top:.15rem;display:flex}.playing-icon{align-items:center;display:flex}.vinyl-disc{background:#111218;border-radius:50%;flex-shrink:0;width:72px;height:72px;animation:8s linear infinite spin-disc;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000040}.vinyl-disc:after{content:"";pointer-events:none;z-index:1;border:1px solid #ffffff14;border-radius:50%;width:65%;height:65%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-disc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-art-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.vinyl-hole{z-index:2;background:#1e2230;border:1px solid #ffffff26;border-radius:50%;width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-hole:before{content:"";background:var(--bg-color);border:1px solid #0006;border-radius:50%;width:38%;height:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotify-details{flex-direction:column;flex-grow:1;gap:.1rem;min-width:0;display:flex}.spotify-details h3{color:var(--text-primary);font-size:.8rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spotify-details p{color:var(--text-secondary);font-size:.68rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spotify-link{color:inherit;text-decoration:none;transition:color .2s}.spotify-link:hover{color:var(--accent-color);text-decoration:underline dashed}.spotify-playback{font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:.4rem;width:100%;margin-top:.3rem;display:flex}.spotify-playback span{flex-shrink:0}.spotify-bar{flex-grow:1;align-items:center;height:12px;display:flex;position:relative}.spotify-bar:before{content:"";left:calc(var(--progress,0%) + 10px);background:#ffffff26;border-radius:1px;height:2px;position:absolute;right:0}#spotify-progress-bar{max-width:100%;height:10px;position:absolute;left:0}#spotify-progress-bar:before{content:"";background-color:var(--accent-color);animation:1.4s linear infinite wave-slide;position:absolute;inset:0;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M0 5 C3 1, 9 1, 12 5 C15 9, 21 9, 24 5' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");mask-position:0;mask-repeat:repeat-x}@keyframes wave-slide{0%{-webkit-mask-position-x:0px;mask-position-x:0}to{-webkit-mask-position-x:24px;mask-position-x:24px}}#spotify-progress-bar:after{content:"";background-color:var(--accent-color);z-index:2;border-radius:2px;width:3px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}[data-theme=light] .spotify-bar:before{background:#00000026}.girl-mascot-img{z-index:10;pointer-events:none;background-image:url(/1.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:72px;height:94px;position:absolute;bottom:calc(100% - 8px);right:4px}@media (width<=480px){.discord-profile-card{padding:.75rem .85rem}.activity-card{padding:.4rem .75rem .5rem}.profile-display-name{font-size:1.05rem}.activity-details h3,.spotify-details h3{font-size:.75rem}.activity-details p,.spotify-details p,.playing-time-wrapper,.spotify-playback{font-size:.65rem}.activity-assets,.activity-assets .large-image{width:38px;height:38px}.vinyl-disc{width:52px;height:52px}.girl-mascot-img{width:56px;height:73px;bottom:calc(100% - 6px);right:2px}.status-chip{padding:.25rem .7rem;font-size:.68rem}.activity-card-body{gap:.5rem}}
