:root{--gold:#d8ad52;--light:#f6dea0;--ink:#f3e6c7;--muted:#c7b89c;--line:rgba(216,173,82,.45);--panel:rgba(30,18,10,.94);--deep:#090503}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 82% 4%,rgba(143,86,24,.18),transparent 27%),linear-gradient(145deg,#21150d,var(--deep) 64%);font-family:Georgia,"Times New Roman",serif}.wrap{width:min(1180px,calc(100% - 28px));margin:auto;padding:24px 0 52px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.crest{width:62px;height:62px;object-fit:contain}.hero,.panel{border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,rgba(57,37,20,.95),var(--panel));box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)}.hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,56px);text-align:center}.hero:after{content:"☠︎";position:absolute;right:clamp(18px,5vw,60px);bottom:-30px;color:rgba(216,173,82,.055);font-family:Georgia,"Times New Roman",serif;font-size:clamp(8rem,20vw,15rem);line-height:1;transform:rotate(-8deg)}.eyebrow{position:relative;z-index:1;color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{position:relative;z-index:1;margin:.35rem 0 .7rem;color:var(--light);font-size:clamp(2.3rem,7vw,4.8rem)}.hero p{position:relative;z-index:1;max-width:790px;margin:auto;color:var(--muted);font-size:clamp(1rem,1.8vw,1.14rem);line-height:1.65}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.panel{padding:clamp(19px,2.4vw,28px)}.panel--wide{grid-column:1/-1}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.section-head h2{margin:0;color:var(--light);font-size:clamp(1.35rem,2.4vw,1.75rem)}.section-head p{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.filter{display:grid;gap:6px;min-width:min(100%,260px)}.filter label{color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filter select{width:100%;padding:11px 38px 11px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#1b1009;font:700 1rem Georgia,"Times New Roman",serif}.honor-grid,.record-grid,.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.honor-card,.record-card,.summary-card,.empty{border:1px solid rgba(216,173,82,.32);border-radius:12px;background:rgba(10,6,3,.48);padding:16px}.honor-card{position:relative;padding-top:44px}.honor-card:before{content:"★";position:absolute;top:13px;left:16px;color:var(--gold);font-size:1.2rem}.honor-card h3,.record-card h3,.summary-card h3{margin:0 0 8px;color:#f4d68b;font-size:1.08rem}.honor-card strong,.record-value{display:block;color:#fff0b2;font-size:1.35rem}.honor-card p,.record-card p,.summary-card p{margin:.45rem 0 0;color:var(--muted);line-height:1.45}.record-value{font-size:1.7rem}.record-holders{margin-top:8px}.record-history{margin-top:12px;padding-top:10px;border-top:1px solid rgba(216,173,82,.2);color:#a99980;font-size:.88rem}.season-banner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.season-banner .summary-card strong{display:block;margin-top:5px;color:#fff0b2;font-size:1.35rem}.list{display:grid;gap:9px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px 13px;border:1px solid rgba(190,143,61,.3);border-radius:9px;background:rgba(12,7,4,.45)}.row span{color:var(--muted)}.row strong{text-align:right;color:#f4d68b}.subhead{margin:20px 0 10px;color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.table-wrap{overflow-x:auto;border:1px solid rgba(216,173,82,.28);border-radius:10px}.archive-table{width:100%;border-collapse:collapse;min-width:520px}.archive-table th,.archive-table td{padding:12px 13px;text-align:left;border-bottom:1px solid rgba(216,173,82,.18)}.archive-table th{color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.archive-table td{color:var(--muted)}.archive-table td strong{color:#f4d68b}.archive-table tr:last-child td{border-bottom:0}.empty{color:var(--muted);line-height:1.5}.status{margin-top:18px;text-align:center;color:#a9987d;font-size:.88rem}.tosmc-nav{margin-top:18px}.is-hidden{display:none!important}
@media(max-width:760px){.wrap{width:min(100% - 20px,1180px);padding-top:14px}.top{align-items:flex-start}.crest{width:50px;height:50px}.archive-grid{grid-template-columns:1fr}.panel--wide{grid-column:auto}.section-head{align-items:stretch;flex-direction:column}.filter{min-width:0;width:100%}.season-banner{grid-template-columns:1fr}.row{grid-template-columns:1fr}.row strong{text-align:left}.hero{padding:28px 20px}.honor-grid,.record-grid,.summary-grid{grid-template-columns:1fr}}

/* HF101-TEST2 – mobile Breitenbegrenzung und lesbare Chronik ohne Seitenüberlauf */
.wrap,.archive-grid,.panel,.section-head,.table-wrap,.honor-grid,.record-grid,.season-banner,.list{min-width:0;max-width:100%}.record-card:before{content:"ALLZEITREKORD";display:block;margin-bottom:9px;color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.12em}.personal-best{margin-bottom:14px;border-color:rgba(216,173,82,.55);background:linear-gradient(135deg,rgba(216,173,82,.11),rgba(10,6,3,.5))}.personal-note{margin-top:12px;color:#a99980;font-size:.9rem;line-height:1.5}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.panel{width:100%;overflow:hidden}.section-head>div{min-width:0;max-width:100%}.section-head p,.section-head h2{overflow-wrap:anywhere}.filter select{min-width:0;max-width:100%}.table-wrap{overflow:visible;border:0}.archive-table{display:block;min-width:0;width:100%}.archive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.archive-table tbody{display:grid;gap:10px}.archive-table tr{display:grid;width:100%;padding:12px;border:1px solid rgba(216,173,82,.28);border-radius:9px;background:rgba(12,7,4,.45)}.archive-table td{display:grid;grid-template-columns:7.4rem minmax(0,1fr);gap:8px;width:100%;padding:5px 0;border:0;overflow-wrap:anywhere}.archive-table td:before{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.archive-table td:nth-child(1):before{content:"Saison"}.archive-table td:nth-child(2):before{content:"Wettbewerb"}.archive-table td:nth-child(3):before{content:"Sieger"}.archive-table td:nth-child(4):before{content:"Wert"}}

/* HF101-TEST3 – dekoratives Ehrenlogbuchmotiv; der erfundene Inhalt der rechten Bildhälfte bleibt ausgeblendet */
.hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);min-height:390px;padding:0;text-align:left}.hero-visual{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line);background:#120a05}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,rgba(21,12,7,.78))}.hero-visual img{display:block;width:250%;max-width:none;height:100%;object-fit:cover;object-position:left center}.hero-copy{position:relative;z-index:1;align-self:center;padding:clamp(28px,5vw,56px)}.hero p{margin:0}.hero:after{right:clamp(18px,5vw,60px)}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-visual{height:250px;border-right:0;border-bottom:1px solid var(--line)}.hero-visual:after{background:linear-gradient(180deg,transparent 70%,rgba(21,12,7,.78))}.hero-copy{padding:28px 20px;text-align:center}.hero p{margin:auto}}

/* HF101-TEST3-FULLIMAGE – finales Motiv vollständig und ohne Beschnitt */
.hero{display:block;min-height:0;text-align:center}.hero-visual{width:100%;aspect-ratio:1408/768;border-right:0;border-bottom:1px solid var(--line)}.hero-visual:after{display:none}.hero-visual img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.hero-copy{padding:clamp(28px,5vw,56px)}.hero p{margin:auto}
@media(max-width:760px){.hero-visual{height:auto;aspect-ratio:1408/768}.hero-copy{padding:28px 20px}}

/* HF106 – iOS/mobile: Totenkopf als dezentes Text-Wasserzeichen statt farbigem Emoji */
@media(max-width:760px){
  .hero:after{
    content:"☠︎";
    right:-6px;
    bottom:-12px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:4.6rem;
    color:rgba(216,173,82,.045);
    z-index:0;
  }
  .hero-copy{position:relative;z-index:1}
}