/**
 * Page CSS — auto-extracted from resources/views/users/show.blade.php
 * 
 * @auto-generated 2026-06-11
 * @source resources/views/users/show.blade.php
 * 
 * Loaded via @stack('page-css') in layouts/app.blade.php
 */

.profile-page { background: radial-gradient(circle at top right, rgba(225, 6, 0, .12), transparent 40%); }
    .profile-banner-wrap { position: relative; height: 340px; overflow: hidden; }
    .profile-banner { width: 100%; height: 100%; object-fit: cover; }
    .profile-banner-fallback { background: linear-gradient(140deg, #121322 0%, #27284c 45%, #e10600 100%); }
    .profile-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .75) 5%, rgba(0, 0, 0, .2) 55%, rgba(0, 0, 0, .15) 100%); }
    .profile-hero-content { position: relative; margin-top: -72px; text-align: center; }
    .profile-avatar-wrap { display: inline-block; border-radius: 999px; padding: 6px; background: linear-gradient(135deg, rgba(225, 6, 0, .9), rgba(107, 124, 255, .8)); box-shadow: 0 16px 40px rgba(0, 0, 0, .35); }
    .profile-avatar { width: 164px; height: 164px; border-radius: 999px; object-fit: cover; border: 4px solid #0e0f16; background: #0e0f16; }
    .profile-name { margin-top: 1rem; font-weight: 700; }
    .profile-bio { max-width: 760px; margin-inline: auto; color: #adb5bd; }
    .profile-joined { color: #8c96a4; font-size: .95rem; }
    .profile-badge-row .badge { font-size: .78rem; }

    .profile-stat-card { background: #10111d; border: 1px solid rgba(255, 255, 255, .08); border-radius: 14px; padding: 1rem; text-align: center; height: 100%; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
    .profile-stat-value { font-size: 1.2rem; font-weight: 700; color: #f8f9fa; }
    .profile-stat-label { color: #8d95a3; font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; }

    .profile-section-card { background: #11131f; border-color: rgba(255, 255, 255, .08); }
    .profile-list-item, .profile-room-header, .profile-table-block { background: rgba(255, 255, 255, .02); border-color: rgba(255, 255, 255, .08); }

    .profile-carousel .carousel-caption { background: linear-gradient(to top, rgba(0, 0, 0, .75), transparent); left: 0; right: 0; bottom: 0; padding: 2rem 1rem .75rem; }
    .profile-screenshot-main { height: min(54vh, 540px); object-fit: cover; background: #080910; }
    .profile-shot-thumb { height: 100px; object-fit: cover; border: 1px solid rgba(255, 255, 255, .1); }

    .profile-mini-stat { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 10px; padding: .65rem; text-align: center; }
    .profile-mini-stat-value { font-weight: 700; }
    .profile-mini-stat-label { font-size: .72rem; color: #9ba4b2; text-transform: uppercase; }

    .profile-timeline-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
    .profile-timeline-item:last-child { border-bottom: 0; }

    .profile-stream-thumb { width: 100%; height: 160px; object-fit: cover; border-radius: .6rem; border: 1px solid rgba(255,255,255,.08); }
    .profile-embed-wrap iframe { width: 100%; max-width: 100%; border: 0; border-radius: 10px; }

    @media (max-width: 767px) {
        .profile-banner-wrap { height: 250px; }
        .profile-avatar { width: 128px; height: 128px; }
        .profile-hero-content { margin-top: -56px; }
    }