:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-bg-elevated:#fdf6f8;--color-bg-hover:#fbeaf0;--color-text:#2b2130;--color-text-muted:#7a6b74;--color-border:#f0dce4;--color-accent:#e0729c;--color-accent-hover:#c85a86;--color-accent-text:#fff;--glass-tint:color-mix(in srgb, var(--color-bg-elevated) 55%, transparent);--glass-border:color-mix(in srgb, var(--color-text) 12%, transparent);--glass-highlight:#ffffffa6;--glass-shadow-color:#2b213029}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121014;--color-bg-elevated:#1c1920;--color-bg-hover:#26212b;--color-text:#e8e3ec;--color-text-muted:#e5e0e9;--color-border:#2c2733;--color-accent:#a58fd6;--color-accent-hover:#b8a4e2;--color-accent-text:#121014;--glass-tint:color-mix(in srgb, var(--color-bg-elevated) 45%, transparent);--glass-border:color-mix(in srgb, var(--color-text) 14%, transparent);--glass-highlight:#ffffff2e;--glass-shadow-color:#00000073}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121014;--color-bg-elevated:#1c1920;--color-bg-hover:#26212b;--color-text:#e8e3ec;--color-text-muted:#e5e0e9;--color-border:#2c2733;--color-accent:#a58fd6;--color-accent-hover:#b8a4e2;--color-accent-text:#121014;--glass-tint:color-mix(in srgb, var(--color-bg-elevated) 45%, transparent);--glass-border:color-mix(in srgb, var(--color-text) 14%, transparent);--glass-highlight:#ffffff2e;--glass-shadow-color:#00000073}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:Montserrat,system-ui,sans-serif}.glass{background:var(--glass-tint);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 8px 32px var(--glass-shadow-color);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border-radius:20px}.glass.glass{-webkit-backdrop-filter:url(#glass-distortion)blur(3px)saturate(180%);backdrop-filter:url(#glass-distortion)blur(3px)saturate(180%)}.page{min-height:100dvh;padding:32px 16px calc(96px + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.page--home{padding-top:clamp(24px,10dvh,120px)}.site-background{z-index:-1;pointer-events:none;position:fixed;inset:0}.site-background>*{width:100%;height:100%}.bottom-nav{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;border-radius:14px;align-items:center;gap:clamp(16px,5vw,28px);max-width:calc(100vw - 32px);padding:10px 22px;display:flex;position:fixed;transform:translate(-50%)}.bottom-nav-item{font:inherit;white-space:nowrap;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 2px;font-size:.75rem;transition:color .15s;display:flex}.bottom-nav-item:hover{color:var(--color-text)}.bottom-nav-item.is-active{color:var(--color-accent)}.bottom-nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:8px}.bottom-nav-icon{background-color:currentColor;flex-shrink:0;width:16px;height:16px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.profile-card,.achievements-row{-webkit-user-select:none;user-select:none}.profile-card img,.achievements-row img,.social-icon{-webkit-user-drag:none}.profile-card{width:min(420px,100vw - 32px)}@media (width>=640px){.profile-card{width:min(560px,100vw - 32px)}}.profile-card-banner{aspect-ratio:736/414;object-fit:cover;border-top-left-radius:inherit;border-top-right-radius:inherit;width:100%;display:block}.profile-card-body{flex-direction:column;align-items:center;gap:14px;padding:20px 24px 26px;display:flex}.profile-card-name{text-align:center;margin:0;font-size:1.6rem;font-weight:700}.profile-card-tagline{color:var(--color-text-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.8rem}.profile-card-links{align-items:center;gap:26px;margin-top:4px;display:flex}.social-icon{color:var(--color-text-muted);justify-content:center;align-items:center;transition:color .15s;display:flex}.social-icon:hover,.social-icon:focus-visible{color:var(--color-accent)}.social-icon:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:6px}.social-icon-glyph{background-color:currentColor;width:30px;height:30px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.achievements-row{border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:10px 20px;display:flex}.achievement{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.achievement-dot{color:var(--color-text-muted)}.achievement-gc1{align-items:center;display:flex;position:relative}.achievement-gc1:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:6px}.achievement-icon{width:auto;height:28px;display:block}.achievement-tooltip{color:var(--color-text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)translateY(-4px)}.achievement-gc1:hover .achievement-tooltip,.achievement-gc1:focus-visible .achievement-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.peripherals-page{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:40px;width:min(960px,100vw - 32px);display:flex}.settings-group{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.peripherals-heading{letter-spacing:.02em;margin:0;padding-bottom:10px;font-size:1.1rem;font-weight:700;position:relative}.peripherals-heading:after{content:"";background:var(--color-accent);border-radius:999px;width:32px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.settings-stats{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.settings-stat{text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:108px;padding:12px 16px;display:flex}.settings-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.65rem;font-weight:600}.settings-stat-value{color:var(--color-text);white-space:nowrap;font-size:.95rem;font-weight:700}.gear-grid{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.gear-card{text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;flex:0 100%;padding:16px;display:flex;overflow:hidden}.gear-card-brand,.gear-card-name{-webkit-user-select:text;user-select:text}@media (width>=560px){.gear-card{flex-basis:calc(50% - 8px)}}@media (width>=860px){.gear-card{flex-basis:calc(33.3333% - 10.6667px)}}.gear-card-image{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:140px;margin-bottom:12px}.gear-card-body{flex-direction:column;gap:2px;display:flex}.gear-card-type{letter-spacing:.04em;color:var(--color-text-muted);font-size:.65rem;font-weight:600}.gear-card-brand{letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent);margin-top:6px;font-size:.75rem;font-weight:600}.gear-card-name{color:var(--color-text);margin:2px 0 0;font-size:1.05rem;font-weight:700}.gear-card-specs{color:var(--color-text-muted);margin:4px 0 0;font-size:.75rem}
