:root {
  --navy: #10202a;
  --navy-2: #17313d;
  --navy-3: #155f87;
  --ice: #edf4f7;
  --white: #ffffff;
  --green: #58b9e8;
  --green-2: #6bd5e7;
  --silver: #c7d7df;
  --ink: #152832;
  --muted: #5d717b;
  --red: #d84949;
  --amber: #f3a934;
  --blue: #155f87;
  --line: #c7d7df;
  --border: #c7d7df;
  --surface: #ffffff;
  --surface-2: #e3edf2;
  --shadow: 0 12px 35px rgba(25, 51, 64, 0.12);
  --radius: 20px;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--ice); }
body {
  margin: 0;
  min-height: 100vh;
  background: var(--ice);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
[hidden] { display: none !important; }

.splash {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background:
    radial-gradient(circle at 70% 20%, rgba(88,185,232,.2), transparent 26%),
    linear-gradient(145deg, #0a0f14, #10202a 60%, #155f87);
  color: #fff;
  transition: opacity .35s ease;
}
.splash.loaded { opacity: 0; pointer-events: none; }
.splash strong { display:block; font-size: 25px; letter-spacing: .12em; }
.splash small { display:block; margin-top: 5px; color: #c8d4dc; letter-spacing: .08em; }
.splash-icon { width:76px; height:76px; border-radius:20px; box-shadow:0 12px 30px rgba(0,0,0,.3); }

.app-shell { min-height: 100vh; padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
.topbar {
  position: sticky; top: 0; z-index: 30;
  display:flex; align-items:center; justify-content:space-between;
  min-height: 68px; padding: 10px 16px;
  color: #fff; background: rgba(16,32,42,.97); backdrop-filter: blur(18px);
  border-bottom: 3px solid var(--green);
}
.brand-button { display:flex; align-items:center; gap:10px; border:0; color:#fff; background:transparent; text-align:left; padding:0; }
.brand-button b { display:block; letter-spacing:.11em; font-size:14px; }
.brand-button small { display:block; color:#b8c7d1; font-size:9px; letter-spacing:.16em; margin-top:2px; }
.mini-mark { width:40px; height:40px; display:block; border-radius:11px; object-fit:cover; box-shadow:0 3px 10px rgba(0,0,0,.25); }
.mini-mark.official-team-mark { padding:3px; object-fit:contain; background:#fff; }
.top-actions { display:flex; gap:8px; }
.icon-button,.avatar-button { width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.16); color:#fff; background:rgba(255,255,255,.08); font-weight:900; }
.discord-join-button { width:38px; height:38px; flex:none; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:#fff; background:#5865f2; box-shadow:0 5px 16px rgba(88,101,242,.28); text-decoration:none; transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }
.discord-join-button img { width:21px; height:21px; color:inherit; filter:brightness(0) invert(1); }
.discord-join-button:hover { transform:translateY(-1px); background:#6875f5; box-shadow:0 8px 20px rgba(88,101,242,.36); }
.discord-join-button:focus-visible,.site-discord-link:focus-visible,.footer-discord-link:focus-visible { outline:3px solid #9da7ff; outline-offset:3px; }
.admin-top-button { min-width:82px; height:38px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid rgba(107,213,231,.45); border-radius:999px; color:#fff; background:rgba(88,185,232,.16); font-size:9px; font-weight:950; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.admin-top-button b { color:#75dff1; font-size:13px; }
.admin-top-button:hover { background:rgba(88,185,232,.27); }
.install-button { color:var(--on-highlight, var(--navy)); background:var(--green); }
.back-site { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,255,255,.16); color:#fff; background:rgba(255,255,255,.08); text-decoration:none; font-weight:900; }
.sync-state { min-width:64px; height:38px; display:flex; align-items:center; justify-content:center; gap:6px; padding:0 10px; border-radius:999px; border:1px solid rgba(255,255,255,.16); color:#fff; background:rgba(255,255,255,.08); font-size:10px; font-weight:950; letter-spacing:.06em; }
.sync-state span { width:7px; height:7px; border-radius:50%; background:#f3a934; box-shadow:0 0 0 3px rgba(243,169,52,.14); }
.sync-state.cloud span { background:#54ed9b; box-shadow:0 0 0 3px rgba(84,237,155,.14); }
.sync-state.syncing span { background:var(--green); animation:syncPulse 1s infinite; }
@keyframes syncPulse { 50% { opacity:.35; } }
.access-callout { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:16px; padding:15px 17px; border:1px solid #bfe8f1; border-radius:17px; background:linear-gradient(120deg,#e6fafe,#f5fcfd); box-shadow:0 7px 22px rgba(6,26,51,.045); }
.access-callout span,.access-callout strong,.access-callout small { display:block; }
.access-callout span { color:#168098; font-size:8px; font-weight:1000; letter-spacing:.11em; }
.access-callout strong { margin-top:5px; color:#0b2a45; font-size:13px; }
.access-callout small { margin-top:3px; color:#637887; font-size:10px; }
.account-plan { padding:18px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#0a0f14,#155f87); }
.account-plan span,.account-plan strong,.account-plan small { display:block; }
.account-plan span { color:#6bdff6; font-size:9px; font-weight:1000; letter-spacing:.12em; text-transform:uppercase; }
.account-plan strong { margin-top:8px; font-size:21px; }
.account-plan small { margin-top:9px; color:#c0d0da; line-height:1.5; }
.account-affiliation { margin-top:10px; padding:14px 16px; border:1px solid var(--line); border-radius:15px; background:#f4f7f8; }
.account-affiliation span,.account-affiliation strong,.account-affiliation small { display:block; }
.account-affiliation span { color:#155f87; font-size:9px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; }
.account-affiliation strong { margin-top:5px; color:var(--ink); font-size:15px; }
.account-affiliation small { margin-top:4px; color:var(--muted); font-size:11px; text-transform:capitalize; }
.splash.account-gate { overflow:auto; padding:28px 16px; }
.gate-card { width:min(460px,100%); padding:30px; border:1px solid rgba(255,255,255,.14); border-radius:25px; background:rgba(3,19,36,.78); box-shadow:0 24px 60px rgba(0,0,0,.25); text-align:center; backdrop-filter:blur(16px); }
.gate-card > img { width:76px; height:76px; border-radius:20px; box-shadow:0 12px 25px rgba(0,0,0,.24); }
.gate-card .eyebrow { justify-content:center; margin-top:18px; color:#68ddf5; }
.gate-card h1 { color:#fff; font-size:32px; }
.gate-card p:not(.eyebrow) { margin:13px 0 22px; color:#bacbd6; line-height:1.6; }
.gate-card .button { width:100%; }
.gate-back { display:block; margin-top:15px; padding:0; border:0; color:#aabdc9; background:transparent; font:inherit; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.onboarding-card { text-align:left; }
.onboarding-card > img { display:block; margin:0 auto; }
.onboarding-card .eyebrow,.onboarding-card h1,.onboarding-card > p { text-align:center; }
.onboarding-card .field span { color:#dce8ee; }
.onboarding-card .field small { display:block; margin-top:6px; color:#9fb3c0; font-size:10px; }
.onboarding-card form .button { width:100%; margin-top:17px; }
.onboarding-card .admin-form-message { min-height:18px; margin:9px 0 0; color:#ffb5b5; font-size:11px; text-align:center; }
.main { width:min(100%, 1180px); margin:0 auto; padding: 20px 16px 30px; }

.bottom-nav {
  position:fixed; z-index:40; left:0; right:0; bottom:0;
  display:grid; grid-template-columns:repeat(5,1fr);
  padding: 7px max(8px, env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));
  background:color-mix(in srgb,var(--surface) 97%,transparent); border-top:1px solid var(--line); box-shadow:0 -12px 30px rgba(6,26,51,.08); backdrop-filter:blur(18px);
}
.bottom-nav[data-mode="management"] { grid-template-columns:repeat(6,1fr); }
.bottom-nav button,.bottom-nav a { position:relative; border:0; background:transparent; color:#768494; padding:4px 2px; border-radius:14px; text-align:center; text-decoration:none; }
.bottom-nav span { display:block; height:24px; line-height:24px; font-size:22px; font-weight:900; }
.bottom-nav small { display:block; font-size:10px; font-weight:800; }
.bottom-nav button.active,.bottom-nav a.active { color:var(--navy); background:#dceff8; }
.bottom-nav button.active span,.bottom-nav a.active span { color:#155f87; }
.bottom-nav i { position:absolute; top:0; right:20%; min-width:17px; height:17px; padding:0 4px; border-radius:12px; background:var(--red); color:white; font-size:10px; line-height:17px; font-style:normal; }
.bottom-nav .admin-nav-item { display:none; }

.hub-subnav { display:flex; gap:7px; overflow-x:auto; margin:-4px 0 18px; padding:7px; border:1px solid var(--line); border-radius:17px; background:color-mix(in srgb,var(--surface) 94%,var(--bg)); box-shadow:0 7px 22px rgba(6,26,51,.04); scrollbar-width:none; }
.hub-subnav::-webkit-scrollbar { display:none; }
.hub-subnav button { flex:none; min-height:38px; padding:8px 13px; border:0; border-radius:12px; color:var(--muted); background:transparent; font-size:10px; font-weight:900; white-space:nowrap; }
.hub-subnav button:hover { color:var(--ink); background:color-mix(in srgb,var(--green) 9%,var(--surface)); }
.hub-subnav button.active { color:var(--on-highlight); background:var(--green); box-shadow:0 5px 13px color-mix(in srgb,var(--green) 28%,transparent); }
.hub-overview { display:grid; gap:15px; }
.hub-overview-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center; padding:24px; border-radius:25px; color:#fff; background:linear-gradient(135deg,#0a0f14,var(--navy) 66%,var(--navy-3)); box-shadow:var(--shadow); }
.hub-overview-hero::after { content:attr(data-mark); position:absolute; right:-12px; bottom:-50px; color:rgba(255,255,255,.055); font-size:170px; font-weight:1000; letter-spacing:-.12em; pointer-events:none; }
.hub-overview-hero > div,.hub-overview-hero > aside { position:relative; z-index:1; }
.hub-overview-hero .eyebrow { color:var(--green-2); }
.hub-overview-hero h1 { color:#fff; }
.hub-overview-hero .subhead { max-width:650px; color:#ccdae2; }
.hub-overview-kpis { display:grid; grid-template-columns:repeat(2,minmax(90px,1fr)); gap:8px; min-width:230px; }
.hub-overview-kpis span { padding:13px; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(255,255,255,.08); }
.hub-overview-kpis small,.hub-overview-kpis strong { display:block; }
.hub-overview-kpis small { color:#b7cbd6; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.hub-overview-kpis strong { margin-top:5px; font-size:22px; }
.hub-tool-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.hub-tool-card { min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:18px; color:var(--ink); background:var(--surface); box-shadow:0 6px 20px rgba(6,26,51,.045); text-align:left; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.hub-tool-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--green) 60%,var(--line)); box-shadow:0 10px 24px rgba(6,26,51,.08); }
.hub-tool-card > span { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:var(--navy); background:color-mix(in srgb,var(--green) 18%,var(--surface)); font-size:16px; font-weight:1000; }
.hub-tool-card strong,.hub-tool-card small { display:block; }
.hub-tool-card strong { font-size:13px; }
.hub-tool-card small { margin-top:4px; color:var(--muted); font-size:10px; line-height:1.35; }
.hub-tool-card > b { color:var(--muted); font-size:17px; }

.live-bidding-page { display:grid; gap:14px; }
.live-mirror-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; padding:24px; border:1px solid color-mix(in srgb,var(--green) 45%,var(--line)); border-radius:24px; color:#fff; background:linear-gradient(135deg,var(--navy),color-mix(in srgb,var(--navy) 68%,var(--secondary))); box-shadow:0 16px 38px rgba(6,26,51,.16); }
.live-mirror-hero:after { content:"READ"; position:absolute; right:18px; bottom:-24px; color:rgba(255,255,255,.055); font-size:82px; font-weight:1000; letter-spacing:-7px; pointer-events:none; }
.live-mirror-hero h2 { margin:9px 0 6px; font-size:clamp(24px,4vw,38px); }
.live-mirror-hero p { max-width:720px; margin:0; color:rgba(255,255,255,.74); font-size:13px; line-height:1.6; }
.live-mirror-hero aside { position:relative; z-index:1; min-width:170px; padding:16px 18px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(255,255,255,.08); backdrop-filter:blur(8px); }
.live-mirror-hero aside small,.live-mirror-hero aside strong,.live-mirror-hero aside span { display:block; }
.live-mirror-hero aside small { color:var(--green); font-size:9px; font-weight:1000; letter-spacing:1.2px; }
.live-mirror-hero aside strong { margin:6px 0 8px; font-size:16px; }
.live-mirror-hero aside span { color:rgba(255,255,255,.7); font-size:10px; }
.live-mirror-hero aside b { color:#fff; }
.live-mirror-status { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border-radius:999px; color:#fff; background:rgba(255,255,255,.12); font-size:9px; font-weight:1000; letter-spacing:1px; }
.live-mirror-status i { width:7px; height:7px; border-radius:50%; background:#9ca9b3; }
.live-mirror-status.good i { background:#4ce79a; box-shadow:0 0 0 5px rgba(76,231,154,.12); }
.live-mirror-status.warn i { background:#ffbf47; box-shadow:0 0 0 5px rgba(255,191,71,.12); }
.live-mirror-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.live-mirror-kpis article { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 7px 22px rgba(6,26,51,.05); }
.live-mirror-kpis small,.live-mirror-kpis strong,.live-mirror-kpis span { display:block; }
.live-mirror-kpis small { color:var(--muted); font-size:9px; font-weight:1000; letter-spacing:.8px; }
.live-mirror-kpis strong { margin:7px 0 3px; color:var(--navy); font-size:20px; }
.live-mirror-kpis span { color:var(--muted); font-size:9px; }
.live-auction-list { display:grid; gap:8px; }
.live-auction-card { display:grid; grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(105px,1fr)); gap:10px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:16px; background:color-mix(in srgb,var(--surface) 96%,var(--green)); }
.live-auction-card.over { border-color:color-mix(in srgb,#c64b5a 55%,var(--line)); background:color-mix(in srgb,var(--surface) 94%,#ff6778); }
.live-auction-card > div > small,.live-auction-card > div > strong,.live-auction-card > div > em { display:block; }
.live-auction-card > div > small { color:var(--muted); font-size:8px; font-weight:1000; letter-spacing:.7px; }
.live-auction-card > div > strong { margin-top:4px; color:var(--ink); font-size:12px; }
.live-auction-card > div > em { margin-top:3px; font-size:8px; font-style:normal; font-weight:900; }
.live-auction-card em.good { color:#188c5a; }
.live-auction-card em.bad { color:#bd4051; }
.live-auction-card em.neutral { color:var(--muted); }
.live-auction-player { display:flex; gap:10px; align-items:center; }
.live-auction-player > span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:var(--navy); background:color-mix(in srgb,var(--green) 24%,var(--surface)); font-size:10px; font-weight:1000; }
.live-auction-player > div { min-width:0; }
.live-auction-player strong,.live-auction-player small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-auction-player strong { color:var(--ink); font-size:13px; }
.live-auction-player small { margin-top:3px; color:var(--muted); font-size:9px; }
.live-history-list { display:grid; }
.live-history-list article { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line); }
.live-history-list article:last-child { border-bottom:0; }
.live-history-list article > span { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; color:var(--navy); background:color-mix(in srgb,var(--green) 20%,var(--surface)); font-weight:1000; }
.live-history-list strong,.live-history-list small { display:block; }
.live-history-list strong { color:var(--ink); font-size:11px; }
.live-history-list small { margin-top:3px; color:var(--muted); font-size:9px; }
.live-history-list b { color:var(--navy); font-size:12px; }
.live-readonly-proof { line-height:1.55; }
@media (max-width:900px) { .live-mirror-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .live-auction-card { grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(100px,1fr)); } }
@media (max-width:640px) { .live-mirror-hero { grid-template-columns:1fr; padding:20px; } .live-mirror-hero aside { min-width:0; } .live-mirror-kpis { grid-template-columns:1fr 1fr; } .live-auction-card { grid-template-columns:1fr 1fr; } .live-auction-player { grid-column:1/-1; } }
.hub-section-label { margin:2px 2px -5px; color:var(--muted); font-size:9px; font-weight:1000; letter-spacing:.11em; text-transform:uppercase; }

.eyebrow { margin:0 0 7px; color:#155f87; font-size:11px; font-weight:1000; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(28px,7vw,46px); line-height:1.05; letter-spacing:-.035em; }
h2 { margin:0; font-size:22px; letter-spacing:-.02em; }
h3 { margin:0; font-size:16px; }
.subhead { color:var(--muted); margin:8px 0 0; line-height:1.5; font-size:14px; }
.page-heading { display:flex; gap:12px; align-items:flex-end; justify-content:space-between; margin-bottom:18px; }
.page-heading .actions { flex:none; }

.hero {
  position:relative; overflow:hidden; min-height:220px; padding:24px;
  border-radius:26px; color:#fff; background:linear-gradient(140deg,#0a0f14,var(--navy) 67%,#155f87); box-shadow:var(--shadow);
}
.hero::after { content:"FI"; position:absolute; right:-14px; bottom:-45px; color:rgba(255,255,255,.055); font-size:180px; font-weight:1000; font-style:italic; letter-spacing:-.12em; }
.hero .eyebrow { color:var(--green-2); }
.hero p { position:relative; z-index:1; max-width:600px; color:#d3dce3; line-height:1.5; }
.hero.has-team-identity { padding-right:265px; }
.hero-team-identity { position:absolute; z-index:2; top:24px; right:24px; width:210px; display:flex; align-items:center; gap:12px; padding:11px; border:1px solid rgba(255,255,255,.16); border-radius:18px; background:rgba(255,255,255,.09); backdrop-filter:blur(10px); }
.hero-team-identity .team-logo-shell { width:68px; height:68px; border-radius:16px; }
.hero-team-identity span,.hero-team-identity small,.hero-team-identity strong { min-width:0; display:block; }
.hero-team-identity small { color:rgba(255,255,255,.62); font-size:8px; font-weight:950; letter-spacing:.11em; }
.hero-team-identity strong { margin-top:5px; overflow:hidden; color:#fff; font-size:13px; line-height:1.2; text-overflow:ellipsis; }
.hero-actions { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.cap-strip { position:relative; z-index:1; margin-top:25px; max-width:560px; }
.cap-label { display:flex; justify-content:space-between; font-size:12px; font-weight:800; margin-bottom:7px; }
.progress { height:10px; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.13); }
.progress > span { display:block; width:0; height:100%; border-radius:10px; background:linear-gradient(90deg,var(--green),var(--green-2)); transition:width .3s; }
.progress.danger > span { background:linear-gradient(90deg,var(--amber),var(--red)); }

.button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:10px 15px; border:0; border-radius:13px; background:var(--navy); color:#fff; font-weight:850; text-decoration:none; }
.button.green { background:var(--green); color:var(--on-highlight, var(--navy)); }
.button.light { background:#fff; color:var(--navy); }
.button.ghost { background:transparent; color:var(--ink); border:1px solid var(--line); }
.button.small { min-height:34px; padding:7px 11px; font-size:12px; }
.button.danger { background:#fff0f0; color:#b12525; border:1px solid #f1c3c3; }
.button:disabled { opacity:.45; cursor:not-allowed; }

.kpi-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin:15px 0; }
.kpi-card { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:15px; box-shadow:0 5px 18px rgba(6,26,51,.05); }
.kpi-card small { display:block; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.kpi-card strong { display:block; margin-top:5px; color:var(--ink); font-size:24px; line-height:1; }
.kpi-card em { display:block; margin-top:7px; color:#6d7c8c; font-size:11px; font-style:normal; }
.section-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 6px 24px rgba(6,26,51,.055); padding:17px; margin-top:14px; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.section-title a,.text-button { padding:0; border:0; background:transparent; color:#155f87; font-size:12px; font-weight:900; text-decoration:none; }

.quick-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.quick-card { min-height:115px; padding:16px; border:0; border-radius:18px; text-align:left; background:#eff5f7; color:var(--navy); }
.quick-card:nth-child(1) { background:#dceff8; }
.quick-card:nth-child(2) { background:#e8f0f8; }
.quick-card.cap-sim { grid-column:1/-1; min-height:96px; color:#fff; background:linear-gradient(118deg,#10202a,#155f87 70%,#58b9e8); }
.quick-card.cap-sim small { color:#d7e8ef; }
.quick-card.cap-sim span { color:#a8e8f3; }
.quick-card.trade { grid-column:1/-1; min-height:96px; color:#fff; background:linear-gradient(118deg,var(--navy),#0a445b 70%,#0a6674); }
.quick-card.trade small { color:#bbd3dc; }
.quick-card.trade span { color:var(--green-2); }
.quick-card.stat-ai { grid-column:1/-1; min-height:105px; color:#fff; background:linear-gradient(118deg,#132e57,#3153a1 55%,#00a9ce); box-shadow:0 12px 28px rgba(35,74,145,.2); }
.quick-card.stat-ai span { width:38px; height:30px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.3); border-radius:10px; color:#10202a; background:#9de5f3; font-size:12px; font-weight:1000; letter-spacing:.04em; }
.quick-card.stat-ai small { color:#d7eff8; }
.quick-card span { display:block; font-size:22px; }
.quick-card strong { display:block; margin-top:15px; }
.quick-card small { display:block; margin-top:4px; color:var(--muted); }

.stat-ai-page { width:100%; }
.stat-ai-heading { align-items:center; }
.stat-ai-mark { width:60px; height:60px; flex:none; display:grid; place-items:center; border:1px solid #a6dff0; border-radius:20px; color:#0b3a6d; background:linear-gradient(145deg,#e9f9ff,#cbefff); box-shadow:0 10px 24px rgba(21,73,130,.1); font-size:20px; font-weight:1000; letter-spacing:.05em; }
.stat-ai-hero { position:relative; overflow:hidden; padding:22px; border-radius:25px; color:#fff; background:linear-gradient(126deg,#0a0f14,#155f87 64%,#58b9e8); box-shadow:0 16px 38px rgba(10,15,20,.2); }
.stat-ai-hero::after { content:"AI"; position:absolute; right:-8px; bottom:-54px; color:rgba(255,255,255,.045); font-size:170px; font-weight:1000; letter-spacing:-.1em; pointer-events:none; }
.stat-ai-trust { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.stat-ai-trust > span { display:flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid rgba(126,234,255,.26); border-radius:999px; color:#8feeff; background:rgba(0,0,0,.12); font-size:8px; font-weight:1000; letter-spacing:.11em; }
.stat-ai-trust > span i { width:7px; height:7px; border-radius:50%; background:#54ed9b; box-shadow:0 0 0 4px rgba(84,237,155,.13); }
.stat-ai-trust small { color:#b9d3df; font-size:9px; font-weight:800; }
.stat-ai-hero h2 { position:relative; z-index:1; margin:22px 0 11px; font-size:clamp(21px,4vw,30px); }
.stat-ai-form { position:relative; z-index:1; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; min-height:60px; padding:6px 7px 6px 16px; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.2); }
.stat-ai-form > span { color:#167a96; font-size:25px; font-weight:1000; }
.stat-ai-form input { width:100%; min-width:0; padding:0 12px; border:0; outline:0; color:#0b2039; background:transparent; font-size:15px; font-weight:750; }
.stat-ai-form input::placeholder { color:#80909d; font-weight:600; }
.stat-ai-form button { min-height:44px; padding:0 17px; border:0; border-radius:13px; color:#10202a; background:var(--green); font-size:11px; font-weight:1000; }
.stat-ai-form .stat-ai-clear { width:36px; min-height:36px; margin-left:5px; padding:0; border-radius:50%; color:#5b6b78; background:#eef3f5; font-size:19px; }
.stat-ai-coverage { position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:13px; }
.stat-ai-coverage span { padding:5px 8px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:#d4e9f1; background:rgba(255,255,255,.07); font-size:8px; font-weight:950; letter-spacing:.04em; }
.stat-ai-coverage small { margin-left:auto; color:#acc5d1; font-size:9px; }
.stat-ai-starters,.stat-ai-answer { margin-top:15px; padding:18px; border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:0 8px 28px rgba(6,26,51,.065); }
.stat-ai-suggestions { display:flex; flex-wrap:wrap; gap:8px; }
.stat-ai-suggestions button { min-height:38px; padding:8px 12px; border:1px solid #c7e3ec; border-radius:999px; color:#15546f; background:#edf9fc; font-size:10px; font-weight:900; text-align:left; }
.stat-ai-suggestions button::before { content:"↗"; margin-right:6px; color:#1595b4; }
.stat-ai-answer { scroll-margin-top:84px; }
.stat-ai-answer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:15px; }
.stat-ai-answer-head h2 { margin-top:4px; font-size:21px; }
.stat-ai-answer-head p:last-child { margin:6px 0 0; color:var(--muted); font-size:11px; }
.stat-ai-answer-head > span { display:flex; align-items:center; gap:6px; flex:none; padding:7px 9px; border:1px solid #b9e7ca; border-radius:999px; color:#246a3f; background:#e8f7ed; font-size:8px; font-weight:1000; letter-spacing:.08em; }
.stat-ai-answer-head > span i { width:6px; height:6px; border-radius:50%; background:#31b66d; }
.stat-ai-answer > .stat-ai-suggestions { margin-top:14px; }
.stat-ai-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; }
.stat-ai-table { width:100%; min-width:750px; border-collapse:collapse; background:var(--surface); }
.stat-ai-table th { padding:10px 12px; color:#657988; background:var(--surface-2); font-size:8px; font-weight:1000; letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.stat-ai-table th:nth-child(1),.stat-ai-table th:nth-child(2),.stat-ai-table th:nth-child(3),.stat-ai-table th:nth-child(4) { text-align:left; }
.stat-ai-table td { padding:11px 12px; border-top:1px solid var(--line); color:var(--ink); font-size:11px; font-weight:750; text-align:right; white-space:nowrap; }
.stat-ai-table td:nth-child(1),.stat-ai-table td:nth-child(2),.stat-ai-table td:nth-child(3),.stat-ai-table td:nth-child(4) { text-align:left; }
.stat-ai-table td:first-child { color:#81909c; }
.stat-ai-table td strong,.stat-ai-table td small { display:block; }
.stat-ai-table td strong { font-size:12px; }
.stat-ai-table td small { margin-top:3px; color:var(--muted); font-size:8px; font-weight:650; }
.stat-ai-table td.primary { color:#0b7892; font-size:13px; font-weight:1000; }
.stat-ai-table td:last-child button { width:29px; height:29px; border:1px solid var(--line); border-radius:9px; color:#14758d; background:var(--surface-2); font-size:17px; font-weight:900; }
.stat-ai-player-card,.stat-ai-compare > article { padding:16px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.stat-ai-player-head { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; }
.stat-ai-player-head > span { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; color:#0b6075; background:#dff6fb; font-size:11px; font-weight:1000; }
.stat-ai-player-head strong,.stat-ai-player-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stat-ai-player-head strong { color:var(--ink); font-size:14px; }
.stat-ai-player-head small { margin-top:4px; color:var(--muted); font-size:9px; }
.stat-ai-player-head button { min-height:34px; padding:0 10px; border:1px solid var(--line); border-radius:10px; color:#17677b; background:var(--surface-2); font-size:9px; font-weight:950; }
.stat-ai-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px; }
.stat-ai-metrics > div { min-width:0; padding:12px; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); }
.stat-ai-metrics small,.stat-ai-metrics strong,.stat-ai-metrics span { display:block; }
.stat-ai-metrics small { color:#168099; font-size:8px; font-weight:1000; letter-spacing:.07em; }
.stat-ai-metrics strong { margin-top:5px; color:var(--ink); font-size:20px; }
.stat-ai-metrics span { overflow:hidden; margin-top:3px; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.stat-ai-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.stat-ai-compare > article.missing { opacity:.72; }
.stat-ai-history-title { margin:18px 0 9px; }
.stat-ai-history-title > span { color:var(--muted); font-size:9px; }
.stat-ai-history { display:grid; gap:7px; }
.stat-ai-history article { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); }
.stat-ai-history article strong { color:#106d82; font-size:11px; }
.stat-ai-history article span { color:var(--muted); font-size:9px; }
.stat-ai-history article b { color:var(--ink); font-size:10px; text-align:right; }
.stat-ai-empty { display:grid; place-items:center; min-height:240px; padding:25px; border:1px dashed #c8dfe6; border-radius:18px; text-align:center; background:var(--surface-2); }
.stat-ai-empty > span { width:54px; height:48px; display:grid; place-items:center; border-radius:16px; color:#0c6075; background:#dff6fb; font-size:15px; font-weight:1000; }
.stat-ai-empty > strong { margin-top:13px; color:var(--ink); font-size:16px; }
.stat-ai-empty > p { max-width:540px; margin:7px 0 14px; color:var(--muted); font-size:11px; line-height:1.5; }
.stat-ai-source-note { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; margin-top:15px; padding:13px; border:1px solid #c5e7d0; border-radius:14px; color:#315c42; background:#edf9f1; }
.stat-ai-source-note > span { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; color:#fff; background:#3bae69; font-weight:1000; }
.stat-ai-source-note p { margin:0; font-size:9px; line-height:1.55; }
.stat-ai-limits { margin-top:14px; padding:14px 16px; border-left:4px solid #2a9fbd; border-radius:0 14px 14px 0; color:#40596a; background:#eaf7fb; }
.stat-ai-limits strong { display:block; color:#13596d; font-size:10px; }
.stat-ai-limits p { margin:4px 0 0; font-size:9px; line-height:1.5; }
.stat-ai-live-loading { display:flex; align-items:center; gap:12px; margin-top:14px; padding:13px 15px; border:1px solid #b9dfea; border-radius:14px; color:#174f63; background:#edf9fc; }
.stat-ai-live-loading > i { width:20px; height:20px; flex:none; border:3px solid #b7dfE9; border-top-color:#1385a0; border-radius:50%; animation:stat-ai-spin .8s linear infinite; }
.stat-ai-live-loading strong,.stat-ai-live-loading small { display:block; }
.stat-ai-live-loading strong { font-size:10px; }
.stat-ai-live-loading small { margin-top:3px; color:#5d7883; font-size:9px; }
.stat-ai-live-error button,.stat-ai-retry { min-height:32px; margin-left:8px; padding:0 11px; border:0; border-radius:9px; color:#fff; background:#176d82; font-size:9px; font-weight:950; }
.stat-ai-empty .stat-ai-retry { margin:0; }
.stat-ai-live-card .stat-ai-player-head > em { padding:6px 8px; border-radius:999px; color:#13663a; background:#ddf5e6; font-size:8px; font-style:normal; font-weight:1000; letter-spacing:.08em; }
.stat-ai-live-results { display:grid; gap:12px; }
.stat-ai-club-card { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(320px,1.6fr); align-items:center; gap:20px; padding:17px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(120deg,#f2fbfd,var(--surface)); }
.stat-ai-club-card h3 { margin:4px 0; color:var(--ink); font-size:18px; }
.stat-ai-club-card > div:first-child small { color:var(--muted); font-size:9px; }
.stat-ai-club-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.stat-ai-club-kpis > span { padding:11px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.stat-ai-club-kpis small,.stat-ai-club-kpis strong { display:block; }
.stat-ai-club-kpis small { color:var(--muted); font-size:7px; font-weight:900; text-transform:uppercase; }
.stat-ai-club-kpis strong { margin-top:5px; color:var(--ink); font-size:15px; }
.stat-ai-live-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.stat-ai-live-columns > section { padding:15px; border:1px solid var(--line); border-radius:17px; background:var(--surface); }
.stat-ai-live-columns .section-title { margin-bottom:9px; }
.stat-ai-match-list,.stat-ai-leaders { display:grid; gap:6px; }
.stat-ai-match-list article,.stat-ai-leaders article { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:9px; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
.stat-ai-match-list article > b,.stat-ai-leaders article > b { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:#fff; background:#72828e; font-size:9px; }
.stat-ai-match-list article.win > b { background:#2b9f5c; }
.stat-ai-match-list article.loss > b { background:#c34f5a; }
.stat-ai-match-list article.tie > b { background:#a77a24; }
.stat-ai-match-list strong,.stat-ai-match-list small,.stat-ai-leaders strong,.stat-ai-leaders small { display:block; }
.stat-ai-match-list strong,.stat-ai-leaders strong { color:var(--ink); font-size:10px; }
.stat-ai-match-list small,.stat-ai-leaders small { margin-top:3px; color:var(--muted); font-size:8px; }
.stat-ai-match-list article > span,.stat-ai-leaders article > span { color:#0b7189; font-size:11px; font-weight:1000; }
.stat-ai-lg-results article { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 15px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.stat-ai-lg-results strong { color:var(--ink); font-size:11px; }
.stat-ai-lg-results p { margin:5px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }
.stat-ai-lg-results a { flex:none; padding:8px 10px; border:1px solid #b9dfea; border-radius:10px; color:#11677c; background:#edf9fc; font-size:9px; font-weight:950; text-decoration:none; }
@keyframes stat-ai-spin { to { transform:rotate(360deg); } }
.stat-ai-menu-item { border-color:#b8dfeb; background:linear-gradient(105deg,#edf8ff,var(--surface)); }
.stat-ai-menu-item > b { min-width:28px; padding:5px; border-radius:9px; color:#0b526a; background:#cceffa; font-size:8px; text-align:center; }

.decision-center { margin-top:14px; padding:18px; border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:0 9px 30px rgba(6,26,51,.075); }
.decision-center-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:15px; }
.decision-center-head .eyebrow { margin-bottom:5px; }
.decision-center-head > div > p:last-child { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.decision-live { display:inline-flex; align-items:center; gap:7px; flex:none; min-height:29px; padding:0 10px; border:1px solid #bee8cc; border-radius:999px; color:#246a3f; background:#e8f7ed; font-size:8px; font-weight:1000; letter-spacing:.1em; }
.decision-live i { width:7px; height:7px; border-radius:50%; background:#31b66d; box-shadow:0 0 0 4px rgba(49,182,109,.13); animation:decisionPulse 1.8s ease-in-out infinite; }
@keyframes decisionPulse { 50% { opacity:.45; transform:scale(.84); } }
.decision-overview { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; min-height:150px; padding:23px; border-radius:20px; color:#fff; background:linear-gradient(128deg,#0a0f14,#10202a 65%,#155f87); }
.decision-overview::after { content:"FI"; position:absolute; z-index:-1; right:115px; bottom:-42px; color:rgba(255,255,255,.055); font-size:145px; font-weight:1000; font-style:italic; letter-spacing:-.12em; }
.decision-overview.good { background:linear-gradient(128deg,#062e2a,#0d6048 72%,#158765); }
.decision-overview.warn { background:linear-gradient(128deg,#35250e,#78531b 72%,#9d6a1d); }
.decision-overview.danger { background:linear-gradient(128deg,#391621,#762b37 72%,#a13c45); }
.decision-overview small { color:#73e6f8; font-size:9px; font-weight:1000; letter-spacing:.12em; }
.decision-overview.good small { color:#9cf2bd; }
.decision-overview.warn small { color:#ffd785; }
.decision-overview.danger small { color:#ffb7bc; }
.decision-overview h3 { max-width:760px; margin-top:8px; font-size:clamp(21px,3vw,30px); line-height:1.08; letter-spacing:-.025em; }
.decision-overview p { max-width:760px; margin:9px 0 0; color:#c6d6df; font-size:12px; line-height:1.55; }
.decision-overview.good p { color:#c7ead7; }
.decision-overview.warn p { color:#f0dfbc; }
.decision-overview.danger p { color:#f1cbd0; }
.decision-overview button { position:relative; z-index:1; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 15px; border:1px solid rgba(255,255,255,.2); border-radius:13px; color:#08233c; background:#fff; font-size:11px; font-weight:950; white-space:nowrap; }
.decision-overview button span { color:#138ba3; font-size:17px; }
.decision-overview button:focus-visible,.decision-signal:focus-visible { outline:3px solid rgba(0,199,242,.3); outline-offset:3px; }
.decision-signal-grid { display:grid; grid-template-columns:1fr; gap:9px; margin-top:10px; }
.decision-signal { min-width:0; min-height:145px; display:flex; flex-direction:column; align-items:stretch; padding:14px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--surface); text-align:left; box-shadow:0 3px 12px rgba(6,26,51,.035); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.decision-signal:hover { transform:translateY(-2px); border-color:#a9ccd6; box-shadow:0 9px 20px rgba(6,26,51,.075); }
.decision-signal-top { display:grid; grid-template-columns:25px minmax(0,1fr) auto; align-items:center; gap:7px; }
.decision-signal-top i { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; color:#156476; background:#dff7fb; font-size:12px; font-style:normal; font-weight:1000; }
.decision-signal-top small { overflow:hidden; color:#607484; font-size:8px; font-weight:1000; letter-spacing:.08em; text-overflow:ellipsis; white-space:nowrap; }
.decision-signal-top b { color:#94a4af; font-size:17px; }
.decision-signal > strong { display:block; overflow:hidden; margin-top:13px; font-size:14px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.decision-signal > span:not(.decision-signal-top) { display:block; margin-top:5px; color:var(--muted); font-size:10px; line-height:1.4; }
.decision-signal > em { display:block; margin-top:auto; padding-top:11px; color:#17657a; font-size:11px; font-style:normal; font-weight:1000; letter-spacing:.03em; }
.decision-signal.good .decision-signal-top i { color:#246a3f; background:#e2f5e8; }
.decision-signal.good > em { color:#2b784a; }
.decision-signal.warn .decision-signal-top i { color:#8b5a0c; background:#fff1d5; }
.decision-signal.warn > em { color:#91600f; }
.decision-signal.danger .decision-signal-top i { color:#9b2832; background:#fde6e8; }
.decision-signal.danger > em { color:#a12e38; }
.decision-health { display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; padding-top:11px; border-top:1px solid var(--line); }
.decision-health span { display:inline-flex; align-items:center; gap:7px; min-height:27px; padding:0 9px; border-radius:999px; color:var(--muted); background:var(--surface-2); font-size:9px; font-weight:850; }
.decision-health span i { width:6px; height:6px; border-radius:50%; background:#80919d; }
.decision-health span.good i { background:#2eaf67; }
.decision-health span.warn i { background:#e4a428; }
.decision-health span.danger i { background:#d94b54; }

.filter-panel { position:sticky; top:68px; z-index:20; background:rgba(243,247,248,.96); backdrop-filter:blur(15px); padding:10px 0 12px; }
/* Keep desktop controls visible; phones can give the space back to players. */
.target-filter-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"scope scope" "tier tier" "positions positions" "search ranking" "history history" "extra extra"; column-gap:8px; }
.target-filter-options { display:contents; }
.target-search-toolbar { grid-area:search; min-width:0; margin-top:10px; }
.target-filter-panel .scope-tabs,.target-filter-panel .chl-pool-summary { grid-area:scope; }
.target-filter-panel .tier-tabs { grid-area:tier; }
.target-filter-panel > .chips { grid-area:positions; }
.target-filter-options > .rank-multi-select { grid-area:ranking; margin-top:10px; }
.target-filter-options > .board-filter-row { grid-area:extra; }
.target-filter-toggle,.target-filter-done { display:none; }
@media (max-width:719px) {
  .filter-panel.target-filter-panel { position:static; display:flex; flex-direction:column; padding:6px 0 10px; background:transparent; backdrop-filter:none; }
  .target-search-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:0; }
  .target-search-toolbar .search-input { min-width:0; min-height:44px; font-size:16px; }
  .target-filter-toggle { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:8px 12px; font-size:12px; }
  .target-filter-toggle[aria-expanded="true"] > span { transform:rotate(180deg); }
  .target-filter-panel > .chips { padding-top:8px; padding-bottom:0; }
  .target-filter-panel .chip { min-width:44px; min-height:44px; padding:8px 12px; }
  .target-filter-options { display:none; }
  .target-filter-panel.filters-open .target-filter-options { display:block; margin-top:10px; }
  .target-filter-panel .segmented.tier-tabs { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .target-filter-panel .segmented button { min-height:44px; }
  .target-filter-panel .rank-multi-select,.target-filter-panel .rank-multi-select > summary { width:100%; min-width:0; }
  .target-filter-panel .rank-multi-menu { position:static; width:100%; max-width:none; max-height:none; margin-top:8px; }
  .target-filter-panel .board-filter-row { grid-template-columns:1fr; }
  .target-filter-panel .board-filter-row .search-input { min-height:44px; font-size:16px; }
  .target-filter-done { display:flex; justify-content:center; width:100%; min-height:44px; margin-top:10px; }
}
.segmented { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; background:#dfe8ec; padding:4px; border-radius:14px; }
.segmented.scope-tabs{grid-template-columns:repeat(2,1fr);margin-bottom:8px}
.segmented.tier-tabs{grid-template-columns:repeat(5,1fr)}
.segmented button { border:0; border-radius:11px; padding:9px 6px; color:#637385; background:transparent; font-size:12px; font-weight:900; }
.segmented button.active { background:var(--surface); color:var(--ink); box-shadow:0 3px 10px rgba(6,26,51,.1); }
.chips { display:flex; gap:7px; overflow:auto; padding:10px 1px 2px; scrollbar-width:none; }
.chips::-webkit-scrollbar { display:none; }
.chip { flex:none; border:1px solid var(--line); border-radius:999px; padding:8px 13px; color:var(--muted); background:var(--surface); font-size:12px; font-weight:850; }
.chip.active { color:var(--on-highlight, var(--navy)); background:var(--green); border-color:var(--green); }
.search-row { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:10px; }
.search-input,.field input,.field select,.field textarea { width:100%; min-height:43px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--surface); outline:none; }
.search-input:focus,.field input:focus,.field select:focus,.field textarea:focus { border-color:#7caf3d; box-shadow:0 0 0 3px rgba(139,197,63,.18); }
.rank-multi-select { position:relative; min-width:270px; }
.rank-multi-select > summary { display:flex; align-items:center; gap:8px; min-width:270px; cursor:pointer; list-style:none; user-select:none; }
.rank-multi-select > summary::-webkit-details-marker { display:none; }
.rank-multi-select > summary > span { flex:none; color:var(--muted); font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.rank-multi-select > summary > strong { flex:1; min-width:0; overflow:hidden; color:var(--ink); font-size:11px; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
.rank-multi-select > summary > b { flex:none; color:var(--muted); font-size:11px; transition:transform .16s ease; }
.rank-multi-select[open] > summary > b { transform:rotate(180deg); }
.rank-multi-menu { position:absolute; z-index:60; top:calc(100% + 7px); right:0; width:min(340px,calc(100vw - 28px)); max-height:min(520px,70vh); overflow:auto; padding:10px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:0 18px 45px rgba(6,26,51,.2); }
.rank-multi-head { padding:4px 5px 9px; border-bottom:1px solid var(--line); }
.rank-multi-head span { display:block; color:var(--ink); font-size:12px; font-weight:950; }
.rank-multi-head small { display:block; margin-top:3px; color:var(--muted); font-size:9px; line-height:1.35; }
.rank-multi-option { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:9px; align-items:center; min-height:38px; padding:7px 6px; border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent); color:var(--ink); cursor:pointer; }
.rank-multi-option:last-of-type { border-bottom:0; }
.rank-multi-option input { width:17px; height:17px; margin:0; accent-color:var(--green); }
.rank-multi-option span { font-size:11px; font-weight:850; }
.rank-multi-option small { padding:3px 6px; border-radius:999px; color:var(--muted); background:var(--surface-2,#edf3f5); font-size:8px; font-weight:850; }
.rank-multi-actions { display:flex; justify-content:space-between; gap:8px; padding-top:10px; }
.rank-multi-actions .button { flex:1; justify-content:center; }
@media(max-width:620px){.search-row{grid-template-columns:1fr}.rank-multi-select,.rank-multi-select>summary{width:100%;min-width:0}.rank-multi-menu{left:0;right:auto;width:100%;max-width:none}}

.result-meta { display:flex; justify-content:space-between; margin:6px 2px 10px; color:var(--muted); font-size:11px; font-weight:800; }
.card-list { display:grid; gap:14px; }
.player-card { display:grid; grid-template-columns:54px minmax(0,1fr) 44px; gap:15px; align-items:start; padding:18px; background:var(--surface); border:1px solid var(--line); border-radius:22px; box-shadow:0 6px 20px rgba(6,26,51,.055); }
.player-card.won-player-card,.war-card.won-player-card { border-color:#7ec6a0; box-shadow:0 8px 24px rgba(35,133,82,.12); }
.player-card.won-player-card { background:linear-gradient(135deg,var(--surface),#f1fbf5); }
.chl-pool-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:8px; }
.chl-pool-summary span { min-width:0; padding:11px 13px; border:1px solid #cce7d6; border-radius:13px; color:#47705a; background:#f0faf4; font-size:10px; font-weight:850; text-align:center; }
.chl-pool-summary b { display:block; margin-bottom:2px; color:#17653d; font-size:19px; }
.rank-badge { width:54px; height:54px; display:grid; place-items:center; margin-top:10px; border-radius:16px; background:#edf3f5; color:var(--navy); font-size:18px; font-weight:1000; }
.rank-badge.core { background:#e8f4da; color:#477d19; }
.player-main { min-width:0; }
.player-name { display:flex; align-items:center; gap:8px; min-width:0; }
.player-name > strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; line-height:1.25; }
.icegrade-chip { flex:none; display:flex; align-items:center; gap:7px; margin-left:auto; padding:5px 6px 5px 9px; border:1px solid var(--green); border-radius:11px; color:#fff; background:linear-gradient(135deg,#10202a,#155f87); box-shadow:0 5px 13px rgba(21,95,135,.2); }
.icegrade-chip span { font-size:8px; font-weight:1000; letter-spacing:.1em; }
.icegrade-chip strong { min-width:30px; padding:5px 6px; border-radius:7px; color:var(--on-highlight,var(--navy)); background:var(--green); font-size:15px; line-height:1; text-align:center; }
.position-pill { flex:none; min-width:30px; padding:4px 7px; border-radius:8px; color:#fff; background:var(--navy-3); font-size:10px; font-weight:1000; text-align:center; }
.player-meta { margin-top:7px; color:var(--muted); font-size:12px; line-height:1.45; white-space:normal; }
.confidence-tag { display:inline-flex; margin-left:4px; padding:2px 5px; border-radius:6px; color:#506271; background:#edf2f4; font-size:8px; font-weight:900; text-transform:uppercase; }
.confidence-tag.high { color:#246036; background:#e2f4e7; }
.confidence-tag.low { color:#895d16; background:#fff1d8; }
.player-stat { display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:10px; font-size:12px; font-weight:850; }
.player-stat b { color:#568f25; }
.pulse-tier-tabs { grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:12px; }
.pulse-summary { display:block; margin-top:5px; color:var(--muted); font-size:10px; font-weight:800; }
.pulse-rule-note { margin:0 0 13px; padding:10px 12px; border:1px solid #cbdde8; border-radius:12px; color:#466172; background:#edf6fa; font-size:11px; line-height:1.45; }
.pulse-rule-note.lower { border-color:#cfe1bd; color:#48682c; background:#f0f8e9; }
.pulse-eligibility { display:inline-flex; align-items:center; width:max-content; padding:4px 7px; border-radius:7px; font-size:8px; font-weight:1000; letter-spacing:.05em; white-space:nowrap; }
.pulse-eligibility.prospect { flex:none; margin-left:auto; color:#17603d; background:#dff6e9; }
.pulse-eligibility.veteran { margin-top:8px; color:#264f88; background:#e7eef9; }
.winning-team { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin-top:10px; padding:8px 11px 8px 8px; border:1px solid #bfe2cc; border-radius:14px; color:#245d3c; background:#edf9f1; }
.winning-team > span:last-child { min-width:0; }
.winning-team small,.winning-team strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.winning-team small { color:#55906b; font-size:7px; font-weight:1000; letter-spacing:.09em; }
.winning-team strong { margin-top:3px; color:#174b31; font-size:11px; }
.team-logo-shell { position:relative; width:46px; height:46px; flex:none; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(19,95,55,.15); border-radius:12px; background:#fff; }
.team-logo-shell.compact { width:38px; height:38px; border-radius:10px; }
.team-logo { position:relative; z-index:2; width:100%; height:100%; padding:4px; object-fit:contain; background:#fff; }
.team-logo-fallback { position:absolute; inset:0; z-index:1; display:grid; place-items:center; color:#1c6941; background:linear-gradient(145deg,#e5f6eb,#cfeada); font-size:10px; font-weight:1000; letter-spacing:.03em; }
.team-logo-shell.logo-failed .team-logo-fallback { z-index:3; }
.member-name-identity { min-width:0; display:flex !important; align-items:center; gap:7px; }
.member-name-identity > .team-logo-shell { width:26px; height:26px; border-radius:8px; }
.member-name-identity > .team-logo-shell .team-logo { padding:2px; }
.member-name-identity > .team-logo-shell .team-logo-fallback { font-size:6px; }
.member-name-identity > strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.winner-picker-preview { display:flex; align-items:center; gap:13px; margin-bottom:14px; padding:14px; border:1px solid #c7e4d2; border-radius:17px; background:linear-gradient(125deg,#edf9f1,var(--surface)); }
.winner-picker-preview > div { min-width:0; }
.winner-picker-preview strong,.winner-picker-preview small { display:block; }
.winner-picker-preview strong { color:var(--ink); font-size:14px; }
.winner-picker-preview small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }
.winner-placeholder { width:46px; height:46px; flex:none; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#0b5470,#1a9565); font-size:13px; font-weight:1000; }
.prospect-rank { color:#17603d; background:#dff6e9; }
.pulse-source-line { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:start; margin-top:10px; color:var(--muted); font-size:12px; line-height:1.4; }
.pulse-source-line b { padding:4px 7px; border-radius:7px; color:#17603d; background:#dff6e9; font-size:10px; letter-spacing:.04em; white-space:nowrap; }
.prospect-link { display:grid; place-items:center; text-decoration:none; }
.drafts-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin-top:10px;font-size:12px;line-height:1.4;color:var(--muted)}
.drafts-line b{padding:4px 7px;border-radius:7px;background:#e7eef9;color:#264f88;font-size:10px;letter-spacing:.04em;white-space:nowrap}
.drafts-line.matched strong{color:#264f88}.drafts-line.unmatched span{color:#8b6b32}
.status-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.status-control span{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.status-control select{width:min(155px,100%);min-height:39px;border:1px solid var(--line);border-radius:11px;padding:8px 30px 8px 10px;background:var(--surface-2);color:var(--ink);font-size:12px;font-weight:900}
.status-priority{background:#e6f7ec!important;color:#17603d!important}.status-avoid,.status-lost{background:#feecea!important;color:#8a2424!important}.status-active-bid,.status-won{background:#e7eef9!important;color:#264f88!important}
.board-filter-row{display:grid;grid-template-columns:minmax(135px,.75fr) minmax(135px,.75fr) 1fr 1fr;gap:8px;margin-top:9px;align-items:end}
.board-filter-row>label>span{display:block;margin:0 0 4px 2px;font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase}
.board-filter-row .ea-toggle>span{display:inline;margin:0 0 0 auto;font-size:inherit;text-transform:none}
.board-filter-row .ea-toggle{margin-top:0}
.drafts-profile{margin-top:14px}.source-link{margin:10px 0 0;text-align:right;font-size:12px;font-weight:800}.source-link a{color:#264f88}
.player-actions { display:flex; flex-direction:column; gap:8px; }
.track-button { width:44px; height:44px; border:0; border-radius:13px; background:#edf4e4; color:#4d861e; font-size:21px; font-weight:900; }
.track-button.tracked { color:#fff; background:#5e9729; }
.detail-button { width:44px; height:36px; border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--ink); font-size:18px; }

.empty { padding:34px 20px; text-align:center; color:var(--muted); background:var(--surface); border:1px dashed var(--line); border-radius:18px; }
.empty strong { display:block; color:var(--ink); font-size:16px; margin-bottom:5px; }

.war-card { padding:15px; background:var(--surface); border:1px solid var(--line); border-left:5px solid var(--blue); border-radius:17px; box-shadow:0 4px 16px rgba(6,26,51,.04); }
.war-card.stop { border-left-color:var(--red); }
.war-card.safe { border-left-color:var(--green); }
.war-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.war-top small { display:block; color:var(--muted); margin-top:4px; }
.decision { flex:none; padding:5px 9px; border-radius:999px; font-size:10px; font-weight:1000; }
.decision.safe { background:#e7f5db; color:#437618; }
.decision.stop { background:#fde4e4; color:#ae2828; }
.bid-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:13px; }
.bid-metric { padding:10px; border-radius:12px; background:#f1f5f6; }
.bid-metric small { display:block; color:var(--muted); font-size:9px; font-weight:900; text-transform:uppercase; }
.bid-metric strong { display:block; margin-top:4px; font-size:14px; }
.bid-metric em { display:block; margin-top:3px; color:var(--muted); font-size:8px; font-style:normal; line-height:1.3; }
.countdown { color:#386f14 !important; }
.war-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }

.cap-dashboard { display:grid; gap:10px; grid-template-columns:1.3fr 1fr 1fr; padding:15px; color:#fff; background:linear-gradient(135deg,var(--navy),var(--navy-2)); border-radius:19px; }
.cap-dashboard small { display:block; color:#b8c7d1; font-size:9px; font-weight:900; text-transform:uppercase; }
.cap-dashboard strong { display:block; margin-top:5px; font-size:18px; }
.cap-dashboard .wide { grid-column:1/-1; }
.roster-section { margin-top:16px; }
.roster-section-title { display:flex; align-items:center; gap:9px; color:var(--ink); margin-bottom:8px; }
.roster-section-title i { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:#e7efda; color:#50851f; font-style:normal; font-size:11px; font-weight:1000; }
.roster-slot { display:grid; grid-template-columns:44px auto minmax(0,1fr) auto; gap:10px; align-items:center; min-height:64px; padding:10px 12px; border-bottom:1px solid var(--line); background:var(--surface); }
.roster-slot.empty-slot { grid-template-columns:44px minmax(0,1fr) auto; }
.roster-slot:first-of-type { border-radius:15px 15px 0 0; }
.roster-slot:last-of-type { border-radius:0 0 15px 15px; border-bottom:0; }
.role { font-size:11px; font-weight:1000; color:#536579; }
.slot-player strong { display:block; font-size:13px; }
.slot-player small { display:block; margin-top:3px; color:var(--muted); }
.slot-add { width:34px; height:34px; border-radius:11px; border:1px solid var(--line); background:#f6f9fa; color:#517f29; font-size:20px; }

.alert { padding:12px 14px; border-radius:13px; margin-top:10px; font-size:12px; line-height:1.45; }
.alert.good { background:#e8f5dd; color:#3e6d18; }
.alert.warn { background:#fff2dd; color:#8b5a0e; }
.alert.bad { background:#fde8e8; color:#982828; }
.rule-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.rule { padding:13px; border-radius:14px; background:#eff4f6; }
.rule strong { display:block; color:var(--ink); font-size:17px; }
.rule small { color:var(--muted); }

.rulebook-page { width:100%; }
.rulebook-heading { align-items:center; }
.rulebook-mark { width:58px; height:58px; flex:none; display:grid; place-items:center; border:1px solid #bce8f1; border-radius:18px; color:#08758c; background:linear-gradient(145deg,#e4faff,#f7fdff); font-size:31px; font-weight:1000; box-shadow:0 9px 24px rgba(6,26,51,.07); }
.rulebook-search-card { padding:20px; border-radius:24px; color:#fff; background:linear-gradient(130deg,#0a0f14,#10202a 66%,#155f87); box-shadow:var(--shadow); }
.rulebook-search-card > label { display:block; margin-bottom:9px; color:#7fe9fb; font-size:10px; font-weight:1000; letter-spacing:.12em; text-transform:uppercase; }
.rulebook-search-box { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; min-height:54px; padding:0 14px; border:1px solid rgba(255,255,255,.2); border-radius:16px; background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.14); }
.rulebook-search-box > span { color:#11849b; font-size:24px; font-weight:1000; }
.rulebook-search-box input { width:100%; min-width:0; padding:0 12px; border:0; outline:0; color:#102237; background:transparent; font-size:15px; font-weight:750; }
.rulebook-search-box input::placeholder { color:#81909d; font-weight:600; }
.rulebook-search-box button { width:32px; height:32px; border:0; border-radius:50%; color:#526575; background:#edf2f4; font-size:20px; }
.rulebook-coverage { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:13px; }
.rulebook-coverage span { padding:5px 8px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:#d6edf2; background:rgba(255,255,255,.07); font-size:8px; font-weight:950; letter-spacing:.07em; }
.rulebook-coverage small { margin-left:auto; color:#b8d1da; font-size:9px; }
.rulebook-quick { display:flex; gap:8px; margin:14px -16px 0; padding:0 16px 5px; overflow-x:auto; scrollbar-width:none; }
.rulebook-quick::-webkit-scrollbar { display:none; }
.rulebook-quick button { flex:none; min-height:38px; display:flex; align-items:center; gap:7px; padding:0 12px; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:var(--surface); font-size:10px; font-weight:900; white-space:nowrap; }
.rulebook-quick button span { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; color:#17677b; background:#def6fb; font-size:11px; }
.rulebook-quick button.active { border-color:#69cde0; color:#0b6173; background:#e7faff; }
.rulebook-article-tabs { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-top:11px; padding:5px; border-radius:15px; background:var(--surface-2); }
.rulebook-article-tabs button { min-height:36px; padding:5px; border:0; border-radius:11px; color:var(--muted); background:transparent; font-size:9px; font-weight:950; }
.rulebook-article-tabs button.active { color:#fff; background:var(--navy-2); box-shadow:0 5px 14px rgba(6,26,51,.14); }
.rulebook-guides,.rulebook-results { margin-top:14px; padding:17px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:0 6px 24px rgba(6,26,51,.055); }
.rulebook-guides { display:grid; gap:9px; }
.rulebook-guides .section-title { margin-bottom:4px; }
.rulebook-guide { display:grid; grid-template-columns:38px minmax(0,1fr); gap:11px; padding:13px; border:1px solid #cbe8ef; border-radius:15px; background:linear-gradient(120deg,#edfafe,#f8fcfd); }
.rulebook-guide > i { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#0a7388; background:#d9f5fb; font-size:16px; font-style:normal; font-weight:1000; }
.rulebook-guide strong { color:var(--ink); font-size:13px; }
.rulebook-guide p { margin:5px 0 8px; color:var(--muted); font-size:11px; line-height:1.5; }
.rulebook-guide div div { display:flex; flex-wrap:wrap; gap:5px; }
.rulebook-guide div div > span,.rulebook-guide div div > a { padding:5px 7px; border-radius:8px; color:#17677b; background:#dff5fa; font-size:8px; font-weight:900; text-decoration:none; }
.rulebook-reference-link { display:inline-flex; align-items:center; gap:4px; border:1px solid transparent; }
.rulebook-reference-link:hover,.rulebook-reference-link:focus-visible { border-color:#49bed4; outline:0; background:#c9eff7; }
.rulebook-reference-link b { font-size:9px; }
.rulebook-results .section-title { align-items:flex-end; }
.rulebook-results .section-title > small { color:var(--muted); font-size:9px; }
.rulebook-result-list { display:grid; gap:8px; }
.rulebook-result { min-width:0; display:grid; grid-template-columns:70px minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px; border:1px solid var(--line); border-radius:14px; color:inherit; background:var(--surface); text-decoration:none; transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease; }
.rulebook-result:hover,.rulebook-result:focus-visible { border-color:#55bfd2; outline:0; transform:translateY(-1px); box-shadow:0 8px 22px rgba(8,86,105,.11); }
.rulebook-ref { min-height:34px; display:grid; place-items:center; padding:5px; border-radius:10px; color:#126a7e; background:#e1f6fa; font-size:9px; font-weight:1000; text-align:center; }
.rulebook-result strong,.rulebook-result small { display:block; }
.rulebook-result strong { overflow:hidden; color:var(--ink); font-size:12px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.rulebook-result small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.35; }
.rulebook-open-button { min-width:66px; display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:5px; padding:7px 9px; border-radius:10px; color:#fff; background:#0a7188; line-height:1.05; }
.rulebook-open-button b { font-size:8px; text-transform:uppercase; white-space:nowrap; }
.rulebook-open-button small { margin-top:3px; color:#d4f5fa; font-size:8px; }
.rulebook-open-button i { grid-column:2; grid-row:1/3; color:#9ce9f5; font-size:13px; font-style:normal; }
.rulebook-disclaimer { margin-top:13px; padding:13px 15px; border:1px solid #ead7ad; border-radius:14px; color:#705522; background:#fff8e7; font-size:10px; line-height:1.5; }
.rulebook-menu-item { border-color:#bfe7ef; background:linear-gradient(105deg,#edfafe,var(--surface)); }
.menu-list { display:grid; gap:8px; }
.menu-item { display:flex; align-items:center; justify-content:space-between; width:100%; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); font-weight:800; text-align:left; }
.menu-item small { display:block; margin-top:3px; color:var(--muted); font-weight:500; }

.modal-backdrop { position:fixed; inset:0; z-index:80; display:flex; align-items:flex-end; justify-content:center; padding-top:30px; background:rgba(2,14,27,.62); backdrop-filter:blur(4px); }
.modal { width:min(100%,680px); max-height:92vh; overflow:auto; padding:18px 18px calc(20px + env(safe-area-inset-bottom)); border-radius:25px 25px 0 0; background:var(--surface); box-shadow:0 -20px 60px rgba(0,0,0,.25); }
.modal-head { position:sticky; top:-18px; z-index:3; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 0 12px; background:var(--surface); }
.modal-close { width:38px; height:38px; flex:none; border:0; border-radius:50%; background:var(--surface-2); color:var(--ink); font-size:20px; }
.detail-hero { display:flex; gap:13px; align-items:center; padding:16px; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--navy),var(--navy-3)); }
.detail-rank { min-width:58px; height:58px; display:grid; place-items:center; border-radius:16px; background:var(--green); color:var(--on-highlight, var(--navy)); font-size:20px; font-weight:1000; }
.detail-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }
.detail-metrics div { padding:11px 8px; border-radius:12px; background:#f0f4f5; text-align:center; }
.detail-metrics strong { display:block; font-size:15px; }
.detail-metrics small { color:var(--muted); font-size:9px; text-transform:uppercase; }
.history { display:grid; gap:7px; margin-top:9px; }
.history-row { display:grid; grid-template-columns:44px 1fr auto; gap:8px; align-items:center; padding:10px; border-radius:12px; background:#f3f6f7; font-size:11px; }
.history-row strong { color:var(--ink); }
.history-row span:last-child { text-align:right; }
.field { display:block; margin-top:12px; }
.field > span { display:block; margin-bottom:6px; color:#526376; font-size:11px; font-weight:900; text-transform:uppercase; }
.field textarea { min-height:76px; resize:vertical; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.form-actions { display:flex; gap:8px; margin-top:16px; }
.form-actions .button { flex:1; }
.player-picker { max-height:52vh; overflow:auto; display:grid; gap:7px; margin-top:10px; }
.pick-row { display:flex; align-items:center; justify-content:space-between; gap:9px; width:100%; padding:12px; border:1px solid var(--line); border-radius:13px; background:var(--surface); color:var(--ink); text-align:left; }
.pick-row strong { display:block; }
.pick-row small { color:var(--muted); }

.availability-page { width:100%; }
.availability-hero { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; padding:26px; border-radius:26px; color:#fff; background:linear-gradient(128deg,#0a0f14,var(--navy) 62%,var(--navy-3)); box-shadow:0 18px 42px rgba(10,15,20,.24); }
.availability-hero::after { content:"09"; position:absolute; z-index:-1; right:35px; bottom:-68px; color:rgba(255,255,255,.055); font-size:205px; font-weight:1000; letter-spacing:-.12em; }
.availability-hero .eyebrow { color:color-mix(in srgb,var(--green) 78%,#fff); }
.availability-hero-copy { max-width:760px; }
.availability-hero-copy h1 { font-size:clamp(34px,5vw,54px); }
.availability-hero-copy > p:not(.eyebrow) { max-width:680px; margin:12px 0 0; color:#c7d9e2; font-size:14px; line-height:1.55; }
.availability-save-state { display:flex; align-items:center; gap:8px; margin-top:17px; color:#b9d3df; font-size:10px; font-weight:850; }
.availability-save-state i { width:8px; height:8px; border-radius:50%; background:#54ed9b; box-shadow:0 0 0 4px rgba(84,237,155,.14); }
.availability-hero-actions { position:relative; z-index:1; display:flex; align-items:flex-start; gap:8px; }
.availability-hero-actions .button { min-height:43px; }
.availability-clear { color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); }
.availability-kpis { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.availability-kpis article { min-width:0; padding:15px 17px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(2,19,37,.32); backdrop-filter:blur(8px); }
.availability-kpis small,.availability-kpis strong,.availability-kpis span { display:block; }
.availability-kpis small { color:color-mix(in srgb,var(--green) 78%,#fff); font-size:8px; font-weight:1000; letter-spacing:.11em; }
.availability-kpis strong { margin-top:7px; color:#fff; font-size:25px; line-height:1; }
.availability-kpis strong em { color:#91aebe; font-size:13px; font-style:normal; }
.availability-kpis span { margin-top:6px; color:#a9c0cd; font-size:9px; }
.availability-schedule-bar { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(280px,1.15fr); gap:12px; align-items:end; margin-top:13px; padding:15px 17px; border:1px solid var(--line); border-radius:19px; background:var(--surface); box-shadow:0 6px 22px rgba(6,26,51,.05); }
.availability-schedule-bar label,.availability-schedule-bar label > span,.availability-schedule-bar > div small,.availability-schedule-bar > div strong,.availability-schedule-bar > div span { display:block; }
.availability-schedule-bar label > span,.availability-schedule-bar > div small { margin-bottom:6px; color:var(--muted); font-size:8px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; }
.availability-schedule-bar select { width:100%; min-height:44px; padding:9px 38px 9px 12px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--surface-2); font-weight:850; outline:none; }
.availability-schedule-bar select:focus-visible { border-color:var(--green); box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 24%,transparent); }
.availability-schedule-bar > div { min-width:0; padding:10px 13px; border-left:3px solid var(--green); border-radius:11px; background:color-mix(in srgb,var(--green) 10%,var(--surface-2)); }
.availability-schedule-bar > div strong { overflow:hidden; color:var(--ink); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.availability-schedule-bar > div span { margin-top:4px; color:var(--muted); font-size:9px; }
.availability-schedule-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
.availability-day { min-width:0; padding:13px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 5px 18px rgba(6,26,51,.04); }
.availability-day header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.availability-day header strong { overflow:hidden; color:var(--ink); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.availability-day header span { flex:none; color:var(--muted); font-size:8px; font-weight:850; }
.availability-day > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.availability-game-card { --coverage:var(--red); min-width:0; padding:11px 9px; border:1px solid color-mix(in srgb,var(--coverage) 30%,var(--line)); border-radius:13px; color:var(--ink); background:var(--surface-2); box-shadow:none; text-align:left; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease; }
.availability-game-card:hover { transform:translateY(-1px); }
.availability-game-card:focus-visible { outline:3px solid color-mix(in srgb,var(--green) 30%,transparent); outline-offset:2px; }
.availability-game-card.focused { border-color:var(--green); background:color-mix(in srgb,var(--green) 14%,var(--surface)); box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 20%,transparent); }
.availability-game-card.warn { --coverage:var(--amber); }
.availability-game-card.good { --coverage:var(--green); }
.availability-game-card span,.availability-game-card strong,.availability-game-card em { display:block; }
.availability-game-card > span { color:var(--coverage); font-size:7px; font-weight:1000; letter-spacing:.1em; }
.availability-game-card strong { margin-top:6px; color:var(--ink); font-size:13px; white-space:nowrap; }
.availability-game-card em { overflow:hidden; margin-top:5px; color:var(--muted); font-size:7px; font-style:normal; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.availability-game-card > i { display:block; height:5px; overflow:hidden; margin-top:10px; border-radius:10px; background:color-mix(in srgb,var(--line) 70%,var(--surface)); }
.availability-game-card > i b { display:block; height:100%; border-radius:10px; background:var(--coverage); }
.availability-game-card.focused > i { background:color-mix(in srgb,var(--green) 15%,var(--surface-2)); }
.availability-board { margin-top:10px; overflow:hidden; border:1px solid var(--line); border-radius:23px; background:var(--surface); box-shadow:0 9px 30px rgba(6,26,51,.065); }
.availability-board-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:20px 21px 17px; border-bottom:1px solid var(--line); }
.availability-board-head .eyebrow { margin-bottom:5px; }
.availability-board-head h2 { font-size:21px; }
.availability-board-head p:last-child { margin:6px 0 0; color:var(--muted); font-size:10px; }
.availability-legend { display:flex; flex-wrap:wrap; gap:13px; color:var(--muted); font-size:9px; font-weight:850; }
.availability-legend span { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.availability-legend i { width:11px; height:11px; border:1px solid var(--line); border-radius:4px; background:var(--surface-2); }
.availability-legend i.available { border-color:var(--green); background:var(--green); }
.availability-wrap { overflow:auto; padding:0 13px 14px; }
.availability-grid { display:grid; grid-template-columns:minmax(220px,1fr) repeat(9,56px) 65px; min-width:900px; align-items:stretch; }
.availability-grid > * { min-height:58px; border-bottom:1px solid var(--line); }
.availability-player-head,.availability-game-head,.availability-total-head { min-height:54px; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:8px; font-weight:1000; letter-spacing:.08em; text-transform:uppercase; }
.availability-player-head { position:sticky; left:0; z-index:4; justify-content:flex-start; padding-left:12px; background:var(--surface); }
.availability-game-head { flex-direction:column; gap:2px; transition:background .16s ease; }
.availability-game-head.focused { background:color-mix(in srgb,var(--green) 12%,var(--surface)); }
.availability-game-head span { color:var(--ink); font-size:10px; }
.availability-game-head small { color:var(--muted); font-size:7px; }
.availability-game-head em { color:var(--green); font-size:7px; font-style:normal; }
.availability-position-group { grid-column:1/-1; min-height:40px!important; display:flex; align-items:center; gap:8px; padding:7px 12px; border-left:3px solid var(--green); color:var(--ink); background:color-mix(in srgb,var(--green) 10%,var(--surface-2)); }
.availability-position-group i { min-width:28px; padding:4px 6px; border-radius:8px; color:var(--on-highlight,var(--navy)); background:var(--green); font-size:8px; font-style:normal; font-weight:1000; text-align:center; }
.availability-position-group strong { font-size:10px; }
.availability-position-group span { margin-left:auto; color:var(--muted); font-size:8px; font-weight:850; }
.availability-player { position:sticky; left:0; z-index:3; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:10px; padding:8px 12px; background:var(--surface); box-shadow:8px 0 14px -15px rgba(6,26,51,.8); }
.availability-player > i { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:var(--ink); background:color-mix(in srgb,var(--green) 20%,var(--surface-2)); font-size:8px; font-style:normal; font-weight:1000; }
.availability-player span { min-width:0; }
.availability-player strong,.availability-player small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.availability-player strong { color:var(--ink); font-size:11px; }
.availability-player small { margin-top:3px; color:var(--muted); font-size:8px; }
.availability-toggle { width:40px; height:40px; align-self:center; justify-self:center; display:grid; place-items:center; padding:0; border:1px solid var(--line); border-radius:12px; color:transparent; background:var(--surface-2); transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease; }
.availability-toggle:hover { transform:translateY(-1px); border-color:var(--green); }
.availability-toggle:focus-visible { outline:3px solid color-mix(in srgb,var(--green) 30%,transparent); outline-offset:2px; }
.availability-toggle.focused:not(.yes) { background:color-mix(in srgb,var(--green) 10%,var(--surface-2)); }
.availability-toggle span { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; }
.availability-toggle.yes { border-color:var(--green); color:var(--on-highlight,var(--navy)); background:var(--green); box-shadow:0 6px 14px color-mix(in srgb,var(--green) 27%,transparent); }
.availability-toggle.yes span { background:rgba(255,255,255,.13); }
.availability-player-total { align-self:center; justify-self:center; min-width:42px; padding:7px 6px; border-radius:11px; color:#9a3c47; background:#fde8eb; font-size:14px; text-align:center; }
.availability-player-total.warn { color:#8a5b11; background:#fff0d4; }
.availability-player-total.good { color:#216d49; background:#e2f5e9; }
.availability-player-total small { font-size:8px; }
.availability-empty { min-height:360px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:14px; padding:35px; border:1px dashed var(--line); border-radius:23px; background:var(--surface); text-align:center; }
.availability-empty > span { width:64px; height:64px; display:grid; place-items:center; border-radius:20px; color:#17657a; background:#dff8fd; font-size:28px; }
.availability-empty strong { margin-top:17px; font-size:20px; }
.availability-empty p { max-width:430px; margin:8px 0 18px; color:var(--muted); font-size:12px; line-height:1.55; }
.availability-menu-item { border-color:#b9dfce; background:linear-gradient(105deg,#f2fbf6,var(--surface)); }
.availability-menu-item > b { width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:#216d49; background:#ddf3e6; }
.brand-preview { display:flex; align-items:center; gap:15px; padding:18px; border-radius:20px; color:#fff; background:linear-gradient(135deg,var(--preview-primary),color-mix(in srgb,var(--preview-primary) 72%,var(--preview-secondary))); box-shadow:var(--shadow); }
.brand-preview img { width:72px; height:72px; flex:none; border-radius:18px; object-fit:cover; }
.brand-preview img.official-team-mark { padding:6px; object-fit:contain; background:#fff; box-shadow:0 7px 20px rgba(0,0,0,.18); }
.brand-preview small,.brand-preview span { display:block; color:rgba(255,255,255,.72); font-size:10px; letter-spacing:.08em; }
.brand-preview strong { display:block; margin:4px 0; font-size:22px; }
.theme-presets { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.theme-preset { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 10px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); font-size:12px; font-weight:850; }
.theme-preset i { width:28px; height:28px; flex:none; border-radius:50%; background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%); border:2px solid #fff; box-shadow:0 0 0 1px var(--line); }
.team-theme-title { margin-bottom:10px; }
.team-theme-title h2 { font-size:17px; }
.team-theme-title span { padding:5px 9px; border-radius:999px; color:#07556a; background:#dff8fd; font-size:9px; font-weight:1000; }
.team-theme-picker { display:grid; grid-template-columns:minmax(110px,.5fr) minmax(180px,.8fr) minmax(220px,1.2fr); gap:10px; }
.team-identity-auto { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:12px 0 5px; padding:13px; border:1px solid color-mix(in srgb,var(--green) 36%,var(--line)); border-radius:15px; background:color-mix(in srgb,var(--green) 8%,var(--surface)); }
.team-identity-auto > label { min-width:0; display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.team-identity-auto input { width:18px; height:18px; flex:none; accent-color:var(--green); }
.team-identity-auto span,.team-identity-auto strong,.team-identity-auto small { display:block; }
.team-identity-auto strong { color:var(--ink); font-size:11px; }
.team-identity-auto small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }
.field-note { margin:8px 0 15px; color:var(--muted); font-size:10px; line-height:1.5; }
.appearance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.appearance-option { min-height:112px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:16px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--surface); text-align:left; }
.appearance-option > i { width:45px; height:45px; display:grid; place-items:center; border-radius:14px; color:#0b5062; background:#dff8fd; font-size:23px; font-style:normal; }
.appearance-option span strong,.appearance-option span small { display:block; }
.appearance-option span strong { font-size:14px; }
.appearance-option span small { margin-top:5px; color:var(--muted); font-size:10px; line-height:1.35; }
.appearance-option > b { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:var(--on-highlight,var(--navy)); background:var(--green); font-size:11px; }
.appearance-option.active { border-color:var(--green); box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent); }
.color-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.color-grid input[type="color"] { padding:4px; height:48px; }
.scenario-row { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }

/* Cap & Contract Simulator */
.cap-menu-item { border-color:#b9dfce; background:linear-gradient(105deg,#f2fbf6,#fff); }
.cap-menu-item > b { color:#24865a; font-size:19px; }
.cap-simulator-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center; overflow:hidden; margin-top:2px; padding:22px; border-radius:22px; color:#fff; background:linear-gradient(128deg,#102f42,#12635f 70%,#268b59); box-shadow:var(--shadow); }
.cap-simulator-hero.warn { background:linear-gradient(128deg,#352710,#76541e 70%,#a06e22); }
.cap-simulator-hero.danger { background:linear-gradient(128deg,#3c1721,#762c39 70%,#a33b47); }
.cap-simulator-hero p { margin:0; color:#8cebb8; font-size:9px; font-weight:1000; letter-spacing:.13em; }
.cap-simulator-hero.warn p { color:#ffd98d; }
.cap-simulator-hero.danger p { color:#ffbdc2; }
.cap-simulator-hero h2 { margin-top:7px; font-size:clamp(21px,3vw,29px); }
.cap-simulator-hero > div > span { display:block; max-width:720px; margin-top:8px; color:#d1e5e2; font-size:11px; line-height:1.55; }
.cap-simulator-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.cap-simulator-actions .button { min-height:44px; }
.cap-season-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.cap-season-card { --cap:#25875a; min-width:0; padding:15px; border:1px solid #cce5d6; border-top:4px solid var(--cap); border-radius:17px; background:var(--surface); box-shadow:0 6px 20px rgba(6,26,51,.05); }
.cap-season-card.warn { --cap:#b8791f; border-color:#ead6b6; }
.cap-season-card.danger { --cap:#bc4450; border-color:#ebc8cc; }
.cap-season-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.cap-season-head small,.cap-season-head strong { display:block; }
.cap-season-head small { color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.12em; }
.cap-season-head strong { margin-top:3px; font-size:22px; }
.cap-season-head > span { padding:5px 7px; border-radius:999px; color:#1f6d48; background:#e2f5e9; font-size:7px; font-weight:1000; letter-spacing:.06em; }
.cap-season-card.warn .cap-season-head > span { color:#85560f; background:#fff0d4; }
.cap-season-card.danger .cap-season-head > span { color:#962b35; background:#fde6e8; }
.cap-season-progress { height:8px; overflow:hidden; margin-top:12px; border-radius:99px; background:var(--surface-2); }
.cap-season-progress i { display:block; height:100%; border-radius:99px; background:var(--cap); }
.cap-season-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:11px; }
.cap-season-grid span { min-width:0; padding:8px; border-radius:10px; background:var(--surface-2); }
.cap-season-grid b,.cap-season-grid small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cap-season-grid b { color:var(--ink); font-size:12px; }
.cap-season-grid small { margin-top:3px; color:var(--muted); font-size:7px; text-transform:uppercase; }
.cap-season-foot { display:flex; justify-content:space-between; gap:8px; margin-top:10px; color:var(--muted); font-size:7px; font-weight:800; }
.cap-assumptions .section-title { align-items:flex-start; }
.cap-assumptions .section-title p,.cap-contract-board .section-title p,.cap-saved-plans .section-title p { margin:4px 0 0; color:var(--muted); font-size:9px; line-height:1.4; }
.cap-assumption-grid,.cap-editor-salaries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.cap-assumption-grid .field,.cap-editor-salaries .field { margin-top:0; }
.cap-contract-labels { display:grid; grid-template-columns:minmax(190px,1.3fr) repeat(3,minmax(75px,.5fr)) 42px; gap:8px; padding:0 11px 7px; color:var(--muted); font-size:8px; font-weight:950; text-align:center; text-transform:uppercase; }
.cap-contract-labels span:first-child { text-align:left; }
.cap-contract-list { display:grid; gap:7px; }
.cap-contract-row { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(245px,1.5fr) 42px; gap:8px; align-items:center; padding:11px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.cap-contract-player { min-width:0; display:flex; align-items:flex-start; gap:9px; }
.cap-contract-player > div { min-width:0; }
.cap-contract-player strong,.cap-contract-player small,.cap-contract-player em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cap-contract-player strong { font-size:12px; }
.cap-contract-player small { margin-top:4px; color:var(--muted); font-size:8px; }
.cap-contract-player em { margin-top:4px; color:#698174; font-size:8px; font-style:normal; }
.cap-contract-seasons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.cap-contract-seasons span { min-width:0; padding:8px 5px; border-radius:10px; background:var(--surface-2); text-align:center; }
.cap-contract-seasons span.active { color:#1e6846; background:#e8f6ed; }
.cap-contract-seasons small,.cap-contract-seasons b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cap-contract-seasons small { color:var(--muted); font-size:7px; }
.cap-contract-seasons b { margin-top:3px; font-size:10px; }
.cap-contract-seasons .open b { color:#91a0aa; font-size:8px; }
.cap-contract-edit { width:42px; height:42px; border:1px solid var(--line); border-radius:12px; color:#277854; background:var(--surface-2); font-size:15px; }
.cap-saved-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }
.cap-saved-row:last-child { border-bottom:0; }
.cap-saved-row strong,.cap-saved-row small { display:block; }
.cap-saved-row small { margin-top:4px; color:var(--muted); font-size:8px; line-height:1.5; }
.cap-saved-row > div:last-child { display:flex; gap:6px; }
.cap-simulator-note { margin-bottom:10px; }
.cap-editor-summary { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #cce5d6; border-radius:14px; background:#f1f9f4; }
.cap-editor-summary strong,.cap-editor-summary small { display:block; }
.cap-editor-summary small { margin-top:3px; color:#657a6f; font-size:9px; }

/* FrontIce decision analytics */
.field > small { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.4; }
.valuation-method-note { display:grid; gap:4px; margin-top:13px; padding:12px 13px; border-left:4px solid #218857; border-radius:12px; color:#526d60; background:#edf7f0; font-size:10px; line-height:1.5; }
.valuation-method-note strong { color:#205f40; }
.icegrade-panel { position:relative; overflow:hidden; margin-top:12px; padding:17px; border-radius:19px; color:#fff; background:linear-gradient(135deg,#0a0f14,#10202a 62%,#155f87); }
.icegrade-panel::after { content:""; position:absolute; width:230px; height:230px; right:-110px; top:-115px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.02); pointer-events:none; }
.icegrade-head { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.icegrade-mark { width:66px; height:66px; display:grid; align-content:center; justify-items:center; border-radius:18px; color:#05253b; background:linear-gradient(145deg,var(--green),var(--green-2)); box-shadow:0 8px 22px rgba(0,199,242,.2); }
.icegrade-mark strong { font-size:27px; line-height:1; }
.icegrade-mark span { margin-top:4px; font-size:7px; font-weight:1000; letter-spacing:.08em; }
.icegrade-head p { margin:0; color:#76dff3; font-size:8px; font-weight:1000; letter-spacing:.12em; }
.icegrade-head h3 { margin-top:5px; color:#fff; }
.icegrade-head > div > small { display:block; margin-top:4px; color:#aec2cd; font-size:9px; line-height:1.4; }
.confidence-seal { min-width:76px; padding:8px 9px; border:1px solid rgba(255,255,255,.16); border-radius:12px; color:#ffd98b; background:rgba(255,255,255,.06); text-align:center; font-size:10px; font-weight:1000; text-transform:uppercase; }
.confidence-seal.high { color:#8cf1b2; }
.confidence-seal.low { color:#ffd08a; }
.confidence-seal small { display:block; margin-top:3px; color:#aabec9; font-size:7px; text-transform:none; }
.icegrade-lanes { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:12px 16px; margin-top:17px; }
.icegrade-lane > div:first-child { display:flex; justify-content:space-between; gap:10px; color:#dae5ea; font-size:9px; font-weight:900; }
.icegrade-lane > div:first-child b { color:#fff; }
.icegrade-track { height:7px; margin-top:6px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.12); }
.icegrade-track i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--green),var(--green-2)); }
.icegrade-lane small { display:block; margin-top:5px; color:#8fa9b6; font-size:7px; }
.freshness-row { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,.1); color:#a7bdc8; font-size:8px; font-weight:800; }
.icegrade-method { position:relative; z-index:1; margin:10px 0 0; color:#8da6b3; font-size:8px; line-height:1.5; }
.detail-actions { flex-wrap:wrap; }
.detail-actions .button { min-width:135px; }

/* Trade Analyzer */
.trade-menu-item { border-color:#b8dfe7; background:linear-gradient(105deg,#f3fcfd,#fff); }
.trade-menu-item > b { color:#087d91; font-size:18px; }
.trade-identity-bar { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; padding:16px 18px; border-radius:19px; color:#fff; background:linear-gradient(125deg,var(--navy),#0a3a53); box-shadow:var(--shadow); }
.trade-identity-bar label { min-width:0; }
.trade-identity-bar label:last-child { text-align:right; }
.trade-identity-bar label > span { display:block; color:#9fb7c5; font-size:8px; font-weight:1000; letter-spacing:.08em; text-transform:uppercase; }
.trade-identity-bar strong { display:block; margin-top:5px; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.trade-identity-bar input { width:100%; max-width:280px; margin-top:4px; padding:7px 9px; border:1px solid rgba(255,255,255,.2); border-radius:9px; outline:0; color:#fff; background:rgba(255,255,255,.08); text-align:right; font-weight:850; }
.trade-identity-bar input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(0,199,242,.14); }
.trade-versus { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#063247; background:var(--green); font-size:9px; font-weight:1000; }
.trade-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.trade-side { min-width:0; padding:15px; border:1px solid var(--line); border-top:4px solid #e7a432; border-radius:18px; background:var(--surface); box-shadow:0 6px 22px rgba(6,26,51,.05); }
.trade-side.theirs { border-top-color:#25a765; }
.trade-side-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.trade-side-head small { display:block; max-width:190px; overflow:hidden; color:var(--muted); font-size:8px; font-weight:900; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.trade-side-head h2 { margin-top:3px; font-size:18px; }
.trade-side-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:13px; }
.trade-side-summary span { padding:8px 6px; border-radius:10px; color:#758590; background:#f1f5f6; text-align:center; font-size:8px; }
.trade-side-summary b { display:block; margin-bottom:2px; color:#163047; font-size:11px; }
.trade-assets { display:grid; gap:7px; margin-top:10px; }
.trade-asset { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; padding:10px; border:1px solid #e0e7ea; border-radius:13px; background:#fbfcfd; }
.trade-asset-score { width:41px; height:41px; display:grid; align-content:center; justify-items:center; border-radius:11px; color:#075568; background:#dff7fb; }
.trade-asset-score strong { font-size:16px; line-height:1; }
.trade-asset-score small { margin-top:2px; font-size:7px; font-weight:1000; }
.trade-asset-copy { min-width:0; }
.trade-asset-copy > div { display:flex; align-items:center; gap:6px; }
.trade-asset-copy strong { overflow:hidden; color:#152e43; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.trade-asset-copy small,.trade-asset-copy em { display:block; overflow:hidden; margin-top:4px; color:#71828f; font-size:8px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.trade-asset-copy em { color:#3b6174; font-weight:850; }
.trade-asset-actions { display:grid; gap:5px; }
.trade-asset-actions button { width:28px; height:27px; border:1px solid #d7e1e5; border-radius:8px; color:#456778; background:#fff; font-size:11px; font-weight:900; }
.trade-asset-actions button.remove { color:#a03d3d; }
.trade-empty { min-height:100px; display:grid; place-content:center; padding:18px; border:1px dashed #bfd0d7; border-radius:13px; color:#768894; text-align:center; }
.trade-empty strong { color:#294356; font-size:12px; }
.trade-empty span { margin-top:5px; font-size:9px; }
.trade-verdict { position:relative; overflow:hidden; margin-top:12px; padding:19px; border-radius:20px; color:#fff; background:linear-gradient(130deg,#0a0f14,#155f87); box-shadow:var(--shadow); }
.trade-verdict::after { content:"⇄"; position:absolute; right:-12px; bottom:-50px; color:rgba(255,255,255,.045); font-size:150px; font-weight:1000; }
.trade-verdict.owner { border:1px solid rgba(84,237,155,.48); }
.trade-verdict.other { border:1px solid rgba(243,169,52,.55); }
.trade-verdict.balanced { border:1px solid rgba(0,199,242,.48); }
.trade-verdict.incomplete { min-height:118px; display:flex; align-items:center; gap:14px; }
.trade-verdict-mark { width:55px; height:55px; display:grid; place-items:center; flex:none; border-radius:15px; color:#073449; background:#aeeef8; font-weight:1000; }
.trade-verdict.incomplete p,.trade-verdict-top p { margin:0; color:#6fe0f5; font-size:8px; font-weight:1000; letter-spacing:.13em; }
.trade-verdict.incomplete h2 { margin-top:4px; font-size:18px; }
.trade-verdict.incomplete span { display:block; margin-top:5px; color:#a9bdc8; font-size:9px; }
.trade-verdict-top { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; gap:15px; align-items:center; }
.trade-verdict-top h2 { margin-top:5px; font-size:22px; }
.trade-verdict-top > div:first-child > span { display:block; margin-top:6px; color:#9fb5c1; font-size:9px; }
.trade-confidence { min-width:90px; padding:10px; border:1px solid rgba(255,255,255,.13); border-radius:13px; background:rgba(255,255,255,.06); text-align:center; }
.trade-confidence strong { display:block; font-size:20px; }
.trade-confidence small { display:block; margin-top:3px; color:#a7bcc7; font-size:8px; }
.trade-balance-label { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; margin-top:18px; color:#b2c4cd; font-size:8px; font-weight:850; }
.trade-balance { position:relative; z-index:1; display:flex; gap:3px; height:11px; margin-top:7px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.08); }
.trade-balance span { background:linear-gradient(90deg,#d99031,#f3b64e); }
.trade-balance i { background:linear-gradient(90deg,#24a967,#5ee69a); }
.trade-reasons { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px; }
.trade-reasons article { padding:10px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.055); }
.trade-reasons small { display:block; color:#7fdae9; font-size:7px; font-weight:1000; letter-spacing:.08em; }
.trade-reasons strong { display:block; margin-top:5px; color:#e6eef1; font-size:9px; line-height:1.4; }
.trade-notes-card .field { margin-top:0; }
.trade-toolbar { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:12px; }
.trade-method-note { margin-bottom:10px; }
.trade-editor-summary { display:flex; align-items:center; gap:9px; padding:13px; border-radius:13px; color:#fff; background:linear-gradient(120deg,#09213b,#0c4c5d); }
.trade-editor-summary strong { margin-left:auto; font-size:17px; }
.trade-editor-summary small { color:#b1c6cf; font-size:9px; }
.form-help { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.5; }

.toast { position:fixed; left:50%; bottom:90px; z-index:120; transform:translate(-50%,20px); max-width:calc(100% - 32px); padding:11px 15px; border-radius:12px; background:#10202a; color:#fff; box-shadow:var(--shadow); opacity:0; pointer-events:none; transition:.25s; font-size:12px; font-weight:800; text-align:center; }
.toast.show { transform:translate(-50%,0); opacity:1; }
.skeleton { height:80px; border-radius:17px; background:linear-gradient(90deg,#e8eef0 25%,#f5f8f9 38%,#e8eef0 63%); background-size:400% 100%; animation:shine 1.4s infinite; }
@keyframes shine { to { background-position:-100% 0; } }

.directory-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-bottom:14px; padding:5px; border-radius:17px; background:#dfe8ec; }
.directory-tabs button { min-height:48px; padding:9px 12px; border:0; border-radius:13px; color:#657687; background:transparent; font-size:13px; font-weight:900; }
.directory-tabs button span { display:inline-grid; min-width:24px; margin-left:5px; padding:3px 6px; border-radius:999px; color:#647481; background:rgba(255,255,255,.55); font-size:9px; }
.directory-tabs button.active { color:var(--ink); background:var(--surface); box-shadow:0 4px 13px rgba(6,26,51,.1); }
.directory-tabs button.active span { color:#246036; background:#e2f4e7; }
.directory-summary { display:flex; align-items:baseline; gap:8px; margin:5px 2px 13px; color:var(--muted); }
.directory-summary strong { color:var(--ink); font-size:25px; }
.directory-summary span { font-size:12px; font-weight:800; }
.directory-reconciliation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:5px 0 13px; padding:10px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.directory-reconciliation article { min-width:0; padding:8px 10px; border-radius:11px; background:var(--surface-2); }
.directory-reconciliation small,.directory-reconciliation strong { display:block; }
.directory-reconciliation small { color:var(--muted); font-size:8px; font-weight:950; letter-spacing:.06em; }
.directory-reconciliation strong { margin-top:4px; color:var(--ink); font-size:16px; }
.directory-reconciliation > span { grid-column:1/-1; color:var(--muted); font-size:9px; font-weight:900; }
.directory-reconciliation.ok { border-color:#bfe5cd; background:#f4fbf6; }
.directory-reconciliation.ok > span { color:#17653d; }
.directory-reconciliation.bad { border-color:#f1b8b8; background:#fff7f7; }
.directory-reconciliation.bad > span { color:#9b2525; }
.member-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.member-card { display:flex; align-items:center; gap:12px; min-width:0; padding:15px; border:1px solid var(--line); border-radius:17px; background:var(--surface); box-shadow:0 4px 16px rgba(6,26,51,.04); }
.member-avatar { width:43px; height:43px; display:grid; place-items:center; flex:none; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--navy),var(--navy-3)); font-size:12px; font-weight:1000; }
.member-card div { min-width:0; }
.member-card strong,.member-card small,.member-card em { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.member-card strong { color:var(--ink); font-size:13px; }
.member-card small { margin-top:4px; color:#477d19; font-size:10px; font-weight:900; }
.member-card em { margin-top:3px; color:var(--muted); font-size:10px; font-style:normal; }
.directory-toolbar { display:grid; grid-template-columns:1.6fr minmax(180px,.7fr) minmax(140px,.5fr); gap:9px; margin:4px 0 8px; }
.directory-toolbar .field { margin:0; }
.directory-toolbar .field > span { display:block; margin:0 0 5px 2px; color:var(--muted); font-size:9px; font-weight:950; letter-spacing:.06em; text-transform:uppercase; }
.directory-status-board { display:grid; grid-template-columns:repeat(auto-fit,minmax(112px,1fr)); gap:8px; margin:12px 0 14px; }
.directory-status-card { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:9px; padding:12px 13px; border:1px solid var(--line); border-radius:14px; color:var(--muted); background:var(--surface); text-align:left; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.directory-status-card:hover { transform:translateY(-1px); border-color:var(--green); }
.directory-status-card.active { border-color:var(--green); color:var(--ink); background:color-mix(in srgb,var(--green) 12%,var(--surface)); box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent); }
.directory-status-card span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:10px; font-weight:900; }
.directory-status-card strong { flex:none; min-width:30px; padding:4px 7px; border-radius:999px; color:var(--navy); background:color-mix(in srgb,var(--green) 22%,var(--surface)); font-size:11px; text-align:center; }
.lg-directory-groups { display:grid; gap:18px; }
.lg-status-group { min-width:0; }
.lg-status-group-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 2px 8px; }
.lg-status-group-head > div { display:flex; align-items:center; gap:8px; }
.lg-status-group-head strong { color:var(--muted); font-size:10px; }
.bidding-excluded { padding:4px 7px; border-radius:999px; color:#8a4e08; background:#fff0cf; font-size:8px; font-weight:1000; letter-spacing:.05em; }
.draft-rights-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:5px 0 13px; padding:14px 16px; border:1px solid #bfe5cd; border-radius:17px; background:linear-gradient(120deg,#f1fbf4,#f8fcf9); }
.draft-rights-summary > div { min-width:0; }
.draft-rights-summary small,.draft-rights-summary strong,.draft-rights-summary span { display:block; }
.draft-rights-summary > div small { color:#267046; font-size:8px; font-weight:1000; letter-spacing:.08em; }
.draft-rights-summary > div strong { margin-top:4px; color:var(--ink); font-size:17px; }
.draft-rights-summary > div span { margin-top:3px; color:var(--muted); font-size:10px; font-weight:750; }
.draft-rights-summary > b { min-width:68px; padding:10px 12px; border-radius:13px; color:#155b35; background:#daf2e2; font-size:24px; text-align:center; }
.draft-rights-summary > b small { margin-top:2px; font-size:7px; letter-spacing:.07em; }
.draft-rights-summary.warn { border-color:#edd3a2; background:linear-gradient(120deg,#fff8eb,#fffcf5); }
.draft-rights-summary.warn > div small { color:#925908; }
.draft-rights-summary.warn > b { color:#7a4b0b; background:#ffebc3; }
.directory-show-more { display:block; margin:16px auto 0; }
.lg-directory-list { display:grid; gap:7px; }
.lg-member-row { display:grid; grid-template-columns:52px minmax(180px,1.4fr) 45px minmax(130px,.8fr) minmax(145px,.65fr) 34px; gap:10px; align-items:center; padding:12px 13px; border:1px solid var(--line); border-radius:15px; background:var(--surface); box-shadow:0 3px 13px rgba(6,26,51,.035); }
.lg-member-row.bidding-excluded-row { border-color:#edd3a2; background:linear-gradient(110deg,var(--surface),#fffaf1); }
.lg-member-rank { color:#738391; font-size:11px; font-weight:950; text-align:center; }
.lg-member-name,.lg-member-platform { min-width:0; }
.lg-member-name strong,.lg-member-name small,.lg-member-platform strong,.lg-member-platform small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.lg-member-name strong { color:var(--ink); font-size:13px; }
.lg-member-name small,.lg-member-platform small { margin-top:3px; color:var(--muted); font-size:9px; }
.lg-member-platform strong { color:#526575; font-size:10px; }
.lg-status { justify-self:start; padding:6px 9px; border-radius:999px; color:#536477; background:#edf2f4; font-size:9px; font-weight:1000; white-space:nowrap; }
.lg-status.status-prospect { color:#17603d; background:#dff6e9; }
.lg-status.status-amateur { color:#07556a; background:#dff8fd; }
.lg-status.status-draft-pick,.lg-status.status-draftee { color:#64420d; background:#fff0cf; }
.lg-status.status-veteran { color:#264f88; background:#e7eef9; }
.member-status-stack { min-width:0; display:grid; justify-items:start; gap:6px; }
.rights-team { min-width:0; max-width:100%; padding-left:8px; border-left:3px solid #d4942e; }
.rights-team small,.rights-team strong,.rights-team em { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.rights-team small { color:#8a5a12; font-size:7px; font-weight:1000; letter-spacing:.05em; }
.rights-team strong { margin-top:2px; color:var(--ink); font-size:10px; }
.rights-team em { margin-top:2px; color:var(--muted); font-size:8px; font-style:normal; }
.rights-team.resolved { border-left-color:#2c9a5b; }
.rights-team.resolved small { color:#247244; }
.rights-team.unresolved { border-left-color:#d4942e; }
.directory-profile { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--line); border-radius:10px; color:#2d6985; background:#f7fafb; font-weight:950; text-decoration:none; }
.directory-loading { display:grid; gap:10px; }
.management-directory-intro { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:13px; padding:18px 20px; overflow:hidden; border-radius:19px; color:#dceaf0; background:linear-gradient(130deg,#071d34,#0d4b5d); box-shadow:0 10px 26px rgba(6,26,51,.13); }
.management-directory-intro > div { min-width:0; }
.management-directory-intro .eyebrow { color:#85dced; }
.management-directory-intro h2 { margin:4px 0 6px; color:#fff; font-size:20px; }
.management-directory-intro p:last-child { max-width:700px; margin:0; color:#b8ced7; font-size:11px; line-height:1.55; }
.management-directory-intro > strong { min-width:96px; padding:12px 14px; border:1px solid rgba(255,255,255,.14); border-radius:15px; color:#fff; background:rgba(255,255,255,.08); font-size:28px; text-align:center; }
.management-directory-intro > strong small { display:block; margin-top:2px; color:#8ce4b2; font-size:8px; letter-spacing:.09em; }
.management-role-board { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:12px 0; }
.management-role-card { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:14px; color:var(--muted); background:var(--surface); text-align:left; }
.management-role-card:hover,.management-role-card.active { border-color:#279c68; color:var(--ink); box-shadow:0 0 0 2px color-mix(in srgb,#279c68 18%,transparent); }
.management-role-card span { overflow:hidden; font-size:10px; font-weight:950; white-space:nowrap; text-overflow:ellipsis; }
.management-role-card strong { min-width:29px; padding:4px 7px; border-radius:999px; color:#185f3d; background:#dff5e8; font-size:11px; text-align:center; }
.management-role-card.role-owner strong,.management-role.role-owner { color:#6d4307; background:#fff0c8; }
.management-role-card.role-gm strong,.management-role.role-gm { color:#174f86; background:#e0edfb; }
.management-role-card.role-agm strong,.management-role.role-agm { color:#5a3c8b; background:#ece5fb; }
.management-role-card.role-pagm strong,.management-role.role-pagm { color:#8b315d; background:#f9e3ee; }
.management-directory-groups { display:grid; gap:20px; }
.management-league-section { min-width:0; }
.management-league-head { display:flex; align-items:center; gap:9px; margin:2px 2px 9px; }
.management-league-head span { padding:5px 8px; border-radius:8px; color:#fff; background:var(--navy); font-size:9px; font-weight:1000; letter-spacing:.05em; }
.management-league-head strong { color:var(--muted); font-size:10px; }
.management-team-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.management-team-card { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:var(--surface); box-shadow:0 4px 16px rgba(6,26,51,.045); }
.management-team-card > header { display:flex; align-items:center; gap:10px; min-height:66px; padding:11px 13px; border-bottom:1px solid var(--line); background:var(--surface-2); }
.management-team-card > header > div { min-width:0; }
.management-team-card > header small,.management-team-card > header h3 { display:block; overflow:hidden; margin:0; white-space:nowrap; text-overflow:ellipsis; }
.management-team-card > header small { color:var(--muted); font-size:8px; font-weight:950; }
.management-team-card > header h3 { margin-top:3px; color:var(--ink); font-size:13px; }
.management-team-card > header > b { min-width:28px; margin-left:auto; padding:5px 7px; border-radius:999px; color:#205f3f; background:#dff5e8; font-size:10px; text-align:center; }
.management-team-members { display:grid; }
.management-member-row { display:grid; grid-template-columns:55px minmax(0,1fr) 30px; gap:10px; align-items:center; min-height:55px; padding:10px 13px; border-bottom:1px solid var(--line); }
.management-member-row:last-child { border-bottom:0; }
.management-member-row > div { min-width:0; }
.management-member-row strong,.management-member-row small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.management-member-row strong { color:var(--ink); font-size:12px; }
.management-member-row small { margin-top:3px; color:var(--muted); font-size:8px; }
.management-member-row > a { width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; color:#2b6c87; background:var(--surface-2); font-weight:950; text-decoration:none; }
.management-role { justify-self:start; min-width:46px; padding:6px 7px; border-radius:999px; color:#195c3b; background:#e0f5e8; font-size:8px; font-weight:1000; text-align:center; }
.management-list-menu-item { border-color:#beded0; background:linear-gradient(105deg,#eef9f2,var(--surface)); }

@media (min-width: 720px) {
  .app-shell { padding-bottom:30px; padding-left:92px; }
  .topbar { margin-left:-92px; padding-left:24px; }
  .bottom-nav { top:68px; right:auto; width:92px; display:flex; flex-direction:column; justify-content:flex-start; gap:7px; padding:18px 9px; border-top:0; border-right:1px solid var(--line); }
  .bottom-nav button,.bottom-nav a { min-height:68px; display:flex; flex-direction:column; justify-content:center; }
  .bottom-nav .admin-nav-item:not([hidden]) { display:flex; margin-top:auto; border-top:1px solid var(--line); border-radius:0 0 14px 14px; }
  .main { padding:28px; }
  .kpi-grid { grid-template-columns:repeat(4,1fr); }
  .quick-grid { grid-template-columns:repeat(4,1fr); }
  .decision-signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bid-grid { grid-template-columns:repeat(4,1fr); }
  .modal-backdrop { align-items:center; padding:30px; }
  .modal { border-radius:25px; padding-bottom:20px; }
  .rulebook-guides { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rulebook-guides .section-title { grid-column:1/-1; }
  .rulebook-result-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .hub-overview-hero { grid-template-columns:1fr; }
  .hub-overview-kpis { min-width:0; }
  .directory-reconciliation { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .availability-hero { grid-template-columns:1fr; }
  .availability-hero-actions { justify-content:flex-start; }
  .availability-kpis { grid-template-columns:1fr; }
  .availability-schedule-bar,.availability-schedule-grid { grid-template-columns:1fr; }
  .availability-board-head { align-items:flex-start; flex-direction:column; }
  .trade-board { grid-template-columns:1fr; }
  .trade-reasons { grid-template-columns:1fr; }
  .cap-simulator-hero { grid-template-columns:1fr; }
  .cap-simulator-actions { justify-content:flex-start; }
  .cap-season-cards { grid-template-columns:1fr; }
  .cap-contract-labels { display:none; }
  .cap-contract-row { grid-template-columns:minmax(0,1fr) 42px; }
  .cap-contract-player { grid-column:1; grid-row:1; }
  .cap-contract-edit { grid-column:2; grid-row:1; }
  .cap-contract-seasons { grid-column:1/-1; grid-row:2; }
  .directory-toolbar { grid-template-columns:1fr 1fr; }
  .directory-search { grid-column:1/-1; }
  .lg-member-row { grid-template-columns:42px minmax(0,1fr) auto 32px; }
  .lg-member-platform { display:none; }
  .lg-member-row .position-pill { display:none; }
  .draft-rights-summary { align-items:flex-start; }
  .management-role-board { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .management-team-grid { grid-template-columns:1fr; }
}

@media (max-width: 560px) {
  .bottom-nav small { font-size:8px; }
  .bottom-nav[data-mode="management"] small { font-size:7px; }
  .member-grid { grid-template-columns:1fr; }
  .directory-tabs { grid-template-columns:1fr; }
  .directory-tabs button { min-height:42px; }
  .management-directory-intro { align-items:flex-start; }
  .management-directory-intro > strong { min-width:75px; font-size:22px; }
  .management-role-board { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .icegrade-head { grid-template-columns:auto 1fr; }
  .confidence-seal { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; }
  .confidence-seal small { margin:0; }
  .icegrade-lanes { grid-template-columns:1fr; }
  .trade-identity-bar { grid-template-columns:1fr auto; }
  .trade-identity-bar label:last-child { grid-column:1/-1; text-align:left; }
  .trade-identity-bar input { max-width:none; text-align:left; }
  .trade-versus { grid-column:2; grid-row:1; }
  .trade-verdict-top { grid-template-columns:1fr; }
  .trade-confidence { display:flex; justify-content:space-between; align-items:center; }
  .trade-confidence small { margin:0; }
  .trade-side-head { align-items:flex-start; }
  .trade-side-head .button { padding:7px 9px; }
  .player-card { grid-template-columns:48px minmax(0,1fr) 40px; gap:11px; padding:16px; }
  .segmented.tier-tabs { grid-template-columns:repeat(3,1fr); }
  .chl-pool-summary { grid-template-columns:1fr; }
  .chl-pool-summary span { display:flex; align-items:center; justify-content:space-between; text-align:left; }
  .chl-pool-summary b { margin:0; font-size:16px; }
  .winning-team { width:100%; }
  .rank-badge { width:48px; height:48px; font-size:17px; }
  .track-button { width:40px; height:42px; }
  .detail-button { width:40px; }
  .team-theme-picker,.appearance-grid { grid-template-columns:1fr; }
  .cap-simulator-actions { display:grid; grid-template-columns:1fr; }
  .cap-simulator-actions .button { width:100%; }
  .cap-assumption-grid,.cap-editor-salaries { grid-template-columns:1fr; }
  .cap-saved-row { grid-template-columns:1fr; }
  .cap-saved-row > div:last-child { display:grid; grid-template-columns:1fr auto; }
  .cap-contract-seasons b { font-size:9px; }
  .pulse-tier-tabs button { padding-inline:3px; font-size:10px; }
  .decision-center { padding:14px; border-radius:20px; }
  .decision-center-head { gap:10px; }
  .decision-center-head > div > p:last-child { font-size:10px; }
  .decision-live { padding:0 8px; }
  .decision-overview { grid-template-columns:1fr; gap:17px; min-height:0; padding:19px; }
  .decision-overview::after { right:-12px; bottom:-36px; }
  .decision-overview button { width:100%; }
  .decision-signal { min-height:132px; }
  .decision-health { display:grid; grid-template-columns:1fr; }
  .availability-hero { padding:21px; border-radius:22px; }
  .availability-hero::after { right:-20px; bottom:-48px; font-size:150px; }
  .availability-hero-actions { display:grid; grid-template-columns:1fr; }
  .availability-hero-actions .button { width:100%; }
  .availability-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .availability-kpis article { padding:12px 9px; }
  .availability-kpis strong { font-size:19px; }
  .availability-kpis span { font-size:7px; }
  .availability-board-head { padding:17px; }
  .availability-wrap { padding-inline:7px; }
  .availability-schedule-bar { padding:13px; }
  .availability-schedule-bar > div strong { white-space:normal; }
  .availability-day { padding:11px; }
  .availability-game-card { padding:10px 8px; }
}

@media (min-width: 1040px) {
  .card-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:14px; }
  .home-layout .hero { grid-row:span 2; }
  .decision-signal-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}

@media (display-mode: standalone) {
  .install-button { display:none !important; }
}
.ea-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin-top:9px;font-size:12px;line-height:1.4;color:var(--muted)}
.ea-line b{padding:4px 7px;border-radius:7px;background:#102f4e;color:#9bdcf2;font-size:10px;letter-spacing:.05em}
.ea-line.matched span{color:#326b50}.ea-line.unmatched span{color:#8b6b32}
.ea-toggle{display:flex;gap:8px;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:12px;background:var(--surface)}
.ea-toggle span{margin-left:auto;color:var(--muted);font-weight:700}
.ea-profile{margin-top:14px}.ea-status{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}.ea-status.ok{background:#dff6e9;color:#17603d}.ea-status.no{background:#fff1d6;color:#7a5311}
.ea-identity{margin:0 0 12px;color:var(--muted);font-size:13px}.ea-match-source{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;color:#17603d;background:#dff6e9;font-size:8px;font-weight:900;text-transform:uppercase}.ea-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ea-metrics div{padding:10px 6px;text-align:center;border-radius:10px;background:var(--surface-2)}.ea-metrics strong{display:block;font-size:17px}.ea-metrics small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;margin-top:3px}
@media(max-width:560px){.ea-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.board-filter-row{grid-template-columns:1fr}.board-filter-row .ea-toggle{width:100%}}

.data-health-strip { width:100%; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:center; gap:14px; padding:13px 16px; border:1px solid #b9ddca; border-radius:15px; color:#244e36; background:#effaf3; text-align:left; }
.data-health-strip span { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:950; }
.data-health-strip span i,.data-health-mark i { width:8px; height:8px; flex:none; border-radius:50%; background:#27ad66; box-shadow:0 0 0 4px rgba(39,173,102,.13); }
.data-health-strip small { color:#658174; font-size:9px; }
.data-health-strip b { color:#20804c; font-size:9px; }
.data-health-strip.warn { border-color:#ead59d; color:#765511; background:#fff9e9; }
.data-health-strip.warn span i { background:#d79b1e; box-shadow:0 0 0 4px rgba(215,155,30,.13); }
.data-health-strip.warn b { color:#8c6819; }
.data-health-strip.loading span i { background:#58b9e8; box-shadow:0 0 0 4px rgba(88,185,232,.15); animation:pulse 1.2s infinite alternate; }
.quick-card.data-center-card { color:#0e5369; background:linear-gradient(135deg,#e3f6fc,#edf8fb); }
.data-center-menu-item { border-color:#c8e7f0; background:linear-gradient(105deg,#edf9fc,var(--surface)); }
.data-center-menu-item > b { color:#0c6680; background:#dff5fb; }
.data-health-hero { position:relative; overflow:hidden; padding:25px; border:1px solid #b8ddc9; border-radius:23px; color:#fff; background:linear-gradient(135deg,#0d2a23,#146044 68%,#1d7b56); box-shadow:var(--shadow); }
.data-health-hero::after { content:""; position:absolute; right:-45px; top:-70px; width:220px; height:220px; border:1px solid rgba(255,255,255,.14); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 68px rgba(255,255,255,.025); }
.data-health-hero.attention { border-color:#705a2d; background:linear-gradient(135deg,#302713,#705620); }
.data-health-mark { position:relative; z-index:1; display:flex; align-items:center; gap:10px; }
.data-health-mark span { color:#bdebd0; font-size:9px; font-weight:1000; letter-spacing:.12em; }
.data-health-hero.attention .data-health-mark span { color:#f2d48a; }
.data-health-hero h2 { position:relative; z-index:1; max-width:650px; margin-top:17px; font-size:26px; letter-spacing:-.03em; }
.data-health-hero > p { position:relative; z-index:1; max-width:650px; margin:9px 0 0; color:#c0dbce; font-size:11px; line-height:1.55; }
.data-health-hero > div:last-child { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; max-width:760px; margin-top:20px; }
.data-health-hero > div:last-child > span { padding:12px 14px; border:1px solid rgba(255,255,255,.13); border-radius:13px; background:rgba(5,18,15,.26); }
.data-health-hero small,.data-health-hero strong { display:block; }
.data-health-hero small { color:#a8cbbb; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.data-health-hero strong { margin-top:5px; font-size:11px; }
.data-stage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.data-stage-card { display:grid; grid-template-columns:43px minmax(0,1fr) auto; align-items:start; gap:11px; padding:16px; border:1px solid var(--line); border-radius:17px; background:var(--surface); }
.data-stage-card > span { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; color:#0b6177; background:#ddf6fc; font-size:9px; font-weight:1000; }
.data-stage-card small,.data-stage-card strong,.data-stage-card em { display:block; }
.data-stage-card small { color:var(--muted); font-size:8px; font-weight:1000; letter-spacing:.08em; }
.data-stage-card strong { margin-top:6px; color:var(--ink); font-size:23px; }
.data-stage-card p { margin:3px 0 8px; color:var(--muted); font-size:9px; }
.data-stage-card em { color:#718893; font-size:8px; font-style:normal; }
.data-stage-card > b,.data-protection-grid article > b { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#267d4f; background:#ddf3e5; font-size:10px; }
.data-stage-card.attention > b,.data-protection-grid article.attention > b { color:#966d17; background:#fff0c9; }
.data-coverage-card { margin-top:12px; }
.data-status-pill { padding:6px 9px; border-radius:999px; color:#147047; background:#def4e6; font-size:8px; font-weight:1000; }
.data-coverage-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:14px; }
.data-coverage-grid > div { padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.data-coverage-grid small,.data-coverage-grid strong,.data-coverage-grid em { display:block; }
.data-coverage-grid small { color:var(--muted); font-size:8px; font-weight:850; }
.data-coverage-grid strong { margin-top:7px; color:var(--ink); font-size:20px; }
.data-coverage-grid em { margin-top:4px; color:#338096; font-size:8px; font-style:normal; font-weight:850; }
.data-protection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.data-protection-grid article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; align-items:start; padding:16px; border:1px solid #cce4ec; border-radius:17px; background:linear-gradient(120deg,#f0fafc,var(--surface)); }
.data-protection-grid article > span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#0b6177; background:#dff5fb; font-size:16px; }
.data-protection-grid small,.data-protection-grid strong { display:block; }
.data-protection-grid small { color:#438095; font-size:8px; font-weight:1000; letter-spacing:.08em; }
.data-protection-grid strong { margin-top:6px; color:var(--ink); font-size:13px; }
.data-protection-grid p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.data-center-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }

@media (max-width:800px) {
  .data-stage-grid { grid-template-columns:1fr; }
  .data-coverage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .data-health-strip { grid-template-columns:1fr auto; }
  .data-health-strip small { grid-column:1/-1; grid-row:2; }
  .data-health-hero > div:last-child,.data-protection-grid { grid-template-columns:1fr; }
  .data-coverage-grid { grid-template-columns:1fr; }
}

/* FrontIce Operations */
.operations-page { width:100%; }
.operations-card { border-color:color-mix(in srgb,var(--green) 40%,var(--line)); background:linear-gradient(120deg,color-mix(in srgb,var(--green) 10%,var(--surface)),var(--surface)); }
.operations-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px; border-radius:24px; color:#fff; background:linear-gradient(125deg,#0a0f14,var(--navy) 58%,var(--navy-3)); box-shadow:var(--shadow); }
.operations-hero small,.operations-hero strong,.operations-hero span { display:block; }
.operations-hero small { color:color-mix(in srgb,var(--green) 78%,#fff); font-size:9px; font-weight:1000; letter-spacing:.1em; text-transform:uppercase; }
.operations-hero strong { margin-top:6px; font-size:30px; }
.operations-hero span { margin-top:6px; color:#bdd0da; font-size:11px; }
.operations-health { min-width:100px; padding:14px; border-radius:16px; background:rgba(255,255,255,.1); text-align:center; }
.operations-health b,.operations-health small { display:block; }
.operations-health b { font-size:26px; }
.operations-health small { margin-top:4px; color:#bcd0da; font-size:7px; letter-spacing:.09em; }
.operations-health.good { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 55%,transparent); }
.operations-health.warn { box-shadow:inset 0 0 0 1px rgba(255,184,77,.55); }
.operations-game-tabs { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:6px; }
.operations-game-tabs button { min-width:0; padding:10px 4px; border:1px solid var(--line); border-radius:11px; color:var(--muted); background:var(--surface-2); }
.operations-game-tabs button.active { border-color:var(--green); color:var(--ink); background:color-mix(in srgb,var(--green) 16%,var(--surface)); box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 16%,transparent); }
.operations-game-tabs small,.operations-game-tabs strong { display:block; }
.operations-game-tabs small { font-size:8px; }
.operations-game-tabs strong { margin-top:3px; font-size:8px; }
.lineup-builder { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.lineup-slot { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:center; padding:11px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.lineup-slot > span { width:39px; height:39px; display:grid; place-content:center; border-radius:10px; color:var(--ink); background:color-mix(in srgb,var(--green) 18%,var(--surface)); font-size:11px; font-weight:1000; text-align:center; }
.lineup-slot > span small { display:block; margin-top:2px; color:var(--muted); font-size:6px; }
.lineup-slot select { min-width:0; padding:9px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:var(--surface); }
.lineup-slot em { grid-column:2; color:var(--muted); font-size:8px; font-style:normal; font-weight:850; }
.lineup-slot.ready { border-color:color-mix(in srgb,var(--green) 55%,var(--line)); }
.lineup-slot.ready em { color:#238052; }
.lineup-slot.conflict { border-color:#e4ad57; }
.lineup-slot.conflict em { color:#a26412; }
.operations-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.operations-list { display:grid; gap:7px; }
.operations-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:9px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
.operations-list article > span { min-width:38px; padding:7px; border-radius:9px; color:var(--ink); background:color-mix(in srgb,var(--green) 18%,var(--surface)); font-size:8px; font-weight:1000; text-align:center; }
.operations-list strong,.operations-list small { display:block; }
.operations-list strong { font-size:10px; }
.operations-list small { margin-top:3px; color:var(--muted); font-size:8px; }
.operations-list article > button { width:28px; height:28px; border:1px solid var(--line); border-radius:8px; color:#a33; background:var(--surface); }
@media(max-width:760px){.operations-game-tabs{grid-template-columns:repeat(3,1fr)}.lineup-builder,.operations-columns{grid-template-columns:1fr}.operations-hero{align-items:flex-start}.operations-health{min-width:82px}}
.compliance-card { border-color:color-mix(in srgb,var(--amber) 45%,var(--line)); }
.compliance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.compliance-check { display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.compliance-check > i { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; font-size:13px; font-style:normal; font-weight:1000; }
.compliance-check.pass > i { color:#176b45; background:#ddf4e7; }
.compliance-check.warn > i { color:#9a5a13; background:#fff0d2; }
.compliance-check strong { color:var(--ink); font-size:10px; }
.compliance-check p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.compliance-reminders { display:grid; gap:7px; }
.compliance-reminders article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px; border:1px solid var(--line); border-radius:13px; background:var(--surface-2); }
.compliance-reminders article.done { border-color:color-mix(in srgb,var(--green) 50%,var(--line)); background:color-mix(in srgb,var(--green) 8%,var(--surface)); }
.compliance-tick { width:31px; height:31px; border:1px solid var(--line); border-radius:9px; color:var(--on-highlight,var(--navy)); background:var(--surface); font-weight:1000; }
.compliance-reminders article.done .compliance-tick { border-color:var(--green); background:var(--green); }
.compliance-reminders strong { font-size:10px; }
.compliance-reminders p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.compliance-reminders article div > small { display:block; margin-top:5px; color:var(--muted); font-size:7px; }
.compliance-checklist-actions { display:flex; align-items:center; gap:10px; }
.compliance-reminders + .alert { margin-top:12px; }
@media(max-width:650px){.compliance-grid{grid-template-columns:1fr}.compliance-reminders article{grid-template-columns:auto minmax(0,1fr)}.compliance-reminders .text-button{grid-column:2;justify-self:start}}
.data-review-card { border-color:#e5bf75; background:linear-gradient(120deg,#fff8e9,var(--surface)); }
.data-review-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.data-review-kpis span { padding:11px; border-radius:12px; background:var(--surface-2); text-align:center; }
.data-review-kpis strong,.data-review-kpis small { display:block; }
.data-review-kpis strong { color:var(--ink); font-size:18px; }
.data-review-kpis small { margin-top:3px; color:var(--muted); font-size:7px; font-weight:900; }
.data-review-tabs { margin-top:10px; }
.data-review-list { display:grid; gap:8px; }
.data-review-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:11px; align-items:center; padding:12px; border:1px solid var(--line); border-left:4px solid var(--amber); border-radius:13px; background:var(--surface-2); }
.data-review-list article.high { border-left-color:var(--red); }
.data-review-list article > span { min-width:68px; color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.07em; }
.data-review-list strong { color:var(--ink); font-size:10px; }
.data-review-list p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.data-review-list small { display:block; margin-top:5px; color:#238052; font-size:7px; font-weight:850; }
.data-review-list article > div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
@media(max-width:720px){.data-review-kpis{grid-template-columns:repeat(2,1fr)}.data-review-list article{grid-template-columns:1fr}.data-review-list article>div:last-child{justify-content:flex-start}}
.scout-report-panel { border-color:color-mix(in srgb,var(--green) 38%,var(--line)); }
.scout-report-panel.empty-report { display:flex; align-items:center; justify-content:space-between; gap:16px; background:color-mix(in srgb,var(--green) 7%,var(--surface)); }
.scout-report-panel.empty-report p { margin:5px 0 0; color:var(--muted); font-size:9px; }
.scout-recommendation { padding:6px 9px; border-radius:999px; font-size:8px; font-weight:1000; }
.scout-recommendation.good { color:#176b45; background:#ddf4e7; }
.scout-recommendation.warn { color:#8d5b13; background:#fff0d2; }
.scout-recommendation.danger { color:#9d3742; background:#fde6e9; }
.scout-report-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.scout-report-grid article { padding:10px; border-radius:11px; background:var(--surface-2); }
.scout-report-grid article:nth-child(-n+2) { grid-column:span 3; }
.scout-report-grid small,.scout-report-grid strong { display:block; }
.scout-report-grid small { color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.08em; text-transform:uppercase; }
.scout-report-grid strong { margin-top:5px; font-size:10px; }
.scout-report-grid p { margin:5px 0 0; color:var(--ink); font-size:9px; line-height:1.5; white-space:pre-wrap; }
.scout-report-panel footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; color:var(--muted); font-size:8px; }
@media(max-width:620px){.scout-report-panel.empty-report{align-items:flex-start;flex-direction:column}.scout-report-grid{grid-template-columns:1fr}.scout-report-grid article,.scout-report-grid article:nth-child(-n+2){grid-column:auto}}
.compare-card { border-color:#b9dfe7; background:linear-gradient(120deg,#effbfe,var(--surface)); }
.compare-players { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.compare-players > article { position:relative; overflow:hidden; padding:16px; border:1px solid var(--line); border-top:4px solid var(--green); border-radius:17px; background:var(--surface); box-shadow:0 6px 22px rgba(6,26,51,.06); }
.compare-players h2 { margin-top:9px; overflow:hidden; font-size:15px; text-overflow:ellipsis; }
.compare-players > article > small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.compare-remove { position:absolute; top:9px; right:9px; width:28px; height:28px; border:1px solid var(--line); border-radius:50%; color:#a33; background:var(--surface-2); }
.compare-grade { display:flex; align-items:center; gap:9px; margin-top:14px; }
.compare-grade > b { font-size:34px; line-height:1; }
.compare-grade span,.compare-grade small { display:block; }
.compare-grade span { color:var(--muted); font-size:7px; font-weight:1000; }
.compare-grade small { margin-top:3px; font-size:7px; font-weight:750; }
.compare-trend { height:54px; display:flex; align-items:flex-end; gap:4px; margin:13px 0 11px; padding:7px; border-radius:10px; background:var(--surface-2); }
.compare-trend i { flex:1; min-height:4px; border-radius:4px 4px 2px 2px; background:linear-gradient(var(--green),var(--navy-3)); }
.compare-trend em { margin:auto; color:var(--muted); font-size:8px; font-style:normal; }
.compare-trend-label { display:block; min-height:12px; margin:-6px 0 9px; color:var(--muted); font-size:7px; }
.compare-empty { min-height:300px; display:grid; place-items:center; align-content:center; padding:35px; border:1px dashed var(--line); border-radius:22px; background:var(--surface); text-align:center; }
.compare-empty > span { width:58px; height:58px; display:grid; place-items:center; border-radius:17px; color:var(--ink); background:color-mix(in srgb,var(--green) 18%,var(--surface-2)); font-size:26px; }
.compare-empty h2 { margin-top:14px; }
.compare-empty p { max-width:480px; margin:7px 0 16px; color:var(--muted); font-size:10px; line-height:1.55; }
.compare-table { min-width:620px; }
.compare-table-card { overflow:auto; }
.compare-row { display:grid; grid-template-columns:minmax(135px,1.2fr) repeat(var(--compare-count),minmax(110px,1fr)); border-bottom:1px solid var(--line); }
.compare-row > * { min-width:0; padding:10px; font-size:9px; text-align:center; }
.compare-row > strong { color:var(--muted); text-align:left; }
.compare-row.head { border-radius:10px 10px 0 0; color:var(--ink); background:var(--surface-2); }
.compare-row.head > * { font-weight:1000; }
.contingency-card { border-color:#c7d5e1; background:linear-gradient(120deg,#f2f7fb,var(--surface)); }
.contingency-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.contingency-position { margin-top:0; }
.contingency-position > .section-title small { display:block; margin-top:5px; color:var(--muted); font-size:8px; }
.contingency-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.contingency-plan-lane { min-width:0; padding:9px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--surface-2) 76%,var(--surface)); }
.contingency-plan-lane.active-plan-group { border-color:color-mix(in srgb,var(--green) 58%,var(--line)); box-shadow:inset 0 3px 0 var(--green); }
.contingency-plan-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.contingency-plan-head span,.contingency-plan-head strong { display:block; }
.contingency-plan-head span { color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.09em; }
.contingency-plan-head strong { margin-top:3px; color:var(--ink); font-size:9px; }
.contingency-slots { display:grid; gap:7px; }
.contingency-slot,.contingency-empty-slot { min-height:62px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); text-align:left; }
.contingency-slot > span,.contingency-empty-slot > span { min-width:54px; color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.07em; }
.contingency-slot strong,.contingency-slot small,.contingency-empty-slot strong { display:block; }
.contingency-slot strong { font-size:10px; }
.contingency-slot small { margin-top:4px; color:var(--muted); font-size:7px; }
.contingency-slot em { padding:5px 7px; border-radius:999px; color:var(--muted); background:var(--surface); font-size:7px; font-style:normal; font-weight:900; }
.contingency-slot > button { width:26px; height:26px; border:1px solid var(--line); border-radius:8px; color:#a33; background:var(--surface); }
.contingency-slot.active-plan { border-color:var(--green); background:color-mix(in srgb,var(--green) 10%,var(--surface)); box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 13%,transparent); }
.contingency-slot.active-plan em { color:#176b45; background:#ddf4e7; }
.contingency-slot.over,.contingency-slot.unavailable { opacity:.66; }
.contingency-slot.secured { border-color:#82c9a4; }
.contingency-empty-slot { grid-template-columns:auto 1fr; color:var(--muted); border-style:dashed; }
.picker-source-note { margin:0 0 11px; padding:9px 11px; border-left:3px solid var(--green); border-radius:8px; color:var(--muted); background:var(--surface-2); font-size:9px; }
@media(max-width:980px){.contingency-plan-grid{grid-template-columns:1fr}}
@media(max-width:760px){.contingency-slot{grid-template-columns:auto minmax(0,1fr) auto}.contingency-slot>em{grid-column:2}.contingency-slot>button{grid-row:1;grid-column:3}.contingency-plan-head{align-items:flex-start}}
.trade-v2-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.trade-v2-grid .section-card { margin-top:0; border-top:3px solid var(--green); }
.trade-v2-grid .section-card.danger { border-top-color:var(--red); }
.trade-v2-grid small,.trade-v2-grid strong { display:block; }
.trade-v2-grid small { color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.08em; }
.trade-v2-grid strong { margin-top:6px; color:var(--ink); font-size:14px; }
.trade-v2-grid p { margin:6px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.trade-lineup-impact > div:not(.section-title) { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; }
.trade-lineup-impact > div > i { color:var(--green); font-size:20px; font-style:normal; font-weight:1000; }
.trade-lineup-impact article { padding:11px; border-radius:13px; background:var(--surface-2); }
.trade-lineup-impact article > small { color:var(--muted); font-size:7px; font-weight:1000; }
.trade-lineup-impact article > div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:8px; }
.trade-lineup-impact article span { min-width:0; padding:7px; border-radius:8px; background:var(--surface); }
.trade-lineup-impact article span small,.trade-lineup-impact article span strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.trade-lineup-impact article span small { color:var(--muted); font-size:6px; }
.trade-lineup-impact article span strong { margin-top:3px; font-size:8px; }
@media(max-width:700px){.trade-v2-grid{grid-template-columns:1fr}.trade-lineup-impact>div:not(.section-title){grid-template-columns:1fr}.trade-lineup-impact>div>i{transform:rotate(90deg);justify-self:center}}
.opponent-card { border-color:#b9d7cb; background:linear-gradient(120deg,#eff9f5,var(--surface)); }
.opponent-picker { margin-top:0; }
.opponent-strength-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.opponent-strength-grid .section-card { margin-top:0; border-top:3px solid var(--green); }
.opponent-strength-grid small,.opponent-strength-grid strong { display:block; }
.opponent-strength-grid small { color:var(--muted); font-size:7px; font-weight:1000; }
.opponent-strength-grid strong { margin-top:6px; font-size:25px; }
.opponent-strength-grid p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.opponent-line { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.opponent-line button { min-width:0; padding:10px 6px; border:1px solid var(--line); border-radius:11px; color:var(--ink); background:var(--surface-2); }
.opponent-line span,.opponent-line strong,.opponent-line small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.opponent-line span { color:var(--muted); font-size:7px; font-weight:1000; }
.opponent-line strong { margin-top:5px; font-size:9px; }
.opponent-line small { margin-top:4px; color:var(--muted); font-size:7px; }
.opponent-recommendations { display:grid; gap:7px; margin-bottom:12px; }
.opponent-recommendations article { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:center; padding:10px; border-radius:11px; background:var(--surface-2); }
.opponent-recommendations i { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:var(--on-highlight,var(--navy)); background:var(--green); font-size:8px; font-style:normal; font-weight:1000; }
.opponent-recommendations p { margin:0; color:var(--ink); font-size:9px; line-height:1.45; }
@media(max-width:760px){.opponent-strength-grid{grid-template-columns:1fr}.opponent-line{grid-template-columns:repeat(3,1fr)}}
.discord-operations-card { border-color:#bfc4e8; background:linear-gradient(120deg,#f2f3ff,var(--surface)); }
.discord-operation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
.discord-operation-grid article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:start; padding:12px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); }
.discord-operation-grid article > i { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; color:#fff; background:#5865f2; font-size:14px; font-style:normal; font-weight:1000; }
.discord-operation-grid strong { font-size:10px; }
.discord-operation-grid p { margin:4px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.discord-operation-grid small { display:block; margin-top:6px; color:#4d6878; font-size:7px; line-height:1.45; }
.discord-message-preview { overflow:auto; max-height:95px; margin:8px 0 0; padding:8px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--surface); font:7px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; word-break:break-word; }
@media(max-width:760px){.discord-operation-grid{grid-template-columns:1fr}.discord-operation-grid article{grid-template-columns:auto minmax(0,1fr)}.discord-operation-grid article>.button{grid-column:2;justify-self:start}}

/* User-selected app appearance */
html.dark-ui {
  --ice:#111820;
  --white:#18232c;
  --ink:#edf5f7;
  --muted:#a8bac0;
  --line:#334650;
  --border:#334650;
  --surface:#18232c;
  --surface-2:#21313b;
  color-scheme:dark;
  background:#111820;
}
html.dark-ui body { background:#111820; color:var(--ink); }
html.dark-ui .filter-panel { background:rgba(17,24,32,.96); }
html.dark-ui .rank-multi-menu { box-shadow:0 18px 45px rgba(0,0,0,.42); }
html.dark-ui .segmented,.dark-ui .directory-tabs { background:#21313b; }
html.dark-ui .segmented button,.dark-ui .directory-tabs button { color:#a8bac0; }
html.dark-ui .quick-card { color:var(--ink); background:#21313b; }
html.dark-ui .quick-card:nth-child(1) { background:#1b3443; }
html.dark-ui .quick-card:nth-child(2) { background:#1a3040; }
html.dark-ui .account-affiliation,.dark-ui .rule,.dark-ui .bid-metric,.dark-ui .detail-metrics div,.dark-ui .history-row,.dark-ui .trade-side-summary span,.dark-ui .trade-asset { background:var(--surface-2); border-color:var(--line); }
html.dark-ui .rank-badge,.dark-ui .slot-add,.dark-ui .directory-profile { color:var(--ink); background:#21313b; }
html.dark-ui .directory-status-card { color:var(--muted); background:var(--surface); }
html.dark-ui .directory-status-card.active { color:var(--ink); background:#1b3443; }
html.dark-ui .directory-status-card strong { color:#d7f5ff; background:#23485b; }
html.dark-ui .availability-game-card { background:var(--surface); }
html.dark-ui .availability-player > i,.dark-ui .availability-empty > span { color:var(--ink); background:color-mix(in srgb,var(--green) 20%,var(--surface-2)); }
html.dark-ui .availability-toggle { border-color:var(--line); background:#21313b; }
html.dark-ui .availability-toggle.yes { border-color:var(--green); color:var(--on-highlight,var(--navy)); background:var(--green); }
html.dark-ui .availability-player-total { color:#ff9da5; background:#3b2027; }
html.dark-ui .availability-player-total.warn { color:#f2c66d; background:#3a2c16; }
html.dark-ui .availability-player-total.good { color:#9fe6b6; background:#173a28; }
html.dark-ui .availability-menu-item { border-color:#315d49; background:linear-gradient(105deg,#132b21,var(--surface)); }
html.dark-ui .availability-menu-item > b { color:#9fe6b6; background:#173a28; }
html.dark-ui .rank-badge.core { color:#b9f275; background:#203b28; }
html.dark-ui .player-card.won-player-card { border-color:#315e46; background:linear-gradient(135deg,var(--surface),#13291f); }
html.dark-ui .chl-pool-summary span,.dark-ui .winning-team,.dark-ui .winner-picker-preview { border-color:#315e46; color:#b4d6c1; background:#13291f; }
html.dark-ui .chl-pool-summary b,.dark-ui .winning-team strong { color:#a4e4bf; }
html.dark-ui .winning-team small { color:#83bd98; }
html.dark-ui .draft-rights-summary { border-color:#315e46; background:linear-gradient(120deg,#13291f,var(--surface)); }
html.dark-ui .draft-rights-summary > b { color:#a4e4bf; background:#173a28; }
html.dark-ui .draft-rights-summary.warn { border-color:#66502b; background:linear-gradient(120deg,#302817,var(--surface)); }
html.dark-ui .draft-rights-summary.warn > b { color:#f2c66d; background:#3a2c16; }
html.dark-ui .lg-member-row.bidding-excluded-row { border-color:#66502b; background:linear-gradient(110deg,var(--surface),#2b2418); }
html.dark-ui .bidding-excluded { color:#f2c66d; background:#3a2c16; }
html.dark-ui .rights-team.resolved small { color:#9fe6b6; }
html.dark-ui .rights-team.unresolved small { color:#f2c66d; }
html.dark-ui .team-logo-shell,.dark-ui .team-logo { border-color:#294838; background:#f7faf8; }
html.dark-ui .trade-menu-item { border-color:#35657a; background:linear-gradient(105deg,#1b3443,var(--surface)); }
html.dark-ui .skeleton { background:linear-gradient(90deg,#21313b 25%,#2a3c47 38%,#21313b 63%); background-size:400% 100%; }
html.dark-ui .access-callout { border-color:#35657a; background:linear-gradient(120deg,#1b3443,#18232c); }
html.dark-ui .account-affiliation strong,.dark-ui .appearance-option span strong { color:var(--ink); }
html.dark-ui .field > span,.dark-ui .role,.dark-ui .lg-member-platform strong,.dark-ui .kpi-card em { color:#aebfcb; }
html.dark-ui .trade-asset-actions button { border-color:var(--line); color:#b8dce4; background:#21313b; }
html.dark-ui .button.danger { border-color:#6b3337; color:#ff9fa6; background:#351e25; }
html.dark-ui .button.light { color:#10202a; background:#edf5f7; }
html.dark-ui .alert.good { color:#a9e687; background:#1b3525; }
html.dark-ui .alert.warn { color:#f3c879; background:#3a2c17; }
html.dark-ui .alert.bad { color:#ff9fa6; background:#3c2027; }
html.dark-ui .appearance-option > i { color:#9dddf5; background:#1b3b4d; }
html.dark-ui .pulse-rule-note { border-color:#35657a; color:#b8dce4; background:#1b3443; }
html.dark-ui .pulse-rule-note.lower { border-color:#36563e; color:#b9e2b5; background:#173024; }
html.dark-ui .decision-live { border-color:#315f45; color:#a9e7bd; background:#173326; }
html.dark-ui .decision-signal:hover { border-color:#42748a; }
html.dark-ui .decision-signal-top i { color:#9dddf5; background:#1b3b4d; }
html.dark-ui .decision-signal.good .decision-signal-top i { color:#9fe6b6; background:#173a28; }
html.dark-ui .decision-signal.warn .decision-signal-top i { color:#f2c66d; background:#3a2c16; }
html.dark-ui .decision-signal.danger .decision-signal-top i { color:#ff9da5; background:#3b2027; }
html.dark-ui .valuation-method-note { border-left-color:#55b57f; background:#132a20; }
html.dark-ui .cap-menu-item { border-color:#315d49; background:linear-gradient(105deg,#132b21,var(--surface)); }
html.dark-ui .rulebook-mark { border-color:#285064; color:#8ee5f6; background:linear-gradient(145deg,#102a39,#132638); }
html.dark-ui .rulebook-quick button { border-color:var(--line); color:var(--ink); background:var(--surface); }
html.dark-ui .rulebook-quick button span,.dark-ui .rulebook-ref { color:#8ee5f6; background:#123546; }
html.dark-ui .rulebook-quick button.active { border-color:#39798b; color:#a8ebf7; background:#12313d; }
html.dark-ui .rulebook-guide { border-color:#285064; background:linear-gradient(120deg,#102a39,#102131); }
html.dark-ui .rulebook-guide > i,.dark-ui .rulebook-guide div div > span,.dark-ui .rulebook-guide div div > a { color:#9ce7f4; background:#143847; }
html.dark-ui .rulebook-reference-link:hover,.dark-ui .rulebook-reference-link:focus-visible { border-color:#3f8798; background:#174452; }
html.dark-ui .rulebook-open-button { color:#071923; background:#8ee5f6; }
html.dark-ui .rulebook-open-button small,.dark-ui .rulebook-open-button i { color:#174556; }
html.dark-ui .rulebook-disclaimer { border-color:#67532e; color:#e8cb8e; background:#302817; }
html.dark-ui .rulebook-menu-item { border-color:#285064; background:linear-gradient(105deg,#102a39,var(--surface)); }
html.dark-ui .cap-season-card { border-color:#315144; }
html.dark-ui .cap-season-card.warn { border-color:#66502b; }
html.dark-ui .cap-season-card.danger { border-color:#66333a; }
html.dark-ui .cap-season-head > span { color:#a5e5bd; background:#173a28; }
html.dark-ui .cap-season-card.warn .cap-season-head > span { color:#f2c66d; background:#3a2c16; }
html.dark-ui .cap-season-card.danger .cap-season-head > span { color:#ff9da5; background:#3b2027; }
html.dark-ui .cap-contract-seasons span.active { color:#a5e5bd; background:#173528; }
html.dark-ui .cap-contract-player em { color:#9db4a7; }
html.dark-ui .cap-contract-edit { color:#9edeb9; }
html.dark-ui .cap-editor-summary { border-color:#315d49; background:#132a20; }
html.dark-ui .cap-editor-summary small { color:#a6b9ae; }
html.dark-ui .stat-ai-mark { border-color:#315f77; color:#9beaff; background:linear-gradient(145deg,#102d43,#12354b); }
html.dark-ui .stat-ai-suggestions button { border-color:#2d5365; color:#a9e2ef; background:#102f3e; }
html.dark-ui .stat-ai-answer-head > span { border-color:#315f45; color:#a9e7bd; background:#173326; }
html.dark-ui .stat-ai-player-head > span,.dark-ui .stat-ai-empty > span { color:#9beaff; background:#123546; }
html.dark-ui .stat-ai-table td.primary { color:#83e5f6; }
html.dark-ui .stat-ai-source-note { border-color:#315f45; color:#b8ddc5; background:#173326; }
html.dark-ui .stat-ai-limits { border-left-color:#56bad1; color:#aec5cf; background:#102d3b; }
html.dark-ui .stat-ai-limits strong { color:#8ee5f6; }
html.dark-ui .stat-ai-live-loading { border-color:#2d5365; color:#a9e2ef; background:#102f3e; }
html.dark-ui .stat-ai-live-loading small { color:#9eb5bf; }
html.dark-ui .stat-ai-live-card .stat-ai-player-head > em { color:#a9e7bd; background:#173326; }
html.dark-ui .stat-ai-club-card { border-color:#2d5365; background:linear-gradient(120deg,#102f3e,var(--surface)); }
html.dark-ui .stat-ai-lg-results a { border-color:#2d5365; color:#a9e2ef; background:#102f3e; }
html.dark-ui .stat-ai-menu-item { border-color:#2d5365; background:linear-gradient(105deg,#102f3e,var(--surface)); }
html.dark-ui .stat-ai-menu-item > b { color:#9beaff; background:#123b4e; }
html.dark-ui .data-health-strip { border-color:#315e46; color:#a9e7bd; background:#173326; }
html.dark-ui .data-health-strip small { color:#9fbdab; }
html.dark-ui .data-health-strip.warn { border-color:#66502b; color:#f2c66d; background:#3a2c16; }
html.dark-ui .quick-card.data-center-card,.dark-ui .data-center-menu-item,.dark-ui .data-protection-grid article { border-color:#2d5365; color:#a9e2ef; background:linear-gradient(105deg,#102f3e,var(--surface)); }
html.dark-ui .data-center-menu-item > b,.dark-ui .data-protection-grid article > span,.dark-ui .data-stage-card > span { color:#9beaff; background:#123b4e; }
html.dark-ui .data-stage-card,.dark-ui .data-coverage-grid > div { border-color:var(--line); background:var(--surface-2); }
html.dark-ui .data-stage-card > b,.dark-ui .data-protection-grid article > b,.dark-ui .data-status-pill { color:#9fe6b6; background:#173a28; }
html.dark-ui .data-coverage-grid em { color:#9beaff; }

@media (min-width: 900px) {
  .quick-card.stat-ai { grid-column:span 2; }
  .quick-card.cap-sim { grid-column:span 2; }
}

@media (max-width: 660px) {
  .stat-ai-hero { padding:17px; border-radius:21px; }
  .stat-ai-trust { align-items:flex-start; flex-direction:column; }
  .stat-ai-trust small { line-height:1.45; }
  .stat-ai-form { grid-template-columns:auto minmax(0,1fr) auto; padding-left:12px; }
  .stat-ai-form button[type="submit"] { grid-column:1/-1; width:100%; margin-top:6px; }
  .stat-ai-form .stat-ai-clear { grid-column:3; grid-row:1; }
  .stat-ai-coverage small { width:100%; margin:2px 0 0; }
  .stat-ai-answer-head { align-items:flex-start; flex-direction:column; }
  .stat-ai-compare { grid-template-columns:1fr; }
  .stat-ai-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stat-ai-history article { grid-template-columns:42px minmax(0,1fr); }
  .stat-ai-history article b { grid-column:2; text-align:left; }
  .stat-ai-club-card,.stat-ai-live-columns { grid-template-columns:1fr; }
  .stat-ai-club-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stat-ai-lg-results article { align-items:flex-start; flex-direction:column; }
}

/* Public FrontIce website */
.marketing-page { background:#edf4f7; color:#152832; }
.marketing-page main { overflow:hidden; }
.site-header { position:sticky; top:0; z-index:70; height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; padding:0 max(24px,calc((100vw - 1240px)/2)); color:#fff; background:rgba(10,15,20,.95); border-bottom:1px solid rgba(255,255,255,.1); backdrop-filter:blur(18px); }
.site-brand { display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; }
.site-brand img { width:42px; height:42px; border-radius:12px; object-fit:cover; box-shadow:0 7px 18px rgba(0,0,0,.24); }
.site-brand strong { display:block; font-size:15px; letter-spacing:.11em; }
.site-brand small { display:block; margin-top:3px; color:#9fb2c3; font-size:8px; font-weight:800; letter-spacing:.15em; }
.site-nav { display:flex; gap:32px; margin-left:auto; }
.site-nav a { color:#c6d2db; text-decoration:none; font-size:13px; font-weight:750; }
.site-nav a:hover { color:#fff; }
.site-discord-link { flex:none; min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 13px; border:1px solid rgba(255,255,255,.14); border-radius:12px; color:#fff; background:#5865f2; text-decoration:none; font-size:12px; font-weight:900; transition:transform .18s ease,background .18s ease; }
.site-discord-link:hover { transform:translateY(-1px); background:#6875f5; }
.site-discord-link img { width:20px; height:20px; filter:brightness(0) invert(1); }
.site-login { flex:none; min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 17px; border-radius:12px; color:#10202a; background:#58b9e8; text-decoration:none; font-size:13px; font-weight:950; }

.site-hero { position:relative; min-height:690px; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:58px; padding:82px max(24px,calc((100vw - 1240px)/2)) 90px; color:#fff; background:
  radial-gradient(circle at 76% 20%,rgba(88,185,232,.2),transparent 30%),
  radial-gradient(circle at 18% 88%,rgba(107,213,231,.12),transparent 25%),
  linear-gradient(145deg,#0a0f14,#10202a 58%,#155f87); }
.site-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to right,#000,transparent 75%); }
.site-hero-copy { position:relative; z-index:1; }
.site-kicker { display:flex; align-items:center; gap:9px; margin:0 0 16px; color:#8dd8f1; font-size:11px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; }
.site-kicker span { width:23px; height:3px; border-radius:5px; background:#58b9e8; }
.site-hero h1 { max-width:600px; font-size:clamp(43px,5vw,73px); line-height:.98; letter-spacing:-.055em; }
.site-hero h1 em { color:#8dd8f1; font-style:normal; }
.site-lead { max-width:585px; margin:24px 0 0; color:#c8d5de; font-size:17px; line-height:1.7; }
.site-hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.site-cta { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 21px; border:0; border-radius:13px; text-decoration:none; font-size:13px; font-weight:950; cursor:pointer; }
.site-cta.primary { color:#10202a; background:#58b9e8; box-shadow:0 10px 28px rgba(88,185,232,.22); }
.site-cta.primary:hover { background:#6bc5ed; transform:translateY(-1px); }
.site-cta.secondary { color:#0a2b49; background:#fff; border:1px solid #d7e2e8; }
.site-hero .site-cta.secondary { color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); }
.site-cta.dark { color:#fff; background:#10202a; }
.site-cta.full { width:100%; }
.site-cta:disabled { opacity:.65; cursor:not-allowed; }
.site-proof { display:flex; gap:0; margin-top:42px; }
.site-proof div { min-width:118px; padding:0 24px; border-left:1px solid rgba(255,255,255,.16); }
.site-proof div:first-child { padding-left:0; border-left:0; }
.site-proof strong { display:block; font-size:22px; }
.site-proof span { display:block; margin-top:4px; color:#94a9b8; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }

.product-window { position:relative; z-index:1; min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:24px; background:#edf4f7; box-shadow:0 34px 70px rgba(0,0,0,.35); transform:perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.window-top { height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; color:#fff; background:#10202a; border-bottom:3px solid #58b9e8; }
.window-mark { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:950; letter-spacing:.08em; }
.window-mark img { width:30px; height:30px; border-radius:8px; }
.live-chip { padding:6px 9px; border-radius:999px; color:#7ce9ff; background:rgba(0,199,242,.1); font-size:8px; font-weight:950; letter-spacing:.08em; }
.window-body { min-height:435px; display:grid; grid-template-columns:54px 1fr; color:#102237; }
.window-rail { display:flex; flex-direction:column; align-items:center; gap:12px; padding-top:18px; color:#7d8c9a; background:#fff; border-right:1px solid #dce5e9; }
.window-rail i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; font-style:normal; }
.window-rail i.active { color:#155f87; background:#dceff8; }
.window-content { min-width:0; padding:24px; }
.preview-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.preview-head small { display:block; color:#3b8f9f; font-size:8px; font-weight:950; letter-spacing:.13em; }
.preview-head strong { display:block; margin-top:7px; font-size:20px; letter-spacing:-.025em; }
.preview-head button { padding:9px 12px; border:0; border-radius:9px; color:#10202a; background:#58b9e8; font-size:9px; font-weight:950; }
.preview-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:19px; }
.preview-kpis div { padding:13px; border:1px solid #dce5e9; border-radius:12px; background:#fff; box-shadow:0 5px 14px rgba(6,26,51,.04); }
.preview-kpis small,.preview-kpis span { display:block; color:#748494; font-size:7px; font-weight:850; letter-spacing:.08em; }
.preview-kpis b { display:block; margin:5px 0; color:#10202a; font-size:19px; }
.preview-board { margin-top:12px; padding:15px; border:1px solid #dce5e9; border-radius:14px; background:#fff; }
.preview-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:11px; }
.preview-title span { color:#708090; font-size:8px; }
.preview-player { display:grid; grid-template-columns:34px 1fr auto 28px; align-items:center; gap:9px; padding:10px 0; border-top:1px solid #e7edef; }
.preview-player > b { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; color:#136072; background:#dff8fd; font-size:9px; }
.preview-player span strong,.preview-player span small { display:block; }
.preview-player span strong { font-size:10px; }
.preview-player span small { margin-top:3px; color:#788694; font-size:7px; }
.preview-player i { color:#246e7d; font-size:8px; font-style:normal; font-weight:950; }
.preview-player em { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; color:#155f87; background:#dceff8; font-style:normal; font-weight:900; }

.logo-strip { min-height:90px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:36px; padding:20px 24px; color:#607181; background:#fff; border-bottom:1px solid #e2e9ed; }
.logo-strip span { color:#98a5af; font-size:9px; font-weight:950; letter-spacing:.14em; }
.logo-strip b { color:#536678; font-size:12px; letter-spacing:.05em; }
.site-data-section { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:88px 0 22px; }
.site-data-head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.site-data-head > div:first-child { max-width:680px; }
.site-data-head h2 { color:#10202a; font-size:clamp(32px,4vw,48px); line-height:1.06; letter-spacing:-.045em; }
.site-data-head p:last-child { margin:15px 0 0; color:#667788; font-size:15px; line-height:1.6; }
.site-data-live { display:flex; align-items:center; gap:12px; padding:14px 17px; border:1px solid #b9ddca; border-radius:15px; background:#effaf3; }
.site-data-live > i { width:9px; height:9px; border-radius:50%; background:#27ad66; box-shadow:0 0 0 5px rgba(39,173,102,.13); }
.site-data-live strong,.site-data-live small { display:block; white-space:nowrap; }
.site-data-live strong { color:#23754a; font-size:9px; letter-spacing:.1em; }
.site-data-live small { margin-top:4px; color:#6c8175; font-size:8px; }
.site-data-live.attention { border-color:#ead59d; background:#fff9e9; }
.site-data-live.attention > i { background:#d79b1e; box-shadow:0 0 0 5px rgba(215,155,30,.13); }
.site-data-live.attention strong { color:#8b6716; }
.site-data-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:34px; }
.site-data-grid article { display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:12px; align-items:start; padding:19px; border:1px solid #d6e5ea; border-radius:18px; background:#fff; box-shadow:0 8px 25px rgba(6,26,51,.04); }
.site-data-grid article > span { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#0a6075; background:#dff6fc; font-size:9px; font-weight:1000; }
.site-data-grid small,.site-data-grid strong { display:block; }
.site-data-grid small { color:#5e7a88; font-size:8px; font-weight:1000; letter-spacing:.08em; }
.site-data-grid strong { margin-top:7px; color:#10202a; font-size:25px; }
.site-data-grid p { margin:4px 0 0; color:#788895; font-size:9px; }
.site-data-grid article > b { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#267d4f; background:#ddf3e5; font-size:10px; }
.site-section { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:100px 0; }
.section-intro { max-width:650px; }
.section-intro.centered { margin:0 auto; text-align:center; }
.section-intro.centered .site-kicker { justify-content:center; }
.section-intro h2,.final-cta h2 { margin:0; color:#10202a; font-size:clamp(33px,4vw,50px); line-height:1.08; letter-spacing:-.045em; }
.section-intro > p:last-child { margin:16px 0 0; color:#667788; font-size:16px; line-height:1.6; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:46px; }
.feature-grid article { min-height:245px; padding:25px; border:1px solid #dde6ea; border-radius:20px; background:#fff; box-shadow:0 8px 25px rgba(6,26,51,.045); }
.feature-icon { width:45px; height:45px; display:grid; place-items:center; border-radius:13px; color:#0a5061; background:#dff8fd; font-size:20px; font-weight:900; }
.feature-grid h3 { margin-top:28px; font-size:19px; }
.feature-grid p { min-height:66px; margin:10px 0 17px; color:#667788; font-size:13px; line-height:1.6; }
.feature-grid small { color:#2b7786; font-size:9px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }

.pricing-section { width:100%; padding-left:max(24px,calc((100vw - 1180px)/2)); padding-right:max(24px,calc((100vw - 1180px)/2)); background:#eaf1f3; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); align-items:stretch; gap:14px; margin-top:48px; }
.price-card { position:relative; display:flex; flex-direction:column; padding:28px; border:1px solid #d8e3e8; border-radius:22px; background:#fff; box-shadow:0 9px 28px rgba(6,26,51,.05); }
.price-card.featured { border:2px solid #00b7dc; box-shadow:0 18px 42px rgba(0,125,154,.14); transform:translateY(-8px); }
.popular { position:absolute; top:-13px; right:22px; padding:7px 10px; border-radius:999px; color:#10202a; background:#58b9e8; font-size:8px; font-weight:1000; letter-spacing:.1em; }
.plan-status { position:absolute; top:-13px; right:22px; padding:7px 10px; border-radius:999px; color:#fff; background:#607181; font-size:8px; font-weight:1000; letter-spacing:.1em; }
.price-card > div > small { color:#248294; font-size:9px; font-weight:1000; letter-spacing:.13em; }
.price-card h3 { margin-top:8px; font-size:24px; }
.price-card p { min-height:62px; margin:10px 0 0; color:#6a7987; font-size:13px; line-height:1.55; }
.price { display:flex; align-items:baseline; gap:7px; margin:25px 0 20px; }
.price strong { color:#10202a; font-size:38px; letter-spacing:-.05em; }
.price span { color:#758491; font-size:11px; font-weight:800; }
.price-card ul { flex:1; display:grid; gap:12px; margin:0 0 26px; padding:0; list-style:none; }
.price-card li { position:relative; padding-left:23px; color:#4f6070; font-size:12px; }
.price-card li::before { content:"✓"; position:absolute; left:0; color:#1692aa; font-weight:1000; }
.checkout-note { min-height:22px; margin:18px 0 0; color:#586a79; text-align:center; font-size:12px; font-weight:800; }
.checkout-note[data-tone="error"] { color:#a23838; }

.faq-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }
.faq-grid { display:grid; }
.faq-grid details { padding:22px 0; border-bottom:1px solid #dce5e9; }
.faq-grid summary { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#102237; font-size:14px; font-weight:900; cursor:pointer; list-style:none; }
.faq-grid summary::after { content:"+"; color:#16849a; font-size:21px; }
.faq-grid details[open] summary::after { content:"−"; }
.faq-grid p { margin:13px 35px 0 0; color:#687887; font-size:13px; line-height:1.65; }
.final-cta { width:min(1180px,calc(100% - 48px)); display:grid; grid-template-columns:130px 1fr auto; align-items:center; gap:34px; margin:0 auto 100px; padding:38px; border-radius:26px; color:#fff; background:linear-gradient(135deg,#0a0f14,#155f87); box-shadow:0 22px 50px rgba(10,15,20,.18); }
.final-cta img { width:120px; height:120px; border-radius:24px; object-fit:cover; }
.final-cta h2 { color:#fff; font-size:35px; }
.final-cta p:not(.site-kicker) { margin:9px 0 0; color:#aebfcb; }
.site-footer { min-height:130px; display:flex; align-items:center; gap:38px; padding:30px max(24px,calc((100vw - 1180px)/2)); color:#fff; background:#041529; }
.site-footer p { margin-right:auto; color:#8fa2b2; font-size:11px; }
.site-footer > div { display:flex; gap:22px; }
.site-footer > div a { color:#bdcbd5; text-decoration:none; font-size:11px; font-weight:800; }
.site-footer .footer-discord-link { display:inline-flex; align-items:center; gap:7px; color:#cbd0ff; }
.footer-discord-link img { width:18px; height:18px; filter:brightness(0) invert(1); }
.site-footer .footer-discord-link:hover { color:#fff; }

@media (max-width:1000px) {
  .site-hero { grid-template-columns:1fr; padding-top:70px; }
  .site-hero-copy { max-width:680px; }
  .product-window { max-width:760px; width:100%; transform:none; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .site-data-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pricing-grid { grid-template-columns:1fr; max-width:650px; margin-left:auto; margin-right:auto; }
  .price-card.featured { transform:none; }
  .faq-section { grid-template-columns:1fr; gap:25px; }
  .final-cta { grid-template-columns:95px 1fr; }
  .final-cta img { width:90px; height:90px; }
  .final-cta .site-cta { grid-column:1/-1; }
}

@media (max-width:700px) {
  .site-data-head { align-items:flex-start; flex-direction:column; }
  .site-data-grid { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  .site-header { height:68px; padding:0 16px; }
  .site-nav { display:none; }
  .site-brand small { display:none; }
  .site-discord-link { width:39px; min-height:39px; padding:0; }
  .site-discord-link span { display:none; }
  .site-login { min-height:39px; padding:0 13px; }
  .site-hero { min-height:0; gap:46px; padding:64px 18px 62px; }
  .site-hero h1 { font-size:45px; }
  .site-lead { font-size:15px; }
  .site-hero-actions .site-cta { width:100%; }
  .site-proof { justify-content:space-between; }
  .site-proof div { min-width:0; padding:0 12px; }
  .site-proof strong { font-size:18px; }
  .site-proof span { font-size:7px; }
  .product-window { border-radius:18px; }
  .window-body { grid-template-columns:1fr; min-height:390px; }
  .window-rail { display:none; }
  .window-content { padding:16px; }
  .preview-head strong { font-size:15px; }
  .preview-kpis div { padding:10px; }
  .preview-player { grid-template-columns:31px 1fr 26px; }
  .preview-player i { display:none; }
  .logo-strip { gap:18px 28px; }
  .site-section { width:calc(100% - 32px); padding:72px 0; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-grid article { min-height:0; }
  .feature-grid p { min-height:0; }
  .pricing-section { width:100%; padding-left:16px; padding-right:16px; }
  .price-card { padding:24px; }
  .final-cta { width:calc(100% - 32px); grid-template-columns:65px 1fr; gap:18px; margin-bottom:70px; padding:25px; }
  .final-cta img { width:65px; height:65px; border-radius:16px; }
  .final-cta h2 { font-size:25px; }
  .final-cta .site-kicker { display:none; }
  .site-footer { align-items:flex-start; flex-wrap:wrap; padding:28px 18px; }
  .site-footer p { width:100%; order:3; }
  .back-site { display:none; }
  .sync-state { min-width:52px; padding:0 8px; }
  .access-callout { align-items:stretch; flex-direction:column; }
  .access-callout .button { width:100%; }
}

/* Owner administration */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.admin-page { min-height:100vh; background:#edf4f7; }
.admin-header { height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 max(20px,calc((100vw - 1200px)/2)); color:#fff; background:#10202a; border-bottom:3px solid #58b9e8; }
.admin-header > div { display:flex; align-items:center; gap:15px; color:#a9bdca; font-size:11px; font-weight:800; }
.admin-header > div a { padding:9px 12px; border:1px solid rgba(255,255,255,.16); border-radius:10px; color:#fff; text-decoration:none; }
.admin-shell { width:min(1200px,calc(100% - 40px)); margin:0 auto; padding:42px 0 70px; }
.admin-state { min-height:520px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.admin-state h1 { margin-top:18px; font-size:30px; }
.admin-state p { max-width:480px; margin:10px 0 22px; color:#687988; line-height:1.55; }
.admin-state-icon { width:64px; height:64px; display:grid; place-items:center; border-radius:20px; color:#07586a; background:#d7f6fc; font-size:28px; }
.admin-spinner { width:42px; height:42px; border:4px solid #d5e1e6; border-top-color:#00aecd; border-radius:50%; animation:adminSpin .75s linear infinite; }
@keyframes adminSpin { to { transform:rotate(360deg); } }
.admin-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:28px; }
.admin-hero h1 { font-size:clamp(35px,5vw,52px); }
.admin-hero > div > p:last-child { margin:12px 0 0; color:#677887; }
.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.admin-stats article { padding:20px; border:1px solid #dbe5e9; border-radius:18px; background:#fff; box-shadow:0 6px 18px rgba(6,26,51,.04); }
.admin-stats small { display:block; color:#6b7c89; font-size:9px; font-weight:950; letter-spacing:.11em; }
.admin-stats strong { display:block; margin:9px 0 5px; color:#10202a; font-size:31px; line-height:1; }
.admin-stats span { color:#83919b; font-size:10px; }
.admin-panel { margin-top:16px; overflow:hidden; border:1px solid #d8e2e7; border-radius:20px; background:#fff; box-shadow:0 8px 28px rgba(6,26,51,.045); }
.admin-panel-head { min-height:83px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 20px; border-bottom:1px solid #e2e9ed; }
.admin-panel-head h2 { font-size:19px; }
.admin-panel-head p { margin:5px 0 0; color:#748391; font-size:11px; }
.data-refresh-panel { border-color:#b8dce4; }
.d1-migration-panel { border-color:#b7d8c4; }
.d1-migration-panel .admin-panel-head { align-items:center; background:linear-gradient(105deg,#f2fbf5,#fff); }
.d1-migration-panel .admin-panel-head .site-cta { flex:0 0 auto; }
.d1-migration-body { padding:20px; }
.d1-migration-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-bottom:14px; }
.d1-migration-summary article { padding:14px; border:1px solid #dce8e0; border-radius:13px; background:#fbfdfb; }
.d1-migration-summary small { display:block; color:#798993; font-size:8px; font-weight:950; letter-spacing:.08em; }
.d1-migration-summary strong { display:block; margin-top:7px; color:#0d2d40; font-size:13px; line-height:1.25; }
.d1-migration-panel .progress { background:#e5eee8; }
.d1-migration-detail { margin:10px 2px 0; color:#677b70; font-size:9px; line-height:1.5; }
.cloud-backup-panel { border-color:#c9d6e9; }
.cloud-backup-panel .admin-panel-head { align-items:center; background:linear-gradient(105deg,#f5f8fd,#fff); }
.admin-panel-head-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.cloud-backup-body { padding:20px; }
.cloud-backup-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.cloud-backup-summary article { padding:14px; border:1px solid #e0e6ef; border-radius:13px; background:#fbfcfe; }
.cloud-backup-summary small { display:block; color:#798993; font-size:8px; font-weight:950; letter-spacing:.08em; }
.cloud-backup-summary strong { display:block; margin-top:7px; color:#0d2d40; font-size:12px; line-height:1.3; }
.cloud-backup-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; color:#68798b; font-size:9px; }
.cloud-backup-actions .admin-refresh { flex:0 0 auto; text-decoration:none; }
.discord-notification-panel { border-color:#d8d0ec; }
.discord-notification-panel .admin-panel-head { align-items:center; background:linear-gradient(105deg,#f8f6fd,#fff); }
.discord-notification-body { display:flex; align-items:center; gap:12px; padding:18px 20px; }
.discord-notification-body .bridge-dot { flex:0 0 auto; }
.discord-notification-body strong,.discord-notification-body small { display:block; }
.discord-notification-body strong { color:#152f43; font-size:12px; }
.discord-notification-body small { margin-top:4px; color:#778690; font-size:9px; line-height:1.45; }
.data-refresh-panel .admin-panel-head { background:linear-gradient(105deg,#f5fcfd,#fff); }
.data-refresh-body { padding:20px; }
.data-refresh-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }
.data-refresh-action { min-height:84px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:14px; border:1px solid #d5e2e7; border-radius:15px; color:#163448; background:#f9fbfc; text-align:left; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.data-refresh-action:hover:not(:disabled) { transform:translateY(-2px); border-color:#91cbd6; box-shadow:0 9px 20px rgba(7,55,74,.09); }
.data-refresh-action:focus-visible { outline:3px solid rgba(0,174,205,.28); outline-offset:2px; }
.data-refresh-action:disabled { opacity:.58; cursor:not-allowed; }
.data-refresh-action.selected { border-color:#28a8bd; box-shadow:0 0 0 2px rgba(0,174,205,.12); }
.data-refresh-action.working { opacity:1; border-color:#00aecd; background:#effbfe; cursor:wait; }
.data-refresh-index { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; color:#fff; background:#08788d; font-size:11px; font-weight:950; }
.data-refresh-action.members .data-refresh-index { background:#6f55a5; }
.data-refresh-action.pool .data-refresh-index { background:#28a260; }
.data-refresh-action.lgdrafts .data-refresh-index { background:#08788d; }
.data-refresh-action.ea .data-refresh-index { background:#315fa5; }
.data-refresh-action-copy { min-width:0; }
.data-refresh-action-copy strong,.data-refresh-action-copy small { display:block; }
.data-refresh-action-copy strong { color:#0e2d40; font-size:11px; }
.data-refresh-action-copy small { margin-top:5px; overflow:hidden; color:#71838f; font-size:8px; font-weight:800; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.data-refresh-arrow { color:#7d98a6; font-size:18px; font-weight:900; }
.data-refresh-action.working .data-refresh-arrow { color:#08788d; animation:adminSpin .8s linear infinite; }
.data-refresh-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.data-refresh-stats article { padding:14px; border:1px solid #e0e8eb; border-radius:13px; background:#fbfcfd; }
.data-refresh-stats small { display:block; color:#798993; font-size:8px; font-weight:950; letter-spacing:.08em; }
.data-refresh-stats strong { display:block; margin-top:7px; color:#0d2d40; font-size:19px; line-height:1.15; }
.data-refresh-progress { margin-top:14px; padding:15px; border-radius:13px; background:#071f38; }
.data-refresh-copy { display:flex; justify-content:space-between; gap:18px; margin-bottom:11px; color:#fff; }
.data-refresh-copy strong { font-size:11px; }
.data-refresh-copy span { color:#a9bfcc; font-size:9px; text-align:right; }
.data-refresh-progress .progress { height:8px; background:rgba(255,255,255,.14); }
.data-refresh-note { margin:12px 2px 0; color:#7a8994; font-size:9px; line-height:1.5; }
.data-refresh-note a { color:#08768c; font-weight:900; }
.windows-updater { margin-top:14px; padding:16px; border:1px solid #d8e6ea; border-radius:15px; background:linear-gradient(135deg,#f8fcfd,#f3f8fa); }
.windows-updater-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.windows-updater-head > div { display:flex; align-items:center; gap:10px; }
.windows-updater-head strong,.windows-updater-head small { display:block; }
.windows-updater-head strong { color:#102f42; font-size:12px; }
.windows-updater-head small { margin-top:3px; color:#718491; font-size:9px; font-weight:800; }
.bridge-dot { width:11px; height:11px; display:block; flex:none; border-radius:50%; background:#a9b6bd; box-shadow:0 0 0 4px rgba(169,182,189,.16); }
.bridge-dot.paired { background:#e4a524; box-shadow:0 0 0 4px rgba(228,165,36,.14); }
.bridge-dot.online { background:#25ad66; box-shadow:0 0 0 4px rgba(37,173,102,.14); }
.bridge-download { text-decoration:none; white-space:nowrap; }
.windows-updater > p { margin:12px 0; color:#637784; font-size:10px; line-height:1.55; }
.windows-updater-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.windows-updater-actions .site-cta { min-height:38px; padding:0 14px; border-radius:10px; font-size:9px; }
.windows-updater-actions .danger { color:#a23e3e; border-color:#e4caca; }
.pairing-code-panel { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 16px; margin-top:13px; padding:13px 15px; border:1px dashed #83c7d3; border-radius:12px; background:#fff; }
.pairing-code-panel span { color:#58717f; font-size:9px; font-weight:850; }
.pairing-code-panel code { grid-row:1/3; grid-column:2; color:#075f73; font:950 23px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.13em; }
.pairing-code-panel small { color:#8998a1; font-size:8px; }
.updater-steps { margin-top:12px; color:#657985; font-size:9px; }
.updater-steps summary { width:max-content; color:#08768c; cursor:pointer; font-weight:900; }
.updater-steps ol { margin:9px 0 0; padding-left:18px; line-height:1.7; }
.admin-search { min-width:280px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid #cedbe1; border-radius:11px; background:#f8fafb; }
.admin-search span { color:#6d7e8d; font-size:18px; }
.admin-search input { width:100%; min-height:40px; border:0; outline:0; background:transparent; font-size:12px; }
.admin-table-wrap { overflow:auto; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th { padding:12px 14px; color:#778693; background:#f4f7f8; border-bottom:1px solid #e2e8ec; text-align:left; font-size:8px; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
.admin-table td { padding:14px; border-bottom:1px solid #e8edef; color:#506171; font-size:11px; white-space:nowrap; }
.admin-table tr:last-child td { border-bottom:0; }
.person-cell { display:flex; align-items:center; gap:10px; min-width:220px; }
.person-cell > span { width:35px; height:35px; display:grid; place-items:center; flex:none; border-radius:10px; color:#07576a; background:#ddf7fc; font-weight:950; }
.person-cell > .admin-team-logo { position:relative; overflow:hidden; border:1px solid #d7e2e6; background:#fff; }
.admin-team-logo img { position:relative; z-index:2; width:100%; height:100%; padding:3px; object-fit:contain; background:#fff; }
.admin-team-logo b { position:absolute; inset:0; display:grid; place-items:center; color:#07576a; background:#ddf7fc; font-size:8px; }
.person-cell strong,.person-cell small { display:block; }
.person-cell strong { color:#12283c; font-size:12px; }
.person-cell small { margin-top:3px; color:#7c8b97; font-size:9px; }
.admin-badge { display:inline-flex; align-items:center; min-height:25px; padding:0 8px; border-radius:999px; color:#536676; background:#e9eef1; font-size:8px; font-weight:950; text-transform:uppercase; letter-spacing:.05em; }
.admin-badge.pro { color:#075f71; background:#d9f6fb; }
.admin-badge.team { color:#245f39; background:#def4e5; }
.admin-badge.admin { color:#74500c; background:#fff0cf; }
.status-dot { width:7px; height:7px; display:inline-block; margin-right:7px; border-radius:50%; background:#b1bdc4; }
.status-dot.active { background:#27b468; box-shadow:0 0 0 3px rgba(39,180,104,.12); }
.admin-actions { text-align:right; }
.admin-actions button,.admin-refresh { padding:7px 9px; border:1px solid #d3dee3; border-radius:8px; color:#31576d; background:#fff; font-size:9px; font-weight:900; }
.admin-actions button + button { margin-left:5px; }
.admin-actions button.revoke { color:#a23e3e; }
.admin-actions button:disabled { opacity:.35; cursor:not-allowed; }
.admin-empty { padding:28px; color:#7a8995; text-align:center; font-size:12px; }
.audit-list { display:grid; }
.audit-list article { display:flex; gap:12px; align-items:flex-start; padding:14px 20px; border-bottom:1px solid #e8edef; color:#61717f; font-size:11px; }
.audit-list article:last-child { border-bottom:0; }
.audit-list article > span { width:29px; height:29px; display:grid; place-items:center; flex:none; border-radius:9px; color:#08768c; background:#ddf7fc; font-weight:1000; }
.audit-list b,.audit-list strong { color:#1d3549; }
.audit-list small { display:block; margin-top:4px; color:#8b98a1; font-size:9px; }
.admin-dialog { width:min(780px,calc(100% - 28px)); max-height:90vh; padding:0; overflow:auto; border:0; border-radius:22px; background:#fff; box-shadow:0 26px 70px rgba(0,0,0,.28); }
.admin-dialog::backdrop { background:rgba(2,15,28,.68); backdrop-filter:blur(4px); }
.admin-dialog form { padding:24px; }
.dialog-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom:17px; border-bottom:1px solid #e2e8ec; }
.dialog-head h2 { font-size:24px; }
.dialog-head > div > p:last-child { margin:7px 0 0; color:#70818e; font-size:10px; }
.dialog-head .site-kicker { margin-bottom:7px; }
.dialog-head > button { width:37px; height:37px; border:0; border-radius:50%; color:#526575; background:#edf2f4; font-size:20px; }
.admin-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 12px; }
.admin-member-editor { display:grid; gap:12px; margin-top:16px; }
.admin-form-section { min-width:0; margin:0; padding:9px 15px 2px; border:1px solid #dce6ea; border-radius:16px; background:#f9fbfc; }
.admin-form-section legend { display:flex; align-items:center; gap:9px; padding:0 7px; color:#17384c; }
.admin-form-section legend > b { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; color:#fff; background:#08788d; font-size:10px; }
.admin-form-section legend span,.admin-form-section legend small { display:block; }
.admin-form-section legend span { font-size:11px; font-weight:950; }
.admin-form-section legend small { margin-top:2px; color:#82909a; font-size:8px; font-weight:750; }
.admin-form-grid .admin-field-wide { grid-column:1/-1; }
.field > span em { float:right; padding:2px 6px; border-radius:999px; color:#58717f; background:#e8eff2; font-size:7px; font-style:normal; font-weight:950; letter-spacing:.04em; text-transform:uppercase; }
.admin-form-grid .field small { display:block; margin-top:4px; color:#8a98a2; font-size:9px; }
.admin-form-message { min-height:18px; margin:13px 0 0; color:#a13939; font-size:11px; font-weight:800; }
.dialog-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:10px; }

@media (max-width:850px) {
  .admin-stats { grid-template-columns:repeat(2,1fr); }
  .data-refresh-actions { grid-template-columns:1fr; }
  .data-refresh-stats { grid-template-columns:repeat(2,1fr); }
  .d1-migration-summary { grid-template-columns:repeat(2,1fr); }
  .cloud-backup-summary { grid-template-columns:repeat(2,1fr); }
  .admin-panel-head { align-items:flex-start; flex-direction:column; }
  .admin-search { width:100%; min-width:0; }
  .admin-table thead { display:none; }
  .admin-table,.admin-table tbody,.admin-table tr,.admin-table td { display:block; width:100%; }
  .admin-table tr { padding:12px 15px; border-bottom:1px solid #e1e8eb; }
  .admin-table td { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:7px 0; border:0; }
  .admin-table td::before { content:attr(data-label); color:#84929d; font-size:8px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
  .admin-table td:first-child::before,.admin-table td:last-child::before { display:none; }
  .admin-table .admin-actions { justify-content:flex-end; padding-top:12px; }
}

@media (max-width:600px) {
  .admin-header { height:66px; padding:0 14px; }
  .admin-header > div > span { display:none; }
  .admin-shell { width:calc(100% - 28px); padding-top:30px; }
  .admin-hero { align-items:stretch; flex-direction:column; }
  .admin-stats { gap:8px; }
  .admin-stats article { padding:15px; }
  .data-refresh-body { padding:15px; }
  .data-refresh-copy { align-items:flex-start; flex-direction:column; gap:5px; }
  .data-refresh-copy span { text-align:left; }
  .windows-updater-head { align-items:flex-start; flex-direction:column; }
  .bridge-download { width:100%; text-align:center; }
  .pairing-code-panel { grid-template-columns:1fr; }
  .pairing-code-panel code { grid-row:auto; grid-column:auto; }
  .admin-form-grid { grid-template-columns:1fr; }
  .admin-form-grid .admin-field-wide { grid-column:auto; }
  .dialog-actions .site-cta { flex:1; padding:0 12px; }
}

/* Version 33 · separate LG Ice Grade, EA Grade and Strength of Schedule */
.grades-card,.grades-menu-item { background:linear-gradient(135deg,rgba(88,185,232,.14),rgba(107,213,231,.06)); }
.grades-menu-item > b { color:#155f87; font-size:14px; }
.grades-nav-item > span { font-size:13px; font-style:italic; letter-spacing:-.04em; }
.grades-page { display:grid; gap:14px; }
.grades-heading { margin-bottom:0; }
.grades-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:30px; padding:27px; overflow:hidden; border:1px solid color-mix(in srgb,var(--green) 34%,transparent); border-radius:24px; color:#fff; background:linear-gradient(135deg,#07111b,#10202a 58%,#155f87); box-shadow:var(--shadow); }
.grades-hero h2 { max-width:650px; margin:10px 0 8px; color:#fff; font-size:clamp(24px,4vw,40px); line-height:1.05; }
.grades-hero p { max-width:680px; margin:0; color:#b9cbd5; font-size:12px; line-height:1.65; }
.grades-live { display:inline-flex; align-items:center; gap:8px; color:#75ddf0; font-size:8px; font-weight:1000; letter-spacing:.13em; }
.grades-live i { width:8px; height:8px; border-radius:50%; background:var(--green-2); box-shadow:0 0 0 5px rgba(107,213,231,.12); }
.grades-example { display:grid; grid-template-columns:repeat(3,minmax(90px,1fr)); gap:9px; }
.grades-example > span { min-width:100px; padding:14px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(255,255,255,.07); }
.grades-example small,.grades-example strong,.grades-example em { display:block; }
.grades-example small { color:#8eacbc; font-size:7px; font-weight:1000; letter-spacing:.1em; }
.grades-example strong { margin-top:6px; color:#fff; font-size:28px; }
.grades-example em { margin-top:2px; color:#76dff3; font-size:8px; font-style:normal; font-weight:900; }
.grades-score-card { margin-top:0; }
.grade-band-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:14px; }
.grade-band-grid > span { display:grid; gap:4px; min-height:108px; padding:13px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.grade-band-grid b { color:#155f87; font-size:18px; }
.grade-band-grid strong { color:var(--ink); font-size:11px; }
.grade-band-grid small { color:var(--muted); font-size:8px; line-height:1.4; }
.grade-band-grid .elite { border-top:4px solid #25ad66; }
.grade-band-grid .impact { border-top:4px solid #58b9e8; }
.grade-band-grid .strong { border-top:4px solid #6bd5e7; }
.grade-band-grid .steady { border-top:4px solid #f3a934; }
.grade-band-grid .developing { border-top:4px solid #a7b2b9; }
.grades-definition { margin:13px 0 0; padding:11px 13px; border-radius:12px; color:var(--muted); background:var(--panel); font-size:9px; line-height:1.55; }
.grades-definition strong { color:var(--ink); }
.grade-system-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.grade-system-card { display:grid; grid-template-columns:auto 1fr; gap:13px; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 8px 22px rgba(10,35,49,.06); }
.grade-system-card > span { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; color:#06283a; background:linear-gradient(135deg,var(--green),var(--green-2)); font-size:13px; font-weight:1000; }
.grade-system-card.ea > span { color:#fff; background:linear-gradient(135deg,#5b5bd6,#8a7cf4); }
.grade-system-card.sos > span { color:#fff; background:linear-gradient(135deg,#d68a20,#f3b84b); }
.grade-system-card h2 { font-size:17px; }
.grade-system-card p:not(.eyebrow) { margin:6px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.grade-formulas { margin-top:0; }
.grade-role-grid { display:grid; gap:9px; margin-top:14px; }
.grade-role-card { overflow:hidden; border:1px solid var(--line); border-radius:15px; background:var(--panel); }
.grade-role-card summary { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px; cursor:pointer; list-style:none; }
.grade-role-card summary::-webkit-details-marker { display:none; }
.grade-role-card summary > span { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,#10202a,#155f87); font-size:13px; font-weight:1000; }
.grade-role-card summary strong,.grade-role-card summary small { display:block; }
.grade-role-card summary strong { color:var(--ink); font-size:12px; }
.grade-role-card summary small { margin-top:3px; color:var(--muted); font-size:8px; line-height:1.45; }
.grade-role-card summary > b { color:#155f87; font-size:18px; }
.grade-role-card[open] summary > b { transform:rotate(45deg); }
.grade-role-formulas { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:0 14px 14px; }
.grade-role-formulas > section { padding:13px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }
.grade-role-formulas h3 { color:var(--ink); font-size:11px; }
.grade-role-formulas p { margin:9px 0 0; color:var(--muted); font-size:8px; line-height:1.45; }
.grade-weight-list { display:grid; margin-top:8px; }
.grade-weight-list > div { display:flex; justify-content:space-between; gap:14px; padding:7px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:8px; }
.grade-weight-list > div:last-child { border-bottom:0; }
.grade-weight-list b { color:#155f87; }
.schedule-strength-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; padding:23px; border-radius:21px; color:#fff; background:linear-gradient(135deg,#13252f,#17495f); box-shadow:var(--shadow); }
.schedule-strength-card h2 { max-width:680px; color:#fff; font-size:clamp(21px,3vw,30px); }
.schedule-strength-card p { max-width:720px; margin:8px 0 0; color:#b9ccd5; font-size:10px; line-height:1.6; }
.schedule-strength-card .eyebrow { color:#79dff0; }
.sos-tier-list { display:grid; grid-template-columns:repeat(5,58px); gap:7px; align-content:start; }
.sos-tier-list span { padding:10px 5px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(255,255,255,.07); text-align:center; }
.sos-tier-list b,.sos-tier-list small { display:block; }
.sos-tier-list b { color:#fff; font-size:17px; }
.sos-tier-list small { margin-top:3px; color:#8fdced; font-size:7px; font-weight:950; }
.sos-method { grid-column:1/-1; padding:12px 14px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(0,0,0,.12); }
.sos-method strong { color:#fff; font-size:9px; }
.sos-method p { margin-top:4px; font-size:8px; }
.grade-explain-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.grade-explain-grid .section-card { margin-top:0; }
.season-weight-list { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin-top:14px; }
.season-weight-list span { padding:11px 8px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--panel); font-size:8px; text-align:center; }
.season-weight-list b { display:block; margin-bottom:4px; color:#155f87; font-size:14px; }
.confidence-guide { display:grid; gap:8px; margin-top:14px; }
.confidence-guide span { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:8px; color:var(--ink); font-size:9px; }
.confidence-guide i { width:9px; height:9px; border-radius:50%; background:#f3a934; }
.confidence-guide i.high { background:#25ad66; }
.confidence-guide i.medium { background:#58b9e8; }
.confidence-guide small { color:var(--muted); }
.grade-rules-card { margin-top:0; }
.grade-rules-card > div { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 14px; margin-top:14px; }
.grade-rules-card > div span { padding:10px 12px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--panel); font-size:9px; line-height:1.45; }
.ea-grade-panel { position:relative; overflow:hidden; margin-top:12px; padding:17px; border-radius:19px; color:#fff; background:linear-gradient(135deg,#15152e,#25245c 62%,#5652bd); }
.ea-grade-panel::after { content:"EA"; position:absolute; right:-8px; top:-38px; color:rgba(255,255,255,.04); font-size:150px; font-weight:1000; letter-spacing:-.12em; }
.icegrade-mark.ea { color:#fff; background:linear-gradient(145deg,#7772ed,#a99cff); box-shadow:0 8px 22px rgba(116,110,234,.24); }
.ea-grade-panel .icegrade-track i { background:linear-gradient(90deg,#7772ed,#b0a3ff); }
.ea-grade-panel .icegrade-head p { color:#b9b4ff; }

@media (max-width:900px) {
  .grades-hero { grid-template-columns:1fr; }
  .grade-band-grid { grid-template-columns:repeat(3,1fr); }
  .grade-system-grid { grid-template-columns:1fr; }
  .schedule-strength-card { grid-template-columns:1fr; }
  .sos-method { grid-column:auto; }
}

@media (max-width:600px) {
  .bottom-nav small { font-size:8px; }
  .bottom-nav button,.bottom-nav a { padding-inline:0; }
  .grades-heading { align-items:flex-start; }
  .grades-heading .button { display:none; }
  .grades-hero { padding:19px; border-radius:19px; }
  .grades-example { grid-template-columns:repeat(3,1fr); }
  .grades-example > span { min-width:0; padding:10px; }
  .grades-example strong { font-size:21px; }
  .grade-band-grid { grid-template-columns:repeat(2,1fr); }
  .grade-role-formulas,.grade-explain-grid,.grade-rules-card > div { grid-template-columns:1fr; }
  .sos-tier-list { grid-template-columns:repeat(5,1fr); }
  .season-weight-list { grid-template-columns:repeat(5,1fr); }
  .season-weight-list span { padding-inline:4px; font-size:7px; }
  .icegrade-lanes { grid-template-columns:1fr; }
}

/* Version 29 · shared management workspace */
.workspace-card,.workspace-menu-item { background:linear-gradient(135deg,rgba(88,185,232,.13),rgba(107,213,231,.06)); }
.workspace-heading { align-items:center; }
.workspace-heading-identity { min-width:0; display:flex; align-items:center; gap:13px; }
.workspace-heading-identity > .team-logo-shell { width:64px; height:64px; border-radius:17px; }
.workspace-heading-identity > div { min-width:0; }
.workspace-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:26px; margin-bottom:14px; padding:25px; overflow:hidden; border:1px solid color-mix(in srgb,var(--green) 35%,var(--line)); border-radius:22px; color:#fff; background:linear-gradient(135deg,var(--navy),var(--navy-3)); box-shadow:0 18px 42px rgba(10,35,49,.16); }
.workspace-hero-copy { min-width:0; display:flex; align-items:center; gap:16px; }
.workspace-hero-copy > .team-logo-shell { width:78px; height:78px; border-radius:19px; }
.workspace-hero-copy > div { min-width:0; }
.workspace-hero h2 { margin:11px 0 7px; color:#fff; font-size:clamp(22px,3vw,34px); }
.workspace-hero p { max-width:690px; margin:0; color:rgba(255,255,255,.74); font-size:11px; line-height:1.65; }
.workspace-live { display:inline-flex; align-items:center; gap:7px; font-size:8px; font-weight:950; letter-spacing:.13em; }
.workspace-live i { width:8px; height:8px; border-radius:50%; background:var(--green-2); box-shadow:0 0 0 5px color-mix(in srgb,var(--green-2) 18%,transparent); }
.workspace-kpis { display:flex; gap:10px; }
.workspace-kpis span { min-width:94px; padding:13px 15px; border:1px solid rgba(255,255,255,.15); border-radius:14px; background:rgba(255,255,255,.08); }
.workspace-kpis small,.workspace-kpis strong { display:block; }
.workspace-kpis small { color:rgba(255,255,255,.56); font-size:7px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.workspace-kpis strong { margin-top:5px; color:#fff; font-size:16px; }
.workspace-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:14px; align-items:start; }
.workspace-layout > div,.workspace-layout > aside { display:grid; gap:14px; }
.workspace-team-card,.workspace-invite-card,.workspace-discord-card,.workspace-activity-card { margin-top:0; }
.workspace-members { display:grid; gap:9px; margin-top:14px; }
.workspace-member { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--surface) 93%,var(--green) 7%); }
.workspace-avatar { position:relative; width:39px; height:39px; display:grid; place-items:center; border-radius:13px; color:var(--on-highlight); background:linear-gradient(135deg,var(--green),var(--green-2)); font-size:11px; font-weight:950; }
.workspace-avatar i { position:absolute; right:-2px; bottom:-2px; width:10px; height:10px; border:2px solid var(--surface); border-radius:50%; background:#a7b2b9; }
.workspace-member.online .workspace-avatar i { background:#29b66e; }
.workspace-member-copy strong,.workspace-member-copy small,.workspace-member-copy em { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-member-copy strong { color:var(--ink); font-size:11px; }
.workspace-member-copy small { margin-top:3px; color:var(--muted); font-size:8px; }
.workspace-member-copy em { margin-top:4px; color:#748d99; font-size:8px; font-style:normal; }
.workspace-member.online .workspace-member-copy em { color:#168050; font-weight:850; }
.workspace-member-access { display:grid; justify-items:end; gap:5px; }
.workspace-member-access > span { padding:5px 8px; border-radius:999px; color:#416172; background:var(--panel); font-size:7px; font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
.workspace-member-access .text-button { font-size:8px; }
.workspace-invite-form { display:grid; grid-template-columns:1fr 1fr auto; gap:9px; align-items:end; margin-top:12px; }
.workspace-invite-form .field { margin:0; }
.workspace-invite-form .button { margin-bottom:1px; white-space:nowrap; }
.workspace-invite-result { display:grid; gap:8px; margin-top:13px; padding:12px; border:1px solid color-mix(in srgb,var(--green) 42%,var(--line)); border-radius:14px; background:color-mix(in srgb,var(--green) 8%,var(--surface)); }
.workspace-invite-result > span { color:var(--ink); font-size:9px; font-weight:900; }
.workspace-invite-result > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.workspace-invite-result input { min-width:0; width:100%; border:1px solid var(--line); border-radius:10px; padding:10px; color:var(--muted); background:var(--surface); font:inherit; font-size:9px; }
.workspace-invite-result small,.workspace-alert-guide > small { color:var(--muted); font-size:8px; line-height:1.55; }
.workspace-pending-invites { display:grid; gap:7px; margin-top:13px; }
.workspace-pending-invites > strong { color:var(--ink); font-size:9px; }
.workspace-pending-invites > div { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-top:1px solid var(--line); }
.workspace-pending-invites span,.workspace-pending-invites b,.workspace-pending-invites small { display:block; }
.workspace-pending-invites b { color:var(--ink); font-size:9px; }
.workspace-pending-invites small { margin-top:3px; color:var(--muted); font-size:8px; }
.workspace-discord-status { padding:6px 9px; border-radius:999px; color:#7a8994; background:var(--panel); font-size:7px; font-weight:950; text-transform:uppercase; }
.workspace-discord-status.connected { color:#15794a; background:#dcf4e5; }
.workspace-discord-card form { margin-top:12px; }
.workspace-discord-card .field { margin-bottom:10px; }
.workspace-discord-actions { display:flex; gap:8px; margin-top:13px; }
.workspace-alert-guide { margin-top:13px; padding:11px; border:1px solid var(--line); border-radius:13px; background:var(--panel); }
.workspace-alert-guide summary { cursor:pointer; color:var(--ink); font-size:9px; font-weight:900; }
.workspace-alert-guide ol { display:grid; gap:7px; margin:11px 0; padding-left:20px; color:var(--muted); font-size:9px; line-height:1.5; }
.workspace-activity { display:grid; margin-top:8px; }
.workspace-activity > div:not(.empty) { display:grid; grid-template-columns:auto 1fr; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }
.workspace-activity > div:last-child { border-bottom:0; }
.workspace-activity > div > i { width:8px; height:8px; margin-top:5px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 13%,transparent); }
.workspace-activity strong,.workspace-activity p,.workspace-activity small { display:block; }
.workspace-activity strong { color:var(--ink); font-size:9px; }
.workspace-activity p { margin:3px 0; color:var(--muted); font-size:9px; line-height:1.45; }
.workspace-activity small { color:#90a0aa; font-size:7px; }

@media (max-width:900px) {
  .workspace-hero { grid-template-columns:1fr; }
  .workspace-kpis { flex-wrap:wrap; }
  .workspace-layout { grid-template-columns:1fr; }
  .workspace-invite-form { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:600px) {
  .workspace-heading { align-items:flex-start; }
  .workspace-heading-identity { align-items:flex-start; }
  .workspace-heading-identity > .team-logo-shell { width:50px; height:50px; border-radius:14px; }
  .workspace-hero { padding:19px; border-radius:18px; }
  .workspace-hero-copy { align-items:flex-start; }
  .workspace-hero-copy > .team-logo-shell { width:58px; height:58px; border-radius:15px; }
  .workspace-kpis { display:grid; grid-template-columns:repeat(3,1fr); }
  .workspace-kpis span { min-width:0; padding:11px; }
  .workspace-kpis strong { font-size:13px; }
  .workspace-member { grid-template-columns:auto minmax(0,1fr); }
  .workspace-member-access { grid-column:2; justify-items:start; grid-auto-flow:column; align-items:center; }
  .workspace-invite-form { grid-template-columns:1fr; }
  .workspace-invite-form .button { width:100%; }
  .workspace-invite-result > div { grid-template-columns:1fr; }
  .workspace-invite-result .button { width:100%; }
}

@media (max-width:560px) {
  .hero.has-team-identity { padding-right:24px; }
  .hero-team-identity { position:relative; top:auto; right:auto; width:100%; margin-bottom:18px; }
  .hero-team-identity .team-logo-shell { width:56px; height:56px; }
  .team-identity-auto { align-items:stretch; flex-direction:column; }
  .team-identity-auto .button { width:100%; }
}

/* Version 30 · NHL organization map and movable Draft Pick depth chart */
.organization-depth-card { margin:18px 0 20px; padding:20px; border:1px solid color-mix(in srgb,var(--green) 24%,var(--line)); border-radius:22px; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,var(--green) 5%),var(--surface)); box-shadow:0 15px 40px rgba(10,38,53,.08); }
.organization-depth-title { display:flex; align-items:end; justify-content:space-between; gap:18px; }
.organization-depth-title > div { min-width:0; }
.organization-depth-title h2 { margin:3px 0 6px; color:var(--ink); font-size:20px; }
.organization-depth-title p:not(.eyebrow) { max-width:720px; margin:0; color:var(--muted); font-size:10px; line-height:1.55; }
.organization-depth-title .field { width:min(300px,100%); flex:none; margin:0; }
.organization-affiliation-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:17px; }
.organization-affiliation-strip article { min-width:0; display:flex; align-items:center; gap:11px; padding:12px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.organization-affiliation-strip article > div { min-width:0; }
.organization-affiliation-strip small,.organization-affiliation-strip strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.organization-affiliation-strip small { color:var(--green); font-size:7px; font-weight:1000; letter-spacing:.1em; }
.organization-affiliation-strip strong { margin-top:4px; color:var(--ink); font-size:10px; }
.organization-affiliation-strip .team-logo-shell { width:44px; height:44px; border-radius:12px; }
.organization-affiliation-strip article.unavailable { opacity:.66; }
.draft-depth-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.draft-depth-heading h3 { margin:3px 0 5px; color:var(--ink); font-size:15px; }
.draft-depth-heading p:not(.eyebrow) { max-width:760px; margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.draft-depth-heading > span { min-width:68px; padding:11px 13px; border:1px solid color-mix(in srgb,var(--green) 32%,var(--line)); border-radius:14px; color:var(--green); background:color-mix(in srgb,var(--green) 8%,var(--surface)); font-size:18px; font-weight:1000; text-align:center; }
.draft-depth-heading > span small { display:block; margin-top:3px; font-size:6px; letter-spacing:.09em; }
.organization-tier-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:13px; }
.organization-tier { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:var(--panel); }
.organization-tier-head { min-width:0; display:flex; align-items:center; gap:10px; padding:12px; border-bottom:1px solid var(--line); background:var(--surface); }
.organization-tier-head > div { min-width:0; }
.organization-tier-head span,.organization-tier-head strong,.organization-tier-head small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.organization-tier-head span { color:var(--green); font-size:7px; font-weight:1000; letter-spacing:.09em; }
.organization-tier-head strong { margin-top:3px; color:var(--ink); font-size:10px; }
.organization-tier-head small { margin-top:3px; color:var(--muted); font-size:7px; }
.organization-tier-head .team-logo-shell { width:42px; height:42px; border-radius:12px; }
.organization-tier.unavailable .organization-tier-head { min-height:67px; display:block; opacity:.66; }
.draft-depth-list { display:grid; gap:7px; padding:9px; }
.draft-depth-player { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px; padding:9px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.draft-depth-player > div { min-width:0; }
.draft-depth-player strong,.draft-depth-player small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.draft-depth-player strong { color:var(--ink); font-size:9px; }
.draft-depth-player small { margin-top:3px; color:var(--muted); font-size:7px; }
.draft-depth-player label { display:grid; gap:3px; }
.draft-depth-player label > span { color:var(--muted); font-size:6px; font-weight:900; text-transform:uppercase; }
.draft-depth-player select { max-width:76px; padding:6px 20px 6px 7px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--panel); font:inherit; font-size:8px; font-weight:900; }
.draft-depth-player select:disabled { cursor:not-allowed; opacity:.58; }
.draft-depth-empty { padding:16px 8px; color:var(--muted); font-size:8px; text-align:center; }
.organization-map-note { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:15px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.organization-map-note strong { color:var(--ink); font-size:9px; }
.organization-map-note span { color:var(--muted); font-size:8px; text-align:right; }

@media (max-width:900px) {
  .organization-tier-grid { grid-template-columns:1fr; }
  .organization-tier.unavailable { min-height:auto; }
}

@media (max-width:680px) {
  .organization-depth-card { padding:15px; border-radius:18px; }
  .organization-depth-title { align-items:stretch; flex-direction:column; }
  .organization-depth-title .field { width:100%; }
  .organization-affiliation-strip { grid-template-columns:1fr; }
  .draft-depth-heading { align-items:flex-start; }
  .draft-depth-heading > span { min-width:58px; }
  .organization-map-note { align-items:flex-start; flex-direction:column; }
  .organization-map-note span { text-align:left; }
}

@media (max-width:430px) {
  .draft-depth-player { grid-template-columns:auto minmax(0,1fr); }
  .draft-depth-player label { grid-column:2; }
  .draft-depth-player select { max-width:none; width:100%; }
}

/* Version 31 · automatic official LG player movements */
.movement-automation-card { margin:18px 0 22px; padding:20px; border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line)); border-radius:22px; background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,var(--blue) 5%),var(--surface)); box-shadow:0 15px 40px rgba(10,38,53,.08); }
.movement-automation-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.movement-automation-head h2 { margin:3px 0 5px; color:var(--ink); font-size:19px; }
.movement-automation-head p:not(.eyebrow) { max-width:700px; margin:0; color:var(--muted); font-size:9px; line-height:1.55; }
.movement-head-actions { display:flex; align-items:center; gap:8px; flex:none; }
.movement-live { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid color-mix(in srgb,var(--green) 32%,var(--line)); border-radius:999px; color:var(--green); background:color-mix(in srgb,var(--green) 8%,var(--surface)); font-size:7px; font-weight:1000; letter-spacing:.08em; }
.movement-live i { width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent); }
.movement-live.warn { color:#b97414; border-color:color-mix(in srgb,#b97414 35%,var(--line)); background:color-mix(in srgb,#b97414 8%,var(--surface)); }
.movement-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:16px 0 12px; }
.movement-kpis > span { min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }
.movement-kpis strong,.movement-kpis small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.movement-kpis strong { color:var(--ink); font-size:13px; }
.movement-kpis small { margin-top:4px; color:var(--muted); font-size:6px; font-weight:1000; letter-spacing:.08em; }
.movement-kpis > span.warn strong { color:#b97414; }
.movement-feed-list { display:grid; gap:7px; }
.movement-feed-list article { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 11px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }
.movement-feed-list article > span { min-width:42px; padding:7px 8px; border-radius:9px; color:var(--blue); background:color-mix(in srgb,var(--blue) 10%,var(--panel)); font-size:7px; font-weight:1000; text-align:center; }
.movement-feed-list article.review > span { color:#b97414; background:color-mix(in srgb,#b97414 10%,var(--panel)); }
.movement-feed-list article > div { min-width:0; }
.movement-feed-list small,.movement-feed-list strong,.movement-feed-list p { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.movement-feed-list small { color:var(--green); font-size:6px; font-weight:1000; letter-spacing:.08em; }
.movement-feed-list strong { margin-top:3px; color:var(--ink); font-size:9px; }
.movement-feed-list p { margin:3px 0 0; color:var(--muted); font-size:8px; }
.movement-feed-list p b { color:var(--green); }
.movement-feed-list time { color:var(--muted); font-size:7px; white-space:nowrap; }
.movement-feed-list article > a { display:grid; width:26px; height:26px; place-items:center; border:1px solid var(--line); border-radius:8px; color:var(--blue); background:var(--panel); text-decoration:none; }
.movement-empty { padding:18px; border:1px dashed var(--line); border-radius:13px; color:var(--muted); text-align:center; }
.movement-empty strong,.movement-empty span { display:block; }
.movement-empty strong { color:var(--ink); font-size:10px; }
.movement-empty span { margin-top:5px; font-size:8px; }
.movement-rights-guard { display:flex; align-items:flex-start; gap:10px; margin-top:12px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--green) 25%,var(--line)); border-radius:13px; background:color-mix(in srgb,var(--green) 6%,var(--panel)); }
.movement-rights-guard > span { color:var(--green); font-size:13px; font-weight:1000; }
.movement-rights-guard p { margin:0; color:var(--muted); font-size:8px; line-height:1.55; }
.movement-rights-guard strong { color:var(--ink); }

@media (max-width:760px) {
  .movement-automation-head { flex-direction:column; }
  .movement-head-actions { width:100%; justify-content:space-between; }
  .movement-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:520px) {
  .movement-automation-card { padding:15px; border-radius:18px; }
  .movement-feed-list article { grid-template-columns:auto minmax(0,1fr) auto; }
  .movement-feed-list time { display:none; }
  .movement-live { font-size:6px; }
}

/* Version 32 · player hub, community, recruitment, comparison and staff handoffs */
.player-hub-page,.community-page,.tryouts-page { display:grid; gap:18px; }
.player-hub-hero { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:26px; padding:30px; border-radius:26px; color:#fff; background:radial-gradient(circle at 82% 15%,rgba(107,213,231,.35),transparent 26%),linear-gradient(135deg,#10202a,#155f87); box-shadow:0 18px 45px rgba(10,38,53,.18); }
.player-hub-hero::after { content:"FI"; position:absolute; right:15%; bottom:-45px; color:rgba(255,255,255,.05); font-size:170px; font-weight:1000; letter-spacing:-.08em; }
.player-hub-hero > div,.player-hub-hero > aside { position:relative; z-index:1; }
.player-hub-hero h1 { margin:5px 0 8px; font-size:34px; }
.player-hub-hero p:not(.eyebrow) { max-width:650px; margin:0; color:#d5e5ec; font-size:12px; line-height:1.6; }
.player-hub-hero .hero-actions { margin-top:18px; }
.player-hub-hero > aside { min-width:150px; display:grid; justify-items:center; padding:18px; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:rgba(255,255,255,.1); backdrop-filter:blur(12px); }
.player-hub-position { padding:5px 9px; border-radius:999px; color:#10202a; background:var(--green-2); font-size:9px; font-weight:1000; }
.player-hub-hero > aside strong { margin-top:9px; font-size:48px; line-height:1; }
.player-hub-hero > aside small { margin-top:4px; color:#bcd0d9; font-size:7px; font-weight:1000; letter-spacing:.12em; }
.player-hub-hero > aside em { margin-top:10px; color:#fff; font-size:9px; font-style:normal; font-weight:900; }
.player-hub-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.player-hub-kpis article { min-width:0; padding:16px; border:1px solid var(--line); border-radius:17px; background:var(--surface); box-shadow:0 8px 24px rgba(10,38,53,.06); }
.player-hub-kpis small,.player-hub-kpis strong,.player-hub-kpis span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.player-hub-kpis small { color:var(--muted); font-size:7px; font-weight:1000; letter-spacing:.09em; }
.player-hub-kpis strong { margin-top:7px; color:var(--ink); font-size:21px; }
.player-hub-kpis span { margin-top:5px; color:var(--muted); font-size:8px; }
.player-hub-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); gap:14px; }
.player-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:13px; }
.player-game-grid button { min-width:0; padding:11px; border:1px solid var(--line); border-radius:13px; color:var(--ink); background:var(--panel); text-align:left; }
.player-game-grid button.ready { border-color:color-mix(in srgb,var(--green) 55%,var(--line)); background:color-mix(in srgb,var(--green) 12%,var(--surface)); box-shadow:inset 3px 0 var(--green); }
.player-game-grid small,.player-game-grid strong,.player-game-grid span { display:block; }
.player-game-grid small { color:var(--muted); font-size:6px; font-weight:1000; letter-spacing:.08em; }
.player-game-grid strong { margin-top:4px; font-size:10px; }
.player-game-grid span { margin-top:4px; color:var(--muted); font-size:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.toggle-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; }
.toggle-row span,.toggle-row strong,.toggle-row small { display:block; }
.toggle-row strong { color:var(--ink); font-size:10px; }
.toggle-row small { margin-top:3px; color:var(--muted); font-size:8px; }
.toggle-row input { width:20px; height:20px; accent-color:var(--green); }
.status-open { color:#087852 !important; }
.player-hub-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.player-hub-links button { display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-items:center; padding:15px; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--surface); text-align:left; }
.player-hub-links button > span { grid-row:1/3; display:grid; width:34px; height:34px; place-items:center; border-radius:11px; color:#fff; background:var(--blue); font-weight:1000; }
.player-hub-links strong { font-size:10px; }
.player-hub-links small { color:var(--muted); font-size:8px; }
.community-live { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid color-mix(in srgb,var(--green) 35%,var(--line)); border-radius:999px; color:var(--green); background:color-mix(in srgb,var(--green) 8%,var(--surface)); font-size:8px; font-weight:1000; letter-spacing:.08em; }
.community-live i,.online-member-list article > i { width:8px; height:8px; border-radius:50%; background:#23b47e; box-shadow:0 0 0 4px rgba(35,180,126,.13); }
.community-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr); gap:14px; align-items:start; }
.shoutbox-messages { max-height:610px; overflow:auto; display:grid; gap:8px; margin:12px 0; padding-right:4px; }
.shoutbox-messages article { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; padding:11px; border:1px solid var(--line); border-radius:15px; background:var(--panel); }
.shoutbox-messages article.own { border-color:color-mix(in srgb,var(--green) 38%,var(--line)); background:color-mix(in srgb,var(--green) 7%,var(--surface)); }
.shoutbox-messages header { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 8px; }
.shoutbox-messages header strong { color:var(--ink); font-size:10px; }
.shoutbox-messages header em,.shoutbox-messages header time { color:var(--muted); font-size:7px; font-style:normal; }
.shoutbox-messages header time { margin-left:auto; }
.shoutbox-messages p { margin:6px 0 0; color:var(--ink); font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.shoutbox-messages footer { display:flex; gap:9px; margin-top:7px; }
.shoutbox-messages footer button { padding:0; border:0; color:var(--muted); background:transparent; font-size:7px; font-weight:900; }
.shoutbox-compose { padding-top:12px; border-top:1px solid var(--line); }
.shoutbox-compose textarea { width:100%; min-height:76px; resize:vertical; padding:11px; border:1px solid var(--line); border-radius:13px; color:var(--ink); background:var(--panel); }
.shoutbox-compose > div:last-child { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; }
.shoutbox-compose small { color:var(--muted); font-size:7px; }
.shoutbox-reply { display:flex; justify-content:space-between; margin-bottom:8px; padding:8px 10px; border-radius:10px; color:var(--muted); background:var(--panel); font-size:8px; }
.shoutbox-reply button { border:0; color:var(--muted); background:transparent; }
.online-member-list { display:grid; gap:7px; margin-top:9px; }
.online-member-list article { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.online-member-list strong,.online-member-list small { display:block; }
.online-member-list strong { color:var(--ink); font-size:9px; }
.online-member-list small { margin-top:3px; color:var(--muted); font-size:7px; }
.community-safety { margin-top:14px; padding:12px; border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line)); border-radius:13px; background:color-mix(in srgb,var(--blue) 5%,var(--panel)); }
.community-safety strong { color:var(--ink); font-size:9px; }
.community-safety p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.5; }
.home-community-card { grid-column:1/-1; overflow:hidden; border-color:color-mix(in srgb,var(--blue) 22%,var(--line)); background:linear-gradient(150deg,color-mix(in srgb,var(--blue) 4%,var(--surface)),var(--surface) 42%); }
.home-community-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.home-community-head h2 { margin:3px 0 0; color:var(--ink); }
.home-community-head p:not(.eyebrow) { margin:5px 0 0; color:var(--muted); font-size:9px; }
.home-community-head > div:last-child { display:flex; align-items:center; gap:12px; }
.home-community-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(240px,.55fr); gap:16px; align-items:stretch; }
.home-community-feed { min-width:0; }
.home-community-card .shoutbox-messages { max-height:390px; margin-top:14px; }
.home-community-card .shoutbox-compose textarea { min-height:68px; }
.home-online-members { min-width:0; padding:15px 0 0 16px; border-left:1px solid var(--line); }
.home-online-members .section-title { margin-bottom:2px; }
.home-community-more { width:100%; padding:9px; border:1px dashed var(--line); border-radius:11px; color:var(--blue); background:transparent; font-size:8px; font-weight:950; }
.recruitment-profile-strip { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.recruitment-profile-strip span { font-size:7px; font-weight:1000; letter-spacing:.09em; }
.recruitment-profile-strip h2 { margin:5px 0 2px; color:var(--ink); }
.recruitment-profile-strip p { margin:0; color:var(--muted); font-size:9px; }
.tryout-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.tryout-card { display:flex; min-height:280px; flex-direction:column; }
.tryout-card > header,.tryout-card > footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.tryout-card > header span,.tryout-card > header em { font-size:7px; font-style:normal; font-weight:1000; letter-spacing:.08em; }
.tryout-card > header span { color:var(--blue); }
.tryout-card > header em { color:#087852; }
.tryout-card h2 { margin:14px 0 4px; color:var(--ink); font-size:18px; }
.tryout-card > strong { color:var(--muted); font-size:9px; }
.tryout-time { margin:13px 0 0; color:var(--ink); font-size:10px; font-weight:900; }
.tryout-positions { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.tryout-positions span { padding:5px 8px; border-radius:999px; color:var(--blue); background:color-mix(in srgb,var(--blue) 9%,var(--panel)); font-size:7px; font-weight:1000; }
.tryout-card > p:not(.tryout-time) { color:var(--muted); font-size:9px; line-height:1.45; }
.tryout-contact { display:block; margin-top:9px; color:var(--muted); font-size:8px; }
.tryout-card > footer { flex-wrap:wrap; margin-top:auto; padding-top:13px; border-top:1px solid var(--line); }
.tryout-card > footer > span { color:var(--muted); font-size:8px; }
.tryout-position-picker { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; margin:13px 0; padding:0; border:0; }
.tryout-position-picker legend { grid-column:1/-1; margin-bottom:4px; color:var(--ink); font-size:9px; font-weight:900; }
.tryout-position-picker label input { position:absolute; opacity:0; pointer-events:none; }
.tryout-position-picker label span { display:block; padding:9px 5px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:var(--panel); font-size:8px; font-weight:1000; text-align:center; }
.tryout-position-picker label input:checked + span { border-color:var(--green); color:#10202a; background:var(--green); }
.tryout-roster-list { display:grid; gap:8px; }
.tryout-roster-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px; border:1px solid var(--line); border-radius:13px; background:var(--panel); }
.tryout-roster-list strong,.tryout-roster-list small { display:block; }
.tryout-roster-list strong { color:var(--ink); font-size:10px; }
.tryout-roster-list small { margin-top:4px; color:var(--muted); font-size:8px; }
.tryout-review-history { display:grid; gap:6px; margin-top:9px; }
.tryout-review-history > div { padding:8px; border-left:3px solid var(--blue); border-radius:7px; background:var(--surface-2); }
.tryout-review-history span,.tryout-review-history strong,.tryout-review-history p { display:block; margin:0; color:var(--ink); font-size:8px; line-height:1.45; }
.tryout-review-history p { margin-top:4px; color:var(--muted); }
.tryout-readonly { color:var(--muted); font-size:8px; font-weight:900; }
.tryout-evaluation-status { min-height:16px; color:var(--muted); font-size:8px; font-weight:800; }
.compare-players article.is-me { border-color:color-mix(in srgb,var(--green) 60%,var(--line)); box-shadow:inset 0 3px var(--green),var(--shadow); }
.management-board-summary { margin:14px 0; }
.management-assignment-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.management-assignment-list button { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--panel); text-align:left; }
.management-assignment-list strong,.management-assignment-list small { display:block; }
.management-assignment-list strong { font-size:9px; }
.management-assignment-list small,.management-assignment-list em { margin-top:3px; color:var(--muted); font-size:7px; font-style:normal; }
.management-handoff { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px; }
.management-handoff > span { padding:10px; border:1px solid var(--line); border-radius:11px; background:var(--panel); }
.management-handoff small,.management-handoff strong { display:block; }
.management-handoff small { color:var(--muted); font-size:6px; font-weight:1000; letter-spacing:.08em; }
.management-handoff strong { margin-top:4px; color:var(--ink); font-size:9px; }

@media (max-width:900px) {
  .player-hub-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .player-hub-grid,.community-layout { grid-template-columns:1fr; }
  .home-community-layout { grid-template-columns:1fr; }
  .home-online-members { padding:14px 0 0; border-top:1px solid var(--line); border-left:0; }
  .tryout-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:620px) {
  .player-hub-hero { align-items:flex-start; flex-direction:column; padding:22px; }
  .player-hub-hero > aside { width:100%; grid-template-columns:auto 1fr; column-gap:10px; justify-items:start; }
  .player-hub-hero > aside strong { grid-row:1/3; margin:0; }
  .player-hub-position,.player-hub-hero > aside em { grid-column:2; }
  .player-game-grid,.player-hub-links,.tryout-grid,.management-assignment-list { grid-template-columns:1fr; }
  .home-community-head { align-items:flex-start; flex-direction:column; }
  .home-community-head > div:last-child { width:100%; justify-content:space-between; }
  .home-community-card .shoutbox-messages { max-height:340px; }
  .recruitment-profile-strip { align-items:flex-start; flex-direction:column; }
  .tryout-position-picker { grid-template-columns:repeat(3,1fr); }
}

/* Version 34 · role-based Player and Management workspaces */
.workspace-mode-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 16px; padding:14px 16px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 7px 22px rgba(6,26,51,.05); }
.workspace-mode-bar > div:first-child { min-width:0; }
.workspace-mode-bar span,.workspace-mode-bar strong,.workspace-mode-bar small { display:block; }
.workspace-mode-bar > div:first-child > span { color:#177d99; font-size:7px; font-weight:1000; letter-spacing:.11em; }
.workspace-mode-bar > div:first-child > strong { margin-top:3px; color:var(--ink); font-size:15px; }
.workspace-mode-bar > div:first-child > small { margin-top:3px; color:var(--muted); font-size:8px; }
.workspace-mode-bar.player { border-color:color-mix(in srgb,var(--green) 42%,var(--line)); background:linear-gradient(115deg,color-mix(in srgb,var(--green) 10%,var(--surface)),var(--surface) 48%); }
.workspace-mode-bar.management { border-color:color-mix(in srgb,var(--navy-3) 38%,var(--line)); background:linear-gradient(115deg,color-mix(in srgb,var(--navy-3) 9%,var(--surface)),var(--surface) 48%); }
.workspace-mode-switch { flex:none; display:grid; grid-template-columns:repeat(2,1fr); gap:4px; padding:4px; border:1px solid var(--line); border-radius:13px; background:var(--panel); }
.workspace-mode-switch button { min-width:98px; padding:9px 12px; border:0; border-radius:9px; color:var(--muted); background:transparent; font-size:8px; font-weight:950; }
.workspace-mode-switch button.active { color:var(--on-highlight); background:var(--green); box-shadow:0 4px 12px color-mix(in srgb,var(--green) 24%,transparent); }
.workspace-mode-bar.management .workspace-mode-switch button.active { color:#fff; background:var(--navy-3); box-shadow:0 4px 12px color-mix(in srgb,var(--navy-3) 24%,transparent); }
.workspace-mode-lock { flex:none; padding:7px 9px; border-radius:999px; color:#176b4b; background:color-mix(in srgb,var(--green) 17%,var(--surface)); font-size:7px; font-weight:1000; letter-spacing:.09em; }
.command-mode-switch { margin:0 0 12px; }
.command-mode-switch button { min-width:0; }
html[data-workspace-mode="player"] .bottom-nav button.active { background:color-mix(in srgb,var(--green) 18%,var(--surface)); }
html[data-workspace-mode="management"] .bottom-nav button.active { color:var(--navy); background:color-mix(in srgb,var(--navy-3) 16%,var(--surface)); }
.admin-console-entry { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:18px; padding:20px; border:1px solid color-mix(in srgb,#b54855 42%,var(--line)); border-radius:20px; color:#fff; background:linear-gradient(135deg,#32151b,#752f3a); box-shadow:0 12px 30px rgba(87,24,34,.16); }
.admin-console-entry span { color:#ffc0c8; font-size:7px; font-weight:1000; letter-spacing:.12em; }
.admin-console-entry h2 { margin:5px 0 3px; color:#fff; }
.admin-console-entry p { margin:0; color:#efcbd0; font-size:9px; }
.admin-console-page { display:grid; gap:16px; }
.admin-console-hero { display:flex; align-items:center; gap:18px; padding:22px; border-radius:22px; color:#fff; background:linear-gradient(135deg,#251217,#6f2b36); box-shadow:0 14px 34px rgba(70,20,29,.18); }
.admin-console-hero > span { width:50px; height:50px; flex:none; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:15px; background:rgba(255,255,255,.1); font-size:23px; }
.admin-console-hero small { color:#ffc0c8; font-size:7px; font-weight:1000; letter-spacing:.12em; }
.admin-console-hero h2 { margin:5px 0; color:#fff; }
.admin-console-hero p { margin:0; color:#efd1d5; font-size:9px; }
.admin-console-menu { padding:15px; border:1px solid color-mix(in srgb,#b54855 30%,var(--line)); border-radius:19px; background:color-mix(in srgb,#b54855 4%,var(--surface)); }
.admin-console-link b { color:#a33e4c; }

@media (max-width:620px) {
  .workspace-mode-bar { align-items:flex-start; flex-direction:column; }
  .workspace-mode-switch { width:100%; }
  .workspace-mode-switch button { min-width:0; }
  .workspace-mode-lock { align-self:flex-start; }
  .admin-console-entry { align-items:flex-start; flex-direction:column; }
  .admin-console-entry .button { width:100%; }
  .admin-top-button { width:38px; min-width:38px; padding:0; border-radius:50%; }
  .admin-top-button span { display:none; }
}

/* Version 35 · member team identity, optional Discord, and guided administration */

/* v61 feedback + free-agent identity */
.free-agent-logo-shell .team-logo { padding:2px; background:transparent; }
.feedback-card { max-width:860px; }
.feedback-form { display:grid; gap:12px; margin-top:12px; }
.feedback-form textarea { min-height:150px; resize:vertical; }
.feedback-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.feedback-actions span { color:var(--muted); font-size:12px; font-weight:800; }
.feedback-privacy { max-width:860px; }
.feedback-privacy p { margin:7px 0 0; color:var(--muted); line-height:1.55; }
.admin-feedback-list { display:grid; gap:10px; padding:16px; }
.admin-feedback-card { border:1px solid #dfe8ec; border-radius:14px; padding:14px; background:#fff; display:grid; gap:10px; }
.admin-feedback-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.admin-feedback-card header span { display:grid; gap:3px; }
.admin-feedback-card header small { color:#71838d; }
.admin-feedback-card p { margin:0; color:#263841; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.admin-feedback-controls { display:grid; grid-template-columns:minmax(150px,220px) 1fr auto; gap:8px; align-items:end; }
.admin-feedback-controls label { display:grid; gap:5px; color:#647983; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.admin-feedback-controls select,.admin-feedback-controls textarea { width:100%; border:1px solid #cfdde3; border-radius:9px; padding:9px 10px; font:inherit; background:#fff; color:#1c303a; }
.admin-feedback-controls textarea { min-height:42px; resize:vertical; }
.admin-feedback-empty { padding:24px; text-align:center; color:#71838d; }
@media (max-width:760px) { .admin-feedback-controls { grid-template-columns:1fr; } }

/* Account-owned manager workspaces */
.account-space-bar { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; padding:.8rem 1rem; margin-bottom:1rem; border:1px solid var(--line); border-radius:12px; background:var(--panel); font-size:.875rem; }
.account-space-bar label { font-weight:700; }
.account-space-bar select { max-width:100%; min-height:40px; padding:.4rem .6rem; border:1px solid var(--line); border-radius:8px; color:inherit; background:var(--panel); font:inherit; }
.account-space-bar span { flex:1; min-width:200px; }
@media (max-width:600px) { .account-space-bar select { flex:1; min-width:0; } .account-space-bar span { flex-basis:100%; } }

/* Official contracts have a position, player identity and salary. */
.official-roster .roster-slot { grid-template-columns:44px minmax(0,1fr) auto; }
.official-roster .slot-player { min-width:0; overflow-wrap:anywhere; }
.official-roster .roster-slot > strong { white-space:nowrap; font-size:13px; }
.official-roster .section-title { flex-wrap:wrap; }


/* Historical team identity stays distinct from current roster assignment. */
.last-season-line { display:flex; align-items:center; gap:10px; min-width:0; margin-top:10px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft,#eef5f8); color:var(--ink); }
.last-season-copy { display:grid; gap:4px; min-width:0; line-height:1.35; }
.last-season-copy > b { color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.last-season-copy > strong { font-size:13px; overflow-wrap:anywhere; }
.last-season-copy > span { display:flex; align-items:center; gap:7px; flex-wrap:wrap; font-size:11px; }
.last-season-line .team-logo-shell { flex:0 0 36px; width:36px; height:36px; padding:2px; background:#fff; border-radius:8px; }
.last-season-line .team-logo { width:32px; height:32px; object-fit:contain; }
.last-season-initials { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:8px; background:var(--line); color:var(--muted); font-size:11px; font-weight:800; }
.last-season-tier { display:inline-flex; padding:3px 7px; border-radius:5px; background:#d9eaf5; color:#17486b; font-size:10px; font-weight:900; letter-spacing:.04em; }
.last-season-tier.tier-ahl { background:#e4def7; color:#54327c; }
.last-season-tier.tier-echl { background:#d8eee5; color:#1d5b43; }
.last-season-tier.tier-chl { background:#f6e7c6; color:#795411; }
.last-season-tier.tier-ncaa { background:#f2dfe9; color:#843c64; }
.last-season-position,.last-season-unavailable { color:var(--muted); }
.last-season-filter { display:grid; gap:5px; min-width:0; }
.last-season-filter > span { color:var(--muted); font-size:10px; font-weight:800; }
html.dark-ui .last-season-line { background:#142a37; border-color:#2c4658; }

.target-filter-options > .last-season-filter { grid-area:history; margin-top:10px; }
.lg-bidding-toolbar { grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(140px,1fr)); }
@media (max-width:719px) {
  .last-season-filter select { min-height:44px; font-size:16px; }
  .lg-bidding-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lg-bidding-toolbar .directory-search { grid-column:1/-1; }
}