:root {
    --ink: #f4f0ea;
    --muted: #a9a39c;
    --faint: #6f6a66;
    --bg: #08090c;
    --bg-2: #0e1016;
    --panel: rgba(20, 22, 30, .82);
    --panel-solid: #151821;
    --line: rgba(244, 240, 234, .12);
    --line-strong: rgba(244, 240, 234, .2);
    --red: #ff4655;
    --red-deep: #9c2430;
    --sand: #d9c7a3;
    --green: #55d6a7;
    --amber: #e8b965;
    --max: 1180px;
    --radius: 24px;
    --shadow: 0 22px 70px rgba(0, 0, 0, .36);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--bg);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.62;
    letter-spacing: -.012em;
}
body::selection { background: var(--red); color: white; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
code {
    color: #ffd7dc;
    background: rgba(255, 70, 85, .10);
    border: 1px solid rgba(255, 70, 85, .22);
    border-radius: 9px;
    padding: 2px 7px;
}
.site-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px),
        radial-gradient(circle at 16% 9%, rgba(255, 70, 85, .17), transparent 29%),
        radial-gradient(circle at 88% 11%, rgba(217, 199, 163, .10), transparent 28%),
        linear-gradient(180deg, #08090c 0%, #11131a 48%, #08090c 100%);
    background-size: 72px 72px, 72px 72px, auto, auto, auto;
}
.site-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,9,12,.24), rgba(8,9,12,.88));
}
.topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    max-width: var(--max);
    margin: 0 auto;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    backdrop-filter: blur(18px);
}
.brand { display: flex; align-items: center; gap: 12px; }
.brand-mark {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 16px;
    background: linear-gradient(135deg, #ff4655, #761c25 58%, #2b1518);
    color: white;
    font-weight: 900;
    letter-spacing: -.08em;
    box-shadow: 0 18px 45px rgba(255, 70, 85, .18);
}
.brand strong { display: block; letter-spacing: -.045em; }
.brand small { display: block; color: var(--muted); margin-top: -4px; font-size: 12px; }
.nav {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(8, 9, 12, .72);
}
.nav a {
    padding: 9px 13px;
    border-radius: 999px;
    color: var(--muted);
    font-weight: 800;
    font-size: 14px;
}
.nav a:hover, .nav a.is-active { color: var(--ink); background: rgba(255,255,255,.075); }
.nav .nav-cta { color: #fff; background: var(--red); }
.nav-toggle { display: none; }
.section { max-width: var(--max); margin: 0 auto; padding: 78px 20px; }
.section-tight { padding-top: 34px; }
.hero {
    min-height: 660px;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 34px;
    align-items: center;
}
.hero h1, .page-head h1, .admin-head h1, .login-card h1 {
    margin: 0;
    line-height: .94;
    letter-spacing: -.075em;
}
.hero h1, .page-head h1 { font-size: clamp(44px, 8vw, 86px); max-width: 820px; }
.admin-head h1, .login-card h1 { font-size: clamp(38px, 6vw, 64px); }
.lead, .page-head p { color: var(--muted); font-size: 18px; max-width: 720px; }
.muted, .helper-text { color: var(--muted); }
.eyebrow {
    margin: 0 0 13px;
    color: #f1c4b6;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 12px;
    font-weight: 900;
}
.hero-actions, .form-actions { display: flex; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.btn {
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
    cursor: pointer;
}
.btn.small { padding: 9px 14px; font-size: 14px; margin-top: 18px; }
.btn:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.28); }
.btn-primary { background: var(--red); border-color: var(--red); color: #fff; box-shadow: 0 18px 45px rgba(255, 70, 85, .2); }
.btn-ghost { background: rgba(255,255,255,.055); color: var(--ink); }
.hero-card, .panel, .form-card, .empty-state, .timeline, .profile-side, .admin-panel, .login-card, .notice {
    border: 1px solid var(--line);
    background: var(--panel);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
}
.hero-card { padding: 34px; position: relative; overflow: hidden; }
.match-card::before {
    content: "";
    display: block;
    height: 8px;
    width: 88px;
    background: linear-gradient(90deg, var(--red), var(--sand));
    border-radius: 999px;
    margin-bottom: 24px;
}
.hero-card h2 { font-size: 34px; line-height: 1.04; letter-spacing: -.055em; margin: 18px 0 12px; }
.hero-card p { color: var(--muted); }
.card-label {
    color: var(--ink);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 7px 10px;
}
.mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 28px; }
.mini-grid span, .tag-row span, .socials a, .tabs a {
    border: 1px solid var(--line);
    background: rgba(255,255,255,.048);
    border-radius: 999px;
    padding: 8px 12px;
    color: #dfd8cf;
    font-size: 13px;
    font-weight: 800;
}
.section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}
.section-head.compact { margin-bottom: 14px; }
.section-head h2, .split h2 { font-size: clamp(30px, 4vw, 52px); line-height: 1; letter-spacing: -.058em; margin: 0; }
.section-head.compact h2 { font-size: 24px; }
.section-head a { color: #f1c4b6; font-weight: 900; }
.member-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.member-card {
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.032));
    border-radius: var(--radius);
    padding: 20px;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.member-card:hover { transform: translateY(-4px); border-color: rgba(255,70,85,.44); background: rgba(255,70,85,.052); }
.avatar, .profile-avatar {
    width: 62px;
    height: 62px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(255,70,85,.96), rgba(111,36,45,.96));
    background-size: cover;
    background-position: center;
    color: white;
    font-weight: 1000;
    text-transform: uppercase;
    box-shadow: 0 18px 50px rgba(255,70,85,.16);
}
.member-card h3 { margin: 14px 0 0; font-size: 25px; letter-spacing: -.045em; }
.member-card p { color: var(--muted); margin: 4px 0; }
.tag-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.tag-row.big span { font-size: 14px; padding: 10px 14px; }
.split { display: grid; grid-template-columns: .85fr 1.15fr; gap: 22px; align-items: start; }
.split.reverse { grid-template-columns: 1.15fr .85fr; }
.timeline { padding: 10px; }
.timeline-item { padding: 18px; border-bottom: 1px solid var(--line); }
.timeline-item:last-child { border-bottom: 0; }
.timeline-item strong { display: block; }
.timeline-item span { color: var(--muted); font-size: 14px; }
.clip-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.clip-card {
    min-height: 170px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 22px;
    background: linear-gradient(135deg, rgba(255,70,85,.12), rgba(217,199,163,.07));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.clip-card span { color: #f1c4b6; font-weight: 900; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.clip-card h3 { margin: 18px 0 8px; font-size: 24px; line-height: 1.08; letter-spacing: -.045em; }
.clip-card p { color: var(--muted); margin: 0; }
.empty-state { padding: 24px; color: var(--muted); grid-column: 1 / -1; }
.page-head { padding-bottom: 30px; }
.toolbar { margin-bottom: 18px; }
.toolbar input, input, select, textarea {
    width: 100%;
    border: 1px solid var(--line);
    outline: none;
    background: rgba(255,255,255,.055);
    color: var(--ink);
    border-radius: 16px;
    padding: 13px 14px;
}
select option { background: #151821; color: #fff; }
input:focus, select:focus, textarea:focus { border-color: rgba(255,70,85,.58); box-shadow: 0 0 0 4px rgba(255,70,85,.08); }
.profile-hero { display: grid; grid-template-columns: 1.35fr .65fr; gap: 20px; align-items: stretch; }
.profile-main {
    border: 1px solid var(--line);
    background:
        linear-gradient(135deg, rgba(255,70,85,.20), rgba(217,199,163,.07)),
        rgba(255,255,255,.04);
    background-size: cover;
    background-position: center;
    border-radius: calc(var(--radius) + 8px);
    padding: 34px;
    display: flex;
    gap: 22px;
    align-items: center;
}
.profile-avatar { width: 120px; height: 120px; border-radius: 34px; font-size: 38px; flex: 0 0 auto; }
.profile-main h1 { margin: 0; font-size: clamp(44px, 8vw, 96px); line-height: .9; letter-spacing: -.08em; }
.profile-side { padding: 26px; }
.profile-side strong { display: block; margin-top: 12px; }
.profile-side p { color: var(--muted); margin: 6px 0 15px; }
.panel { padding: 28px; }
.panel p { color: var(--muted); }
.socials { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.stats-grid, .dash-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.dash-grid { grid-template-columns: repeat(4, 1fr); margin-bottom: 18px; }
.stat-card { border: 1px solid var(--line); background: rgba(255,255,255,.052); border-radius: var(--radius); padding: 20px; }
.stat-card span { color: var(--muted); font-weight: 800; }
.stat-card strong { display: block; margin-top: 8px; font-size: 31px; letter-spacing: -.05em; }
.form-section { padding-top: 20px; }
.form-card { padding: 24px; }
.form-card.flat { box-shadow: none; background: rgba(255,255,255,.035); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
label { display: grid; gap: 8px; color: #dfd8cf; font-weight: 800; }
.form-card label { margin-bottom: 16px; }
.form-message { color: var(--muted); font-weight: 800; }
.form-message.success { color: var(--green); }
.form-message.error { color: #ff9ca5; }
.check-row { display: flex; align-items: center; gap: 10px; }
.check-row input { width: auto; }
.footer {
    max-width: var(--max);
    margin: 0 auto;
    padding: 40px 20px 60px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--line);
    color: var(--muted);
}
.footer strong { color: var(--ink); }
.footer-links { display: flex; gap: 14px; flex-wrap: wrap; font-weight: 900; }
.not-found { min-height: 60vh; }

.admin-login { min-height: 70vh; display: grid; place-items: center; }
.login-card { width: min(520px, 100%); padding: 32px; }
.notice { padding: 14px 16px; margin: 16px 0; color: var(--ink); }
.notice-success { border-color: rgba(85,214,167,.35); }
.notice-error { border-color: rgba(255,70,85,.42); }
.admin-wrap { display: grid; grid-template-columns: 220px 1fr; gap: 22px; align-items: start; }
.admin-rail {
    position: sticky;
    top: 88px;
    border: 1px solid var(--line);
    background: rgba(8,9,12,.66);
    border-radius: 22px;
    padding: 10px;
}
.admin-rail a, .admin-rail button {
    width: 100%;
    display: block;
    color: var(--muted);
    padding: 11px 12px;
    border-radius: 14px;
    border: 0;
    background: transparent;
    text-align: left;
    font-weight: 850;
    cursor: pointer;
}
.admin-rail a:hover, .admin-rail a.is-active, .admin-rail button:hover { color: var(--ink); background: rgba(255,255,255,.075); }
.admin-rail form { margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--line); }
.admin-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 20px; }
.admin-content { min-width: 0; }
.admin-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.admin-panel { padding: 18px; overflow: hidden; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 740px; }
th, td { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
th { color: var(--muted); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
td span { color: var(--muted); font-size: 13px; }
td a { color: #f1c4b6; font-weight: 900; }
.row-actions { display: flex; align-items: center; gap: 10px; }
.row-actions form { margin: 0; }
.row-actions button { border: 0; background: transparent; color: #ff9ca5; cursor: pointer; font-weight: 900; padding: 0; }
.admin-form { max-width: 900px; }
.tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.tabs a.is-active { background: rgba(255,70,85,.14); border-color: rgba(255,70,85,.36); color: var(--ink); }
.submission-list { display: grid; gap: 14px; }
.submission-list.slim { gap: 10px; }
.submission-card { border: 1px solid var(--line); background: rgba(255,255,255,.045); border-radius: 18px; padding: 16px; }
.submission-card.wide { padding: 20px; }
.submission-card span { color: var(--muted); font-size: 13px; text-transform: capitalize; }
.submission-card strong, .submission-card h2 { display: block; margin: 4px 0 0; }
.submission-card h2 { font-size: 28px; letter-spacing: -.05em; }
.submission-card p { margin: 4px 0 0; color: var(--muted); }
.submission-top { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.submission-top form { min-width: 180px; }
.payload-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
.payload-grid div { border: 1px solid var(--line); border-radius: 14px; padding: 11px; }
.payload-grid strong { display: block; color: var(--muted); font-size: 12px; text-transform: capitalize; margin-bottom: 4px; }
.payload-grid span { color: var(--ink); text-transform: none; }

@media (max-width: 1000px) {
    .dash-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-two-col { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .topbar { align-items: flex-start; }
    .nav-toggle {
        display: inline-flex;
        border: 1px solid var(--line);
        background: rgba(255,255,255,.06);
        color: white;
        border-radius: 999px;
        padding: 10px 13px;
        font-weight: 900;
    }
    .nav {
        display: none;
        position: absolute;
        top: 74px;
        left: 20px;
        right: 20px;
        border-radius: 22px;
        flex-direction: column;
        align-items: stretch;
    }
    .nav.is-open { display: flex; }
    .hero, .split, .split.reverse, .profile-hero, .admin-wrap { grid-template-columns: 1fr; }
    .admin-rail { position: static; display: flex; gap: 6px; overflow-x: auto; }
    .admin-rail a, .admin-rail button { white-space: nowrap; }
    .admin-rail form { margin: 0; padding: 0; border: 0; }
    .member-grid, .clip-grid { grid-template-columns: repeat(2, 1fr); }
    .section { padding-left: 16px; padding-right: 16px; }
    .hero { min-height: auto; padding-top: 60px; }
    .payload-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .member-grid, .clip-grid, .form-grid, .stats-grid, .dash-grid, .payload-grid { grid-template-columns: 1fr; }
    .profile-main, .admin-head, .submission-top { flex-direction: column; align-items: flex-start; }
    .footer { flex-direction: column; }
    .hero-actions .btn, .form-actions .btn { width: 100%; }
}

/* v1.3.0 Riot API integration */
.riot-sync-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
}
.riot-sync-box h3 { margin: 2px 0 6px; letter-spacing: -.03em; }
.form-note { color: var(--muted); font-size: 13px; margin: 8px 0 0; }
.form-note.danger { color: #ff9ca5; }
.pill {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 4px 8px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 850;
    background: rgba(255,255,255,.045);
}
.pill.success { color: #9ee7bd; border-color: rgba(95,214,139,.28); background: rgba(95,214,139,.08); }
.pill.danger { color: #ff9ca5; border-color: rgba(255,70,85,.28); background: rgba(255,70,85,.08); }
.match-list { display: grid; gap: 12px; }
.match-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    border: 1px solid var(--line);
    background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
    border-radius: 22px;
    padding: 18px;
    overflow: hidden;
    position: relative;
}
.match-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: rgba(255,255,255,.2);
}
.match-card.is-win::before { background: #5fd68b; }
.match-card.is-loss::before { background: #ff4655; }
.match-card span, .match-card p { color: var(--muted); }
.match-card h3 { margin: 4px 0; text-transform: capitalize; }
.match-kda { text-align: right; min-width: 110px; }
.match-kda strong { display: block; font-size: 22px; letter-spacing: -.03em; }
.match-kda span { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
@media (max-width: 640px) {
    .riot-sync-box, .match-card { flex-direction: column; align-items: flex-start; }
    .match-kda { text-align: left; }
}

/* v1.4.0 Riot Sync Center polish */
.admin-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.riot-health-grid { grid-template-columns: repeat(5, 1fr); }
.riot-command-panel {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 20px;
    align-items: end;
    margin-bottom: 20px;
}
.inline-form { display: flex; align-items: end; gap: 12px; justify-content: flex-end; flex-wrap: wrap; }
.inline-form label { min-width: 170px; color: var(--muted); font-weight: 800; }
.wide-left { grid-template-columns: 1.18fr .82fr; }
.table-action {
    border: 1px solid rgba(255,255,255,.14);
    color: var(--ink);
    background: rgba(255,255,255,.055);
    border-radius: 999px;
    padding: 7px 11px;
    font-weight: 900;
    cursor: pointer;
}
.status-pill {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 5px 9px;
    color: var(--muted);
    background: rgba(255,255,255,.045);
    font-size: 12px;
    font-weight: 900;
    text-transform: capitalize;
}
.status-synced { color: var(--green); border-color: rgba(85,214,167,.22); background: rgba(85,214,167,.07); }
.status-failed { color: #ffb6bd; border-color: rgba(255,70,85,.26); background: rgba(255,70,85,.08); }
.status-idle { color: var(--sand); border-color: rgba(217,199,163,.22); background: rgba(217,199,163,.07); }
.sync-log-list { display: grid; gap: 10px; max-height: 640px; overflow: auto; padding-right: 3px; }
.sync-log-card {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 13px;
    background: rgba(255,255,255,.035);
}
.sync-log-card.is-success { border-color: rgba(85,214,167,.18); }
.sync-log-card.is-failed { border-color: rgba(255,70,85,.24); background: rgba(255,70,85,.045); }
.sync-log-card div { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.sync-log-card span, .sync-log-card small { color: var(--muted); font-size: 12px; }
.sync-log-card p { margin: 7px 0; color: #d9d1c8; font-size: 14px; line-height: 1.45; }
.riot-summary-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}
.riot-summary-strip div {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
    padding: 16px;
}
.riot-summary-strip span, .riot-summary-strip small { color: var(--muted); display: block; }
.riot-summary-strip strong { display: block; font-size: 25px; letter-spacing: -.04em; margin: 4px 0; }
@media (max-width: 900px) {
    .riot-health-grid { grid-template-columns: repeat(2, 1fr); }
    .riot-command-panel, .wide-left, .riot-summary-strip { grid-template-columns: 1fr; }
    .inline-form { justify-content: flex-start; }
    .sync-log-card div { display: block; }
}

/* v1.5.0 Member Room */
.member-login-card form { display: grid; gap: 14px; margin-top: 22px; }
.member-room-hero {
    display: grid;
    grid-template-columns: 1fr .95fr;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 22px;
}
.member-room-copy {
    border: 1px solid var(--line);
    background: linear-gradient(135deg, rgba(255,70,85,.12), rgba(255,255,255,.035));
    border-radius: calc(var(--radius) + 8px);
    padding: 32px;
    box-shadow: var(--shadow);
}
.member-room-copy h1 { margin: 0; font-size: clamp(48px, 8vw, 92px); line-height: .9; letter-spacing: -.08em; }
.member-room-card { min-height: 320px; }
.member-room-card h2 { margin: 14px 0 4px; font-size: clamp(34px, 5vw, 62px); line-height: .95; letter-spacing: -.07em; }
.member-summary-strip { margin: 0 0 22px; }
.member-room-grid {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 22px;
    align-items: start;
    margin-top: 22px;
}
.member-room-grid.second-row { grid-template-columns: .85fr 1.15fr; }
.stacked-panels { display: grid; gap: 18px; }
.member-access-note { margin-bottom: 18px; }
.member-access-note h3 { margin: 0; font-size: 28px; letter-spacing: -.045em; }
.member-recent-matches { margin-top: 22px; }
.status-published { color: #9ee7bd; border-color: rgba(95,214,139,.28); background: rgba(95,214,139,.08); }
.status-pending { color: var(--sand); border-color: rgba(217,199,163,.24); background: rgba(217,199,163,.07); }
.status-rejected { color: #ffb6bd; border-color: rgba(255,70,85,.26); background: rgba(255,70,85,.08); }
.status-archived { color: var(--muted); }
input[type="file"] {
    padding: 11px;
    color: var(--muted);
}
input[type="file"]::file-selector-button {
    margin-right: 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: var(--ink);
    padding: 8px 12px;
    font-weight: 900;
}
@media (max-width: 900px) {
    .member-room-hero, .member-room-grid, .member-room-grid.second-row { grid-template-columns: 1fr; }
    .member-room-card { min-height: 260px; }
}

/* v1.6.0 Recruitment Pipeline */
.recruitment-stats { margin-bottom: 18px; }
.pipeline-board {
    display: grid;
    grid-template-columns: repeat(6, minmax(270px, 1fr));
    gap: 14px;
    overflow-x: auto;
    padding: 4px 2px 14px;
}
.pipeline-column {
    min-width: 270px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(8, 9, 12, .46);
    padding: 12px;
}
.pipeline-column header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 4px 4px 12px;
}
.pipeline-column header strong { display: block; font-size: 16px; letter-spacing: -.02em; }
.pipeline-column header span { display: block; color: var(--muted); font-size: 12px; line-height: 1.35; margin-top: 2px; }
.pipeline-column header b {
    min-width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.055);
}
.pipeline-empty {
    border: 1px dashed var(--line);
    border-radius: 18px;
    padding: 18px;
    color: var(--muted);
    text-align: center;
    background: rgba(255,255,255,.025);
}
.pipeline-card {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.035));
    padding: 14px;
    margin-bottom: 12px;
    box-shadow: 0 16px 36px rgba(0,0,0,.18);
}
.pipeline-card.status-new { border-color: rgba(217,199,163,.22); }
.pipeline-card.status-trial_scheduled { border-color: rgba(232,185,101,.32); background: linear-gradient(180deg, rgba(232,185,101,.085), rgba(255,255,255,.032)); }
.pipeline-card.status-accepted { border-color: rgba(85,214,167,.28); background: linear-gradient(180deg, rgba(85,214,167,.075), rgba(255,255,255,.032)); }
.pipeline-card.status-rejected { opacity: .82; }
.pipeline-card-top { display: flex; gap: 10px; justify-content: space-between; align-items: flex-start; }
.pipeline-card-top span { color: var(--muted); font-size: 12px; }
.pipeline-card h2 { margin: 4px 0 0; font-size: 25px; line-height: 1; letter-spacing: -.055em; }
.pipeline-card p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.pipeline-meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 13px 0; }
.pipeline-meta div {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    padding: 9px;
    min-width: 0;
}
.pipeline-meta small { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.pipeline-meta strong { display: block; margin-top: 2px; font-size: 13px; line-height: 1.3; word-break: break-word; }
.pipeline-link {
    display: inline-flex;
    color: #f1c4b6;
    font-weight: 900;
    font-size: 13px;
    margin-top: 4px;
}
.trial-note, .admin-note-preview {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
    padding: 10px;
    margin-top: 10px;
}
.trial-note strong, .trial-note span { display: block; }
.trial-note span { color: var(--muted); font-size: 13px; }
.admin-note-preview { color: #d9d1c8 !important; line-height: 1.45; }
.pipeline-details {
    border-top: 1px solid var(--line);
    margin-top: 12px;
    padding-top: 10px;
}
.pipeline-details summary {
    cursor: pointer;
    color: var(--sand);
    font-weight: 900;
    font-size: 13px;
}
.pipeline-details form { display: grid; gap: 10px; margin-top: 12px; }
.pipeline-details label { gap: 6px; font-size: 13px; color: var(--muted); }
.pipeline-details input, .pipeline-details select, .pipeline-details textarea { border-radius: 13px; padding: 10px 11px; }
.convert-box summary { color: #9ee7bd; }
.status-new { color: var(--sand); }
.status-reviewing { color: #cdd8ff; }
.status-contacted { color: #d7c8ff; }
.status-trial_scheduled { color: var(--amber); }
.status-accepted { color: var(--green); }
.status-rejected { color: #ffb6bd; }
@media (max-width: 1200px) {
    .pipeline-board { grid-template-columns: repeat(6, 270px); }
}

/* v1.7.0 — match room */
.filter-card {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 12px;
    align-items: end;
    padding: 18px;
    border: 1px solid var(--line);
    background: rgba(18, 20, 28, .78);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}
.filter-card label { color: var(--muted); font-weight: 800; font-size: 13px; }
.filter-card select {
    width: 100%;
    margin-top: 7px;
    border: 1px solid var(--line-strong);
    background: rgba(8, 9, 12, .75);
    color: var(--ink);
    border-radius: 14px;
    padding: 12px 13px;
    outline: none;
}
.filter-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.match-summary-wide { grid-template-columns: repeat(4, 1fr); }
.match-list-public .match-card { text-decoration: none; }
.match-card { color: var(--ink); }
.match-card.is-win { border-color: rgba(85, 214, 167, .34); }
.match-card.is-loss { border-color: rgba(255, 70, 85, .30); }
.match-card.is-win::before { background: linear-gradient(90deg, var(--green), rgba(85,214,167,.1)); }
.match-card.is-loss::before { background: linear-gradient(90deg, var(--red), rgba(255,70,85,.1)); }
.top-player-panel { align-self: start; }
.top-player-list { display: grid; gap: 10px; margin-top: 18px; }
.top-player-row {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 6px 10px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.044);
}
.top-player-row span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 11px;
    background: rgba(255, 70, 85, .18);
    color: #ffd7dc;
    font-weight: 900;
}
.top-player-row strong { line-height: 1.1; }
.top-player-row small { color: var(--muted); }
.match-detail-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.028));
    box-shadow: var(--shadow);
}
.match-detail-card > div {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(8,9,12,.40);
}
.match-detail-card span, .match-detail-card small { display: block; color: var(--muted); font-weight: 800; }
.match-detail-card strong { display: block; font-size: 32px; letter-spacing: -.05em; line-height: 1; margin: 8px 0; }
.public-table table a { color: #ffd7dc; font-weight: 900; }
.status-win { color: var(--green); border-color: rgba(85,214,167,.35); background: rgba(85,214,167,.10); }
.status-loss { color: #ffd7dc; border-color: rgba(255,70,85,.35); background: rgba(255,70,85,.10); }

@media (max-width: 960px) {
    .filter-card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filter-actions { grid-column: 1 / -1; }
    .match-summary-wide, .match-detail-card { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .filter-card { grid-template-columns: 1fr; }
}

/* v1.8.0 — scrim management */
.scrim-hero-section { padding-bottom: 24px; }
.scrim-board-public { display: grid; gap: 14px; }
.scrim-card {
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 18px;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.028));
    box-shadow: var(--shadow);
}
.scrim-card.status-confirmed { border-color: rgba(85,214,167,.28); background: linear-gradient(135deg, rgba(85,214,167,.08), rgba(255,255,255,.03)); }
.scrim-card.status-requested { border-color: rgba(217,199,163,.22); }
.scrim-datebox {
    width: 76px;
    height: 76px;
    border: 1px solid var(--line-strong);
    border-radius: 24px;
    display: grid;
    place-items: center;
    background: rgba(8, 9, 12, .48);
}
.scrim-datebox strong { display: block; font-size: 32px; line-height: .9; letter-spacing: -.055em; }
.scrim-datebox span { display: block; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 900; }
.scrim-card h3 { margin: 10px 0 4px; font-size: 30px; line-height: 1; letter-spacing: -.055em; }
.scrim-card p { margin: 3px 0; color: var(--muted); }
.scrim-result-list { display: grid; gap: 10px; margin-top: 18px; }
.scrim-result-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255,255,255,.04);
}
.scrim-result-row strong { display: block; }
.scrim-result-row span { color: var(--muted); font-size: 13px; }
.scrim-score { text-align: right; }
.scrim-score strong { font-size: 22px; letter-spacing: -.04em; margin-top: 5px; }
.scrim-stats { margin-bottom: 18px; }
.scrim-admin-grid { margin-top: 18px; }
.scrim-request-panel .empty-state { padding: 18px; }
.scrim-request-card h2 { font-size: 24px; }
.compact-grid { grid-template-columns: repeat(2, 1fr); }
.status-confirmed { color: var(--green); border-color: rgba(85,214,167,.28); background: rgba(85,214,167,.08); }
.status-completed { color: #cdd8ff; border-color: rgba(205,216,255,.25); background: rgba(205,216,255,.06); }
.status-cancelled { color: #ffb6bd; border-color: rgba(255,70,85,.26); background: rgba(255,70,85,.08); }
.status-requested, .status-scheduled { color: var(--sand); border-color: rgba(217,199,163,.24); background: rgba(217,199,163,.07); }
.status-win { color: var(--green); border-color: rgba(85,214,167,.35); background: rgba(85,214,167,.10); }
.status-loss { color: #ffd7dc; border-color: rgba(255,70,85,.35); background: rgba(255,70,85,.10); }
.status-draw { color: #d7c8ff; border-color: rgba(215,200,255,.26); background: rgba(215,200,255,.08); }
@media (max-width: 760px) {
    .scrim-card { grid-template-columns: 1fr; }
    .scrim-result-row { flex-direction: column; align-items: flex-start; }
    .scrim-score { text-align: left; }
    .compact-grid { grid-template-columns: 1fr; }
}

/* v1.9.0 — clip & highlight system */
.compact-hero { grid-template-columns: 1fr minmax(180px, 260px); align-items: end; }
.mini-card { min-height: 150px; display: grid; align-content: end; }
.mini-card span, .mini-card small { color: var(--muted); font-weight: 800; }
.mini-card strong { display: block; font-size: 48px; letter-spacing: -.07em; line-height: 1; margin: 8px 0; }
.highlight-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.highlight-feature-card {
    display: grid;
    grid-template-rows: 180px 1fr;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(180deg, rgba(255,255,255,.068), rgba(255,255,255,.026));
    box-shadow: var(--shadow);
}
.highlight-feature-card > div:last-child { padding: 18px; }
.highlight-feature-card small, .clip-body small, .clip-body em { color: var(--muted); font-style: normal; font-weight: 800; }
.highlight-feature-card h3 { margin: 8px 0; font-size: 26px; line-height: 1; letter-spacing: -.045em; }
.highlight-feature-card p { color: var(--muted); margin: 0; }
.highlight-thumb, .clip-cover {
    background: radial-gradient(circle at 20% 20%, rgba(255,70,85,.28), transparent 34%), linear-gradient(135deg, rgba(20,23,31,.95), rgba(8,9,12,.98));
    background-size: cover;
    background-position: center;
    min-height: 150px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px;
}
.highlight-thumb span, .clip-cover span, .clip-cover b {
    display: inline-flex;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(8,9,12,.62);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    backdrop-filter: blur(10px);
}
.highlight-filter { grid-template-columns: 1.2fr repeat(5, minmax(120px, 1fr)) auto auto; }
.highlight-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.highlight-card { padding: 0; overflow: hidden; }
.highlight-card h3 { min-height: 52px; }
.clip-body { padding: 16px; display: grid; gap: 8px; }
.clip-body h3 { margin: 0; }
.clip-body p { margin: 0; color: var(--muted); }
.highlight-detail-hero .profile-main { min-height: 430px; align-items: end; background-size: cover; background-position: center; }
.compact-stats { margin-bottom: 18px; }
.is-active-card { border-color: rgba(255,70,85,.35) !important; background: rgba(255,70,85,.08) !important; }
.inline-status-form { display: grid; gap: 8px; min-width: 170px; }
.inline-status-form select { min-width: 150px; }
.inline-status-form button { border: 0; border-radius: 12px; padding: 8px 10px; background: rgba(255,255,255,.09); color: var(--ink); cursor: pointer; font-weight: 800; }
.mini-check { display: inline-flex; gap: 6px; align-items: center; color: var(--muted); font-size: 12px; font-weight: 800; }
.check-grid { display: flex; gap: 16px; flex-wrap: wrap; margin: 14px 0; }
.admin-panel table small { display: block; color: var(--muted); margin-top: 4px; max-width: 420px; }
@media (max-width: 1180px) {
    .highlight-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .highlight-grid, .highlight-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .compact-hero, .highlight-filter, .highlight-grid, .highlight-feature-grid { grid-template-columns: 1fr; }
    .highlight-feature-card { grid-template-rows: 150px 1fr; }
}

/* v2.0.0 Tournament Room */
.tournament-hero-section,
.tournament-detail-hero {
    position: relative;
    overflow: hidden;
}
.tournament-hero-section::after,
.tournament-detail-hero::after {
    content: "";
    position: absolute;
    right: -12%;
    top: 10%;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,70,85,.18), rgba(255,70,85,0) 68%);
    pointer-events: none;
}
.tournament-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}
.tournament-grid.compact {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.tournament-card {
    background: linear-gradient(145deg, rgba(20,24,36,.94), rgba(12,15,24,.96));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 18px 60px rgba(0,0,0,.22);
}
.tournament-card h3 {
    margin: 16px 0 10px;
}
.tournament-card h3 a {
    color: inherit;
    text-decoration: none;
}
.tournament-card p {
    color: var(--muted);
    min-height: 48px;
}
.tournament-card-top,
.tournament-card-bottom,
.tournament-meta,
.bracket-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.tournament-meta {
    justify-content: flex-start;
    margin: 16px 0;
}
.tournament-meta span,
.tournament-card-top span,
.tournament-card-bottom span,
.bracket-meta span {
    color: var(--muted);
    font-size: .86rem;
}
.tournament-card-bottom a {
    color: var(--red);
    font-weight: 700;
    text-decoration: none;
}
.slot-bar {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
    margin: 16px 0;
}
.slot-bar.large { height: 12px; }
.slot-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255,70,85,.85), rgba(255,169,77,.85));
}
.tournament-overview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
}
.tournament-rules-panel .copy-block {
    line-height: 1.8;
    color: var(--ink);
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    padding: 18px;
    margin: 14px 0;
}
.team-list-public {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}
.team-chip {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}
.team-chip span { color: var(--muted); }
.bracket-list {
    display: grid;
    gap: 14px;
}
.bracket-card,
.bracket-row {
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 18px;
    padding: 16px;
}
.bracket-round {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--muted);
    margin-bottom: 12px;
}
.bracket-teams {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
}
.bracket-teams em {
    font-style: normal;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: var(--ink);
    font-weight: 800;
}
.admin-bracket-list .editable {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    align-items: end;
}
.admin-bracket-list input,
.admin-bracket-list select,
.mini-form input,
.mini-form select,
.mini-form textarea {
    width: 100%;
}
.tournament-editor-block {
    margin-top: 22px;
}
.admin-add-box {
    margin-top: 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255,255,255,.03);
}
.admin-add-box summary,
td details summary {
    cursor: pointer;
    color: var(--red);
    font-weight: 700;
}
.mini-form {
    display: grid;
    gap: 10px;
    min-width: 260px;
    margin-top: 12px;
}
.filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}
.filter-row .pill.is-active {
    border-color: rgba(255,70,85,.55);
    color: var(--ink);
}
@media (max-width: 720px) {
    .bracket-teams { grid-template-columns: 1fr; }
    .team-chip { flex-direction: column; }
}

/* v2.1.0 UI/UX polish */
.site-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .22;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 18px 18px;
    mask-image: radial-gradient(circle at center, black, transparent 72%);
}
.topbar {
    border-bottom: 1px solid rgba(255,255,255,.045);
}
.member-card,
.panel,
.admin-panel,
.form-card,
.hero-card,
.profile-side,
.login-card {
    position: relative;
}
.member-card::after,
.admin-panel::after,
.panel::after,
.form-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 32%, rgba(255,70,85,.035));
    opacity: .62;
}
.member-card > *,
.admin-panel > *,
.panel > *,
.form-card > * { position: relative; z-index: 1; }
.page-head {
    position: relative;
}
.page-head::before {
    content: "";
    display: block;
    width: 84px;
    height: 4px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--red), var(--sand));
    margin-bottom: 20px;
}
.focus-card {
    border-color: rgba(255,70,85,.32) !important;
    background: linear-gradient(180deg, rgba(255,70,85,.12), rgba(255,255,255,.035)) !important;
}
.admin-nav-notification {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.admin-nav-notification span {
    min-width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--red);
    font-size: 12px;
    font-weight: 900;
}
.notification-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 22px 0;
}
.metric-card {
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 18px;
    background: rgba(255,255,255,.045);
}
.metric-card strong {
    display: block;
    font-size: 34px;
    line-height: 1;
    letter-spacing: -.06em;
}
.metric-card span { color: var(--muted); font-weight: 700; font-size: 13px; }
.notification-overview-panel { margin: 18px 0 24px; }
.notification-list {
    display: grid;
    gap: 10px;
}
.notification-list.compact-list {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.notification-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 13px;
    align-items: center;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255,255,255,.038);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.notification-item:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
}
.notification-item.is-unread {
    border-color: rgba(255,70,85,.26);
    background: rgba(255,70,85,.055);
}
.notification-item strong { display: block; letter-spacing: -.02em; }
.notification-item p { margin: 3px 0 0; color: var(--muted); font-size: 14px; }
.notification-item small { color: var(--faint); font-weight: 700; }
.notification-item em {
    font-style: normal;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.notification-dot {
    width: 12px;
    height: 12px;
    border-radius: 99px;
    background: #89a7ff;
    box-shadow: 0 0 0 5px rgba(137,167,255,.10);
}
.severity-success .notification-dot { background: var(--green); box-shadow: 0 0 0 5px rgba(85,214,167,.11); }
.severity-warning .notification-dot { background: var(--amber); box-shadow: 0 0 0 5px rgba(232,185,101,.12); }
.severity-danger .notification-dot { background: var(--red); box-shadow: 0 0 0 5px rgba(255,70,85,.12); }
.notification-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.saved-notification-head { margin-top: 32px; }
.empty-state-human {
    min-height: 220px;
    display: grid;
    align-content: center;
}
.empty-state-human h2 { margin: 0 0 8px; font-size: clamp(26px, 4vw, 42px); letter-spacing: -.055em; line-height: 1; }
.cinematic-404 {
    min-height: 68vh;
    display: grid;
    align-content: center;
}
.cinematic-404::before { display: none; }
.round-card {
    width: min(360px, 100%);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 30px;
    padding: 22px;
    background: linear-gradient(135deg, rgba(255,70,85,.18), rgba(255,255,255,.04));
    box-shadow: var(--shadow);
    margin-bottom: 26px;
}
.round-card .round-label {
    display: block;
    color: var(--sand);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em;
}
.round-card strong {
    display: block;
    margin-top: 10px;
    font-size: clamp(64px, 14vw, 136px);
    line-height: .8;
    letter-spacing: -.08em;
}
@media (max-width: 780px) {
    .notification-summary { grid-template-columns: 1fr; }
    .notification-item { grid-template-columns: auto 1fr; }
    .notification-actions, .notification-item em { grid-column: 2; justify-content: flex-start; }
}