@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Press+Start+2P&display=swap";:root{color:#f5f5f7;background:#050505;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}.page{position:relative;display:grid;min-height:100dvh;place-items:center;isolation:isolate;overflow:hidden;background:#050505}.background-video{position:fixed;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.36) saturate(.55) contrast(1.08);transform:scale(1.025)}.video-shade{position:fixed;z-index:-3;inset:0;background:radial-gradient(circle at 50% 44%,transparent 0 12%,rgba(0,0,0,.38) 58%,rgba(0,0,0,.82) 100%),linear-gradient(180deg,#0303046b,#030304ad)}.noise{position:fixed;z-index:-2;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.entrance{position:fixed;z-index:10;inset:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;border:0;color:#fff;background:#00000047;cursor:pointer;transition:opacity .75s ease,visibility .75s ease}.is-entered .entrance{opacity:0;visibility:hidden}.entrance-hint{color:#ffffffe6;font:400 clamp(8px,.85vw,11px)/1.5 "Press Start 2P",monospace;letter-spacing:-.04em;text-transform:lowercase;text-shadow:0 2px 14px #000;transition:opacity .2s ease}.entrance:hover .entrance-hint{opacity:.68}.content{display:grid;grid-template-columns:minmax(360px,440px) 270px;width:min(94vw,734px);gap:24px;place-items:center;perspective:1100px;opacity:0;transform:translateY(20px) scale(.98);pointer-events:none;transition:opacity .8s .18s ease,transform .8s .18s cubic-bezier(.22,1,.36,1)}.is-entered .content{opacity:1;transform:none;pointer-events:auto;animation:card-float 6s ease-in-out infinite}.profile-card{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;position:relative;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:#0c0c0ea3;box-shadow:0 24px 80px #0000007a;-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform;transition:transform .14s ease-out,border-color .3s ease,box-shadow .3s ease}.profile-card:after{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,255,255,.11),transparent 38%);transition:opacity .3s ease}.profile-card:hover{border-color:#fff3;box-shadow:0 34px 95px #0000009e}.profile-card:hover:after{opacity:1}.side-cards{display:grid;width:100%;gap:14px}.friends-card{width:100%;overflow:hidden;align-self:center;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0c0c0e9e;box-shadow:0 20px 65px #0000006b;-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12);transition:border-color .25s ease,box-shadow .25s ease}.friends-card:hover{border-color:#ffffff29}.friends-summary{display:flex;width:100%;min-height:74px;align-items:center;gap:10px;padding:14px 15px;border:0;color:inherit;background:transparent;cursor:pointer;text-align:left}.friends-title{display:grid;min-width:65px;margin-right:auto}.friends-title strong{font-size:13px}.friends-title small{margin-top:3px;color:#ffffff61;font-size:9px}.friends-preview{display:flex;align-items:center;padding-left:7px}.friends-preview img,.friends-preview b{width:27px;height:27px;margin-left:-7px;border:2px solid #111115;border-radius:50%;object-fit:cover;background:#1b1b20}.friends-preview b{display:grid;place-items:center;color:#ffffff9e;font-size:8px;font-weight:600}.friends-chevron{width:15px;height:15px;flex:none;color:#ffffff70;transition:transform .3s cubic-bezier(.22,1,.36,1)}.friends-card.is-open .friends-chevron{transform:rotate(180deg)}.friends-list{max-height:0;overflow:hidden;padding:0 8px;opacity:0;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .25s ease,padding .4s ease}.friends-card.is-open .friends-list{max-height:350px;overflow-x:hidden;overflow-y:auto;padding:0 8px 9px;opacity:1;scrollbar-width:none}.friends-card.is-open .friends-list::-webkit-scrollbar{display:none}.friend-row{display:flex;min-width:0;align-items:flex-start;gap:11px;padding:11px 10px;border-radius:13px;color:inherit;text-decoration:none;transition:background .2s ease,transform .2s ease}.friend-row:hover{background:#ffffff0e;transform:translate(3px)}.friend-avatar-wrap{position:relative;width:43px;height:43px;flex:none}.friend-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#18181c}.friend-status{position:absolute;right:-1px;bottom:0;width:13px;height:13px;border:3px solid #111115;border-radius:50%;background:#80848e}.friend-info{display:grid;min-width:0;padding-top:1px}.friend-info>strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.friend-info>small{overflow:hidden;margin-top:2px;color:#fff6;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.friend-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.friend-badges img{width:16px;height:16px;object-fit:contain}.friend-context-dismiss{position:fixed;z-index:90;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:default}.friend-context-menu{position:fixed;z-index:91;display:grid;width:190px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#111114f5;box-shadow:0 18px 55px #000000a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:context-in .16s ease-out both}.friend-context-menu button,.friend-context-menu a{display:flex;width:100%;height:36px;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:8px;color:#ffffffb8;background:transparent;cursor:pointer;font:500 11px Inter,sans-serif;text-decoration:none}.friend-context-menu button:hover,.friend-context-menu a:hover{color:#fff;background:#ffffff12}.friend-context-menu svg{width:14px;height:14px;color:#ffffff6b}.friend-modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;padding:24px;place-items:center;background:#000000b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:modal-backdrop-in .22s ease both}.friend-modal{width:min(92vw,410px);max-height:min(88dvh,680px);overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:23px;background:#0e0e11fa;box-shadow:0 35px 100px #000000c7;scrollbar-width:none;animation:modal-card-in .32s cubic-bezier(.22,1,.36,1) both}.friend-modal::-webkit-scrollbar{display:none}.friend-modal-banner{position:relative;height:116px;background-position:center;background-size:cover}.friend-modal-close{position:absolute;top:12px;right:12px;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;background:#08080ab8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.friend-modal-close:hover{color:#fff;background:#18181ce6}.friend-modal-close svg{width:15px}.friend-modal-body{position:relative;padding:0 23px 23px}.friend-modal-avatar-wrap{position:relative;width:88px;height:88px;margin-top:-45px}.friend-modal-avatar-wrap>img{width:100%;height:100%;border:5px solid #0e0e11;border-radius:50%;object-fit:cover;background:#19191d}.friend-modal-status{position:absolute;right:2px;bottom:5px;width:19px;height:19px;border:4px solid #0e0e11;border-radius:50%;background:#80848e}.friend-modal-identity{margin-top:11px}.friend-modal-identity h2{margin:0;font-size:24px;letter-spacing:-.04em}.friend-modal-identity p{margin:3px 0 0;color:#ffffff6b;font-size:12px}.friend-modal-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.friend-modal-badges img{width:22px;height:22px;object-fit:contain}.friend-modal-bio{margin-top:16px;color:#ffffffb8;font-size:13px;line-height:1.55}.friend-modal-bio strong{color:#fff}.friend-modal-bio a{color:#00a8fc;text-decoration:none}.friend-modal-bio a:hover{text-decoration:underline}.friend-modal-activity{display:flex;align-items:center;gap:11px;margin-top:17px;padding:11px;border-radius:13px;background:#ffffff09}.friend-modal-activity>img,.friend-modal-activity>span{display:grid;width:43px;height:43px;flex:none;place-items:center;border-radius:10px;object-fit:cover;background:#ffffff0f}.friend-modal-activity>span svg{width:17px}.friend-modal-activity>div{display:grid;min-width:0}.friend-modal-activity small{color:#ffffff59;font-size:8px;text-transform:uppercase}.friend-modal-activity strong,.friend-modal-activity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-modal-activity strong{margin-top:2px;font-size:11px}.friend-modal-activity p{margin:2px 0 0;color:#ffffff6e;font-size:9px}.friend-modal-actions{display:flex;gap:8px;margin-top:19px}.friend-modal-actions button,.friend-modal-actions a{display:flex;height:37px;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb3;background:#ffffff0b;cursor:pointer;font:500 10px Inter,sans-serif;text-decoration:none}.friend-modal-actions button:hover,.friend-modal-actions a:hover{color:#fff;background:#ffffff17}.friend-modal-actions svg{width:13px}.valorant-card{width:100%;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0c0c0e9e;box-shadow:0 20px 65px #0000006b;-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.valorant-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.valorant-header>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.valorant-header svg{width:14px;height:14px;color:#ff4655}.valorant-header .valorant-header-action{gap:4px;color:#ffffff4d}.valorant-header-action small{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:0}.valorant-header .valorant-chevron{width:13px;color:currentColor;transition:transform .3s cubic-bezier(.22,1,.36,1)}.valorant-card.is-open .valorant-chevron{transform:rotate(180deg)}.valorant-player{display:flex;align-items:center;gap:10px;margin-top:14px}.valorant-player>img,.valorant-card-fallback{width:43px;height:43px;flex:none;border-radius:11px;object-fit:cover;background:#ff46551a}.valorant-card-fallback{display:grid;place-items:center;color:#ff4655}.valorant-card-fallback svg{width:17px}.valorant-player>div:last-child{display:grid;min-width:0}.valorant-player strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.valorant-player strong i{color:#ffffff61;font-style:normal;font-weight:500}.valorant-player small{margin-top:3px;color:#fff6;font-size:9px}.valorant-rank{display:flex;align-items:flex-end;justify-content:space-between;margin-top:13px;padding:8px 10px;border-radius:12px;background:#ffffff09}.valorant-rank-icon{width:27px;height:27px;flex:none;margin-right:6px;object-fit:contain}.valorant-rank>div:first-child{display:grid;min-width:0}.valorant-rank small{color:#ffffff59;font-size:8px;text-transform:uppercase}.valorant-rank>div:first-child strong{margin-top:2px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.valorant-rr{display:flex;align-items:baseline;gap:3px;margin-left:8px}.valorant-rr>strong{font-size:13px}.valorant-rr em{margin-left:3px;font-size:8px;font-style:normal}.is-positive{color:#3ba55d}.is-negative{color:#ed4245}.valorant-matches{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:9px}.valorant-match{display:grid;place-items:center;gap:1px;padding:6px 2px;border-radius:8px;background:#ffffff09}.valorant-match b{font-size:8px}.valorant-match span{color:#ffffff6b;font-size:8px}.result-win b{color:#3ba55d}.result-loss b{color:#ed4245}.result-draw b{color:#faa61a}.valorant-details{display:grid;max-height:0;gap:7px;margin-top:0;overflow:hidden;opacity:0;scrollbar-width:none;transform:translateY(-6px);transition:max-height .4s cubic-bezier(.22,1,.36,1),margin-top .4s cubic-bezier(.22,1,.36,1),opacity .25s ease,transform .32s cubic-bezier(.22,1,.36,1)}.valorant-details::-webkit-scrollbar{display:none}.valorant-card.is-open .valorant-details{max-height:330px;margin-top:10px;overflow-x:hidden;overflow-y:auto;opacity:1;transform:none}.valorant-game{display:grid;grid-template-columns:62px 1fr;min-height:62px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#ffffff06}.valorant-map-art{position:relative;min-height:62px;overflow:hidden;background:#16161a}.valorant-map-art>img:first-child{width:100%;height:100%;object-fit:cover}.valorant-map-art>span{position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(15,15,18,.8))}.valorant-agent{position:absolute;right:-3px;bottom:-3px;width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7))}.valorant-game-info{display:grid;grid-template-columns:1fr auto;min-width:0;gap:2px 7px;padding:8px 9px}.valorant-game-info>div:first-child{display:grid;min-width:0}.valorant-game-info strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.valorant-game-info small{margin-top:1px;color:#ffffff61;font-size:8px}.valorant-game-score{display:grid;justify-items:end}.valorant-game-score b{font-size:10px}.valorant-game-info p{display:flex;grid-column:1 / -1;gap:8px;margin:2px 0 0;color:#ffffff75;font-size:8px}.valorant-game.result-win{border-left:2px solid rgba(59,165,93,.65)}.valorant-game.result-loss{border-left:2px solid rgba(237,66,69,.65)}.valorant-game.result-draw{border-left:2px solid rgba(250,166,26,.65)}.valorant-loading{display:flex;min-height:72px;align-items:center;gap:9px;color:#ffffff59;font-size:11px}.valorant-loading svg{width:15px;color:#ff4655;animation:spin-slow 2s linear infinite}.profile-banner{height:122px;background-position:center;background-size:cover}.profile-body{position:relative;padding:0 28px 28px}.avatar-wrap{position:relative;width:104px;height:104px;margin-top:-54px}.avatar{width:100%;height:100%;object-fit:cover;border:6px solid rgba(12,12,14,.94);border-radius:50%;background:#18181c}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#18181c,#26262c,#18181c);background-size:240% 100%}.status-dot{position:absolute;right:3px;bottom:7px;width:22px;height:22px;border:5px solid #0f0f12;border-radius:50%;background:#80848e}.status-online{background:#23a55a}.status-idle{background:#f0b232}.status-dnd{background:#f23f43}.identity{margin-top:14px}.identity h1{margin:0;font-size:clamp(25px,6vw,33px);font-weight:700;line-height:1.2;letter-spacing:-.04em}.username{display:flex;align-items:center;gap:2px;margin:6px 0 0;color:#ffffff7a;font-size:13px}.badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.badges img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.5));transition:transform .2s ease}.badges img:hover{transform:translateY(-2px) scale(1.08)}.bio{margin:18px 0 0;color:#ffffffb8;font-size:14px;line-height:1.55;white-space:pre-line}.bio strong{color:#fffffff5;font-weight:700}.bio em{font-style:italic}.bio s{opacity:.65}.bio u{text-underline-offset:2px}.bio code{padding:2px 5px;border-radius:4px;color:#e3e5e8;background:#00000061;font:.88em ui-monospace,SFMono-Regular,Consolas,monospace}.bio a{color:#00a8fc;text-decoration:none}.bio a:hover{text-decoration:underline}.md-subtext{color:#ffffff6b;font-size:.86em}.md-quote{display:inline-block;padding-left:9px;border-left:3px solid rgba(255,255,255,.28)}.md-spoiler{border-radius:3px;color:transparent;background:#1e1f22;cursor:pointer}.md-spoiler:hover{color:inherit;background:#ffffff1f}.md-emoji{width:1.35em;height:1.35em;object-fit:contain;vertical-align:-.32em}.loading-line{opacity:.35}.activity{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#ffffff09}.activity-art{position:relative;width:48px;height:48px;flex:none}.activity-art>img:first-child,.activity-art>.activity-icon{width:48px;height:48px;object-fit:cover;border-radius:11px}.activity-small{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;object-fit:cover;border:3px solid #151519;border-radius:50%}.activity-icon{display:grid;flex:none;place-items:center;border-radius:10px;color:#ffffffb8;background:#ffffff12}.activity div:last-child{display:grid;min-width:0}.activity span{color:#ffffff61;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.activity strong,.activity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity strong{margin-top:2px;font-size:13px}.activity small{color:#ffffff75;font-size:11px}.audio-toggle{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#ffffffab;background:#ffffff0b;transition:color .2s ease,background .2s ease,transform .2s ease}.view-counter{position:fixed;z-index:5;top:22px;left:22px;display:flex;height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#ffffff80;background:#0a0a0c7a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:counter-in .45s ease both}.view-counter svg{width:14px;height:14px}.view-counter strong{color:#ffffffe0;font-size:11px}.view-counter span{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.audio-toggle:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.audio-toggle{position:fixed;z-index:5;top:22px;right:22px;cursor:pointer}.audio-toggle svg{width:18px}@keyframes shimmer{to{background-position:-240% 0}}@keyframes counter-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes context-in{0%{opacity:0;transform:translateY(-3px) scale(.98)}}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes card-float{0%,to{translate:0 0}50%{translate:0 -7px}}@media(max-width:560px){.page{align-items:center;overflow-y:auto;padding:70px 0 30px}.content{grid-template-columns:1fr;width:min(91vw,400px);gap:16px}.profile-card{border-radius:22px}.profile-banner{height:108px}.profile-body{padding:0 21px 22px}.avatar-wrap{width:90px;height:90px;margin-top:-47px}.status-dot{width:20px;height:20px}.audio-toggle{top:14px;right:14px}.view-counter{top:14px;left:14px}}@media(min-width:561px)and (max-width:780px){.page{overflow-y:auto;padding:55px 0}.content{grid-template-columns:1fr;width:min(88vw,440px);gap:18px}}@media(max-height:680px)and (min-width:700px){.profile-banner{height:88px}.profile-body{padding-bottom:20px}.avatar-wrap{width:82px;height:82px;margin-top:-42px}.bio{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}@media(hover:none),(pointer:coarse){.profile-card{transform:none!important}.profile-card:after{display:none}}
