@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.plasma-container{position:relative;width:100%;height:100%;overflow:hidden}.card-nav-container{position:fixed;top:1.5em;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:99;box-sizing:border-box}.card-nav{display:block;height:60px;padding:0;background-color:#0a0a0ab3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:.9rem;box-shadow:0 8px 30px #00000080;position:relative;overflow:hidden;will-change:height}.card-nav-top{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:.5rem .45rem .55rem 1.1rem;z-index:2}.hamburger-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px;color:#fff}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{width:30px;height:2px;background-color:currentColor;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo{height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.card-nav-cta-button{display:inline-flex;background-color:#fff;color:#000;border:none;border-radius:.55rem;padding:0 1.1rem;height:100%;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:background-color .3s ease,transform .2s ease;align-items:center}.card-nav-cta-button:hover{background-color:#d4d4d4;transform:translateY(-1px)}.card-nav-content{position:absolute;left:0;right:0;top:60px;bottom:0;padding:.5rem;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.server-card{height:100%;flex:1 1 0;min-width:0;border-radius:.7rem;position:relative;display:flex;flex-direction:column;padding:12px 14px;gap:8px;overflow:hidden;background-color:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.server-card:hover{transform:translateY(-3px);border-color:#ffffff40;background-color:#ffffff12}.server-card-head{display:flex;align-items:center;gap:10px;min-width:0}.server-card-img{width:46px;height:46px;flex-shrink:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0000004d}.server-card-img img{width:100%;height:100%;object-fit:cover;display:block}.server-card-name{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;font-weight:700;font-size:15px;line-height:1.2;letter-spacing:-.3px;color:#fff;text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease,opacity .2s ease}.server-card-name:hover{opacity:.75}.server-card-name-icon{flex-shrink:0;font-size:14px}.server-card-desc{margin:0;font-size:12.5px;line-height:1.35;color:#ffffff9e;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}@media (max-width: 768px){.card-nav-container{width:90%;top:1.2em}.card-nav-top{padding:.5rem 1rem;justify-content:space-between}.hamburger-menu{order:2}.logo-container{position:static;transform:none;order:1}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;align-items:stretch;gap:8px;padding:.5rem;bottom:0;justify-content:flex-start}.server-card{height:auto;min-height:60px;flex:1 1 auto;max-height:none}.server-card-name{font-size:16px}.server-card-desc{font-size:13px;-webkit-line-clamp:4}}.player{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%,160%);width:min(1000px,94vw);z-index:100;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.4rem;padding:.8rem 1.2rem;background:#0c0c0cb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:1rem;box-shadow:0 18px 50px #0009;opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s ease}.player--in{transform:translate(-50%);opacity:1}.player__controls{display:flex;align-items:center;gap:.4rem}.player__btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:#cfcfcf;font-size:1.1rem;cursor:pointer;transition:color .2s ease,background .2s ease,transform .15s ease}.player__btn:hover{color:#fff;background:#ffffff14}.player__btn--main{width:46px;height:46px;background:#fff;color:#000;font-size:1.25rem}.player__btn--main:hover{background:#fff;color:#000;transform:scale(1.06)}.player__seek{display:flex;align-items:center;gap:.7rem;min-width:0}.player__time{font-size:.72rem;color:#8a8a8a;font-variant-numeric:tabular-nums;width:34px;text-align:center;flex-shrink:0}.player__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill, 0%),rgba(255,255,255,.18) var(--fill, 0%),rgba(255,255,255,.18) 100%);cursor:pointer;outline:none}.player__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #000;box-shadow:0 0 0 1px #ffffff4d;transition:transform .15s ease}.player__range::-webkit-slider-thumb:hover{transform:scale(1.2)}.player__range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid #000;cursor:pointer}.player__volume{display:flex;align-items:center;gap:.5rem;width:130px}.player__vol-icon{color:#cfcfcf;font-size:1.05rem;flex-shrink:0}.player__range--vol{width:90px}.player__meta{display:flex;align-items:center;gap:.7rem;min-width:0;max-width:200px}.player__meta-text{display:flex;flex-direction:column;align-items:flex-end;min-width:0;text-align:right}.player__title{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player__artist{font-size:.74rem;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player__cover{width:46px;height:46px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.15);flex-shrink:0}@media (max-width: 860px){.player{grid-template-columns:auto 1fr auto;gap:.8rem;padding:.7rem .9rem;bottom:.6rem}.player__volume{display:none}.player__meta{grid-column:1 / -1;justify-content:flex-end;max-width:none;order:-1}}@media (max-width: 520px){.player{grid-template-columns:auto 1fr}.player__seek .player__time{display:none}}.app{height:100%;position:relative}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg .plasma-container{pointer-events:auto}.bg__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,transparent 40%,rgba(0,0,0,.75) 100%),linear-gradient(180deg,#00000059,#0000008c);pointer-events:none}.scroll{position:relative;z-index:1;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7rem 1.5rem 8rem;gap:2.5rem;position:relative}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero__avatar-wrap{width:132px;height:132px;border-radius:50%;padding:4px;background:conic-gradient(from 0deg,#fff,#555,#fff,#333,#fff);box-shadow:0 0 45px rgba(var(--accent-rgb),.35);animation:spin 14s linear infinite;transition:box-shadow .7s ease}@keyframes spin{to{transform:rotate(360deg)}}.hero__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#000;animation:spin 14s linear infinite reverse}.hero__name{font-size:clamp(2.4rem,7vw,4rem);font-weight:800;letter-spacing:-2px;margin-top:.6rem;background:linear-gradient(180deg,#fff,#9a9a9a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__sub{color:var(--muted);font-size:.95rem;letter-spacing:.5px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;width:100%;max-width:1080px}.card{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:1.1rem;padding:1.4rem;display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 20px 50px #00000073;transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);border-color:#ffffff40}.card__head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.7rem}.card__title{font-size:1.15rem;font-weight:700;letter-spacing:-.3px}.card__count{font-size:.8rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.05rem .55rem}.games{list-style:none;display:flex;flex-direction:column;gap:.55rem}.game{display:flex;align-items:center;gap:.85rem;padding:.55rem .6rem;border-radius:.7rem;border:1px solid transparent;transition:background .25s ease,border-color .25s ease,transform .2s ease}.game:hover{background:#ffffff0d;border-color:var(--line);transform:translate(3px)}.game__icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:.6rem;background:#ffffff0f;border:1px solid var(--line)}.game__icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.game__text{display:flex;flex-direction:column}.game__name{font-weight:600;font-size:.95rem}.game__tag{font-size:.75rem;color:var(--muted)}.songs{list-style:none;display:flex;flex-direction:column;gap:.4rem}.song{display:flex;align-items:center;gap:.75rem;padding:.45rem .5rem;border-radius:.7rem;cursor:pointer;border:1px solid transparent;transition:background .4s ease,border-color .4s ease}.song:hover{background:#ffffff0d}.song--active{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.45)}.song__cover{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:.5rem;overflow:hidden;border:1px solid var(--line)}.song__cover img{width:100%;height:100%;object-fit:cover}.song__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;color:#fff;font-size:1rem;opacity:0;transition:opacity .2s ease}.song:hover .song__play,.song--active .song__play{opacity:1}.song__text{display:flex;flex-direction:column;min-width:0;flex:1}.song__title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song__artist{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song__eq{display:flex;align-items:flex-end;gap:2px;height:16px;flex-shrink:0}.song__eq i{width:3px;background:var(--accent);border-radius:2px;animation:eq .9s ease-in-out infinite;transition:background .5s ease}.song__eq i:nth-child(1){animation-delay:0s}.song__eq i:nth-child(2){animation-delay:.2s}.song__eq i:nth-child(3){animation-delay:.4s}.song__eq i:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:4px}50%{height:16px}}.socials{list-style:none;display:flex;flex-direction:column;gap:.55rem}.social{display:flex;align-items:center;gap:.85rem;padding:.55rem .6rem;border-radius:.7rem;text-decoration:none;border:1px solid transparent;transition:background .25s ease,border-color .25s ease,transform .2s ease}.social:hover{background:#ffffff0d;border-color:var(--line);transform:translate(3px)}.social__logo{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:.6rem;background:#ffffff0f;border:1px solid var(--line)}.social__logo img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.social__text{display:flex;flex-direction:column}.social__name{font-weight:600;font-size:.95rem}.social__handle{font-size:.75rem;color:var(--muted)}.social__arrow{margin-left:auto;color:var(--muted);font-size:1rem;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease}.social:hover .social__arrow{opacity:1;transform:translate(0)}.scroll-hint{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-decoration:none;color:var(--muted);font-size:.8rem;letter-spacing:1px;text-transform:uppercase;transition:color .2s ease}.scroll-hint:hover{color:#fff}.scroll-hint__arrow{font-size:1.1rem;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.page--gallery{justify-content:flex-start;gap:2rem}.gallery-head{text-align:center}.gallery-title{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;letter-spacing:-1px}.gallery-sub{color:var(--muted);margin-top:.3rem}.gallery-block{width:100%;max-width:1080px}.gallery-block__title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#e6e6e6}.gallery-block+.gallery-block{margin-top:1.5rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cell{background:var(--card);border:1px solid var(--line);border-radius:.9rem;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease}.cell:hover{transform:translateY(-4px);border-color:#ffffff47}.cell__media{aspect-ratio:16 / 10;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 12px,#ffffff0d 12px,#ffffff0d 24px);overflow:hidden}.cell__media img,.cell__media video{width:100%;height:100%;object-fit:cover}.cell__placeholder{font-size:2rem;color:#ffffff40}.cell__caption{padding:.75rem .9rem;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}@media (max-width: 920px){.cards{grid-template-columns:1fr;max-width:520px}.scroll-hint{display:none}}@media (max-width: 760px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.page{padding:5.5rem 1rem 8.5rem;gap:1.6rem}.hero__avatar-wrap{width:104px;height:104px}.hero__name{margin-top:.3rem}.hero__sub{font-size:.85rem}.cards{gap:.9rem}.card{padding:1.1rem;border-radius:.9rem}.card:hover{transform:none}.card__title{font-size:1.05rem}.game,.song,.social{padding:.5rem}.game__icon{width:38px;height:38px}.game__icon img{width:21px;height:21px}.gallery-block__title{font-size:1rem}.grid{gap:.7rem}.cell__caption{font-size:.78rem;padding:.6rem .7rem}.game:hover,.social:hover,.cell:hover{transform:none}}@media (max-width: 430px){.page{padding:5rem .8rem 9rem}.grid{grid-template-columns:1fr}.card{padding:1rem .85rem}.hero__name{letter-spacing:-1px}.game__tag,.social__handle,.song__artist{font-size:.72rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050505;--fg: #f5f5f5;--muted: #9a9a9a;--line: rgba(255, 255, 255, .1);--card: rgba(18, 18, 18, .55);--accent: #ffffff;--accent-rgb: 255, 255, 255}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}::selection{background:#fff;color:#000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}