:root{
  --bg:#0d0d0f;
  --bg2:#151416;
  --panel:#1d1a1a;
  --panel2:#24201e;
  --line:rgba(191,158,104,.28);
  --line2:rgba(211,181,128,.55);
  --gold:#c5a66f;
  --gold2:#e0ca95;
  --text:#e7e0d5;
  --muted:#aaa095;
  --red:#6e3735;
}

html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -20%,rgba(170,124,61,.15),transparent 38rem),linear-gradient(180deg,#080809 0,#111012 42%,#0b0b0c 100%);color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.7}
a{color:var(--gold2);text-decoration:none}
a:hover{color:#fff0ca}

.rivin-intro{width:min(820px,100%);margin:0 auto 0;padding:0 6px;color:#c8bcae;font-size:1rem;line-height:1.7;text-align:center;}
.rivin-header{position:sticky;top:0;z-index:1000;background:rgba(10,10,11,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.rivin-nav-container{min-height:64px}
.rivin-brand{font-size:1.25rem!important;letter-spacing:.16em;color:var(--gold2)!important;text-transform:uppercase}
.rivin-live-tools{display:flex;align-items:center;gap:10px;margin-left:20px;font-size:.78rem;white-space:nowrap}
.rivin-status,.rivin-random{padding:5px 9px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#bfb5a7}
.rivin-random-label{color:#8f887f;margin-right:5px}
.rivin-nav .nav-link{padding:.6rem .75rem;color:#aaa095!important;letter-spacing:.07em;text-transform:uppercase;font-size:.78rem}
.rivin-nav .nav-link:hover,.rivin-nav .nav-link.active{color:var(--gold2)!important}
.rivin-nav .dropdown-menu{background:#191718;border:1px solid var(--line)}
.rivin-nav .dropdown-item{color:#bdb3a5}
.rivin-nav .dropdown-item:hover{background:#27211e;color:#f1dfba}
.rivin-page{padding:54px 0 74px;min-height:calc(100vh - 150px)}
.rivin-container{max-width:1100px}
.rivin-hero{display:flex;flex-direction:column;gap:34px;padding:18px 0 28px}
.rivin-hero-image-wrap{position:relative;width:min(100%, 980px);margin:0 auto;padding:14px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.2));box-shadow:0 28px 80px rgba(0,0,0,.46)}
.rivin-hero-image-wrap::after{content:'';position:absolute;inset:7px;border:1px solid rgba(224,202,149,.08);pointer-events:none}
.rivin-hero-image{position:relative;z-index:1;display:block;width:100%;height:auto}
.rivin-hero-copy{width:min(820px,100%);margin:0 auto;padding:8px 6px 0;text-align:center}
.rivin-kicker{margin:0 0 10px;color:var(--gold);font-size:.73rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.rivin-hero-copy h1{margin:0 0 22px;color:#eee5d8;font-weight:normal;font-size:clamp(2.35rem,4.7vw,4.15rem);line-height:1.03}
.rivin-hero-copy h1 span{color:var(--gold2)}
.rivin-hero-copy p{margin:0 auto 15px;max-width:790px;color:#c2b8ab;font-size:1.04rem}
.rivin-hero-copy strong{color:#e5c48d}
.rivin-callout{display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:start;margin:24px auto 48px;width:min(100%,980px);padding:30px 32px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(112,53,50,.2),rgba(255,255,255,.025));box-shadow:0 22px 55px rgba(0,0,0,.3)}
.rivin-callout-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--gold2);font-size:1.3rem}
.rivin-news .rivin-kicker{margin-bottom:3px}
.rivin-news h2{margin:0 0 12px;color:#f0e6d7;font-weight:normal;font-size:clamp(2rem,3.5vw,2.7rem);line-height:1.05}
.rivin-callout-text{margin:0;color:#c8bcae;font-size:1.02rem}
.rivin-callout-text p:last-child{margin-bottom:0}
.rivin-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rivin-card{display:flex;flex-direction:column;min-height:240px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(42,36,34,.94),rgba(21,19,19,.98));box-shadow:0 18px 50px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}
.rivin-card:hover{transform:translateY(-3px);border-color:var(--line2)}
.rivin-card-body{padding:27px 27px 22px}
.rivin-card h2{margin:0 0 12px;color:#eee4d5;font-size:1.45rem;font-weight:normal}
.rivin-card p:not(.rivin-kicker){margin:0;color:#a99f93;font-size:.95rem}
.rivin-card-footer{margin-top:auto;padding:18px 27px;border-top:1px solid rgba(191,158,104,.16)}
.rivin-btn{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--line2);background:rgba(139,101,52,.11);color:#e1c993;font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.rivin-btn:hover{background:rgba(139,101,52,.22);color:#fff0cb}
.rivin-btn::after{content:'  →'}
.rivin-footer{padding:28px 0 34px;background:#080809;border-top:1px solid var(--line);color:#77716a}
.rivin-footer a{color:#938b81;font-size:.82rem}
.rivin-footer a:hover{color:var(--gold2)}
.footer-separator{margin:0 8px;color:#4f4a46}
.rivin-modal{display:none;position:fixed;z-index:2000;inset:0;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.78)}
.rivin-modal.is-open{display:flex}
.rivin-modal-content{position:relative;width:min(850px,100%);max-height:85vh;overflow:auto;padding:30px;border:1px solid var(--line2);background:#171516;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.close-btn{position:absolute;right:12px;top:7px;border:0;background:none;color:#b7ab9b;font-size:2rem;line-height:1;cursor:pointer}
.close-btn:hover{color:#f0ddba}

@media (max-width: 992px){
  .rivin-live-tools{margin-left:12px;margin-bottom:10px;order:3;width:100%;overflow:auto}
  .rivin-hero{gap:26px}
  .rivin-card-grid{grid-template-columns:1fr}
}
@media (max-width: 650px){
  .rivin-page{padding:30px 0 50px}
  .rivin-brand{font-size:1.05rem;letter-spacing:.12em}
  .rivin-nav .nav-link{font-size:.72rem;padding:.5rem .55rem}
  .rivin-status,.rivin-random{font-size:.72rem;padding:4px 8px}
  .rivin-hero{gap:22px}
  .rivin-kicker{font-size:.68rem;letter-spacing:.16em}
  .rivin-hero-copy h1{font-size:2.15rem;margin-bottom:16px}
  .rivin-hero-copy p{font-size:.95rem;margin-bottom:12px}
  .rivin-callout{grid-template-columns:1fr;padding:20px 18px;margin:18px auto 32px;gap:14px}
  .rivin-callout-mark{width:38px;height:38px;font-size:1.05rem}
  .rivin-news h2{font-size:1.6rem;margin-bottom:8px}
  .rivin-callout-text{font-size:.93rem}
  .rivin-card-grid{gap:14px}
  .rivin-card-body{padding:20px 20px 16px}
  .rivin-card h2{font-size:1.22rem;margin-bottom:8px}
  .rivin-card p:not(.rivin-kicker){font-size:.88rem}
  .rivin-card-footer{padding:14px 20px}
  .rivin-btn{font-size:.7rem;padding:7px 12px;min-height:36px}
  .rivin-live-tools{flex-wrap:wrap;white-space:normal}
  .rivin-modal-content{padding:20px}
  .close-btn{font-size:1.6rem;top:4px;right:8px}
  .rivin-intro{font-size:.92rem;line-height:1.6;padding:0 12px;}
}

.rivin-spielerliste{ width:100%; } .rivin-spielerliste-title{ margin:0 0 18px; color:var(--gold2); font-size:clamp(1.7rem,3vw,2.4rem); font-weight:normal; line-height:1.2; } .rivin-spielerliste-table-wrap{ width:100%; overflow-x:auto; } .rivin-spielerliste-table{ width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--line); } .rivin-spielerliste-table th, .rivin-spielerliste-table td{ padding:10px; text-align:left; border:1px solid var(--line); } .rivin-spielerliste-table th{ background:var(--panel2); color:var(--gold2); font-weight:normal; } .rivin-spielerliste-table td{ background:rgba(255,255,255,.015); } .rivin-spielerliste-table tbody tr:nth-child(even) td{ background:rgba(255,255,255,.025); } .rivin-spielerliste-table tbody tr:hover td{ background:rgba(255,255,255,.055); } .rivin-spielerliste-num{ width:45px; color:var(--muted); white-space:nowrap; } .rivin-spielerliste-account{ width:150px; color:var(--muted); } .rivin-spielerliste-character{ color:var(--gold2); text-decoration:none; } .rivin-spielerliste-character:hover{ color:#fff0ca; } @media (max-width:650px){ .rivin-spielerliste-table th, .rivin-spielerliste-table td{ padding:8px 9px; font-size:.88rem; } .rivin-spielerliste-account{ width:auto; } }