/* CLYD3 / FUT Club Intelligence — visual integration layer */
:root{
  --bg:#f1efe8;--bg2:#f1efe8;--surface:rgba(241,239,232,.72);--surface2:rgba(255,255,255,.34);--surface3:rgba(17,17,17,.045);
  --text:#111111;--muted:#5f5d57;--line:rgba(17,17,17,.15);--green:#0d7c78;--lime:#0d7c78;--cyan:#0d7c78;
  --gold:#a63d45;--orange:#a63d45;--red:#a63d45;--shadow:0 18px 44px rgba(17,17,17,.045);
  --paper:#f1efe8;--ink:#111111;--soft-ink:#5f5d57;--teal:#0d7c78;--crimson:#a63d45;
}
html[data-theme="light"],html[data-theme="dark"]{--bg:#f1efe8;--bg2:#f1efe8;--surface:rgba(241,239,232,.76);--surface2:rgba(255,255,255,.32);--surface3:rgba(17,17,17,.045);--text:#111;--muted:#5f5d57;--line:rgba(17,17,17,.15);--shadow:0 18px 44px rgba(17,17,17,.045)}
html[data-theme="dark"] body{filter:none}
body{background:var(--paper);font-family:Inter,Arial,sans-serif;color:var(--ink);position:relative}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(17,17,17,.16) 1px);background-size:25% 100%}
body:after{content:"";position:fixed;right:-12vw;top:-18vw;width:48vw;height:48vw;border:1px solid rgba(13,124,120,.08);border-radius:50%;box-shadow:0 0 0 9vw rgba(13,124,120,.018),0 0 0 18vw rgba(166,61,69,.012);pointer-events:none;z-index:-1}
.app{grid-template-columns:260px minmax(0,1fr)}
.sidebar{padding:28px 22px;border-right:1px solid var(--line);background:rgba(241,239,232,.74);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{margin-bottom:42px}.brand-badge{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);background:transparent;color:var(--ink);box-shadow:none;position:relative;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.06em}.brand-badge:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;right:1px;top:7px;background:var(--teal);box-shadow:0 0 0 5px rgba(13,124,120,.07)}.brand strong{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.09em}.brand span{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.04em}
.nav{gap:2px}.nav a{border-radius:0;padding:12px 4px;border:0;border-bottom:1px solid rgba(17,17,17,.07);font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.04em;text-transform:uppercase;transition:.25s}.nav a:hover,.nav a.active{background:transparent;border-color:var(--teal);color:var(--ink);transform:none}.nav a span{font-family:'DM Mono',monospace;color:var(--teal);opacity:1;font-size:7px}
.dna-card{left:22px;right:22px;bottom:70px;padding:16px;border-radius:0;border:1px solid var(--line);background:rgba(255,255,255,.22);box-shadow:none}.mini-label,.panel-kicker{font-family:'DM Mono',monospace;color:var(--teal);font-size:7px;letter-spacing:.14em}.dna-card strong{font-family:'Libre Caslon Display',serif;font-size:17px;font-weight:400;line-height:1.15}.dna-card p{font-family:'DM Mono',monospace;font-size:8px;line-height:1.65}.dna-meter{height:2px;background:rgba(17,17,17,.08)}.dna-meter i{background:var(--teal)}.side-footer{bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;font-family:'DM Mono',monospace;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.side-footer a{color:var(--teal)}
main{max-width:1600px;padding:38px clamp(26px,4vw,64px) 30px}.topbar{padding-bottom:30px;margin-bottom:24px;border-bottom:1px solid var(--line)}.eyebrow,.section-heading>div>span,.panel-head span,.endgame-callout>span{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:.12em;color:var(--teal)}.page-title h1{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.06em;font-size:clamp(40px,5vw,70px);margin:12px 0 14px}.page-title h1 span{font-family:'Libre Caslon Display',serif;font-weight:400;font-style:italic;color:var(--crimson)}.page-title p{max-width:720px;font-family:'DM Mono',monospace;font-size:9px;line-height:1.7}.header-actions{align-items:center}.chip-btn,.icon-btn{border-radius:999px;background:rgba(241,239,232,.7);box-shadow:none;border:1px solid var(--line);font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.03em}.chip-btn:hover,.icon-btn:hover{border-color:var(--teal);color:var(--teal)}.home-btn{text-decoration:none;display:inline-flex;align-items:center}
.section{padding:34px 0 52px}.section-heading{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:16px}.section-heading h2{font-family:Inter,Arial,sans-serif;font-weight:500;font-size:clamp(25px,2.6vw,38px);letter-spacing:-.045em}.snapshot,.result-count,.section-note{font-family:'DM Mono',monospace;font-size:7.5px}.snapshot i{background:var(--teal);box-shadow:0 0 0 5px rgba(13,124,120,.06)}
.panel,.kpi,.legend-feature,.c99{border-radius:0;background:rgba(255,255,255,.18);border:1px solid var(--line);box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel:hover,.kpi:hover,.legend-feature:hover,.c99:hover{border-color:rgba(13,124,120,.28)}
.kpi-grid{gap:8px}.kpi{min-height:122px;padding:16px 16px 18px}.kpi:after{width:56px;height:56px;right:-28px;bottom:-28px;background:transparent;border:1px solid rgba(13,124,120,.18)}.kpi label{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:.08em}.kpi b{font-family:Inter,Arial,sans-serif;font-size:31px;font-weight:500;letter-spacing:-.05em}.kpi small{font-family:'DM Mono',monospace;font-size:7.5px;color:var(--teal)}
.feature-grid{gap:8px}.hero-insight{min-height:330px;padding:30px}.hero-copy h2{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.055em}.hero-copy h2 em{font-family:'Libre Caslon Display',serif;color:var(--crimson);font-weight:400}.hero-copy p{font-family:'DM Mono',monospace;font-size:9px;line-height:1.75}.hero-tags span{border-radius:999px;font-family:'DM Mono',monospace;font-size:7px;color:var(--teal);border-color:rgba(13,124,120,.18);background:transparent}.hero-ring{flex-basis:175px;width:175px;height:175px}.ring-bg{stroke:rgba(17,17,17,.08)}.ring-value{stroke:var(--teal);stroke-width:3}.hero-ring strong{font-family:Inter,Arial,sans-serif;font-weight:500}.hero-ring span{font-family:'DM Mono',monospace;font-size:7px}
.panel-head h3{font-family:Inter,Arial,sans-serif;font-weight:500}.panel-head small{font-family:'DM Mono',monospace}.compare-row{grid-template-columns:48px 1fr 1fr}.compare-track{height:18px;border-radius:0;background:rgba(17,17,17,.04)}.compare-track.collection i{background:rgba(17,17,17,.09)}.compare-track.usage i{background:rgba(13,124,120,.34)}.compare-track i{font-family:'DM Mono',monospace;color:var(--ink)}.legend-key{font-family:'DM Mono',monospace}.key.collection{background:rgba(17,17,17,.2)}.key.usage{background:var(--teal)}
.metric-switch,.depth-toggle{border-radius:999px;background:transparent}.metric-switch button,.depth-toggle button{font-family:'DM Mono',monospace;font-size:7px;border-radius:999px}.metric-switch button.active,.depth-toggle button.active{background:var(--ink);color:var(--paper)}
.hof-grid{gap:8px}.hall-chart{min-height:370px}.bar-row{grid-template-columns:160px 1fr 55px}.bar-name,.bar-value{font-family:'DM Mono',monospace;font-size:8px}.bar-track{height:5px;border-radius:0;background:rgba(17,17,17,.06)}.bar-fill{border-radius:0;background:var(--teal)}.legend-feature{padding:21px;min-height:370px}.legend-feature.captain,.legend-feature.goat{background:rgba(255,255,255,.18)}.legend-feature.captain:before,.legend-feature.goat:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--teal)}.legend-feature.goat:before{background:var(--crimson)}.legend-top,.feature-line{font-family:'DM Mono',monospace}.legend-feature h3{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:35px;letter-spacing:-.035em}.big-number{font-family:Inter,Arial,sans-serif;font-weight:500}.feature-line{border-top-color:var(--line)}
.pitch{border-radius:0;border-color:rgba(13,124,120,.2);background:linear-gradient(90deg,rgba(13,124,120,.025) 50%,transparent 50%),repeating-linear-gradient(90deg,rgba(13,124,120,.018) 0 12.5%,transparent 12.5% 25%),rgba(13,124,120,.035)}.pitch:before,.pitch:after,.pitch-circle{border-color:rgba(17,17,17,.18)}.pitch-card{border-radius:0;background:rgba(241,239,232,.92);border-color:rgba(17,17,17,.14);box-shadow:0 8px 18px rgba(17,17,17,.05)}.pitch-card b{font-family:Inter,Arial,sans-serif;font-weight:500}.pitch-card span,.pitch-card i{font-family:'DM Mono',monospace}.pitch-card i{color:var(--teal)}
.explorer{border-radius:0}.filters{background:rgba(255,255,255,.18);border-color:var(--line)}.search-box,.filters select{border-radius:0;background:rgba(241,239,232,.78);font-family:'DM Mono',monospace}.search-box input{font-family:'DM Mono',monospace}.search-box span{color:var(--teal)}table{font-family:'DM Mono',monospace}thead{background:rgba(241,239,232,.96)}th,td{border-color:rgba(17,17,17,.08)}.rating-pill{border-radius:0;background:rgba(17,17,17,.05)}.badge{border-radius:999px;font-size:7px}.badge.evo{background:rgba(13,124,120,.07);color:var(--teal);border:1px solid rgba(13,124,120,.16)}.badge.std{background:transparent;border:1px solid var(--line)}.pager button{border-radius:999px;background:transparent;font-family:'DM Mono',monospace}.pager button:not(:disabled):hover{border-color:var(--teal);color:var(--teal)}
.depth-layout{gap:8px}.depth-track{height:7px;border-radius:0;background:rgba(17,17,17,.06)}.depth-fill{border-radius:0;background:var(--teal)}.depth-row>strong,.depth-value,.summary-grid span{font-family:'DM Mono',monospace}.depth-summary h3{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:34px}.depth-summary p{font-family:'DM Mono',monospace}.summary-number{font-family:Inter,Arial,sans-serif;font-weight:500;color:var(--crimson)}.summary-grid div{border-radius:0;background:rgba(17,17,17,.035)}.summary-grid b{font-family:Inter,Arial,sans-serif;font-weight:500}
.identity-grid{gap:8px}.rank-item,.market-item{border-color:rgba(17,17,17,.08)}.rank-item>span:first-child,.rank-item b,.rank-item small,.market-item b,.market-item small,.rank-value,.market-value{font-family:'DM Mono',monospace}.rank-value{color:var(--teal)}.market-value{color:var(--crimson)}
.cards99{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.c99{min-height:154px;border-color:rgba(166,61,69,.17);background:rgba(255,255,255,.18)}.c99:after{font-family:'Libre Caslon Display',serif;color:rgba(166,61,69,.05)}.c99>span{font-family:'DM Mono',monospace;color:var(--crimson);font-size:18px}.c99 h3{font-family:Inter,Arial,sans-serif;font-weight:500}.c99 p{font-family:'DM Mono',monospace}.endgame-callout{background:rgba(166,61,69,.025)}.endgame-callout h3{font-family:'Libre Caslon Display',serif;font-weight:400;font-size:36px}.endgame-callout p{font-family:'DM Mono',monospace;font-size:9px;line-height:1.75}
footer{font-family:'DM Mono',monospace;border-color:var(--line);font-size:7px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:980px){.sidebar{background:rgba(241,239,232,.96)}.app{grid-template-columns:1fr}main{padding:24px clamp(18px,4vw,34px)}.home-btn{display:none}}
@media(max-width:680px){.page-title h1{font-size:42px}.kpi-grid{grid-template-columns:1fr 1fr}.hero-insight{padding:22px}.section{padding:28px 0 42px}.cards99{grid-template-columns:repeat(2,1fr)}.side-footer{display:block}.side-footer span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}