@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-bg-card: rgba(0, 0, 0, .85);--color-surface: rgba(255, 255, 255, .03);--color-accent: #ffffff;--color-accent-dim: rgba(255, 255, 255, .8);--color-accent-glow: rgba(255, 255, 255, .15);--color-secondary: #a0a0a0;--color-secondary-glow: rgba(255, 255, 255, .1);--color-text: rgba(255, 255, 255, .95);--color-text-muted: rgba(255, 255, 255, .65);--color-text-dim: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .35);--color-online: #43b581;--color-idle: #faa61a;--color-dnd: #f04747;--color-offline: #747f8d;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Clash Display", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--transition-slow: .4s var(--ease-out);--glow-accent: 0 0 20px var(--color-accent-glow);--glow-accent-strong: 0 0 40px var(--color-accent-glow)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.background{position:fixed;inset:0;z-index:0;overflow:hidden}.background__layer{position:absolute;inset:0;z-index:-1}.background__video,.background__fallback{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s var(--ease-out)}.background__video{object-fit:cover}.background__fallback{background-color:var(--color-bg);pointer-events:none}.background__overlay{position:absolute;inset:0;background:#00000073;pointer-events:none}.background__gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0006,#000000b3,#000000f2);pointer-events:none}.background__particles{position:absolute;inset:0;pointer-events:none}.background__particle{position:absolute;width:4px;height:4px;background:#ffffff59;border-radius:50%;animation:float 15s infinite ease-in-out;animation-delay:calc(var(--i, 0) * -.8s);left:calc(var(--i, 0) * 5%);top:calc(var(--i, 0) * 7%)}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(20px,-30px) scale(1.2);opacity:.7}50%{transform:translate(-15px,20px) scale(.9);opacity:.5}75%{transform:translate(25px,10px) scale(1.1);opacity:.6}}.background__glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);left:var(--mouse-x, 50%);top:var(--mouse-y, 50%);transform:translate(-50%,-50%);pointer-events:none;transition:left .3s ease-out,top .3s ease-out}.background__controls{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);z-index:10}.background__control{width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.background__control:hover{border-color:var(--color-border-hover);box-shadow:var(--glow-accent)}.background__control-icon{display:block}.enter-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .5s var(--ease-out),visibility .5s var(--ease-out)}.enter-overlay--exiting{opacity:0;visibility:hidden;pointer-events:none}.enter-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.enter-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.enter-overlay__title{font-family:var(--font-sans);font-size:1.25rem;font-weight:500;letter-spacing:.15em;color:#fff}.enter-overlay__handle{font-family:var(--font-sans);font-size:.875rem;font-weight:400;letter-spacing:.05em;color:#ffffffe6}.profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) 0}.profile__avatar-wrapper{position:relative}.profile__avatar-wrapper:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--color-border);pointer-events:none;transition:var(--transition-base)}.profile__avatar-wrapper:hover:after{border-color:var(--color-accent-dim);box-shadow:var(--glow-accent)}.profile__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;transition:var(--transition-base)}.profile__avatar:hover{transform:scale(1.02)}.profile__status{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid var(--color-bg)}.profile__info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.profile__nickname{font-size:var(--text-xl);font-weight:600;color:var(--color-accent);margin:0;letter-spacing:.05em}.profile__location{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);color:var(--color-text-muted);margin:0;font-weight:500}.profile__location-icon{flex-shrink:0;opacity:.8}.profile__location img.emoji{height:1em;width:auto;vertical-align:-.15em;display:inline}.socials{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;padding:var(--space-lg) 0}.socials__link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--color-text-muted);transition:var(--transition-base)}.socials__link:hover{color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--glow-accent)}.socials__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.socials__link--no-hover:hover{color:var(--color-text-muted);transform:none;box-shadow:none}.quote{margin:0;padding:var(--space-xl) var(--space-lg);text-align:center;max-width:560px}.quote__text{font-size:var(--text-lg);font-style:italic;color:var(--color-text-muted);line-height:1.6;margin:0;animation:quoteFade 1s var(--ease-out) both}@keyframes quoteFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.activity-card{width:100%;min-width:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.activity-card__header{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-accent);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-md)}.activity-card__game-icon{flex-shrink:0;display:block}.activity-card__body{display:flex;gap:var(--space-md)}.activity-card__body--game{flex-direction:column;gap:var(--space-xs)}.activity-card__cover{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:8px;object-fit:cover;flex-shrink:0;display:block;background:var(--color-surface)}.activity-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.activity-card__title{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card__progress-wrap{height:4px;background:var(--color-surface);border-radius:2px;margin-top:var(--space-sm);overflow:hidden}.activity-card__progress-bar{height:100%;background:var(--color-accent);border-radius:2px;transition:width 1s linear}.activity-card__time{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:4px}.godplay-button{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);text-decoration:none;transition:var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.godplay-button:hover{border-color:var(--color-accent-dim);box-shadow:var(--glow-accent-strong);transform:translateY(-2px)}.godplay-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.godplay-button__logo{display:flex;align-items:center;justify-content:center;flex-shrink:0}.godplay-button__icon{display:block;object-fit:contain}.godplay-button__content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.godplay-button__title{font-size:var(--text-xl);font-weight:700;letter-spacing:.02em}.godplay-button__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.godplay-button__arrow{flex-shrink:0;color:var(--color-text-muted);display:flex;align-items:center;transition:var(--transition-base)}.godplay-button:hover .godplay-button__arrow{color:var(--color-accent);transform:translate(4px)}.footer{padding:var(--space-2xl) var(--space-md);text-align:center}.footer__text{font-size:var(--text-sm);color:var(--color-text-dim);margin:0}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-md)}.app__cards{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl) 0}.app__card-wrap{width:360px;max-width:100%;display:flex;justify-content:center}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}