/* Pavilion density system v2
   A quieter, information-first layer built for thumb reach, glanceability and zero sideways browsing. */

:root {
  --max: 1240px;
  --compact-radius: 16px;
  --compact-gap: 12px;
}

/* Cricket Radar — dense, calm opportunity discovery without carousel UI */

.radar-page { min-height: 100vh; background: #07110e; }
.radar-hero { position: relative; min-height: 690px; padding: 142px 0 66px; overflow: hidden; background: radial-gradient(circle at 78% 44%, rgba(217,255,107,.11), transparent 29%), linear-gradient(135deg,#06100d 15%,#0d271f 100%); border-bottom: 1px solid var(--soft-line); }
.radar-hero:before { content:""; position:absolute; inset:0; opacity:.11; background-image:linear-gradient(rgba(217,255,107,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,107,.18) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,transparent 15%,#000 70%); }
.radar-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr); align-items:center; gap:8vw; }
.radar-hero-copy h1 { max-width:850px; margin:25px 0 24px; font:600 clamp(64px,8.4vw,124px)/.78 var(--serif); letter-spacing:-.068em; }
.radar-hero-copy h1 em { color:var(--acid); font-weight:500; }
.radar-hero-copy > p { max-width:670px; margin:0; color:#b8c4be; font-size:16px; line-height:1.7; }
.radar-hero-actions { display:flex; gap:10px; margin-top:28px; }
.radar-hero-actions button { border:0; cursor:pointer; }
.radar-hero-actions .ghost-action { background:rgba(255,255,255,.025); }
.radar-hero-actions b { min-width:20px; height:20px; padding:0 6px; display:grid; place-items:center; border-radius:99px; color:#17200f; background:var(--coral); font:800 9px var(--mono); }
.radar-proof { max-width:680px; display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:34px; padding-top:20px; border-top:1px solid var(--line); }
.radar-proof span { display:grid; grid-template-columns:auto 1fr; gap:2px 12px; }
.radar-proof span:before { content:"✓"; grid-row:1/3; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#142019; background:var(--acid); font-size:10px; font-weight:900; }
.radar-proof b,.radar-proof small { display:block; }
.radar-proof b { font-size:10px; }.radar-proof small { color:var(--mist); font-size:8px; }

.radar-visual { width:min(41vw,520px); aspect-ratio:1; position:relative; display:grid; place-items:center; justify-self:end; border-radius:50%; background:radial-gradient(circle,rgba(217,255,107,.10),transparent 59%); }
.radar-visual:after { content:""; position:absolute; inset:49.8% 5%; border-top:1px solid rgba(217,255,107,.2); }
.radar-ring { position:absolute; border:1px solid rgba(217,255,107,.22); border-radius:50%; }
.ring-one { inset:8%; }.ring-two { inset:24%; }.ring-three { inset:39%; }
.radar-ring:before,.radar-ring:after { content:""; position:absolute; left:50%; top:-4px; width:7px; height:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 8px rgba(217,255,107,.06); }
.radar-ring:after { left:auto; right:12%; top:auto; bottom:8%; width:5px; height:5px; background:var(--blue); }
.radar-sweep { position:absolute; inset:8%; border-radius:50%; overflow:hidden; animation:radar-spin 5s linear infinite; }
.radar-sweep:before { content:""; position:absolute; width:50%; height:50%; left:50%; top:0; transform-origin:left bottom; background:conic-gradient(from 90deg,rgba(217,255,107,.26),transparent 52%); border-bottom:1px solid var(--acid); }
@keyframes radar-spin { to { transform:rotate(360deg); } }
.radar-ball { z-index:2; width:86px; height:86px; display:grid; place-items:center; position:relative; border-radius:50%; color:#3b130c; background:radial-gradient(circle at 35% 28%,#ff967f,#e65039 64%,#8d261c); box-shadow:0 22px 50px rgba(0,0,0,.38),0 0 0 13px rgba(255,116,86,.08); }
.radar-ball i { position:absolute; inset:11px 34px; border-left:2px dashed rgba(72,15,8,.48); border-right:2px dashed rgba(72,15,8,.48); border-radius:50%; transform:rotate(-24deg); }
.radar-ball b { position:relative; font:900 25px var(--serif); }
.radar-visual > strong { position:absolute; right:3%; bottom:17%; color:var(--acid); font:500 9px/1.4 var(--mono); letter-spacing:.16em; }
.radar-blip { position:absolute; width:10px; height:10px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 7px rgba(217,255,107,.06),0 0 20px var(--acid); animation:radar-blip 2.2s ease-in-out infinite; }.radar-blip.b1{left:16%;top:31%}.radar-blip.b2{right:11%;top:41%;animation-delay:.7s}.radar-blip.b3{left:28%;bottom:13%;animation-delay:1.3s;background:var(--blue)}
@keyframes radar-blip { 50% { transform:scale(.62); opacity:.5; } }

.radar-shell { padding-top:36px; padding-bottom:100px; display:grid; grid-template-columns:270px minmax(0,1fr); gap:28px; align-items:start; }
.radar-filter-panel { position:sticky; top:98px; padding:20px; border:1px solid var(--line); border-radius:22px; background:#0a1a15; }
.radar-filter-panel > div:first-child { margin-bottom:20px; }.radar-filter-panel > div:first-child span,.radar-filter-panel > div:nth-child(4) > span { color:var(--acid); font:500 8px var(--mono); letter-spacing:.12em; }.radar-filter-panel h2 { margin:6px 0 0; font:600 29px/.95 var(--serif); }
.radar-filter-panel label { display:block; margin-bottom:13px; }.radar-filter-panel label > span { display:block; margin:0 0 6px; color:var(--mist); font-size:9px; font-weight:800; }.radar-filter-panel input { width:100%; min-width:0; height:43px; padding:0 12px; border:1px solid var(--line); border-radius:12px; outline:0; color:var(--chalk); background:rgba(255,255,255,.025); font-size:11px; }.radar-filter-panel input:focus { border-color:rgba(217,255,107,.6); }
.radar-type-list { display:grid; gap:4px; margin-top:8px; }.radar-type-list button { height:36px; padding:0 10px; border:0; border-radius:10px; color:var(--mist); background:transparent; display:flex; align-items:center; gap:9px; cursor:pointer; text-align:left; font-size:10px; font-weight:750; }.radar-type-list button i { width:7px; height:7px; border:1px solid currentColor; border-radius:50%; }.radar-type-list button.active { color:#142019; background:var(--acid); }.radar-type-list button.active i { border:2px solid #142019; box-shadow:inset 0 0 0 1px var(--acid); background:#142019; }
.radar-profile-note { margin-top:19px; padding:12px; display:grid; grid-template-columns:25px minmax(0,1fr); gap:9px; border-radius:14px; background:rgba(139,199,255,.09); }.radar-profile-note > span { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#142019; background:var(--blue); }.radar-profile-note strong,.radar-profile-note small { display:block; }.radar-profile-note strong { font-size:9px; }.radar-profile-note small { margin-top:2px; color:var(--mist); font-size:7px; line-height:1.4; }.radar-profile-note button { grid-column:2; width:max-content; padding:0; border:0; color:var(--blue); background:transparent; cursor:pointer; font-size:8px; font-weight:850; }
.radar-feed { min-width:0; }.radar-results-head { min-height:54px; display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }.radar-results-head span,.radar-results-head strong { display:block; }.radar-results-head span { color:var(--mist); font:500 8px var(--mono); text-transform:uppercase; }.radar-results-head strong { margin-top:3px; font-size:13px; }.radar-results-head button { border:0; color:var(--acid); background:transparent; cursor:pointer; font-size:9px; font-weight:800; }
.radar-call-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.radar-call-card { min-width:0; min-height:300px; padding:18px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:20px; background:#0a1b16; transition:transform .2s,border-color .2s,background .2s; }.radar-call-card:hover { transform:translateY(-3px); border-color:rgba(217,255,107,.4); background:#0c211a; }.radar-call-card.featured { grid-column:1/-1; min-height:260px; padding:23px; background:linear-gradient(120deg,#143b2e,#0b1f19); }.radar-card-top { display:flex; align-items:start; justify-content:space-between; }.radar-type { padding:6px 8px; border:1px solid rgba(217,255,107,.3); border-radius:99px; color:var(--acid); font:500 7px var(--mono); letter-spacing:.08em; }.radar-fit { width:49px; height:49px; display:grid; place-items:center; align-content:center; border-radius:50%; color:#142019; background:conic-gradient(var(--acid) 0 82%,rgba(255,255,255,.1) 0); box-shadow:inset 0 0 0 5px #0d251d; }.radar-fit b,.radar-fit small { display:block; line-height:1; }.radar-fit b { color:var(--chalk); font:600 15px var(--serif); }.radar-fit small { margin-top:2px; color:var(--mist); font-size:5px; text-transform:uppercase; }.radar-call-card h2 { max-width:650px; margin:23px 0 8px; font:600 31px/.94 var(--serif); letter-spacing:-.04em; }.radar-call-card.featured h2 { font-size:40px; }.radar-call-card > p { margin:0; color:var(--mist); font-size:10px; line-height:1.6; }.radar-facts { display:flex; flex-wrap:wrap; gap:7px 16px; margin:16px 0 12px; color:#c0cbc5; font:500 8px var(--mono); }.radar-facts span:before { content:"·"; margin-right:7px; color:var(--acid); }.radar-reasons { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:16px; }.radar-reasons span { padding:5px 7px; border-radius:7px; color:#bce3d1; background:rgba(70,159,121,.11); font-size:7px; font-weight:800; }.radar-reasons span.warning { color:#ffb09e; background:rgba(255,116,86,.1); }.radar-call-card footer { margin-top:auto; padding-top:13px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:11px; border-top:1px solid var(--soft-line); }.radar-call-card footer > span { min-width:0; color:var(--mist); font:500 7px var(--mono); text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.trust-dot { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--blue); }.radar-call-card footer > strong { color:var(--acid); font-size:8px; }.radar-call-card footer button,.radar-empty button { min-height:34px; padding:0 11px; border:0; border-radius:10px; color:#142019; background:var(--acid); cursor:pointer; font-size:8px; font-weight:850; }
.radar-empty { min-height:330px; display:grid; place-items:center; align-content:center; text-align:center; border:1px dashed var(--line); border-radius:22px; }.radar-empty > span { font-size:50px; color:var(--acid); }.radar-empty h2 { margin:6px 0; font:600 34px var(--serif); }.radar-empty p { max-width:470px; margin:0 0 18px; color:var(--mist); font-size:10px; }
.radar-network,.radar-live { margin-top:50px; }.radar-section-title { display:grid; grid-template-columns:1fr .8fr; gap:35px; align-items:end; margin-bottom:16px; }.radar-section-title span { color:var(--acid); font:500 8px var(--mono); letter-spacing:.12em; }.radar-section-title h2 { max-width:660px; margin:6px 0 0; font:600 36px/.95 var(--serif); }.radar-section-title p { margin:0; color:var(--mist); font-size:9px; }.radar-entity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.radar-entity-grid article { min-width:0; padding:12px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:16px; }.radar-entity-grid article > a { min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; flex:1; }.radar-entity-grid article > a > span { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; color:#142019; background:var(--acid); font:700 13px var(--serif); }.radar-entity-grid strong,.radar-entity-grid small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.radar-entity-grid strong { font-size:10px; }.radar-entity-grid small { margin-top:2px; color:var(--mist); font-size:7px; }.radar-entity-grid button { padding:6px 9px; border:1px solid var(--line); border-radius:9px; color:var(--chalk); background:transparent; cursor:pointer; font-size:7px; font-weight:800; }.radar-entity-grid button.following { color:#142019; border-color:var(--acid); background:var(--acid); }.radar-loading { min-height:420px; display:grid; place-items:center; align-content:center; gap:14px; color:var(--mist); }.radar-loading i { width:50px; height:50px; border:1px solid var(--line); border-top-color:var(--acid); border-radius:50%; animation:radar-spin 1s linear infinite; }

@media (max-width:980px) { .radar-hero-grid { grid-template-columns:1fr minmax(300px,.55fr); gap:25px; }.radar-visual { width:min(40vw,410px); }.radar-shell { grid-template-columns:220px minmax(0,1fr); gap:16px; }.radar-call-grid { grid-template-columns:1fr; }.radar-call-card.featured { grid-column:auto; }.radar-section-title { grid-template-columns:1fr; gap:8px; } }
@media (max-width:700px) { .radar-hero { min-height:0; padding:118px 0 45px; }.radar-hero-grid { grid-template-columns:1fr; }.radar-hero-copy h1 { font-size:clamp(57px,18vw,88px); }.radar-hero-copy > p { font-size:13px; }.radar-visual { width:min(88vw,390px); justify-self:center; order:-1; }.radar-hero-actions { align-items:stretch; }.radar-hero-actions button { flex:1; justify-content:center; }.radar-proof { grid-template-columns:1fr; gap:13px; }.radar-shell { display:block; padding:18px 15px 70px; }.radar-filter-panel { position:static; margin-bottom:18px; padding:14px; }.radar-filter-panel > div:first-child { display:none; }.radar-type-list { grid-template-columns:repeat(3,1fr); }.radar-type-list button { justify-content:center; padding:0 5px; }.radar-call-card,.radar-call-card.featured { min-height:0; padding:16px; }.radar-call-card.featured h2,.radar-call-card h2 { font-size:30px; }.radar-call-card footer { grid-template-columns:minmax(0,1fr) auto; }.radar-call-card footer > strong { display:none; }.radar-entity-grid { grid-template-columns:1fr; }.radar-section-title h2 { font-size:31px; }.radar-network,.radar-live { margin-top:38px; } }

@media (prefers-reduced-motion:reduce) { .radar-sweep,.radar-blip,.radar-loading i { animation:none; } .radar-call-card { transition:none; } }

/* Account, support and field guide — a compact scorebox-inspired service desk. */
.account-product,.help-product,.support-product{min-height:100vh;color:#102019;background:#eee9de}.account-hero,.help-hero{padding:132px 0 52px;color:#f5f3eb;background:radial-gradient(circle at 78% 20%,rgba(217,255,107,.12),transparent 28%),linear-gradient(125deg,#06110d,#12372a)}
.account-hero-grid,.help-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:8vw;align-items:end}.account-hero .back-link,.help-hero .back-link,.support-shell>.back-link{display:block;width:max-content;margin-bottom:30px;color:#9bb0a5;font-size:9px;font-weight:800}.account-hero h1,.help-hero h1,.support-shell h1{margin:12px 0 16px;font:600 clamp(54px,7vw,88px)/.84 var(--serif);letter-spacing:-.06em}.account-hero h1 em,.help-hero h1 em,.support-shell h1 em{color:var(--acid);font-weight:500}.account-hero p,.help-hero p,.support-shell header>p{max-width:620px;margin:0;color:#a8b8b0;font-size:12px;line-height:1.65}
.account-ticket,.help-scorebox{min-height:245px;padding:22px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.045);box-shadow:0 30px 70px rgba(0,0,0,.2)}.account-ticket>span,.help-scorebox>span{color:var(--acid);font:700 8px var(--mono);letter-spacing:.14em}.account-ticket>strong,.help-scorebox>strong{margin:auto 0 0;font:600 58px/.8 var(--serif);letter-spacing:-.06em}.account-ticket>small,.help-scorebox>small{margin-top:10px;color:#9bad9f;font-size:8px}.account-ticket>div{margin-top:25px;padding-top:14px;display:flex;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.1);color:#c2cec7;font-size:8px}.account-ticket i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 6px rgba(217,255,107,.07)}
.account-body,.help-body{padding-top:34px;padding-bottom:90px}.account-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;align-items:start}.account-layout>section,.account-layout>aside{padding:22px;border:1px solid rgba(16,32,25,.12);border-radius:24px;background:#f8f5ed}.account-section-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center}.account-section-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#173126;background:var(--acid);font:800 9px var(--mono)}.account-section-head small{color:#617168;font:700 7px var(--mono);letter-spacing:.12em}.account-section-head h2{margin:4px 0 0;font:600 25px/.95 var(--serif);letter-spacing:-.035em}.account-section-head>button{border:0;color:#1d5c44;background:transparent;cursor:pointer;font-size:8px;font-weight:850}.account-intro{margin:18px 0;color:#69766f;font-size:9px;line-height:1.6}.account-device-list,.support-case-list{border-top:1px solid rgba(16,32,25,.1)}.account-device,.support-case{min-height:68px;padding:11px 0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid rgba(16,32,25,.1)}.account-device>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#f4f3ed;background:#102019}.account-device strong,.account-device small,.support-case strong,.support-case small{display:block}.account-device strong,.support-case strong{font-size:10px}.account-device small,.support-case small{margin-top:3px;color:#758078;font-size:7px}.account-device button{padding:7px 9px;border:1px solid rgba(173,50,37,.25);border-radius:8px;color:#a83b31;background:transparent;cursor:pointer;font-size:7px;font-weight:850}.account-device button:disabled{opacity:.45}.account-safety{margin-top:16px;padding:14px;display:grid;grid-template-columns:28px 1fr;gap:10px;border-radius:15px;background:#e6f0db}.account-safety>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#173126;background:var(--acid);font-size:9px;font-weight:900}.account-safety strong{font-size:9px}.account-safety p{margin:3px 0 0;color:#5e6d63;font-size:7px;line-height:1.5}.account-primary{width:100%;min-height:43px;padding:0 14px;border:0;border-radius:12px;color:#122219;background:#d7ff6b;cursor:pointer;font-size:9px;font-weight:900}.account-primary:disabled{opacity:.55}.support-case{grid-template-columns:68px minmax(0,1fr) auto}.support-case>span{padding:5px 6px;border-radius:7px;color:#1e654b;background:#deefd8;font:700 6px var(--mono);text-align:center}.support-case>span.needs_info{color:#8a3c2d;background:#f7ddd3}.support-case code{color:#77827b;font:600 7px var(--mono)}.account-help-link{margin-top:16px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-radius:15px;color:#f5f3eb;background:#102019}.account-help-link>span{grid-column:1;color:var(--acid);font:700 7px var(--mono)}.account-help-link>strong{grid-column:1;font:600 15px var(--serif)}.account-help-link>i{grid-column:2;grid-row:1/3;align-self:center;color:var(--acid);font-style:normal}.account-empty,.account-loading{min-height:110px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;color:#758078}.account-empty strong{color:#25382f;font-size:9px}.account-empty span,.account-loading{font-size:7px}.account-empty.compact{min-height:95px}.account-loading i{width:25px;height:25px;border:2px solid #d7ddd4;border-top-color:#1d6047;border-radius:50%;animation:radar-spin .9s linear infinite}.account-error{margin-bottom:14px;padding:13px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:14px;color:#772f26;background:#f7d9d1}.account-error strong,.account-error span{display:block}.account-error strong{font-size:9px}.account-error span{margin-top:3px;font-size:7px}.account-error button{border:0;background:transparent;color:inherit;font-size:8px;font-weight:900;cursor:pointer}
.help-search{max-width:540px;height:52px;margin-top:26px;padding:0 14px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.06)}.help-search>span{color:var(--acid);font-size:20px}.help-search input{min-width:0;border:0;outline:0;color:#f5f3eb;background:transparent;font-size:10px}.help-search input::placeholder{color:#879b91}.help-search kbd{padding:5px 7px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#90a198;background:rgba(255,255,255,.03);font:600 7px var(--mono)}.help-scorebox>div{margin-top:27px;display:flex;gap:5px}.help-scorebox i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#d9e4dd;background:rgba(255,255,255,.08);font:700 7px var(--mono);font-style:normal}.help-scorebox i:nth-child(4){color:#fff;background:#d84e3a}.help-rescue{margin-top:-55px;margin-bottom:45px;padding:11px;position:relative;display:grid;grid-template-columns:150px repeat(3,1fr);gap:8px;border-radius:20px;background:#f8f5ed;box-shadow:0 20px 60px rgba(13,36,27,.13)}.help-rescue>span{padding:14px;color:#66756d;font:700 7px var(--mono);letter-spacing:.1em}.help-rescue>a{min-width:0;padding:12px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:9px;align-items:center;border-radius:13px;color:#183126;background:#ebe7dc}.help-rescue>a>b{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#173126;background:var(--acid);font:800 8px var(--mono)}.help-rescue strong,.help-rescue small{display:block}.help-rescue strong{font-size:8px}.help-rescue small{margin-top:3px;color:#718078;font-size:6px}.help-rescue>a>i{font-style:normal}.help-heading{display:grid;grid-template-columns:1fr .65fr;gap:30px;align-items:end;margin-bottom:18px}.help-heading h2{margin:6px 0 0;font:600 36px/.95 var(--serif);letter-spacing:-.04em}.help-heading p{margin:0;color:#68776f;font-size:9px;line-height:1.6}.help-list{border-top:1px solid rgba(16,32,25,.15)}.help-card{border-bottom:1px solid rgba(16,32,25,.15)}.help-card summary{min-height:82px;padding:12px 4px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;cursor:pointer;list-style:none}.help-card summary::-webkit-details-marker{display:none}.help-card summary>span{font:600 19px var(--serif);color:#79857e}.help-card summary small,.help-card summary strong{display:block}.help-card summary small{color:#39705a;font:700 7px var(--mono);letter-spacing:.11em}.help-card summary strong{margin-top:5px;font:600 18px var(--serif)}.help-card summary>i{font-size:17px;font-style:normal;transition:transform .2s}.help-card[open] summary>i{transform:rotate(45deg)}.help-answer{padding:0 48px 22px 62px}.help-answer p{max-width:750px;margin:0 0 14px;color:#5f6e66;font-size:10px;line-height:1.75}.help-answer a{color:#175d43;font-size:8px;font-weight:900}.help-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:7px;color:#68776f}.help-empty strong{color:#183126;font:600 25px var(--serif)}.help-empty span{font-size:8px}.help-empty button{margin-top:8px;border:0;color:#185b43;background:transparent;font-size:8px;font-weight:900;cursor:pointer}
.support-product{padding:130px 20px 90px;background:radial-gradient(circle at 85% 8%,rgba(217,255,107,.1),transparent 25%),#07140f}.support-shell{width:min(940px,100%);margin:auto;color:#f4f3ed}.support-shell header{max-width:720px}.support-form{margin-top:36px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.045)}.support-form label>span{display:block;margin-bottom:7px;color:#9baca3;font:700 7px var(--mono);letter-spacing:.09em}.support-form input,.support-form select,.support-form textarea{width:100%;min-width:0;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;outline:0;color:#f4f3ed;background:#0c2018;font:500 10px var(--sans)}.support-form input,.support-form select{height:45px}.support-form textarea{padding-top:12px;resize:vertical;line-height:1.55}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:var(--acid)}.support-form label>small{display:block;margin-top:6px;color:#74877d;font:600 7px var(--mono);text-align:right}.support-form .wide{grid-column:1/-1}.support-consent{padding:13px;display:flex;gap:11px;align-items:center;border-radius:13px;background:rgba(255,255,255,.04)}.support-consent input{width:18px;height:18px;accent-color:var(--acid)}.support-consent span{margin:0!important}.support-consent strong,.support-consent small{display:block}.support-consent strong{color:#f4f3ed;font-size:9px}.support-consent small{margin-top:3px;color:#84978d;font-size:7px}.support-status{min-height:16px;color:#a8baaf;font-size:8px}.support-form .account-primary{color:#13251b}
@media(max-width:800px){.account-hero-grid,.help-hero-grid{grid-template-columns:1fr}.account-ticket,.help-scorebox{display:none}.account-layout{grid-template-columns:1fr}.help-rescue{grid-template-columns:1fr;margin-top:-30px}.help-rescue>span{display:none}.help-heading{grid-template-columns:1fr}.support-form{grid-template-columns:1fr}.support-form label{grid-column:1}.account-hero,.help-hero{padding:112px 0 54px}.account-hero h1,.help-hero h1,.support-shell h1{font-size:56px}}
@media(max-width:520px){.account-layout>section,.account-layout>aside,.support-form{padding:16px}.account-section-head{grid-template-columns:34px minmax(0,1fr)}.account-section-head>button{grid-column:2;justify-self:start}.support-case{grid-template-columns:58px minmax(0,1fr)}.support-case code{display:none}.help-answer{padding-left:0;padding-right:0}.help-card summary{grid-template-columns:32px minmax(0,1fr) auto}.help-search kbd{display:none}.help-search{grid-template-columns:auto 1fr}}

/* Clubroom conversation — compact threaded cricket discussion, one reply level. */
.club-conversation>h2{margin-bottom:7px}.club-conversation>p{color:var(--mist);line-height:1.6}.club-comment-thread{max-height:48vh;margin:20px 0;display:grid;gap:8px;overflow:auto;overscroll-behavior:contain}.club-comment{padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}.club-comment.reply{margin-left:30px;border-left:2px solid var(--acid)}.club-comment header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center}.club-comment header>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#142019;background:var(--acid);font:800 8px var(--mono)}.club-comment strong,.club-comment small{display:block}.club-comment strong{font-size:9px}.club-comment small{margin-top:2px;color:var(--mist);font-size:7px}.club-comment em{color:var(--coral);font:700 6px var(--mono);font-style:normal}.club-comment>p{margin:9px 0;color:#c3cec8;font-size:9px;line-height:1.55}.club-comment.hidden>p,.club-comment.deleted>p{color:#829087;font-style:italic}.club-comment footer{display:flex;gap:10px}.club-comment footer button{padding:0;border:0;color:var(--blue);background:transparent;cursor:pointer;font-size:7px;font-weight:850}.club-comment footer button.danger{color:var(--coral)}.club-comment-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;border:1px dashed var(--line);border-radius:16px}.club-comment-empty>span{color:var(--acid);font-size:25px}.club-comment-empty strong{font:600 20px var(--serif)}.club-comment-empty p{max-width:410px;margin:0;color:var(--mist);font-size:8px}.club-comment-form{padding:14px;border-radius:16px;background:rgba(255,255,255,.045)}.club-comment-form label>span{display:block;margin-bottom:7px;color:var(--acid);font:700 7px var(--mono);letter-spacing:.09em}.club-comment-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--chalk);background:#0b1b16;font:500 9px/1.5 var(--sans);resize:vertical}.club-comment-form textarea:focus{border-color:var(--acid)}.club-comment-form label>small{display:block;margin:5px 0 8px;color:var(--mist);font:600 7px var(--mono);text-align:right}.club-comment-replying{margin-bottom:9px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;color:var(--acid);background:rgba(217,255,107,.08);font-size:7px;font-weight:800}.club-comment-replying button{border:0;color:inherit;background:transparent;cursor:pointer}.comment-report-quote{padding:12px;border-left:3px solid var(--coral);color:#c7d2cc!important;background:rgba(255,255,255,.035)}.clubroom-moderation.comments{border-color:rgba(139,199,255,.22)}
@media(max-width:560px){.club-comment-thread{max-height:none}.club-comment.reply{margin-left:18px}.club-comment-form{padding:11px}}

/* Tournament Control — one checked version from entry desk to public page */

.competition-command-head {
  align-items: flex-end;
  gap: 28px;
  margin: 4px 0 18px;
}

.competition-command-head h2 {
  margin-top: 7px;
  font: 600 clamp(31px, 4vw, 48px)/.94 var(--serif);
  letter-spacing: -.045em;
}

.competition-command-head p {
  max-width: 570px;
}

.competition-command-list {
  border: 1px solid var(--line);
  border-radius: 21px;
  overflow: hidden;
  background: #0b1b16;
}

.competition-command-row {
  min-height: 84px;
  padding: 13px 16px;
  display: grid;
  grid-template-columns: 48px minmax(180px, 1fr) 80px 100px 112px;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid var(--soft-line);
  transition: background .2s, padding .2s;
}

.competition-command-row:last-child { border-bottom: 0; }
.competition-command-row:hover { padding-left: 21px; background: rgba(255,255,255,.035); }
.competition-command-mark { width: 44px; height: 50px; display: grid; place-items: center; border-radius: 14px 14px 18px 18px; color: #122416; background: var(--acid); font: 800 18px var(--serif); transform: rotate(-3deg); }
.competition-command-row > span:nth-child(2) strong,.competition-command-row > span:nth-child(2) small { display: block; }
.competition-command-row > span:nth-child(2) strong { font-size: 12px; }
.competition-command-row > span:nth-child(2) small { margin-top: 4px; color: var(--mist); font-size: 8px; }
.competition-command-score b { display: block; font: 600 24px var(--serif); }
.competition-command-score small { color: var(--mist); font: 500 7px var(--mono); text-transform: uppercase; }
.competition-command-state { color: var(--acid); font: 700 7px var(--mono); letter-spacing: .08em; }
.competition-command-state i { display: inline-block; width: 5px; height: 5px; margin-left: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(217,255,107,.06); }
.competition-command-row em { color: var(--mist); font-size: 9px; font-style: normal; font-weight: 750; text-align: right; }

.competition-command-proof {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 34px 1fr 34px 1fr;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  color: #13231c;
  background: #ede7da;
}

.competition-command-proof > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #173126; background: var(--acid); font: 700 8px var(--mono); }
.competition-command-proof strong { display: block; font-size: 10px; }
.competition-command-proof p { margin: 3px 0 0; color: #657069; font-size: 8px; line-height: 1.5; }

body.tournament-control-mode {
  background: #06110d;
  color: #eff3ec;
}

.tournament-control-mode .site-header,
.tournament-control-mode .site-footer,
.tournament-control-mode .noise { display: none; }

.tournament-control-product {
  min-height: 100vh;
  padding-bottom: 50px;
  background:
    radial-gradient(circle at 68% -20%, rgba(32,127,92,.28), transparent 38%),
    linear-gradient(180deg,#07150f 0 340px,#e9e5da 340px 100%);
}

.tournament-control-top {
  width: min(1440px, calc(100% - 32px));
  min-height: 62px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.tournament-control-top > a { color: #9aaba2; font-size: 9px; font-weight: 800; }
.tournament-control-top > div:nth-child(2) { text-align: center; }
.tournament-control-top > div:nth-child(2) span { display: block; color: #7f948a; font: 600 7px var(--mono); letter-spacing: .1em; }
.tournament-control-top > div:nth-child(2) strong { display: block; margin-top: 3px; font: 600 16px var(--serif); }
.tournament-cloud-state { justify-self: end; color: #98a9a0; font: 600 7px var(--mono); text-transform: uppercase; }
.tournament-cloud-state i { width: 6px; height: 6px; display: inline-block; margin-right: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 5px rgba(217,255,107,.07); }

.tournament-command-hero {
  width: min(1320px, calc(100% - 40px));
  min-height: 260px;
  margin: 0 auto;
  padding: 34px 0 40px;
  display: grid;
  grid-template-columns: minmax(0,1.35fr) 170px minmax(230px,.65fr);
  align-items: center;
  gap: 40px;
}

.tournament-kicker { display: inline-flex; padding: 5px 8px; border: 1px solid rgba(217,255,107,.35); border-radius: 99px; color: var(--acid); font: 700 7px var(--mono); letter-spacing: .09em; }
.tournament-command-copy h1 { margin: 13px 0 8px; font: 600 clamp(45px,6vw,72px)/.86 var(--serif); letter-spacing: -.055em; }
.tournament-command-copy > p { max-width: 590px; margin: 0; color: #94a69c; font-size: 11px; }
.tournament-command-metrics { display: flex; gap: 22px; margin-top: 20px; }
.tournament-command-metrics span { color: #8fa198; font: 600 8px var(--mono); text-transform: uppercase; }
.tournament-command-metrics b { margin-right: 4px; color: #f2f3ed; font-size: 13px; }

.tournament-readiness-ring {
  --ring-color: var(--acid);
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  position: relative;
  border-radius: 50%;
  background: conic-gradient(var(--ring-color) var(--ready),rgba(255,255,255,.09) 0);
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
  animation: tournament-ring-in .8s cubic-bezier(.2,.8,.2,1) both;
}

.tournament-readiness-ring.has-blockers { --ring-color: var(--coral); }
.tournament-readiness-ring::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #0a1b14; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.tournament-readiness-ring > div { position: relative; text-align: center; }
.tournament-readiness-ring strong { display: block; font: 600 48px/.8 var(--serif); letter-spacing: -.06em; }
.tournament-readiness-ring span { display: block; margin-top: 9px; color: #82958b; font: 700 7px var(--mono); letter-spacing: .16em; }
@keyframes tournament-ring-in { from { opacity: 0; transform: scale(.75) rotate(-18deg); } }

.tournament-next-action {
  min-height: 134px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
}

.tournament-next-action > span { color: #83968c; font: 700 7px var(--mono); letter-spacing: .1em; }
.tournament-next-action strong { margin: 12px 0 auto; font: 600 22px/1 var(--serif); }
.tournament-next-action button { width: max-content; padding: 0; border: 0; color: var(--acid); background: transparent; font-size: 9px; font-weight: 800; cursor: pointer; }

.tournament-control-layout {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 170px minmax(0,1fr);
  gap: 12px;
  align-items: start;
}

.tournament-control-nav {
  padding: 7px;
  position: sticky;
  top: 12px;
  border: 1px solid rgba(19,36,29,.1);
  border-radius: 17px;
  background: #f4f0e7;
  box-shadow: 0 15px 55px rgba(17,31,25,.09);
}

.tournament-control-nav button {
  width: 100%;
  min-height: 66px;
  padding: 10px;
  display: grid;
  grid-template-columns: 27px 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  text-align: left;
  border: 0;
  border-radius: 12px;
  color: #68766e;
  background: transparent;
  cursor: pointer;
}

.tournament-control-nav button span { grid-row: 1/3; color: #9ca69f; font: 600 7px var(--mono); }
.tournament-control-nav button strong { font-size: 10px; }
.tournament-control-nav button small { margin-top: 2px; color: #9aa39d; font-size: 7px; }
.tournament-control-nav button.active { color: #f2f2e9; background: #0b2b20; box-shadow: 0 8px 22px rgba(11,43,32,.18); }
.tournament-control-nav button.active span,.tournament-control-nav button.active small { color: #9db0a6; }

.tournament-control-main {
  min-width: 0;
  color: #14231d;
}

.tournament-control-panel {
  display: none;
  padding: 24px;
  border: 1px solid rgba(19,36,29,.1);
  border-radius: 22px;
  background: #f4f0e7;
  box-shadow: 0 18px 65px rgba(17,31,25,.1);
  animation: tournament-panel-in .34s cubic-bezier(.2,.8,.2,1) both;
}

.tournament-control-panel.active { display: block; }
@keyframes tournament-panel-in { from { opacity: 0; transform: translateY(10px); } }
.tournament-panel-lead { display: grid; grid-template-columns: 1fr 340px; gap: 30px; align-items: end; padding-bottom: 20px; border-bottom: 1px solid #d9d8d0; }
.tournament-panel-lead > div { display: flex; gap: 13px; align-items: flex-start; }
.panel-number { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #102c21; background: var(--acid); font: 700 8px var(--mono); transform: rotate(-3deg); }
.tournament-panel-lead p { margin: 0; color: #758078; font-size: 9px; line-height: 1.55; }
.tournament-panel-lead > div p { color: #3a725e; font: 700 7px var(--mono); letter-spacing: .11em; }
.tournament-panel-lead h2 { max-width: 640px; margin: 5px 0 0; font: 600 clamp(30px,4vw,43px)/.92 var(--serif); letter-spacing: -.045em; }

.tournament-action-rail {
  margin: 13px 0 20px;
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 8px;
}

.tournament-action-rail > button,
.tournament-subhead button,
.entry-metric-rail > button,
.crew-command-top > button {
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid #cfd3cd;
  border-radius: 12px;
  color: #183329;
  background: #fffdf8;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.tournament-action-rail > button.primary { color: #f4f3eb; background: #103c2d; border-color: #103c2d; }
.tournament-action-rail > button span { margin-right: 6px; color: var(--acid); }
.publish-switch { min-height: 52px; padding: 7px 10px 7px 13px; display: flex; align-items: center; justify-content: flex-end; gap: 13px; border-radius: 14px; background: #e7e3d9; cursor: pointer; }
.publish-switch > span { margin-left: auto; text-align: right; }
.publish-switch b,.publish-switch small { display: block; }
.publish-switch b { font-size: 9px; }
.publish-switch small { margin-top: 2px; color: #7a857d; font-size: 7px; }
.publish-switch input { position: absolute; opacity: 0; pointer-events: none; }
.publish-switch i { width: 40px; height: 24px; padding: 3px; border-radius: 99px; background: #aeb5af; transition: .2s; }
.publish-switch i::after { content: ""; width: 18px; height: 18px; display: block; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.16); transition: .2s; }
.publish-switch input:checked + i { background: #0d6a4b; }
.publish-switch input:checked + i::after { transform: translateX(16px); }
.publish-switch input:disabled + i { opacity: .45; }

.tournament-subhead { margin: 18px 0 9px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.tournament-subhead span { color: #6f7d74; font: 700 7px var(--mono); letter-spacing: .11em; }
.tournament-subhead h3 { margin: 4px 0 0; font: 600 20px var(--serif); }
.tournament-subhead > small { color: #7d8981; font-size: 8px; }

.tournament-conflict {
  width: 100%;
  min-height: 58px;
  margin-bottom: 6px;
  padding: 9px 11px;
  display: grid;
  grid-template-columns: 31px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  text-align: left;
  border: 1px solid #d8d7ce;
  border-radius: 13px;
  color: #1b2b24;
  background: #fffdf8;
  cursor: pointer;
  transition: transform .18s, border-color .18s;
}

.tournament-conflict:hover { transform: translateX(3px); }
.tournament-conflict > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 10px; color: #5f3600; background: #ffd98f; font: 800 11px var(--mono); }
.tournament-conflict.blocking > span { color: #631b0d; background: #ffc0ae; }
.tournament-conflict strong,.tournament-conflict small { display: block; }
.tournament-conflict strong { font-size: 9px; }
.tournament-conflict small { margin-top: 2px; color: #829087; font-size: 7px; }
.tournament-conflict em { color: #997044; font: 700 6px var(--mono); font-style: normal; }
.tournament-conflict.blocking em { color: #b3452c; }
.tournament-clear-state { min-height: 68px; padding: 12px; display: flex; align-items: center; gap: 11px; border: 1px solid #bdd8c9; border-radius: 14px; background: #e6f3eb; }
.tournament-clear-state > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0d704e; }
.tournament-clear-state strong { font-size: 9px; }
.tournament-clear-state p { margin: 2px 0 0; color: #64756b; font-size: 8px; }

.run-sheet-board { margin-top: 23px; }
.run-sheet-row {
  width: 100%;
  min-height: 92px;
  padding: 0 13px;
  display: grid;
  grid-template-columns: 78px 25px minmax(0,1fr) 64px 66px;
  align-items: stretch;
  gap: 6px;
  text-align: left;
  border: 0;
  border-top: 1px solid #d8d8d0;
  color: #182821;
  background: transparent;
  cursor: grab;
}

.run-sheet-row:last-child { border-bottom: 1px solid #d8d8d0; }
.run-sheet-row:hover { background: rgba(255,255,255,.56); }
.run-sheet-row.dragging { opacity: .42; }
.run-sheet-row.drag-target { outline: 2px solid #17654a; outline-offset: -2px; background: #e0ede6; }
.run-sheet-row.order-locked { cursor: default; }
.run-time { align-self: center; }
.run-time strong,.run-time small { display: block; }
.run-time strong { font: 700 18px var(--mono); letter-spacing: -.05em; }
.run-time small { margin-top: 3px; color: #829087; font-size: 7px; }
.run-line { position: relative; }
.run-line i { position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid #bdc7c0; }
.run-line i::after { content: ""; position: absolute; top: 39px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: #0b6346; box-shadow: 0 0 0 5px #dcebe3; }
.run-sheet-row.needs-action .run-line i::after { background: #e45e43; box-shadow: 0 0 0 5px #f8d9d1; }
.run-fixture { align-self: center; min-width: 0; }
.run-fixture > small { display: block; color: #748078; font-size: 7px; }
.run-fixture > strong { margin: 7px 0; display: flex; align-items: center; gap: 7px; font: 600 15px var(--serif); }
.run-fixture > strong em { color: #9aa39d; font: 500 8px var(--mono); font-style: normal; }
.run-coverage { display: flex; gap: 4px; }
.run-coverage i { padding: 3px 5px; border-radius: 99px; color: #a44430; background: #f8d8d0; font: 700 6px var(--mono); font-style: normal; }
.run-coverage i.good { color: #28624c; background: #dbece3; }
.run-coverage i.locked { color: #5e6472; background: #e3e3e7; }
.run-state { align-self: center; justify-self: end; min-height: 34px; padding: 0 7px; border: 0; border-radius: 8px; color: #42715f; background: transparent; font: 700 7px var(--mono); cursor: pointer; }
.run-state:hover,.run-state:focus-visible { background: #e1ebe5; outline: 2px solid #17654a; outline-offset: 1px; }
.run-state.blocking { color: #c44930; }
.run-state-actions { align-self: center; justify-self: stretch; display: grid; gap: 3px; }
.run-state-actions .run-state { width: 100%; min-height: 27px; justify-self: stretch; }
.run-state-actions .run-state.score { color: #fff; background: #075b41; }
.run-state-actions .run-state:disabled { opacity: .36; cursor: not-allowed; }
.run-order-actions { align-self: center; justify-self: end; display: grid; grid-template-columns: 25px 25px; gap: 3px; }
.run-order-actions button { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid #cad0ca; border-radius: 7px; color: #315f4e; background: #fffef9; font-size: 11px; font-weight: 900; cursor: pointer; }
.run-order-actions button:hover,.run-order-actions button:focus-visible { color: #fff; border-color: #17654a; background: #17654a; outline: 2px solid #7aae97; outline-offset: 1px; }
.run-order-actions button:disabled { opacity: .35; cursor: not-allowed; }
.run-order-actions i { grid-column: 1/-1; color: #8a958f; text-align: center; font-size: 12px; font-style: normal; line-height: 11px; }

.tournament-empty {
  min-height: 130px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px dashed #c7ccc7;
  border-radius: 16px;
  color: #21342c;
  background: rgba(255,255,255,.35);
}

.tournament-empty.compact { min-height: 110px; }
.tournament-empty strong { font: 600 20px var(--serif); }
.tournament-empty p { max-width: 440px; margin: 5px 0; color: #77827b; font-size: 8px; }
.tournament-empty button { border: 0; color: #156148; background: transparent; font-size: 8px; font-weight: 800; cursor: pointer; }

.entry-metric-rail,.crew-command-top {
  margin: 14px 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr)) auto;
  gap: 7px;
}

.entry-metric-rail > div,.crew-command-top > div { min-height: 82px; padding: 12px; position: relative; overflow: hidden; border: 1px solid #d8d8d0; border-radius: 14px; background: #fffdf8; }
.entry-metric-rail span,.crew-command-top span { display: block; color: #7b877f; font: 700 6px var(--mono); letter-spacing: .1em; }
.entry-metric-rail strong,.crew-command-top strong { display: block; margin-top: 10px; font: 600 29px/.8 var(--serif); }
.entry-metric-rail strong small { font-size: 13px; }
.entry-metric-rail > div > small { display: block; margin-top: 8px; color: #8a958e; font-size: 7px; }
.entry-metric-rail > div > i { height: 3px; position: absolute; left: 12px; right: 12px; bottom: 10px; border-radius: 8px; background: linear-gradient(90deg,#0a6d4c var(--fill),#e4e6e1 var(--fill)); }
.entry-metric-rail > button,.crew-command-top > button { min-width: 130px; color: #f5f4ec; background: #0e3a2b; border-color: #0e3a2b; }

.entry-command-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.entry-command-card { padding: 13px; border: 1px solid #d8d8d0; border-radius: 16px; background: #fffdf8; }
.entry-command-card.pending { border-top: 3px solid #e3a34d; }
.entry-command-card.waitlisted { border-top: 3px solid #6f9ed0; }
.entry-command-card.approved { border-top: 3px solid #2c8765; }
.entry-command-head { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 9px; }
.entry-team-mark { width: 38px; height: 42px; display: grid; place-items: center; border-radius: 12px 12px 15px 15px; color: #183329; background: #d9ff6b; font: 700 10px var(--mono); }
.entry-command-head strong,.entry-command-head small { display: block; }
.entry-command-head strong { font-size: 10px; }
.entry-command-head small { margin-top: 2px; color: #849087; font-size: 7px; }
.entry-status { padding: 4px 6px; border-radius: 99px; color: #73501a; background: #f6e4be; font: 700 6px var(--mono); }
.entry-command-card.approved .entry-status { color: #24624a; background: #dcece3; }
.entry-command-card.waitlisted .entry-status { color: #315d84; background: #deebf6; }
.entry-command-card > p { min-height: 24px; margin: 10px 0; color: #6e7972; font-size: 8px; }
.entry-private { padding: 8px; border-radius: 10px; background: #eeece5; }
.entry-private span,.entry-private strong { display: block; }
.entry-private span { color: #818b84; font: 700 6px var(--mono); letter-spacing: .08em; }
.entry-private strong { margin-top: 3px; font-size: 7px; }
.entry-actions { min-height: 32px; margin-top: 9px; display: flex; align-items: center; gap: 5px; }
.entry-actions button { min-height: 29px; padding: 0 8px; border: 1px solid #cfd3cd; border-radius: 9px; color: #264337; background: transparent; font-size: 7px; font-weight: 800; cursor: pointer; }
.entry-actions button.primary,.entry-actions button.checked { color: #f7f7ef; background: #0f6548; border-color: #0f6548; }
.entry-actions button.danger { margin-left: auto; color: #b34731; }

.fee-command-rail { margin: 0 0 14px; padding: 13px; display: grid; grid-template-columns: minmax(220px,1.4fr) repeat(3,minmax(100px,.7fr)); gap: 7px; border: 1px solid #cfd5cc; border-radius: 16px; background: #eef0e8; }
.fee-command-rail header { padding: 4px 8px; }
.fee-command-rail header span,.fee-command-rail > div span { display: block; color: #527063; font: 700 6px var(--mono); letter-spacing: .1em; }
.fee-command-rail header strong { display: block; margin-top: 4px; font: 600 15px var(--serif); }
.fee-command-rail header small { display: block; margin-top: 3px; color: #7d8981; font-size: 7px; }
.fee-command-rail > div { min-height: 61px; padding: 10px; border: 1px solid #d4d8d1; border-radius: 11px; background: #fffdf8; }
.fee-command-rail > div b { display: block; margin-top: 9px; font: 650 16px var(--mono); letter-spacing: -.05em; }
.fee-command-rail > div.due b { color: #a4432e; }
.fee-command-rail > div.settled b { color: #17654a; }
.entry-fee-signal { width: 100%; min-height: 43px; margin-top: 9px; padding: 7px 9px; display: flex; align-items: center; justify-content: space-between; gap: 10px; text-align: left; border: 1px solid #d6d9d3; border-radius: 10px; color: #263a31; background: #f3f2ec; cursor: pointer; }
.entry-fee-signal > span { display: grid; grid-template-columns: 7px 1fr; align-items: center; column-gap: 7px; }
.entry-fee-signal i { width: 7px; height: 7px; grid-row: 1/3; border-radius: 50%; background: #87928b; }
.entry-fee-signal b { font: 750 7px var(--mono); letter-spacing: .06em; }
.entry-fee-signal small { color: #7a867f; font-size: 7px; }
.entry-fee-signal em { color: #356d58; font-size: 7px; font-style: normal; font-weight: 800; white-space: nowrap; }
.entry-fee-signal.settled i { background: #1e845e; }.entry-fee-signal.partial i { background: #d09339; }.entry-fee-signal.due i { background: #be4d34; }

.fee-ledger-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.fee-ledger-head span { color: #17654a; font: 700 7px var(--mono); letter-spacing: .11em; }
.fee-ledger-head h2 { margin: 5px 0 0; }
.fee-ledger-head em { padding: 6px 9px; border-radius: 99px; color: #596960; background: #e6e8e2; font: 750 7px var(--mono); font-style: normal; }
.fee-ledger-head em.settled { color: #17654a; background: #dcece3; }.fee-ledger-head em.partial { color: #8a5b15; background: #f4e5bf; }.fee-ledger-head em.due { color: #9a3e29; background: #f2dcd4; }
.fee-ledger-totals { margin-top: 18px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
.fee-ledger-totals > div { padding: 10px; border: 1px solid #d3d7d0; border-radius: 11px; background: #fffef9; }
.fee-ledger-totals span { display: block; color: #78857d; font: 700 6px var(--mono); letter-spacing: .08em; }
.fee-ledger-totals b { display: block; margin-top: 7px; font: 650 15px var(--mono); letter-spacing: -.05em; }.fee-ledger-totals .due b { color: #a4432e; }.fee-ledger-totals .settled b { color: #17654a; }
.fee-ledger-rule { margin: 9px 0 18px; padding: 11px; display: flex; align-items: center; gap: 12px; border-left: 3px solid #d09339; color: #66583c; background: #f5ebd5; }
.fee-ledger-rule b { font: 750 6px var(--mono); white-space: nowrap; }.fee-ledger-rule span { font-size: 7px; line-height: 1.45; }
.fee-ledger-history h3,.fee-review h3 { margin: 0 0 9px; font: 600 18px var(--serif); }
.fee-ledger-row { min-height: 58px; padding: 9px 4px; display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: start; gap: 9px; border-bottom: 1px solid #dcddd7; }
.fee-ledger-row > i { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #377dca; }.fee-ledger-row.payment > i { background: #1e845e; }.fee-ledger-row.waiver > i { background: #7757ae; }.fee-ledger-row.refund > i { background: #d09339; }
.fee-ledger-row strong,.fee-ledger-row small,.fee-ledger-row span { display: block; }.fee-ledger-row strong { font-size: 8px; }.fee-ledger-row small,.fee-ledger-row span { margin-top: 2px; color: #7b8780; font-size: 7px; }.fee-ledger-row p { margin: 4px 0 0; color: #4d5e55; font-size: 7px; }.fee-ledger-row > b { font: 700 10px var(--mono); }
.fee-ledger-empty { min-height: 100px; display: grid; place-items: center; align-content: center; text-align: center; color: #77847c; }.fee-ledger-empty span { font-size: 24px; }.fee-ledger-empty strong { color: #20352b; font: 600 16px var(--serif); }.fee-ledger-empty p { margin: 3px 0; font-size: 7px; }
.fee-ledger-form { margin-top: 20px; padding-top: 18px; border-top: 1px solid #d8dad4; }
.fee-kind-picker { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; border: 0; }.fee-kind-picker legend { margin-bottom: 7px; color: #758078; font: 700 7px var(--mono); }.fee-kind-picker input { position: absolute; opacity: 0; }.fee-kind-picker span { min-height: 34px; display: grid; place-items: center; border: 1px solid #cfd3cd; border-radius: 9px; color: #526159; background: #fffef9; font-size: 7px; font-weight: 800; cursor: pointer; }.fee-kind-picker input:checked + span { color: #fff; border-color: #17654a; background: #17654a; }
.builder-field small { display: block; margin-top: 4px; color: #818b84; font-size: 7px; }
.fee-review { margin-top: 20px; padding-top: 18px; border-top: 1px solid #d8dad4; }.fee-review > span { color: #17654a; font: 700 7px var(--mono); letter-spacing: .1em; }.fee-review h3 { margin-top: 5px; }.fee-review dl { margin: 0; padding: 12px; border: 1px solid #d3d7d0; border-radius: 12px; background: #fffef9; }.fee-review dl > div { padding: 7px 0; display: grid; grid-template-columns: 90px 1fr; gap: 12px; border-bottom: 1px solid #e0e1dc; }.fee-review dl > div:last-child { border-bottom: 0; }.fee-review dt { color: #7a867f; font-size: 7px; }.fee-review dd { margin: 0; text-align: right; font-size: 8px; font-weight: 750; }.fee-review > p { color: #7b5444; font-size: 7px; }.fee-review-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 7px; }.fee-review-actions button { min-height: 42px; border: 1px solid #cfd3cd; border-radius: 11px; color: #264337; background: transparent; font-size: 8px; font-weight: 800; cursor: pointer; }.fee-review-actions button.primary { color: #fff; border-color: #0f6548; background: #0f6548; }

.crew-command-list { border: 1px solid #d8d8d0; border-radius: 16px; overflow: hidden; }
.crew-command-card { width: 100%; min-height: 66px; padding: 9px 12px; display: grid; grid-template-columns: 40px minmax(0,1fr) 78px 62px 72px; align-items: center; gap: 9px; text-align: left; border: 0; border-bottom: 1px solid #e2e1db; color: #192a23; background: #fffdf8; cursor: pointer; }
.crew-command-card:last-child { border-bottom: 0; }
.crew-command-card:hover { background: #f7f3e9; }
.crew-avatar { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; color: #18382c; background: #d9ff6b; font: 700 9px var(--mono); }
.crew-person strong,.crew-person small { display: block; }
.crew-person strong { font-size: 9px; }
.crew-person small { margin-top: 2px; color: #7d8981; font-size: 7px; }
.crew-response { width: max-content; padding: 4px 6px; border-radius: 99px; color: #80561d; background: #f5e1b9; font: 700 6px var(--mono); }
.crew-response.confirmed { color: #24624a; background: #dcece3; }
.crew-response.declined { color: #a03f2b; background: #f5d9d1; }
.crew-matches b,.crew-matches small { display: block; }
.crew-matches b { font: 600 18px var(--serif); }
.crew-matches small { color: #859087; font-size: 6px; }
.crew-command-card > em { color: #507564; font: 700 7px var(--mono); font-style: normal; text-align: right; }
.tournament-privacy-proof { margin-top: 10px; padding: 13px; display: flex; gap: 11px; align-items: center; border-radius: 15px; color: #dce9e2; background: #102e24; }
.tournament-privacy-proof > span { color: var(--acid); }
.tournament-privacy-proof strong { display: block; font-size: 9px; }
.tournament-privacy-proof p { margin: 3px 0 0; color: #9bad9f; font-size: 7px; }

.representative-desk { margin: 14px 0 16px; overflow: hidden; border: 1px solid #143b2d; border-radius: 18px; background: #fffdf8; }
.representative-desk > header { padding: 16px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 15px; color: #f3f5ee; background: radial-gradient(circle at 92% 8%,rgba(215,255,107,.14),transparent 36%),#0b261c; }
.representative-desk > header span { color: #d7ff6b; font: 850 7px var(--mono); letter-spacing: .13em; }
.representative-desk > header h3 { margin: 5px 0 3px; font: 600 21px/.95 var(--serif); }
.representative-desk > header p { max-width: 570px; margin: 0; color: #a8bab0; font-size: 8px; line-height: 1.5; }
.representative-desk > header button { min-height: 38px; padding: 0 12px; border: 0; border-radius: 10px; color: #0b241a; background: #d7ff6b; font-size: 7px; font-weight: 900; cursor: pointer; }
.representative-desk > header button:disabled { color: #738078; background: #d7ddd8; cursor: not-allowed; }
.representative-metrics { padding: 8px 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; background: #123226; }
.representative-metrics span { padding: 8px 9px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; color: #9fb0a7; font: 760 6px var(--mono); text-transform: uppercase; }
.representative-metrics b { margin-right: 4px; color: white; font-size: 11px; }
.representative-gate { margin: 9px 12px 0; padding: 9px; border-left: 3px solid #d09339; color: #765b2b; background: #f6ead0; font-size: 7px; }

.crew-desk-tabs { margin: 13px 0; padding: 4px; display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; border: 1px solid #cfd5cf; border-radius: 13px; background: #e9ece6; }
.crew-desk-tabs button { min-height: 36px; border: 0; border-radius: 9px; color: #637169; background: transparent; font-size: 8px; font-weight: 850; cursor: pointer; }
.crew-desk-tabs button.active { color: #fff; background: #123a2b; box-shadow: 0 5px 16px rgba(14,58,43,.18); }
.crew-desk-panel { display: none; }.crew-desk-panel.active { display: block; animation: team-sheet-enter .24s ease both; }
@keyframes team-sheet-enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.team-sheet-desk { margin: 0 0 15px; overflow: hidden; border: 1px solid #143b2d; border-radius: 18px; background: #fffdf8; }
.team-sheet-desk > header { padding: 16px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; color: #f3f5ee; background: radial-gradient(circle at 90% 0,rgba(100,208,255,.16),transparent 40%),#0b261c; }
.team-sheet-desk > header span { color: #64d0ff; font: 850 7px var(--mono); letter-spacing: .13em; }.team-sheet-desk > header h3 { margin: 5px 0 3px; font: 600 21px/.95 var(--serif); }.team-sheet-desk > header p { max-width: 540px; margin: 0; color: #a8bab0; font-size: 8px; }
.team-sheet-desk > header > div:last-child { display: flex; gap: 6px; }.team-sheet-desk > header button { min-height: 37px; padding: 0 11px; border: 1px solid rgba(255,255,255,.3); border-radius: 10px; color: #fff; background: transparent; font-size: 7px; font-weight: 900; cursor: pointer; }.team-sheet-desk > header button.primary { color: #0b241a; border-color: #d7ff6b; background: #d7ff6b; }.team-sheet-desk > header button:disabled { opacity: .42; cursor: not-allowed; }
.team-sheet-list { border-top: 1px solid #d8ddd8; }.team-sheet-card { width: 100%; min-height: 72px; padding: 10px 13px; display: grid; grid-template-columns: 43px minmax(0,1fr) auto 64px; align-items: center; gap: 10px; text-align: left; border: 0; border-bottom: 1px solid #e1e2dc; color: #192a23; background: #fffdf8; cursor: pointer; }.team-sheet-card:hover { background: #f3f6ef; }.team-sheet-card:last-child { border-bottom: 0; }.team-sheet-card.locked { box-shadow: inset 3px 0 #1e825e; }.team-sheet-card.submitted { box-shadow: inset 3px 0 #d2983e; }.team-sheet-card.returned { box-shadow: inset 3px 0 #c4543b; }
.team-sheet-mark { width: 40px; height: 44px; display: grid; place-items: center; border-radius: 10px 10px 14px 14px; color: #143429; background: #d7ff6b; font: 800 9px var(--mono); }.team-sheet-copy strong,.team-sheet-copy small { display: block; }.team-sheet-copy strong { font-size: 9px; }.team-sheet-copy small { margin-top: 2px; color: #7a877f; font-size: 7px; }.team-sheet-copy em { margin-top: 5px; display: flex; gap: 4px; font-style: normal; }.team-sheet-copy em b { padding: 3px 5px; border-radius: 99px; color: #4d675c; background: #e8ebe6; font: 700 6px var(--mono); }.team-sheet-state { padding: 4px 7px; border-radius: 99px; color: #80561d; background: #f5e1b9; font: 800 6px var(--mono); }.team-sheet-card.locked .team-sheet-state { color: #24624a; background: #dcece3; }.team-sheet-card.returned .team-sheet-state { color: #a03f2b; background: #f5d9d1; }.team-sheet-card > span:last-child { color: #456e5d; font: 750 7px var(--mono); text-align: right; }
.team-sheet-desk > footer { padding: 11px 13px; display: flex; gap: 10px; align-items: center; color: #dce9e2; background: #102e24; }.team-sheet-desk > footer > span { color: #d7ff6b; font-size: 14px; }.team-sheet-desk > footer p { margin: 0; color: #9bad9f; font-size: 7px; }.team-sheet-desk > footer b { color: #fff; }
.team-sheet-fixture.is-hidden,[data-team-sheet-decision].is-hidden { display: none; }
.builder-form.is-read-only fieldset { margin: 0; padding: 0; border: 0; opacity: .82; }.builder-form fieldset { margin: 0; padding: 0; border: 0; }
.handoff-teams { margin: 18px 0 13px; display: grid; gap: 7px; }.handoff-team { min-height: 62px; padding: 10px 11px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 9px; align-items: center; border: 1px solid #d7ddd8; border-radius: 12px; background: #f6f7f3; }.handoff-team>span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0b704e; font-weight: 900; }.handoff-team.missing>span { background: #bd593e; }.handoff-team strong,.handoff-team small { display: block; }.handoff-team strong { color: #18342a; font-size: 9px; }.handoff-team small { margin-top: 3px; color: #75847c; font-size: 7px; }.handoff-team em { color: #14704e; font: 850 6px var(--mono); font-style: normal; }.handoff-team button { min-height: 32px; padding: 0 9px; border: 0; border-radius: 8px; color: #fff; background: #123a2b; font-size: 7px; font-weight: 850; cursor: pointer; }.handoff-proof { margin: 5px 0 12px; padding: 10px; display: flex; gap: 9px; align-items: center; border-left: 3px solid #0b704e; color: #586c62; background: #eaf2ed; }.handoff-proof>span { color: #0b704e; }.handoff-proof p { margin: 0; font-size: 7px; }.handoff-proof b { color: #17392d; }
.representative-command-list { padding: 7px 12px; }
.representative-command-card { width: 100%; min-height: 66px; padding: 9px 3px; display: grid; grid-template-columns: 44px minmax(0,1fr) 72px 68px; align-items: center; gap: 10px; text-align: left; border: 0; border-bottom: 1px solid #dedfd9; color: #20352c; background: transparent; cursor: pointer; }
.representative-command-card:last-child { border-bottom: 0; }.representative-command-card:hover { background: #f5f3ea; }
.representative-avatar { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #13271f; background: #d7ff6b; font: 900 9px var(--mono); }
.representative-command-card.invited .representative-avatar,.representative-command-card.declined .representative-avatar,.representative-command-card.expired .representative-avatar { color: #637169; background: #e6e9e4; }
.representative-copy strong,.representative-copy small { display: block; }.representative-copy strong { font-size: 9px; }.representative-copy small { margin-top: 2px; color: #77847d; font-size: 7px; }
.representative-copy em { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 4px; font-style: normal; }.representative-copy em b { padding: 3px 5px; border-radius: 4px; color: #235c46; background: #dcebe3; font: 850 5px var(--mono); }
.representative-state { width: max-content; padding: 4px 6px; border-radius: 99px; color: #80561d; background: #f5e1b9; font: 780 6px var(--mono); }.representative-command-card.confirmed .representative-state { color: #24624a; background: #dcece3; }.representative-command-card.declined .representative-state,.representative-command-card.expired .representative-state { color: #a03f2b; background: #f5d9d1; }
.representative-command-card > span:last-child { color: #176849; font: 800 6px var(--mono); text-align: right; }
.representative-desk > footer { padding: 10px 14px; display: flex; gap: 9px; align-items: center; color: #68766f; background: #f0f2ed; }.representative-desk > footer > span { color: #176849; }.representative-desk > footer p { margin: 0; font-size: 7px; }.representative-desk > footer b { color: #263d33; }
.representative-permission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.representative-permission-grid .builder-check { margin: 0; }
.representative-scope-note { margin-top: -5px; padding: 9px 11px; border-left: 3px solid #3867a7; color: #526a60; background: #eaf1ef; font-size: 7px; line-height: 1.5; }

.publish-state-card { min-height: 120px; margin: 14px 0; padding: 17px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto; gap: 15px; align-items: center; border-radius: 18px; color: #ecf1eb; background: linear-gradient(135deg,#5a3525,#191f1b); overflow: hidden; }
.publish-state-card.live { color: #eff4ed; background: linear-gradient(135deg,#0d5e43,#0b251c); }
.publish-globe { width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; font: 600 25px var(--serif); }
.publish-state-card small { color: #d8b99f; font: 700 6px var(--mono); letter-spacing: .1em; }
.publish-state-card.live small { color: var(--acid); }
.publish-state-card strong { display: block; margin-top: 6px; font: 600 18px var(--serif); }
.publish-state-card p { margin: 4px 0 0; color: rgba(255,255,255,.55); font-size: 7px; }
.publish-state-card a { padding: 9px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; font-size: 7px; font-weight: 800; }
.partner-studio { margin: 0 0 14px; border: 1px solid #153a2d; border-radius: 17px; overflow: hidden; background: #fffdf8; }
.partner-studio > header { padding: 16px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; align-items: start; color: #f5f3e9; background: radial-gradient(circle at 88% 12%,#3d7e632f,transparent 35%),#0b241b; }
.partner-studio > header span { color: #d7ff6b; font: 800 7px var(--mono); letter-spacing: .13em; }.partner-studio > header h3 { margin: 5px 0 3px; font: 600 21px/.95 var(--serif); }.partner-studio > header p { max-width: 540px; margin: 0; color: #aebdb5; font-size: 7px; line-height: 1.5; }
.partner-studio > header button { min-height: 36px; padding: 0 11px; border: 0; border-radius: 10px; color: #07170f; background: #d7ff6b; font-size: 7px; font-weight: 900; cursor: pointer; }
.partner-metrics { padding: 8px 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; background: #102e24; }.partner-metrics span { padding: 7px 9px; border: 1px solid #ffffff1b; border-radius: 8px; color: #9aaca3; font: 750 6px var(--mono); text-transform: uppercase; }.partner-metrics b { margin-right: 4px; color: #fff; font-size: 11px; }
.partner-command-list { padding: 7px 12px; }.partner-command-card { width: 100%; min-height: 64px; padding: 9px 3px; display: grid; grid-template-columns: 44px minmax(0,1fr) 72px 66px; align-items: center; gap: 10px; text-align: left; border: 0; border-bottom: 1px solid #dedfd9; color: #21342c; background: transparent; cursor: pointer; }.partner-command-card:last-child { border-bottom: 0; }.partner-command-card:hover { background: #f5f3ea; }
.partner-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; color: #13271f; background: #d7ff6b; font: 900 9px var(--mono); }.partner-command-card.draft .partner-mark,.partner-command-card.paused .partner-mark { color: #64736b; background: #e6e9e4; }
.partner-copy strong,.partner-copy small { display: block; }.partner-copy strong { font-size: 9px; }.partner-copy small { margin-top: 2px; color: #77847d; font-size: 7px; }.partner-copy em { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 4px; }.partner-copy i { padding: 3px 5px; border: 1px solid #22835e; border-radius: 4px; color: #176849; font: 800 5px var(--mono); font-style: normal; }.partner-copy i.broadcast { color: #624398; border-color: #8d72bd; }.partner-copy i.rights { color: #9b5d0c; border-color: #c7903e; }
.partner-window { color: #87928c; font: 750 5px/1.45 var(--mono); text-align: right; }.partner-window b { color: #33473e; font-size: 7px; }.partner-command-card > span:last-child { color: #176849; font: 800 6px var(--mono); text-align: right; }
.partner-studio > footer { padding: 10px 14px; display: flex; gap: 9px; align-items: center; color: #6e7c74; background: #f0f2ed; }.partner-studio > footer > span { color: #176849; }.partner-studio > footer p { margin: 0; font-size: 7px; }.partner-studio > footer b { color: #2a3f35; }
.builder-confirm-actions { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.builder-confirm-actions button { min-height: 44px; border: 1px solid #cdd4cf; border-radius: 11px; color: #254238; background: transparent; font-size: 8px; font-weight: 850; cursor: pointer; }.builder-confirm-actions button.danger { color: #fff; border-color: #b93e3e; background: #b93e3e; }
.publish-command-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.publish-command-grid > section { min-width: 0; }
.publish-command-card,.award-command-card { min-height: 100px; margin-bottom: 7px; padding: 12px; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; border: 1px solid #d8d8d0; border-radius: 14px; background: #fffdf8; }
.publish-command-card > div:first-child > span { color: #6e795f; font: 700 6px var(--mono); }
.publish-command-card.urgent { border-color: #eba18f; box-shadow: inset 3px 0 #ee674c; }
.publish-command-card strong,.publish-command-card p,.publish-command-card small { display: block; }
.publish-command-card strong { margin-top: 5px; font-size: 9px; }
.publish-command-card p,.award-command-card p { margin: 4px 0; color: #737e77; font-size: 7px; line-height: 1.5; }
.publish-command-card small { color: #8d9791; font-size: 6px; }
.publish-command-card > div:last-child,.award-command-card > div:last-child { display: flex; gap: 4px; }
.publish-command-card button,.award-command-card button { min-height: 28px; padding: 0 7px; border: 1px solid #d3d6d1; border-radius: 8px; color: #30634f; background: transparent; font-size: 6px; font-weight: 800; cursor: pointer; }
.publish-command-card .icon-danger,.award-command-card .icon-danger { width: 28px; padding: 0; color: #b54e39; }
.award-command-card { align-items: center; }
.award-command-card > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #5c4318; background: #f5d98f; }
.award-command-card > div:nth-child(2) { min-width: 0; flex: 1; }
.award-command-card small { color: #747f77; font: 700 6px var(--mono); text-transform: uppercase; }
.award-command-card strong { display: block; margin-top: 4px; font: 600 15px var(--serif); }

.public-partner-wall { margin-top: 18px; padding: 16px; border: 1px solid #182b241f; border-radius: 18px; background: #f2f1e9; }.public-partner-wall > span { color: #617068; font: 850 7px var(--mono); letter-spacing: .14em; }.public-partner-wall > div { margin-top: 10px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }.public-partner-wall a,.public-partner-wall .public-partner { min-height: 80px; padding: 10px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 2px 9px; border: 1px solid #d4d8d2; border-radius: 12px; color: #193128; background: #fffdf8; }.public-partner-wall img,.public-partner-wall i { grid-row: 1/3; width: 38px; height: 38px; object-fit: contain; }.public-partner-wall i { display: grid; place-items: center; border-radius: 9px; background: #d7ff6b; font: 900 8px var(--mono); font-style: normal; }.public-partner-wall b { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.public-partner-wall small { color: #77837d; font-size: 6px; }
.public-representatives { margin-top: 18px; padding: 16px; border-radius: 18px; color: #f4f5ee; background: radial-gradient(circle at 90% 4%,rgba(215,255,107,.12),transparent 35%),#0b261c; }.public-representatives header span { color: #d7ff6b; font: 850 7px var(--mono); letter-spacing: .13em; }.public-representatives header h3 { margin: 5px 0 3px; font: 600 20px var(--serif); }.public-representatives header p { max-width: 620px; margin: 0; color: #a5b5ac; font-size: 8px; }.public-representatives > div { margin-top: 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }.public-representatives article { min-height: 65px; padding: 10px; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.055); }.public-representatives article > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #10291f; background: #d7ff6b; font: 900 8px var(--mono); font-style: normal; }.public-representatives strong,.public-representatives small { display: block; }.public-representatives strong { font-size: 8px; }.public-representatives small { margin-top: 3px; color: #9fafa6; font-size: 6px; }.public-representatives article > b { padding: 4px 5px; border-radius: 4px; color: #d7ff6b; background: rgba(215,255,107,.1); font: 800 5px var(--mono); }
@media(max-width:760px){.representative-desk>header,.partner-studio>header{grid-template-columns:1fr}.representative-desk>header button,.partner-studio>header button{width:100%}.representative-command-card,.partner-command-card{grid-template-columns:42px minmax(0,1fr) 58px}.representative-command-card>span:last-child,.partner-command-card>span:last-child{display:none}.representative-permission-grid{grid-template-columns:1fr}.public-representatives>div,.public-partner-wall>div{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.representative-metrics,.partner-metrics{grid-template-columns:1fr}.representative-command-card,.partner-command-card{grid-template-columns:38px minmax(0,1fr)}.representative-state,.partner-window{display:none}.public-representatives>div,.public-partner-wall>div{grid-template-columns:1fr}}
@media(max-width:760px){.team-sheet-desk>header{grid-template-columns:1fr}.team-sheet-desk>header>div:last-child{flex-wrap:wrap}.team-sheet-desk>header button{flex:1}.team-sheet-card{grid-template-columns:40px minmax(0,1fr) auto}.team-sheet-card>span:last-child{display:none}}
@media(max-width:430px){.crew-desk-tabs button{font-size:7px}.team-sheet-desk>header>div:last-child{display:grid;grid-template-columns:1fr 1fr}.team-sheet-card{grid-template-columns:37px minmax(0,1fr)}.team-sheet-state{grid-column:2;justify-self:start}.team-sheet-mark{width:36px;height:40px}}

/* Tournament Storyroom: compact moderation queue plus an editorial public gallery. */
.storyroom{margin:16px 0;padding:16px;border:1px solid #182b2426;border-radius:18px;background:#fffdf8}.storyroom>header{position:relative;padding:2px 2px 14px}.storyroom>header>span{color:#3867a7;font:900 7px var(--mono);letter-spacing:.14em}.storyroom>header>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.storyroom>header h3{margin:4px 0;font-size:17px}.storyroom>header button{min-height:38px;padding:0 13px;border:0;border-radius:10px;color:#f9fff8;background:#193128;font-weight:850}.storyroom>header p{max-width:620px;margin:5px 0;color:#66746d;font-size:9px;line-height:1.45}.storyroom>header>em{position:absolute;right:2px;bottom:16px;color:#77837d;font:800 7px var(--mono);font-style:normal}.storyroom-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.storyroom-card{min-width:0;padding:9px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #d5d9d3;border-radius:13px;text-align:left;background:#f8f7f0}.storyroom-preview{width:68px;height:54px;display:grid;place-items:center;border-radius:9px;background:#dde4de var(--story) center/cover no-repeat;overflow:hidden}.storyroom-preview i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:white;background:#193128c9;font-size:9px;font-style:normal}.storyroom-card>span:nth-child(2){min-width:0}.storyroom-card small{display:block;color:#66746d;font:850 6px var(--mono);letter-spacing:.07em}.storyroom-card strong{margin-top:3px;display:block;overflow:hidden;color:#193128;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.storyroom-card em{margin-top:6px;display:flex;gap:4px;font-style:normal}.storyroom-card em b{padding:3px 5px;border-radius:4px;color:#35524a;background:#dce5df;font:850 5px var(--mono)}.storyroom-card.featured em b:first-child{color:#193128;background:#d7ff6b}.storyroom-card.rejected{border-color:#b82c3938;background:#fff4f4}.storyroom-card>span:last-child{color:#586961;font:850 7px var(--mono)}.storyroom>footer{margin-top:10px;padding-top:11px;display:flex;gap:8px;border-top:1px solid #d8ddd7;color:#66746d}.storyroom>footer span{color:#3867a7}.storyroom>footer p{margin:0;font-size:8px;line-height:1.45}.public-storyroom{margin-top:18px;padding:16px;border-radius:18px;color:white;background:#193128}.public-storyroom header span{color:#d7ff6b;font:900 7px var(--mono);letter-spacing:.14em}.public-storyroom header h3{margin:4px 0 12px;font-size:18px}.public-storyroom>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-storyroom figure{margin:0;overflow:hidden;border-radius:12px;background:#fffdf8}.public-storyroom figure.featured{grid-column:span 2;grid-row:span 2}.public-storyroom a{position:relative;display:block;aspect-ratio:4/3;background:#dce5df}.public-storyroom figure.featured a{aspect-ratio:16/9}.public-storyroom img{width:100%;height:100%;display:block;object-fit:cover}.public-storyroom a i{position:absolute;inset:50% auto auto 50%;width:38px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;color:#193128;background:#d7ff6b;font-style:normal}.public-storyroom figcaption{padding:9px;color:#193128}.public-storyroom figcaption strong{display:block;font-size:8px;line-height:1.35}.public-storyroom figcaption small{display:block;margin-top:3px;color:#77837d;font-size:6px}
@media(max-width:760px){.storyroom>header>em{position:static;display:block;margin-top:8px}.storyroom-list{grid-template-columns:1fr}.public-storyroom>div{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.storyroom>header>div{align-items:flex-start;flex-direction:column}.storyroom>header button{width:100%}.storyroom-card{grid-template-columns:58px minmax(0,1fr)}.storyroom-preview{width:58px;height:50px}.storyroom-card>span:last-child{display:none}.public-storyroom>div{grid-template-columns:1fr}.public-storyroom figure.featured{grid-column:auto;grid-row:auto}}
.story-upload{min-height:70px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1.5px dashed #3867a7;border-radius:13px;color:#193128;background:#edf4ff;cursor:pointer}.story-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.story-upload img{width:58px;height:48px;border-radius:7px;object-fit:cover}.story-upload span{display:grid;gap:3px}.story-upload b{font-size:10px}.story-upload small{color:#66746d;font-size:7px}.story-upload em{padding:9px 11px;border-radius:8px;color:white;background:#3867a7;font:850 7px var(--mono);font-style:normal}.story-upload:focus-within{outline:3px solid #3867a733;outline-offset:2px}.story-upload-feedback{margin:-7px 2px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px}.story-upload-status{display:block;color:#66746d;font-size:7px;line-height:1.45}.story-upload-feedback button{padding:5px 8px;border:1px solid #b82c39;border-radius:6px;color:#b82c39;background:#fff;font:800 6px var(--mono)}

.tournament-control-mobile-nav { display: none; }
.tournament-control-loading,.tournament-control-error { min-height: 100vh; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #eef1ec; background: radial-gradient(circle at 50% 38%,#154b38,#06110d 55%); }
.tournament-control-loading i,.public-tournament-loading i { width: 38px; height: 38px; margin-bottom: 14px; border: 3px solid rgba(255,255,255,.13); border-top-color: var(--acid); border-radius: 50%; animation: tournament-spin .8s linear infinite; }
.tournament-control-loading strong { font: 600 28px var(--serif); }
.tournament-control-loading span { margin-top: 7px; color: #93a69c; font-size: 9px; }
.tournament-control-error > span { color: var(--coral); font: 700 8px var(--mono); }
.tournament-control-error h1 { margin: 13px 0 5px; font: 600 48px/.9 var(--serif); }
.tournament-control-error p { color: #94a69c; }
.tournament-control-error > a { position: absolute; top: 25px; left: 25px; color: #92a59b; font-size: 9px; }
@keyframes tournament-spin { to { transform: rotate(360deg); } }

.tournament-control-mode .builder-dialog { color: #14231d; background: #f5f1e8; border-color: #d9d8d0; }
.tournament-control-mode .builder-dialog::backdrop { background: rgba(4,12,9,.75); backdrop-filter: blur(10px); }
.tournament-control-mode .builder-close { color: #526159; border-color: #d0d4ce; }
.tournament-control-mode .builder-eyebrow { color: #17654a; }
.tournament-control-mode .builder-shell h2 { color: #14231d; }
.tournament-control-mode .builder-shell > div > p,.tournament-control-mode .builder-field span,.tournament-control-mode .builder-check small { color: #758078; }
.tournament-control-mode .builder-field input,.tournament-control-mode .builder-field select,.tournament-control-mode .builder-field textarea { color: #14231d; background: #fffef9; border-color: #cfd3cd; }
.tournament-control-mode .builder-submit { color: #f4f5ee; background: #0e503a; }
.tournament-control-mode .builder-destructive { width: 100%; height: 44px; margin-top: 8px; border: 1px solid #e0c4bc; border-radius: 12px; color: #943922; background: #fff9f4; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; cursor: pointer; }
.tournament-control-mode .builder-destructive:hover { color: #fff; background: #943922; border-color: #943922; }
.fixture-assignment-field { margin: 0; padding: 12px; border: 1px solid #d0d4ce; border-radius: 13px; }
.fixture-assignment-field legend { padding: 0 5px; color: #738078; font: 700 7px var(--mono); text-transform: uppercase; }
.fixture-assignment-field label { padding: 8px 0; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #e1e2dc; }
.fixture-assignment-field label:last-child { border-bottom: 0; }
.fixture-assignment-field strong,.fixture-assignment-field small { display: block; }
.fixture-assignment-field strong { font-size: 8px; }
.fixture-assignment-field small { color: #839087; font-size: 7px; }
.registration-honeypot { position: absolute; left: -9999px; }

/* Public tournament — editorial match-day page */

.public-tournament { color: #14221c; background: #eee9df; }
.public-tournament-hero { min-height: 690px; position: relative; display: flex; align-items: flex-end; overflow: hidden; color: #f1f2ec; background: #07140f; }
.public-tournament-image { position: absolute; inset: 0; background: url('pavilion-night-cricket.png') center 52%/cover no-repeat; transform: scale(1.025); animation: hero-breathe 18s ease-in-out infinite alternate; }
.public-tournament-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,12,9,.93),rgba(3,12,9,.56) 58%,rgba(3,12,9,.2)),linear-gradient(0deg,#07120e,transparent 45%); }
.public-tournament-head { width: 100%; padding-bottom: 55px; position: relative; z-index: 2; }
.public-tournament-signal { display: inline-flex; align-items: center; gap: 7px; color: var(--acid); font: 700 8px var(--mono); letter-spacing: .1em; }
.public-tournament-signal i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 6px rgba(217,255,107,.08); }
.public-tournament-head h1 { max-width: 920px; margin: 18px 0 12px; font: 600 clamp(68px,10vw,132px)/.78 var(--serif); letter-spacing: -.065em; }
.public-tournament-head > p { max-width: 570px; color: #c0cbc5; font-size: 14px; }
.public-tournament-actions { display: flex; gap: 8px; margin-top: 24px; }
.compact-button.glass { color: #eef2ec; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.07); backdrop-filter: blur(12px); }
.public-tournament-quick { margin-top: 38px; display: flex; gap: 30px; }
.public-tournament-quick span { color: #9baba2; font: 700 8px var(--mono); text-transform: uppercase; }
.public-tournament-quick b { margin-right: 4px; color: #f0f2ed; font-size: 12px; }
.public-next-match { width: min(360px,30vw); min-height: 220px; padding: 20px; position: absolute; right: max(24px,calc((100vw - 1440px)/2 + 24px)); bottom: 50px; z-index: 3; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: rgba(8,27,20,.76); backdrop-filter: blur(17px); }
.public-next-match > span { color: var(--acid); font: 700 7px var(--mono); letter-spacing: .1em; }
.public-next-match time { margin: 12px 0 auto; color: #a9b7af; font: 600 8px var(--mono); text-transform: uppercase; }
.public-next-match strong { font: 600 27px/.95 var(--serif); }
.public-next-match strong i { color: #7d9187; font-size: 12px; font-style: normal; }
.public-next-match small { margin-top: 8px; color: #a2b0a8; font-size: 8px; }
.public-tournament-tabs { height: 62px; display: flex; align-items: center; gap: 28px; position: sticky; top: 0; z-index: 10; border-bottom: 1px solid #d5d5cc; background: rgba(238,233,223,.94); backdrop-filter: blur(14px); }
.public-tournament-tabs a { color: #6d7a72; font-size: 9px; font-weight: 800; }
.public-tournament-body { padding-top: 70px; padding-bottom: 90px; }
.public-tournament-body > section { scroll-margin-top: 80px; margin-bottom: 90px; }
.public-section-lead { max-width: 700px; margin-bottom: 25px; }
.public-section-lead > span { color: #31715a; font: 700 8px var(--mono); letter-spacing: .12em; }
.public-section-lead h2 { margin: 8px 0; font: 600 clamp(38px,5vw,62px)/.91 var(--serif); letter-spacing: -.05em; }
.public-section-lead p { max-width: 540px; margin: 0; color: #6d7972; font-size: 11px; }
.public-fixture-list { border-top: 1px solid #cfd1c9; }
.public-fixture-list article { min-height: 100px; display: grid; grid-template-columns: 110px minmax(0,1fr) 90px; align-items: center; gap: 18px; border-bottom: 1px solid #cfd1c9; }
.public-fixture-list time b,.public-fixture-list time small { display: block; }
.public-fixture-list time b { font: 700 21px var(--mono); letter-spacing: -.05em; }
.public-fixture-list time small { margin-top: 4px; color: #77847c; font-size: 8px; }
.public-fixture-list article > div span { color: #3a725e; font: 700 7px var(--mono); }
.public-fixture-list article > div strong { display: block; margin: 6px 0 4px; font: 600 19px var(--serif); }
.public-fixture-list article > div strong i { margin: 0 6px; color: #919c95; font: 500 9px var(--mono); font-style: normal; }
.public-fixture-list article > div small { color: #718078; font-size: 8px; }
.public-fixture-list article > em { justify-self: end; color: #4a7664; font: 700 7px var(--mono); font-style: normal; }
.public-schedule-staged { min-height: 160px; padding: 25px; display: flex; align-items: center; gap: 18px; border: 1px dashed #bfc6c0; border-radius: 20px; }
.public-schedule-staged > span { font: 600 45px var(--serif); }
.public-schedule-staged strong { font: 600 25px var(--serif); }
.public-schedule-staged p { margin: 4px 0; color: #748078; font-size: 9px; }
.public-team-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.public-team-grid article { min-height: 80px; padding: 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #d3d4cd; border-radius: 15px; background: #f8f5ed; }
.public-team-grid article > span { width: 38px; height: 42px; display: grid; place-items: center; border-radius: 12px 12px 15px 15px; color: #183329; background: var(--acid); font: 700 9px var(--mono); }
.public-team-grid strong,.public-team-grid small { display: block; }
.public-team-grid strong { font-size: 9px; }
.public-team-grid small { margin-top: 3px; color: #7b877f; font-size: 7px; }
.public-crew-lead { margin: 34px 0 13px; padding-top: 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 18px; border-top: 1px solid #d5d5cd; }
.public-crew-lead span { color: #17654a; font: 700 7px var(--mono); letter-spacing: .09em; }
.public-crew-lead strong { font: 600 18px var(--serif); }
.public-crew-lead p { margin: 0; color: #77827a; font-size: 8px; }
.public-crew-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.public-crew-strip article { min-height: 66px; padding: 10px 12px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #d7d7cf; border-radius: 14px; background: #f5f1e8; }
.public-crew-strip article > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #d9ff6b; background: #0d392b; font: 700 7px var(--mono); }
.public-crew-strip strong,.public-crew-strip small { display: block; }
.public-crew-strip strong { font-size: 9px; }
.public-crew-strip small { margin-top: 3px; color: #78837b; font-size: 7px; }
.public-crew-strip i { color: #17654a; font: 700 6px var(--mono); font-style: normal; letter-spacing: .05em; }
.public-tournament-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
.public-update { min-height: 105px; margin-bottom: 8px; padding: 15px; border: 1px solid #d2d4cc; border-radius: 16px; background: #f8f5ed; }
.public-update.urgent { border-left: 4px solid var(--coral); }
.public-update > span { color: #47715f; font: 700 7px var(--mono); }
.public-update strong { display: block; margin-top: 8px; font: 600 19px var(--serif); }
.public-update p { margin: 5px 0 0; color: #6f7b74; font-size: 9px; }
.public-award { min-height: 92px; margin-bottom: 8px; padding: 13px; display: flex; align-items: center; gap: 12px; border: 1px solid #d2d4cc; border-radius: 16px; background: #f8f5ed; }
.public-award > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #6d4b13; background: #f2d589; }
.public-award small,.public-award strong { display: block; }
.public-award small { color: #6e7a73; font: 700 7px var(--mono); text-transform: uppercase; }
.public-award strong { margin-top: 4px; font: 600 18px var(--serif); }
.public-award p { margin: 3px 0; color: #78847c; font-size: 8px; }
.public-empty-copy { color: #79857d; }
.public-tournament-cta { min-height: 270px; padding: 40px max(24px,calc((100vw - 1440px)/2 + 24px)); display: flex; align-items: center; justify-content: space-between; gap: 40px; color: #eff2ec; background: #0a2b20; }
.public-tournament-cta span { color: var(--acid); font: 700 8px var(--mono); letter-spacing: .11em; }
.public-tournament-cta h2 { margin: 8px 0; font: 600 clamp(40px,5vw,64px)/.9 var(--serif); letter-spacing: -.05em; }
.public-tournament-cta p { margin: 0; color: #96a89e; font-size: 10px; }
.public-tournament-loading { min-height: 680px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; color: #eef2ec; background: #07140f; }
.public-tournament-photo { height: 100%; background: linear-gradient(90deg,transparent,#07140f),url('pavilion-night-cricket.png') center/cover; }
.public-tournament-loading > div:last-child { padding: 35px; }
.public-tournament-loading span { color: var(--acid); font: 700 8px var(--mono); }
.public-tournament-loading h1 { margin: 14px 0; font: 600 70px/.85 var(--serif); }
.public-tournament-loading p { color: #92a59b; }

@media (max-width: 980px) {
  .competition-command-row { grid-template-columns: 48px minmax(150px,1fr) 64px 90px; }
  .competition-command-row > em { display: none; }
  .tournament-command-hero { grid-template-columns: minmax(0,1fr) 140px; }
  .tournament-next-action { grid-column: 1/-1; min-height: 0; display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 12px; }
  .tournament-next-action strong { margin: 0; font-size: 18px; }
  .tournament-panel-lead { grid-template-columns: 1fr 260px; }
  .public-next-match { width: 310px; }
  .public-team-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 700px) {
  .competition-command-head { align-items: flex-start; flex-direction: column; }
  .competition-command-row { grid-template-columns: 42px minmax(0,1fr) auto; }
  .competition-command-score { display: none; }
  .competition-command-state { justify-self: end; }
  .competition-command-proof { grid-template-columns: 31px 1fr; }
  .tournament-control-product { padding-bottom: 76px; background: linear-gradient(180deg,#07150f 0 450px,#e9e5da 450px 100%); }
  .tournament-control-top { min-height: 55px; grid-template-columns: auto 1fr; }
  .tournament-control-top > div:nth-child(2) { text-align: right; }
  .tournament-cloud-state { display: none; }
  .tournament-command-hero { width: calc(100% - 28px); min-height: 390px; padding: 27px 0 31px; grid-template-columns: 1fr 105px; gap: 14px; }
  .tournament-command-copy h1 { font-size: 45px; }
  .tournament-command-copy > p { font-size: 9px; }
  .tournament-command-metrics { grid-column: 1/-1; gap: 13px; flex-wrap: wrap; }
  .tournament-readiness-ring { width: 104px; height: 104px; }
  .tournament-readiness-ring::before { inset: 7px; }
  .tournament-readiness-ring strong { font-size: 34px; }
  .tournament-next-action { grid-column: 1/-1; grid-template-columns: 1fr auto; }
  .tournament-next-action > span { grid-column: 1/-1; }
  .tournament-control-layout { width: calc(100% - 18px); grid-template-columns: 1fr; }
  .tournament-control-nav { display: none; }
  .tournament-control-panel { padding: 14px; border-radius: 19px; }
  .tournament-panel-lead { grid-template-columns: 1fr; gap: 10px; }
  .tournament-panel-lead h2 { font-size: 31px; }
  .tournament-action-rail { grid-template-columns: 1fr 1fr; }
  .publish-switch { grid-column: 1/-1; }
  .tournament-subhead { align-items: flex-start; }
  .run-sheet-row { min-height: 110px; padding: 0 5px; grid-template-columns: 59px 17px minmax(0,1fr) 58px; }
  .run-state-actions { grid-column: 4; grid-row: 1; align-self: center; }
  .run-order-actions { grid-column: 4; }
  .run-fixture > strong { align-items: flex-start; flex-direction: column; gap: 1px; }
  .entry-metric-rail,.crew-command-top { grid-template-columns: repeat(3,1fr); }
  .entry-metric-rail > button,.crew-command-top > button { grid-column: 1/-1; min-height: 42px; }
  .fee-command-rail { grid-template-columns: repeat(3,1fr); }
  .fee-command-rail header { grid-column: 1/-1; }
  .entry-command-list { grid-template-columns: 1fr; }
  .fee-ledger-totals { grid-template-columns: repeat(2,1fr); }
  .fee-kind-picker { grid-template-columns: repeat(2,1fr); }
  .crew-command-card { grid-template-columns: 39px minmax(0,1fr) auto; }
  .crew-matches,.crew-command-card > em { display: none; }
  .publish-state-card { grid-template-columns: 40px 1fr; }
  .publish-state-card > a { grid-column: 1/-1; text-align: center; }
  .publish-command-grid { grid-template-columns: 1fr; }
  .tournament-control-mobile-nav { height: 64px; padding: 5px 7px max(5px,env(safe-area-inset-bottom)); position: fixed; z-index: 30; left: 7px; right: 7px; bottom: 6px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.12); border-radius: 17px; background: rgba(7,24,17,.94); backdrop-filter: blur(17px); box-shadow: 0 14px 45px rgba(0,0,0,.34); }
  .tournament-control-mobile-nav button { border: 0; border-radius: 11px; color: #82958b; background: transparent; font-size: 7px; font-weight: 800; }
  .tournament-control-mobile-nav button span { display: block; margin-bottom: 2px; font: 600 6px var(--mono); }
  .tournament-control-mobile-nav button.active { color: #14231d; background: var(--acid); }
  .public-tournament-hero { min-height: 760px; }
  .public-tournament-head { padding-bottom: 300px; }
  .public-tournament-head h1 { font-size: 65px; }
  .public-tournament-actions { flex-direction: column; align-items: stretch; }
  .public-tournament-actions .compact-button { justify-content: center; }
  .public-tournament-quick { gap: 12px; flex-wrap: wrap; }
  .public-next-match { width: auto; left: 18px; right: 18px; bottom: 38px; min-height: 220px; }
  .public-tournament-tabs { gap: 0; justify-content: space-between; }
  .public-tournament-body { padding-top: 50px; }
  .public-fixture-list article { min-height: 125px; grid-template-columns: 74px minmax(0,1fr); }
  .public-fixture-list article > em { display: none; }
  .public-team-grid,.public-crew-strip,.public-tournament-split { grid-template-columns: 1fr; }
  .public-crew-lead { grid-template-columns: 1fr; gap: 5px; }
  .public-tournament-split { gap: 60px; }
  .public-tournament-cta { align-items: flex-start; flex-direction: column; }
  .public-tournament-loading { min-height: 720px; grid-template-columns: 1fr; }
  .public-tournament-photo { min-height: 360px; }
  .public-tournament-loading h1 { font-size: 50px; }
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body {
  font-size: 14px;
}

.site-header {
  height: 64px;
  gap: 34px;
  padding-inline: max(20px, calc((100vw - var(--max)) / 2));
}

.wordmark {
  gap: 9px;
  font-size: 18px;
}

.brand-ball {
  width: 19px;
  height: 19px;
  box-shadow: 0 0 0 4px rgba(255, 116, 86, .08);
}

.desktop-nav {
  gap: 24px;
}

.desktop-nav a {
  font-size: 12px;
}

.icon-button {
  width: 36px;
  height: 36px;
  font-size: 19px;
}

.ghost-action,
.solid-action {
  height: 38px;
  padding-inline: 14px;
  border-radius: 11px;
  font-size: 11px;
}

.page-shell {
  padding-inline: 20px;
}

.eyebrow {
  font-size: 9px;
  letter-spacing: .12em;
}

.eyebrow::before {
  width: 18px;
}

.compact-button,
.workspace-button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 15px;
  background: rgba(255, 255, 255, .035);
  color: var(--chalk);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.compact-button:hover,
.workspace-button:hover {
  transform: translateY(-2px);
  border-color: rgba(217, 255, 107, .6);
}

.compact-button.primary,
.workspace-button.primary {
  background: var(--acid);
  border-color: var(--acid);
  color: #142019;
}

/* Home */

.compact-hero {
  width: min(calc(100% - 32px), var(--max));
  min-height: 610px;
  margin: 76px auto 0;
  padding: 80px 38px 34px;
  border: 1px solid var(--line);
  border-radius: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 370px);
  gap: 32px;
  align-items: end;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .25);
}

.compact-hero-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url('art/scorer-ground-v2.png') 62% center / cover no-repeat;
  animation: compact-breathe 16s ease-in-out infinite alternate;
}

.compact-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(4, 11, 9, .93) 0%, rgba(4, 11, 9, .68) 40%, rgba(4, 11, 9, .13) 73%),
    linear-gradient(0deg, rgba(4, 11, 9, .82), transparent 46%);
}

@keyframes compact-breathe {
  to { transform: scale(1.025); }
}

.compact-hero-copy {
  max-width: 650px;
}

.compact-hero-copy h1 {
  margin: 16px 0 18px;
  max-width: 680px;
  font: 600 clamp(52px, 6.4vw, 78px) / .88 var(--serif);
  letter-spacing: -.057em;
}

.compact-hero-copy h1 em {
  color: var(--acid);
  font-weight: 500;
}

.compact-hero-copy > p {
  max-width: 520px;
  margin: 0;
  color: #c6cfca;
  font-size: 15px;
  line-height: 1.65;
}

.compact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.compact-live {
  min-height: 176px;
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 17px;
  background: rgba(7, 17, 14, .64);
  backdrop-filter: blur(18px);
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, background .2s ease;
}

.compact-live:hover {
  transform: translateY(-3px);
  background: rgba(7, 17, 14, .78);
}

.compact-live > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.compact-live .live-pulse {
  color: var(--acid);
  font: 500 9px var(--mono);
  text-transform: uppercase;
}

.compact-live > div:first-child small {
  max-width: 145px;
  color: var(--mist);
  font: 500 8px var(--mono);
  text-align: right;
}

.compact-live > strong {
  margin: auto 0 10px;
  font: 600 49px / .9 var(--serif);
  letter-spacing: -.055em;
}

.compact-live-foot {
  padding-top: 11px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #c1cbc6;
  font-size: 10px;
}

.compact-live-foot span:last-child {
  color: var(--mist);
  text-align: right;
}

.compact-section {
  padding-block: 62px;
}

.compact-heading {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
}

.compact-heading h2,
.feature-copy h2,
.compact-cta h2 {
  margin: 11px 0 0;
  font: 600 clamp(34px, 4vw, 47px) / .96 var(--serif);
  letter-spacing: -.047em;
}

.compact-heading .text-link {
  flex: none;
  margin: 0;
  font-size: 11px;
}

.compact-match-list .match-row {
  grid-template-columns: 92px minmax(170px, 1.15fr) 115px minmax(150px, .9fr) 34px;
  gap: 18px;
  min-height: 68px;
  padding: 12px 0;
}

.compact-match-list .match-row:hover {
  padding-inline: 12px;
}

.compact-match-list .match-title {
  font-size: 14px;
}

.compact-match-list .match-title small,
.compact-match-list .match-score small {
  margin-top: 2px;
  font-size: 9px;
}

.compact-match-list .match-score {
  font-size: 25px;
}

.compact-match-list .match-moment {
  font-size: 11px;
}

.compact-match-list .match-arrow {
  width: 32px;
  height: 32px;
}

.feature-split {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
  gap: 0;
  padding-top: 22px;
  padding-bottom: 62px;
  scroll-margin-top: 68px;
}

.feature-photo {
  min-height: 430px;
  border-radius: 22px 0 0 22px;
  background-position: center;
  background-size: cover;
}

.scorebook-photo {
  background-image:
    linear-gradient(0deg, rgba(7, 17, 14, .48), rgba(7, 17, 14, 0) 58%),
    url('art/scorer-ground-v2.png');
  background-position: 64% center;
}

.feature-copy {
  padding: 38px;
  border: 1px solid var(--line);
  border-left: 0;
  border-radius: 0 22px 22px 0;
  background: #0c1d17;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feature-copy > p {
  max-width: 530px;
  margin: 17px 0 20px;
  color: var(--mist);
  font-size: 13px;
  line-height: 1.7;
}

.feature-points {
  margin-bottom: 22px;
  border-top: 1px solid var(--line);
}

.feature-points span {
  min-height: 40px;
  border-bottom: 1px solid var(--soft-line);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 800;
}

.feature-points b {
  color: var(--acid);
  font: 500 8px var(--mono);
}

.feature-copy .compact-button {
  width: max-content;
}

.discovery-hub {
  padding-block: 62px;
  background: #0a1713;
  border-block: 1px solid var(--soft-line);
  scroll-margin-top: 64px;
}

.hub-tabs {
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.hub-tabs button {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--mist);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.hub-tabs button.active {
  background: var(--acid);
  color: #142019;
}

.hub-panel {
  display: none;
  animation: panel-in .28s ease both;
}

.hub-panel.active {
  display: block;
}

@keyframes panel-in {
  from { opacity: 0; transform: translateY(6px); }
}

.hub-panel-head {
  margin-bottom: 14px;
}

.discovery-hub .tournament-grid,
.discovery-hub .venue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.discovery-hub .tournament-card,
.discovery-hub .tournament-card.featured {
  grid-column: auto;
  min-width: 0;
  min-height: 226px;
  padding: 18px;
  border-radius: 17px;
}

.discovery-hub .tournament-card.featured {
  background: var(--acid);
  color: #142019;
}

.discovery-hub .tournament-card:not(.featured),
.discovery-hub .venue-card:not(:nth-child(3)) {
  color: #142019;
}

.discovery-hub .tournament-mark {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  font-size: 20px;
}

.discovery-hub .tournament-card.featured .tournament-mark {
  background: #142019;
  color: var(--acid);
}

.discovery-hub .tournament-card h3 {
  font-size: 26px;
}

.discovery-hub .venue-card {
  min-width: 0;
  min-height: 230px;
  padding: 18px;
  border-radius: 17px;
}

.discovery-hub .venue-icon {
  font-size: 35px;
}

.discovery-hub .venue-card h3 {
  font-size: 27px;
}

.discovery-hub .venue-price strong {
  font-size: 20px;
}

.discovery-hub .opportunity-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.discovery-hub .opportunity-card {
  min-width: 0;
  min-height: 190px;
  padding: 17px;
  border-radius: 16px;
}

.discovery-hub .opportunity-card h3 {
  font-size: 22px;
}

.compact-leaders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 34px;
}

.compact-leaders .leader-row {
  grid-template-columns: 27px 42px minmax(0, 1fr) auto;
  gap: 10px;
  min-width: 0;
  padding: 11px 0;
}

.compact-leaders .avatar {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-size: 16px;
}

.compact-leaders .leader-name {
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
}

.compact-leaders .leader-name small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
}

.compact-leaders .leader-stat strong {
  font-size: 21px;
}

.compact-leaders .leader-trend {
  display: none;
}

.proof-strip {
  width: min(calc(100% - 40px), 1040px);
  margin: 0 auto;
  padding: 42px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid var(--line);
}

.club-story-grid {
  display: grid;
  grid-template-columns: 1.18fr .82fr .82fr;
  gap: 10px;
}

.club-story {
  min-height: 420px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 22px;
  background-position: center;
  background-size: cover;
  transition: transform .3s ease, border-color .3s ease;
}

.club-story:hover { transform: translateY(-4px); border-color: rgba(217,255,107,.5); }
.club-story::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,rgba(3,17,13,.92),transparent 68%),linear-gradient(180deg,rgba(3,17,13,.32),transparent 32%); }
.club-story > span { width: max-content; padding: 7px 9px; border-radius: 99px; color: #071410; background: var(--acid); font: 800 7px var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.club-story h3 { max-width: 310px; margin: 0; font: 600 29px/.98 var(--serif); letter-spacing: -.04em; }
.club-story p { max-width: 360px; margin: 7px 0 0; color: rgba(247,245,237,.7); font-size: 10px; line-height: 1.55; }
.coach-story { background-image: url('art/coach-nets.webp'); background-position: 56% center; }
.craft-story { background-image: url('art/pitch-craft.webp'); background-position: 58% center; }
.toss-story { background-image: url('art/captains-toss.webp'); background-position: 53% center; }

.proof-strip > div {
  min-height: 78px;
  padding: 8px 26px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.proof-strip > div:last-child {
  border-right: 0;
}

.proof-strip strong {
  font: 600 26px var(--serif);
}

.proof-strip span {
  margin-top: 3px;
  color: var(--mist);
  font-size: 10px;
}

.compact-cta {
  width: min(calc(100% - 40px), var(--max));
  min-height: 220px;
  margin: 62px auto;
  padding: 36px;
  border: 1px solid rgba(217, 255, 107, .26);
  border-radius: 22px;
  background: #07110e;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.compact-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url('art/offline-rain-v2.png') 72% 48% / cover no-repeat;
  opacity: .72;
  transition: transform .8s cubic-bezier(.2, .75, .2, 1);
}

.compact-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(4, 12, 9, .98) 0%, rgba(4, 12, 9, .9) 43%, rgba(4, 12, 9, .32) 74%, rgba(4, 12, 9, .55) 100%);
}

.compact-cta:hover::before {
  transform: scale(1.025);
}

.compact-cta > div {
  max-width: 650px;
}

.compact-cta .compact-button {
  flex: none;
}

.preview-field {
  background-image:
    linear-gradient(180deg, rgba(7, 17, 14, .04), rgba(7, 17, 14, .82)),
    url('art/night-cricket-v2.png');
  background-position: center 44%;
}

/* Workspace */

.compact-workspace {
  max-width: 1320px;
  padding: 86px 20px 44px;
}

.compact-workspace .workspace-top {
  margin-bottom: 22px;
}

.compact-workspace .workspace-top h1 {
  margin-top: 7px;
  font-size: clamp(30px, 3.7vw, 43px);
}

.compact-workspace .workspace-grid {
  grid-template-columns: 184px minmax(0, 1fr);
  gap: 14px;
}

.compact-sidebar {
  top: 78px;
  padding: 7px;
  border-radius: 15px;
}

.compact-sidebar button,
.compact-sidebar a {
  width: 100%;
  min-height: 39px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--mist);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.compact-sidebar button.active,
.compact-sidebar a:hover,
.compact-sidebar button:hover {
  background: rgba(255, 255, 255, .06);
  color: var(--chalk);
}

.compact-sidebar small {
  margin-left: auto;
  color: var(--mist);
  font: 500 8px var(--mono);
}

.workspace-view {
  display: none;
  animation: panel-in .25s ease both;
}

.workspace-view.active {
  display: block;
}

.workspace-dock {
  display: none;
}

.compact-workspace .workspace-hero {
  grid-template-columns: minmax(0, 1.4fr) minmax(230px, .6fr);
  gap: 10px;
}

.compact-workspace .command-card {
  min-height: 206px;
  padding: 20px;
  border-radius: 18px;
}

.compact-workspace .command-card h2 {
  margin: 37px 0 7px;
  font-size: 31px;
}

.compact-workspace .command-card p {
  max-width: 570px;
  margin: 0;
  font-size: 12px;
}

.compact-workspace .inline-button {
  margin-top: 15px;
}

.compact-workspace .health-card {
  min-height: 206px;
  padding: 20px;
  border-radius: 18px;
}

.compact-workspace .health-card strong {
  font-size: 54px;
}

.compact-workspace .metric-grid {
  gap: 9px;
  margin-top: 9px;
}

.compact-workspace .metric-card {
  min-height: 92px;
  padding: 13px;
  border-radius: 14px;
}

.compact-workspace .metric-card strong {
  margin-top: 10px;
  font-size: 25px;
}

.compact-title {
  margin-top: 26px;
}

.compact-title h2 {
  font-size: 24px;
}

.compact-workspace .workspace-table {
  border-radius: 15px;
}

.compact-workspace .workspace-table-head,
.compact-workspace .workspace-table-row {
  grid-template-columns: 1.5fr .7fr .9fr .55fr 24px;
  gap: 10px;
  min-width: 0;
  padding: 11px 14px;
}

.compact-workspace .ops-board {
  gap: 10px;
}

.ops-tabs {
  width: max-content;
  max-width: 100%;
  margin-bottom: 10px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .025);
  display: flex;
  gap: 3px;
}

.ops-tabs button {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--mist);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.ops-tabs button.active {
  background: var(--acid);
  color: #142019;
}

.ops-panel {
  display: none;
  animation: panel-in .24s ease both;
}

.ops-panel.active {
  display: block;
}

.network-panel {
  display: none;
  animation: panel-in .24s ease both;
}

.network-panel.active {
  display: block;
}

.ops-panel .timeline-card,
.ops-panel .safety-card {
  width: 100%;
}

.compact-workspace .timeline-card,
.compact-workspace .safety-card {
  padding: 16px;
  border-radius: 16px;
}

.compact-workspace .timeline-item {
  grid-template-columns: 58px 16px 1fr;
  gap: 9px;
  min-height: 58px;
}

.compact-workspace .safety-person {
  padding: 10px 0;
}

.compact-signals {
  margin-top: 10px;
  padding: 16px;
  border-radius: 16px;
}

.compact-signals .signal-desk {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
}

.compact-signals .signal-button {
  min-width: 0;
  min-height: 86px;
  padding: 10px;
  border-radius: 12px;
  font-size: 10px;
}

.compact-signals .signal-button > span {
  font-size: 22px;
}

.compact-workspace .channel-grid {
  gap: 10px;
}

.compact-workspace .channel-card {
  min-height: 142px;
  padding: 16px;
  border-radius: 16px;
}

.compact-workspace .channel-card strong {
  font-size: 25px;
}

.compact-ecosystem {
  margin-top: 10px;
  padding: 18px;
  border-radius: 17px;
}

.compact-ecosystem .ecosystem-card {
  min-height: 118px;
  padding: 13px;
  border-radius: 13px;
}

.compact-ecosystem .ecosystem-card strong {
  font-size: 21px;
}

/* Scoring and broadcast surfaces */

.control-room,
.broadcast-studio {
  max-width: 1320px;
  padding: 78px 20px 32px;
}

.control-header {
  height: 60px;
  padding: 0 15px;
  border-radius: 15px;
}

.control-header strong {
  font-size: 16px;
}

.control-score {
  grid-template-columns: minmax(250px, 1fr) 118px minmax(250px, 1fr);
  gap: 25px;
  padding: 24px 6px;
}

.control-score > div:first-child strong {
  margin: 5px 0;
  font-size: 58px;
}

.chase-orbit {
  width: 110px;
  height: 110px;
}

.chase-orbit::before {
  inset: 8px;
}

.chase-orbit span {
  font-size: 36px;
}

.chase-orbit em {
  margin-top: 6px;
}

.control-partnership strong {
  margin: 6px 0;
  font-size: 33px;
}

.control-layout {
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr);
  gap: 10px;
}

.scoring-stage,
.control-rail > section {
  border-radius: 17px;
}

.scoring-stage {
  min-height: 0;
  padding: 14px;
}

.stage-head {
  gap: 6px;
}

.stage-head > div {
  padding: 10px;
  border-radius: 10px;
  min-width: 0;
}

.stage-head strong {
  margin-top: 4px;
  font-size: 12px;
}

.over-ribbon {
  padding: 15px 0 12px;
  gap: 5px;
  flex-wrap: wrap;
  overflow: visible;
}

.ball-token,
.undo-ball {
  width: 35px;
  height: 35px;
  min-width: 35px;
  font-size: 10px;
}

.run-pad {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.run-pad button {
  height: 82px;
  border-radius: 12px;
}

.run-pad strong {
  font-size: 30px;
}

.run-pad small {
  margin-top: 4px;
}

.extras-pad {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin-top: 6px;
}

.extras-pad button,
.clock-actions button {
  height: 42px;
  border-radius: 10px;
}

.control-rail {
  gap: 9px;
}

.control-rail > section {
  padding: 14px;
}

.rail-title {
  margin-bottom: 11px;
}

.rail-title h2 {
  font-size: 18px;
}

.clock-face {
  padding: 13px;
  border-radius: 12px;
}

.clock-face strong {
  font-size: 25px;
}

.decision-row {
  padding: 8px 0;
  font-size: 10px;
}

.guardian-row {
  grid-template-columns: 42px 1fr;
  gap: 9px;
}

.guardian-row .avatar {
  width: 42px;
  height: 42px;
  border-radius: 11px;
}

.studio-layout {
  grid-template-columns: minmax(0, 1.5fr) 310px;
  gap: 10px;
  margin-top: 12px;
}

.preview-monitor,
.studio-controls {
  border-radius: 17px;
}

.studio-controls {
  padding: 14px;
}

.studio-controls h2 {
  margin: 17px 0 8px;
  font-size: 23px;
}

.graphic-toggle {
  padding: 9px 0;
}

/* Directory, detail, editorial and live pages */

.detail-hero {
  min-height: 390px;
  padding: 110px 0 48px;
}

.detail-hero.compact-detail,
.compact-detail {
  min-height: 390px;
}

.detail-title {
  max-width: 920px;
  margin: 15px 0 21px;
  font-size: clamp(48px, 7vw, 82px);
  line-height: .88;
}

.detail-hero .hero-lede {
  max-width: 680px;
  font-size: 15px;
}

.section {
  padding-block: 68px;
}

.section-head {
  gap: 50px;
  margin-bottom: 28px;
}

.section-head h2 {
  font-size: clamp(36px, 4.4vw, 54px);
}

.section-head p {
  font-size: 14px;
}

.section .tournament-card,
.section .tournament-card.featured {
  min-height: 265px;
  padding: 19px;
  border-radius: 18px;
}

.section .tournament-card h3 {
  font-size: 29px;
}

.story-grid {
  gap: 12px;
}

.story-card {
  min-height: 390px;
  padding: 24px;
  border-radius: 19px;
}

.story-side {
  gap: 12px;
}

.story-side .story-card {
  min-height: 189px;
}

.story-card h3,
.story-side h3 {
  font-size: clamp(31px, 3.8vw, 47px);
}

.prose-page {
  max-width: 760px;
}

.prose-page h2 {
  font-size: 37px;
}

.prose-page p {
  font-size: 16px;
  line-height: 1.65;
}

.live-header {
  height: 64px;
  padding-inline: max(20px, calc((100vw - var(--max)) / 2 + 20px));
}

.live-main {
  padding: 48px 20px 72px;
}

.live-intro h1 {
  max-width: 760px;
  margin: 13px 0 11px;
  font-size: clamp(47px, 6.8vw, 78px);
  line-height: .88;
}

.live-stamp {
  width: 145px;
  padding: 14px;
  border-radius: 15px;
}

.live-stamp strong {
  margin: 7px 0;
  font-size: 29px;
}

.live-score-stage {
  margin-top: 28px;
  padding: 22px;
  border-radius: 21px;
}

.live-score-line {
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 30px;
  padding: 38px 0 25px;
}

.live-score-line > div:first-child strong {
  font-size: clamp(76px, 11vw, 132px);
}

.live-score-line > div:first-child span {
  margin-top: 22px;
}

.live-chase {
  padding-left: 25px;
}

.live-chase strong {
  margin: 8px 0;
  font-size: 49px;
}

.live-facts article {
  padding: 15px 14px 2px;
}

.live-facts strong {
  margin: 4px 0;
  font-size: 25px;
}

.live-panel {
  min-height: 245px;
  padding: 18px;
  border-radius: 17px;
}

.live-panel h2 {
  margin: 4px 0;
  font-size: 25px;
}

.live-batter {
  padding: 12px 0;
}

.live-over {
  padding: 27px 0;
}

.live-ball {
  width: 40px;
  height: 40px;
}

.live-story {
  gap: 35px;
  margin-top: 50px;
  padding-top: 32px;
}

.live-story h2 {
  font-size: 36px;
}

/* Dialogs and footer */

.builder-dialog {
  width: min(650px, calc(100% - 24px));
  border-radius: 20px;
}

.builder-shell {
  padding: 30px;
}

.builder-shell h2 {
  margin: 13px 0 8px;
  font-size: 38px;
}

.builder-form {
  margin-top: 21px;
}

.builder-field input,
.builder-field select {
  height: 45px;
  border-radius: 10px;
}

.builder-submit {
  height: 47px;
  border-radius: 11px;
}

.file-drop {
  height: 160px;
  margin: 19px 0 12px;
  border-radius: 14px;
}

.event-grid button {
  height: 50px;
}

.site-footer {
  padding: 46px 20px 22px;
  gap: 55px;
}

.site-footer p {
  margin-top: 12px;
}

.footer-floor {
  margin-top: 20px;
  padding-top: 20px;
}

@media (max-width: 1080px) {
  .compact-hero {
    min-height: 570px;
    grid-template-columns: minmax(0, 1fr) 315px;
  }

  .compact-hero-copy h1 {
    font-size: 59px;
  }

  .discovery-hub .opportunity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compact-signals .signal-desk {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .studio-layout,
  .control-layout {
    grid-template-columns: 1fr;
  }

  .control-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Career Passport — public evidence ledger and private identity desk */

body.career-passport-mode {
  background: #07110e;
}

.career-passport-public {
  width: 100%;
  overflow: clip;
  color: #102019;
  background: #f1ede3;
}

.career-public-hero {
  min-height: 690px;
  padding-top: 112px;
  position: relative;
  overflow: hidden;
  color: #f4f1e8;
  background:
    radial-gradient(circle at 82% 18%, rgba(217,255,107,.13), transparent 28%),
    linear-gradient(135deg,#06120e 0%,#0d3025 55%,#123c2e 100%);
}

.career-hero-art {
  width: min(700px,60vw);
  aspect-ratio: 1;
  position: absolute;
  right: -12vw;
  top: -23vw;
  border: 1px solid rgba(217,255,107,.14);
  border-radius: 50%;
  pointer-events: none;
  animation: career-orbit-drift 18s ease-in-out infinite alternate;
}

.career-hero-art:before,
.career-hero-art:after,
.career-hero-art i {
  content: "";
  position: absolute;
  border: 1px solid rgba(217,255,107,.1);
  border-radius: 50%;
}

.career-hero-art:before { inset: 12%; }
.career-hero-art:after { inset: 25%; }
.career-hero-art i:nth-child(1) { inset: 38%; background: rgba(217,255,107,.04); }
.career-hero-art i:nth-child(2) { width: 18px; height: 18px; left: 11%; top: 45%; border: 0; background: #ff7456; box-shadow: 0 0 0 13px rgba(255,116,86,.07); }
.career-hero-art i:nth-child(3) { width: 8px; height: 8px; right: 21%; bottom: 24%; border: 0; background: #d9ff6b; box-shadow: 0 0 0 10px rgba(217,255,107,.05); }

@keyframes career-orbit-drift {
  to { transform: translate(-18px,24px) rotate(8deg); }
}

.career-identity-stage {
  min-height: 430px;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 208px minmax(0,1fr) 190px;
  align-items: center;
  gap: clamp(26px,4vw,62px);
}

.career-portrait {
  width: 208px;
  height: 248px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 104px 104px 28px 28px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.08),transparent 42%),
    repeating-linear-gradient(135deg,rgba(217,255,107,.04) 0 2px,transparent 2px 14px),
    #0b211a;
  box-shadow: 0 34px 90px rgba(0,0,0,.28);
}

.career-portrait:before {
  content: "";
  width: 112px;
  height: 112px;
  position: absolute;
  top: 45px;
  border: 1px solid rgba(217,255,107,.24);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(217,255,107,.018),0 0 0 56px rgba(217,255,107,.012);
}

.career-portrait span {
  position: relative;
  color: #d9ff6b;
  font: 600 61px/.8 var(--serif);
  letter-spacing: -.07em;
}

.career-portrait i {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 17px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.56);
  font: 500 8px var(--mono);
  font-style: normal;
  letter-spacing: .16em;
  text-align: center;
}

.career-identity-copy { min-width: 0; }
.career-proof-chip { width: max-content; max-width: 100%; display: flex; align-items: center; gap: 9px; color: #d9ff6b; font: 700 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.career-proof-chip b { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(217,255,107,.34); border-radius: 50%; font-size: 9px; }
.career-proof-chip em { padding: 4px 6px; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; color: rgba(255,255,255,.56); font-size: 6px; font-style: normal; }
.career-identity-copy h1 { max-width: 680px; margin: 18px 0 8px; font: 600 clamp(62px,7vw,102px)/.78 var(--serif); letter-spacing: -.066em; text-wrap: balance; }
.career-role { margin: 0; color: #d9ff6b; font-size: 11px; font-weight: 750; }
.career-social-proof { margin: 9px 0 0; color: rgba(244,241,232,.58); font: 650 9px var(--mono); letter-spacing: .035em; }
.career-social-proof strong { color: #f4f1e8; }
.career-social-proof i { padding: 0 5px; color: rgba(217,255,107,.55); font-style: normal; }
.career-bio { max-width: 600px; margin: 18px 0 0; color: rgba(244,241,232,.67); font-size: 12px; line-height: 1.65; }
.career-public-actions { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 8px; }
.career-public-actions .compact-button { border-color: rgba(255,255,255,.16); cursor: pointer; }
.career-public-actions .following { color: #f4f1e8; background: transparent; }
.career-public-actions .qr { color: #d9ff6b; }
.career-public-actions button:disabled { opacity: .55; cursor: wait; }
.icon-button-light { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; color: inherit; background: rgba(255,255,255,.03); cursor: pointer; }

.career-qr-dialog { max-width: 410px; margin: 0 auto; text-align: center; }
.career-qr-dialog .builder-eyebrow { justify-content: center; }
.career-qr-dialog h2 { margin: 9px 0 8px; font: 600 35px/.96 var(--serif); letter-spacing: -.04em; }
.career-qr-dialog > p { max-width: 330px; margin: 0 auto; color: var(--mist); font-size: 9px; line-height: 1.55; }
.career-qr-frame { width: 232px; height: 232px; margin: 22px auto 14px; position: relative; display: grid; place-items: center; border: 10px solid #fffdf6; border-radius: 29px; background: #fffdf6; box-shadow: 0 26px 70px rgba(7,20,16,.18); }
.career-qr-frame img { width: 100%; height: 100%; display: block; }
.career-qr-frame span { width: 42px; height: 42px; position: absolute; display: grid; place-items: center; border: 5px solid #fffdf6; border-radius: 14px; color: #071410; background: #d9ff6b; font: 900 10px var(--sans); }
.career-qr-dialog > strong,.career-qr-dialog > small { display: block; }
.career-qr-dialog > strong { margin-top: 5px; font-size: 14px; }
.career-qr-dialog > small { margin: 4px 0 17px; color: var(--mist); font-size: 8px; }
.career-qr-dialog .compact-button { width: 100%; margin-top: 7px; justify-content: center; }

.career-official-proof { margin: 18px 0 12px; padding: 18px 20px; display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; gap: 14px; border: 1px solid rgba(12,111,82,.18); border-radius: 20px; background: linear-gradient(120deg,rgba(217,255,107,.18),rgba(255,255,255,.74)); box-shadow: 0 18px 45px rgba(7,20,16,.06); }
.career-official-seal { width: 48px; height: 48px; position: relative; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--acid); font-size: 15px; font-weight: 900; }
.career-official-seal i { position: absolute; inset: -5px; border: 1px dashed rgba(12,111,82,.34); border-radius: inherit; }
.career-official-proof > div:nth-child(2) span,.career-official-proof > div:nth-child(2) strong,.career-official-proof > div:nth-child(2) small { display: block; }
.career-official-proof > div:nth-child(2) span { color: var(--pitch); font: 800 7px var(--mono); letter-spacing: .12em; }
.career-official-proof > div:nth-child(2) strong { margin-top: 4px; font-size: 11px; }
.career-official-proof > div:nth-child(2) small { margin-top: 4px; color: var(--mist); font-size: 7px; }
.career-official-proof > b { padding: 7px 9px; border-radius: 99px; color: #efffd0; background: var(--pitch); font: 800 7px var(--mono); letter-spacing: .1em; }

.career-verification-desk { margin-top: 14px; padding: 24px; border: 1px solid var(--soft-line); border-radius: 25px; background: rgba(255,255,255,.6); }
.career-verification-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); gap: 14px; }
.career-verification-player,.career-verification-issuer { min-width: 0; overflow: hidden; border: 1px solid var(--soft-line); border-radius: 19px; background: var(--paper); }
.career-verification-player > header,.career-verification-issuer > header { min-height: 65px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--soft-line); background: rgba(7,20,16,.025); }
.career-verification-player > header span,.career-verification-player > header strong,.career-verification-issuer > header span,.career-verification-issuer > header strong { display: block; }
.career-verification-player > header span,.career-verification-issuer > header span { color: var(--mist); font: 700 6px var(--mono); letter-spacing: .12em; }
.career-verification-player > header strong,.career-verification-issuer > header strong { margin-top: 4px; font-size: 10px; }
.career-verification-player > header i,.career-verification-issuer > header i { padding: 5px 7px; border: 1px solid rgba(12,111,82,.18); border-radius: 99px; color: var(--pitch); font: 700 6px var(--mono); font-style: normal; letter-spacing: .08em; }
.career-verification-card { min-height: 78px; padding: 12px 14px; display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; border-bottom: 1px solid var(--soft-line); }
.career-verification-card:last-child { border-bottom: 0; }
.career-verification-mark { width: 36px; height: 36px; position: relative; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: rgba(217,255,107,.5); font-weight: 900; }
.career-verification-card.pending .career-verification-mark { color: #8d5b06; background: rgba(255,202,85,.23); }
.career-verification-card.rejected .career-verification-mark,.career-verification-card.revoked .career-verification-mark,.career-verification-card.expired .career-verification-mark { color: var(--coral); background: rgba(255,116,86,.1); }
.career-verification-card > div:nth-child(2) span,.career-verification-card > div:nth-child(2) strong,.career-verification-card > div:nth-child(2) small { display: block; }
.career-verification-card > div:nth-child(2) span { font-size: 10px; font-weight: 800; }
.career-verification-card > div:nth-child(2) strong { margin-top: 2px; color: var(--mist); font-size: 7px; font-weight: 600; }
.career-verification-card > div:nth-child(2) small { margin-top: 4px; color: var(--mist); font: 500 6px var(--mono); }
.career-verification-card > div:nth-child(2) p { margin: 5px 0 0; color: var(--coral); font-size: 7px; }
.career-verification-card > b { padding: 5px 7px; border-radius: 99px; color: var(--pitch); background: rgba(12,111,82,.08); font: 800 6px var(--mono); }
.career-verification-card > button,.career-verification-actions button { min-height: 30px; padding: 0 9px; border: 1px solid var(--soft-line); border-radius: 9px; color: var(--ink); background: transparent; font-size: 7px; font-weight: 800; cursor: pointer; }
.career-verification-actions { display: flex; gap: 5px; }
.career-verification-actions .primary { border-color: var(--pitch); color: white; background: var(--pitch); }
.career-verification-card .danger { color: var(--coral); }
.career-verification-request { padding: 16px; display: grid; gap: 11px; border-top: 1px solid var(--soft-line); background: rgba(217,255,107,.045); }
.career-verification-request label > span,.career-verification-request label > small { display: block; }
.career-verification-request label > span { margin-bottom: 5px; font-size: 7px; font-weight: 800; }
.career-verification-request input,.career-verification-request select,.career-verification-request textarea { width: 100%; min-height: 39px; padding: 9px 11px; border: 1px solid var(--soft-line); border-radius: 10px; color: var(--ink); background: white; font: 500 8px var(--sans); }
.career-verification-request textarea { min-height: 72px; resize: vertical; }
.career-verification-request label > small { margin-top: 5px; color: var(--coral); font-size: 6px; line-height: 1.45; }
.career-verification-consent { display: flex; align-items: flex-start; gap: 9px; }
.career-verification-consent input { width: 17px; min-height: 17px; margin-top: 1px; }
.career-verification-consent span strong,.career-verification-consent span small { display: block; }
.career-verification-consent span strong { font-size: 8px; }
.career-verification-consent span small { margin-top: 2px; color: var(--mist); font-size: 6px; }
.career-verification-request output { min-height: 12px; color: var(--mist); font-size: 7px; }
.career-verification-no-authority { padding: 18px; border-top: 1px solid var(--soft-line); }
.career-verification-no-authority strong,.career-verification-no-authority p { display: block; margin: 0; }
.career-verification-no-authority strong { font-size: 9px; }
.career-verification-no-authority p { margin-top: 4px; color: var(--mist); font-size: 7px; line-height: 1.5; }
.career-issuer-policy { margin: 0; padding: 13px 15px; border-bottom: 1px solid var(--soft-line); color: var(--mist); font-size: 7px; line-height: 1.55; }

.career-passport-stamp {
  min-height: 240px;
  padding: 20px 17px;
  align-self: center;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 19px;
  transform: rotate(2deg);
  background: rgba(4,15,11,.24);
  backdrop-filter: blur(12px);
}

.career-passport-stamp span,
.career-passport-stamp small,
.career-passport-stamp i { font: 500 7px var(--mono); letter-spacing: .12em; font-style: normal; }
.career-passport-stamp span { color: #d9ff6b; }
.career-passport-stamp strong { margin: auto 0; font: 600 29px/.85 var(--serif); letter-spacing: -.04em; }
.career-passport-stamp small { color: rgba(255,255,255,.55); }
.career-passport-stamp i { margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.34); }

.career-hero-metrics {
  min-height: 126px;
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(255,255,255,.13);
}

.career-hero-metrics .career-metric {
  min-width: 0;
  padding: 24px 28px;
  border-right: 1px solid rgba(255,255,255,.12);
  color: #f4f1e8;
  background: transparent;
}

.career-hero-metrics .career-metric:last-child { border-right: 0; }
.career-hero-metrics .career-metric span { display: block; color: rgba(255,255,255,.5); font: 600 7px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.career-hero-metrics .career-metric strong { display: inline-block; margin-top: 12px; font: 600 38px/.8 var(--serif); letter-spacing: -.04em; }
.career-hero-metrics .career-metric small { margin-left: 8px; color: rgba(255,255,255,.45); font-size: 8px; }
.career-hero-metrics .career-metric.proof strong { color: #d9ff6b; }

.career-public-body {
  padding-top: 24px;
  padding-bottom: 100px;
}

.career-provenance-ribbon {
  min-height: 88px;
  padding: 14px 17px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  border-radius: 18px;
  color: #f2efe6;
  background: #0c291f;
  box-shadow: 0 18px 55px rgba(13,33,25,.12);
}

.career-proof-seal { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(217,255,107,.4); border-radius: 50%; color: #d9ff6b; font: 700 12px var(--mono); box-shadow: inset 0 0 0 5px rgba(217,255,107,.04); }
.career-provenance-ribbon > div:nth-child(2) { min-width: 0; }
.career-provenance-ribbon span,.career-provenance-ribbon strong,.career-provenance-ribbon small { display: block; }
.career-provenance-ribbon span { color: #d9ff6b; font: 600 7px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.career-provenance-ribbon strong { margin-top: 3px; font-size: 11px; }
.career-provenance-ribbon small { margin-top: 3px; color: rgba(255,255,255,.47); font-size: 7px; }
.career-provenance-ribbon button { min-height: 36px; padding: 0 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; color: #f2efe6; background: transparent; font-size: 8px; font-weight: 750; cursor: pointer; }

.career-season-switch {
  margin: 27px 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.career-season-switch button {
  min-width: 72px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(16,32,25,.14);
  border-radius: 99px;
  color: #526159;
  background: transparent;
  font-size: 8px;
  font-weight: 800;
  cursor: pointer;
}

.career-season-switch button.active { border-color: #0d3a2c; color: #f4f1e8; background: #0d3a2c; }

.career-public-tabs {
  width: 100%;
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(16,32,25,.16);
  border-bottom: 1px solid rgba(16,32,25,.16);
}

.career-public-tabs button {
  min-width: 0;
  min-height: 60px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-right: 1px solid rgba(16,32,25,.12);
  color: #66736c;
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.career-public-tabs button:last-child { border-right: 0; }
.career-public-tabs button span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(16,32,25,.15); border-radius: 50%; font: 600 7px var(--mono); }
.career-public-tabs button.active { color: #0d3a2c; }
.career-public-tabs button.active span { border-color: #d9ff6b; background: #d9ff6b; }
.career-tab-panel { display: none; padding-top: 42px; animation: career-panel-in .3s ease both; }
.career-tab-panel.active { display: block; }

@keyframes career-panel-in {
  from { opacity: 0; transform: translateY(8px); }
}

.career-section-heading {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(260px,.55fr);
  align-items: end;
  gap: 30px;
}

.career-section-heading.compact { margin-top: 39px; }
.career-section-heading span { color: #35725c; font: 700 7px var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.career-section-heading h2 { max-width: 650px; margin: 8px 0 0; font: 600 clamp(31px,4vw,48px)/.94 var(--serif); letter-spacing: -.045em; }
.career-section-heading p { margin: 0; color: #66736c; font-size: 10px; line-height: 1.6; }

.career-discipline-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 9px;
}

.career-discipline {
  min-height: 198px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(16,32,25,.11);
  border-radius: 19px;
  background: #f9f6ef;
}

.career-discipline:after { content: ""; width: 145px; height: 145px; position: absolute; right: -55px; top: -55px; border: 28px solid rgba(14,55,42,.035); border-radius: 50%; }
.career-discipline > span { color: #66736c; font: 700 7px var(--mono); letter-spacing: .11em; }
.career-discipline strong { margin: auto 0 3px; font: 600 59px/.75 var(--serif); letter-spacing: -.065em; }
.career-discipline small { color: #68756e; font-size: 8px; }
.career-discipline i { height: 4px; margin-top: 18px; border-radius: 9px; background: linear-gradient(90deg,#0c6c4d var(--career-fill),#e1e2db var(--career-fill)); }
.career-discipline.bowling { color: #f5f2e9; background: #0c2d22; }
.career-discipline.bowling > span,.career-discipline.bowling small { color: rgba(255,255,255,.53); }
.career-discipline.bowling i { background: linear-gradient(90deg,#d9ff6b var(--career-fill),rgba(255,255,255,.1) var(--career-fill)); }
.career-discipline.fielding { background: #d9ff6b; }

.career-form-ribbon {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 7px;
}

.career-form-ribbon article {
  min-width: 0;
  min-height: 137px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(16,32,25,.11);
  border-radius: 16px;
  background: #f8f5ed;
}

.career-form-ribbon article > span { color: #89938d; font: 600 7px var(--mono); }
.career-form-ribbon article strong { margin: auto 0 0; font: 600 35px/.8 var(--serif); }
.career-form-ribbon article small { color: #607068; font-size: 7px; }
.career-form-ribbon article em { margin-top: 11px; overflow: hidden; color: #68756e; font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.career-form-ribbon article.impact { color: #f5f2e9; background: #0d3a2c; }
.career-form-ribbon article.impact small,.career-form-ribbon article.impact em { color: rgba(255,255,255,.56); }
.career-form-ribbon article.impact strong { color: #d9ff6b; }

.career-milestone-strip {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.career-milestone-strip article { min-width: 0; min-height: 105px; padding: 15px; display: grid; grid-template-columns: 1fr auto; align-content: space-between; border-left: 4px solid #ff7456; border-radius: 13px; color: #f4f1e8; background: #11241d; }
.career-milestone-strip span { color: rgba(255,255,255,.52); font: 600 7px var(--mono); text-transform: uppercase; }
.career-milestone-strip strong { grid-row: 1/3; grid-column: 2; font: 600 37px/.8 var(--serif); }
.career-milestone-strip small { max-width: 220px; overflow: hidden; color: rgba(255,255,255,.5); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }

.career-stat-ledger { display: grid; gap: 10px; }
.career-stat-ledger > section { padding: 19px; display: grid; grid-template-columns: 155px minmax(0,1fr); gap: 20px; border: 1px solid rgba(16,32,25,.12); border-radius: 19px; background: #faf7f0; }
.career-stat-ledger header { display: flex; flex-direction: column; justify-content: space-between; }
.career-stat-ledger header span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #173126; background: #d9ff6b; font: 700 7px var(--mono); }
.career-stat-ledger header h3 { margin: 20px 0 0; font: 600 28px var(--serif); }
.career-stat-ledger > section > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.career-metric { min-width: 0; padding: 13px; border-radius: 13px; background: #eeece4; }
.career-metric > span { display: block; color: #718079; font: 700 6px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.career-metric > strong { display: inline-block; margin-top: 12px; font: 600 27px/.85 var(--serif); letter-spacing: -.04em; }
.career-metric > small { display: block; margin-top: 4px; color: #718079; font-size: 6px; }

.career-record-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.career-record-grid > article { min-height: 207px; padding: 18px; display: grid; grid-template-columns: 35px 1fr; gap: 13px; border: 1px solid rgba(16,32,25,.12); border-radius: 19px; background: #faf7f0; }
.career-record-grid > article.feature { color: #f5f2e9; background: #0c2e23; }
.career-record-index { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; opacity: .45; font: 600 7px var(--mono); }
.career-record-grid article > div small { display: block; color: #4b7766; font: 700 7px var(--mono); text-transform: uppercase; }
.career-record-grid article > div strong { display: block; margin-top: 13px; font: 600 57px/.75 var(--serif); letter-spacing: -.06em; }
.career-record-grid article > div p { margin: 10px 0 0; color: #64726b; font-size: 9px; }
.career-record-grid article.feature > div small { color: #d9ff6b; }
.career-record-grid article.feature > div p { color: rgba(255,255,255,.55); }
.career-record-grid footer { grid-column: 1/-1; align-self: end; padding-top: 12px; display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid rgba(16,32,25,.11); color: #738078; font-size: 7px; }
.career-record-grid article.feature footer { border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.5); }

.career-match-ledger { border-top: 1px solid rgba(16,32,25,.15); }
.career-match-card { min-height: 91px; padding: 13px 3px; display: grid; grid-template-columns: 52px minmax(0,1fr) 95px 95px; align-items: center; gap: 13px; border-bottom: 1px solid rgba(16,32,25,.12); }
.career-match-date { width: 47px; height: 55px; display: grid; place-items: center; align-content: center; border-radius: 12px; color: #f4f1e8; background: #0e3529; }
.career-match-date strong { font: 600 20px/.8 var(--serif); }
.career-match-date span { margin-top: 4px; color: #d9ff6b; font: 600 6px var(--mono); }
.career-match-copy { min-width: 0; }
.career-match-copy span,.career-match-copy strong,.career-match-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.career-match-copy span { color: #49806c; font: 700 6px var(--mono); }
.career-match-copy strong { margin-top: 4px; font-size: 11px; }
.career-match-copy small { margin-top: 3px; color: #748078; font-size: 7px; }
.career-match-impact { text-align: right; }
.career-match-impact strong { display: block; font: 600 25px/.8 var(--serif); }
.career-match-impact span { color: #748078; font-size: 7px; }
.career-match-impact.bowling strong { color: #2d735a; }

.career-history-locked,
.career-stat-privacy {
  min-height: 280px;
  padding: clamp(24px,5vw,60px);
  display: grid;
  grid-template-columns: 150px minmax(0,1fr);
  align-items: center;
  gap: 40px;
  border: 1px solid rgba(16,32,25,.12);
  border-radius: 22px;
  background: #faf7ef;
}

.career-history-locked > span,
.career-privacy-orbit {
  width: 130px;
  height: 130px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(13,58,44,.2);
  border-radius: 50%;
  color: #0d3a2c;
  box-shadow: 0 0 0 20px rgba(13,58,44,.03),0 0 0 40px rgba(13,58,44,.018);
}

.career-history-locked strong { display: block; font: 600 29px var(--serif); }
.career-history-locked p,.career-stat-privacy p { max-width: 620px; color: #65736b; }
.career-stat-privacy { margin-top: 28px; }
.career-stat-privacy h2 { margin: 10px 0; font: 600 clamp(35px,5vw,60px)/.92 var(--serif); letter-spacing: -.05em; }
.career-empty-ledger { min-height: 190px; grid-column: 1/-1; display: grid; place-items: center; align-content: center; text-align: center; border: 1px dashed rgba(16,32,25,.18); border-radius: 19px; }
.career-empty-ledger span { font-size: 30px; }
.career-empty-ledger h3 { margin: 12px 0 2px; font: 600 27px var(--serif); }
.career-empty-ledger p { color: #69766f; }

.career-passport-loading,
.career-not-found {
  min-height: 760px;
  padding: 130px 20px 70px;
  display: grid;
  place-items: center;
  color: #f4f1e8;
  background: radial-gradient(circle at 50% 35%,#144132,#07110e 58%);
}

.career-passport-loading { grid-template-columns: auto minmax(220px,360px); gap: 30px; }
.career-loading-mark,.career-not-found-mark { width: 112px; height: 132px; display: grid; place-items: center; border: 1px solid rgba(217,255,107,.28); border-radius: 56px 56px 18px 18px; color: #d9ff6b; font: 600 37px var(--serif); }
.career-passport-loading > div:nth-child(2) span { width: 100%; height: 7px; margin: 8px 0; display: block; border-radius: 10px; background: rgba(255,255,255,.08); animation: career-load 1.4s ease-in-out infinite alternate; }
.career-passport-loading > div:nth-child(2) span:nth-child(2) { width: 72%; }
.career-passport-loading > div:nth-child(2) span:nth-child(3) { width: 45%; }
.career-passport-loading p { color: rgba(255,255,255,.5); font-size: 9px; }
@keyframes career-load { to { background: rgba(217,255,107,.18); } }
.career-not-found > div { max-width: 650px; text-align: center; }
.career-not-found-mark { margin: 0 auto 30px; }
.career-not-found .eyebrow { justify-content: center; }
.career-not-found h1 { margin: 19px 0 13px; font: 600 clamp(47px,7vw,79px)/.88 var(--serif); letter-spacing: -.055em; }
.career-not-found p { color: #aab5af; }
.career-not-found .compact-button { margin: 25px auto 0; width: max-content; }

.career-proof-explainer { margin: 24px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.career-proof-explainer > div { padding: 13px; border: 1px solid var(--line); border-radius: 13px; }
.career-proof-explainer span { color: #d9ff6b; font: 600 7px var(--mono); }
.career-proof-explainer strong { display: block; margin-top: 11px; }
.career-proof-explainer p { margin: 3px 0 0; color: var(--mist); font-size: 8px; }

/* Private Passport desk */

.career-desk-loader,
.career-desk-error {
  min-height: 370px;
  padding: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #0b1b16;
}

.career-desk-loader i { width: 45px; height: 45px; border: 2px solid rgba(217,255,107,.16); border-top-color: #d9ff6b; border-radius: 50%; animation: career-spin .8s linear infinite; }
@keyframes career-spin { to { transform: rotate(1turn); } }
.career-desk-loader strong,.career-desk-loader span { display: block; }
.career-desk-loader span { margin-top: 3px; color: var(--mist); font-size: 9px; }
.career-desk-error > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #2a100a; background: #ff7456; font-weight: 900; }
.career-desk-error p { margin: 3px 0 0; color: var(--mist); font-size: 9px; }

.career-desk-onboarding {
  min-height: 330px;
  padding: clamp(24px,4vw,46px);
  display: grid;
  grid-template-columns: minmax(250px,.65fr) minmax(0,1fr);
  align-items: center;
  gap: clamp(28px,5vw,75px);
  overflow: hidden;
  border-radius: 23px;
  color: #12231b;
  background: #d9ff6b;
}

.career-onboarding-art { width: min(100%,320px); aspect-ratio: 1.15; position: relative; display: grid; place-items: center; border: 1px solid rgba(10,52,38,.18); border-radius: 50%; }
.career-onboarding-art:before,.career-onboarding-art:after { content: ""; position: absolute; border: 1px solid rgba(10,52,38,.15); border-radius: 50%; }
.career-onboarding-art:before { inset: 12%; }
.career-onboarding-art:after { inset: 27%; }
.career-onboarding-art span { position: absolute; left: 4px; top: 20px; font: 700 7px var(--mono); }
.career-onboarding-art i { width: 52px; height: 52px; position: absolute; right: 11px; top: 40%; border-radius: 50%; background: #ff7456; box-shadow: 0 0 0 14px rgba(255,116,86,.12); }
.career-onboarding-art b { position: relative; font: 600 68px var(--serif); letter-spacing: -.08em; }
.career-desk-onboarding .eyebrow { color: #245643; }
.career-desk-onboarding h2 { margin: 17px 0 13px; font: 600 clamp(44px,5.5vw,68px)/.84 var(--serif); letter-spacing: -.057em; }
.career-desk-onboarding h2 em { color: #b43926; font-weight: 500; }
.career-desk-onboarding p { max-width: 590px; color: #435c50; font-size: 11px; }
.career-onboarding-proof { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 15px; }
.career-onboarding-proof span { font-size: 8px; font-weight: 750; }
.career-onboarding-proof b { margin-right: 5px; font: 700 7px var(--mono); }

.career-profile-editor,
.career-evidence-desk,
.career-inbox-desk {
  margin-top: 10px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #0b1b16;
}

.career-profile-editor > header { margin-bottom: 17px; display: flex; justify-content: space-between; align-items: end; gap: 15px; }
.career-profile-editor > header span:first-child { color: var(--acid); font: 600 7px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.career-profile-editor h3 { margin: 5px 0 0; font: 600 26px var(--serif); }
.career-save-state { color: var(--mist); font: 500 7px var(--mono); }
.career-editor-layout { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 12px; }
.career-identity-fields,.career-privacy-editor { min-width: 0; padding: 17px; border-radius: 16px; background: rgba(255,255,255,.025); }
.career-profile-editor .builder-field { position: relative; }
.career-profile-editor .builder-field textarea { width: 100%; min-height: 91px; resize: vertical; padding: 13px 14px; border: 1px solid var(--line); border-radius: 13px; outline: 0; color: var(--chalk); background: rgba(255,255,255,.045); font: 700 12px var(--sans); }
.career-profile-editor .builder-field textarea:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(217,255,107,.08); }
.career-profile-editor .builder-field > small { position: absolute; right: 8px; bottom: 8px; color: var(--mist); font: 500 6px var(--mono); }
.career-slug-field { height: 52px; padding-left: 12px; display: flex; align-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.045); }
.career-slug-field > span { margin: 0; color: #6f8178; font: 600 8px var(--mono); text-transform: none; letter-spacing: 0; white-space: nowrap; }
.career-slug-field input { height: 50px; min-width: 0; padding-left: 1px; border: 0; background: transparent; box-shadow: none!important; }
.career-privacy-editor > div:first-child { margin-bottom: 7px; padding: 5px 4px 13px; }
.career-privacy-editor > div:first-child span { color: var(--acid); font: 600 7px var(--mono); text-transform: uppercase; }
.career-privacy-editor > div:first-child strong { display: block; margin-top: 7px; font: 600 21px var(--serif); }
.career-privacy-editor > div:first-child p { margin: 3px 0 0; color: var(--mist); font-size: 8px; }
.career-privacy-control { min-height: 61px; padding: 10px 3px; display: grid; grid-template-columns: 35px minmax(0,1fr); align-items: center; gap: 9px; border-top: 1px solid var(--soft-line); cursor: pointer; }
.career-privacy-control input { position: absolute; opacity: 0; pointer-events: none; }
.career-privacy-control > span:last-child { min-width: 0; }
.career-privacy-control strong,.career-privacy-control small { display: block; }
.career-privacy-control strong { font-size: 9px; }
.career-privacy-control small { margin-top: 2px; color: var(--mist); font-size: 7px; }
.career-switch { width: 32px; height: 19px; padding: 3px; border-radius: 99px; background: rgba(255,255,255,.12); transition: .2s; }
.career-switch i { width: 13px; height: 13px; display: block; border-radius: 50%; background: #7c8b84; transition: .2s; }
.career-privacy-control input:checked + .career-switch { background: var(--acid); }
.career-privacy-control input:checked + .career-switch i { transform: translateX(13px); background: #142019; }
.career-privacy-control.disabled { opacity: .38; cursor: not-allowed; }
.career-profile-editor > footer { min-height: 61px; padding-top: 13px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid var(--soft-line); }
.career-profile-editor > footer p { max-width: 630px; margin: 0; color: var(--mist); font-size: 8px; }
.career-profile-editor > footer p span { color: var(--acid); margin-right: 6px; }
.career-profile-editor > footer button { flex: 0 0 auto; }

.career-desk-command {
  min-height: 235px;
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) 190px;
  gap: 14px;
  overflow: hidden;
  border-radius: 22px;
  color: #102019;
  background: #eee8dc;
}

.career-desk-copy h2 { margin: 10px 0 7px; font: 600 clamp(40px,5vw,60px)/.85 var(--serif); letter-spacing: -.055em; }
.career-desk-copy p { max-width: 580px; color: #5f6c65; font-size: 10px; }
.career-desk-copy .eyebrow { color: #34715a; }
.career-desk-actions { margin-top: 21px; display: flex; gap: 7px; }
.career-desk-actions .workspace-button:not(.primary) { color: #142019; border-color: rgba(20,32,25,.16); }
.career-desk-actions button:disabled { opacity: .35; }
.career-private-pill { min-height: 40px; padding: 0 13px; display: inline-flex; align-items: center; border-radius: 11px; color: #f4f1e8; background: #0c2f24; font: 700 7px var(--mono); }
.career-proof-score { min-height: 188px; padding: 17px; display: flex; flex-direction: column; border-radius: 17px; color: #f4f1e8; background: #0c2f24; }
.career-proof-score span { color: #d9ff6b; font: 700 6px var(--mono); text-transform: uppercase; }
.career-proof-score strong { margin: auto 0 0; font: 600 66px/.7 var(--serif); }
.career-proof-score small { margin-top: 6px; color: rgba(255,255,255,.5); font-size: 7px; }
.career-proof-score i { height: 4px; margin-top: 15px; border-radius: 9px; background: linear-gradient(90deg,#d9ff6b var(--career-proof-fill),rgba(255,255,255,.1) var(--career-proof-fill)); }
.career-desk-metrics { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(20,32,25,.12); border-radius: 13px; background: rgba(20,32,25,.12); }
.career-desk-metrics div { min-height: 58px; padding: 11px; background: #faf7ef; }
.career-desk-metrics strong,.career-desk-metrics span { display: block; }
.career-desk-metrics strong { font: 600 24px/.8 var(--serif); }
.career-desk-metrics span { margin-top: 6px; color: #6d7972; font: 700 6px var(--mono); text-transform: uppercase; }

.career-evidence-desk .career-section-heading,
.career-inbox-desk .career-section-heading { color: var(--chalk); }
.career-evidence-desk .career-section-heading p,
.career-inbox-desk .career-section-heading p { color: var(--mist); }
.career-claim-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.career-claim-columns > section { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; }
.career-claim-columns > section > header { min-height: 48px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--soft-line); background: rgba(255,255,255,.025); }
.career-claim-columns > section > header span { color: var(--mist); font: 700 7px var(--mono); text-transform: uppercase; }
.career-claim-columns > section > header strong { font: 600 21px var(--serif); }
.career-claim-card { min-height: 76px; padding: 10px; display: grid; grid-template-columns: 39px minmax(0,1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid var(--soft-line); }
.career-claim-card:last-child { border-bottom: 0; }
.career-claim-avatar { width: 38px; height: 43px; display: grid; place-items: center; border-radius: 19px 19px 10px 10px; color: var(--acid); background: #16352b; font: 600 12px var(--serif); }
.career-claim-card > div { min-width: 0; }
.career-claim-card > div strong,.career-claim-card > div span,.career-claim-card > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.career-claim-card > div strong { font-size: 9px; }
.career-claim-card > div span { margin-top: 2px; color: var(--mist); font-size: 7px; }
.career-claim-card > div small { margin-top: 4px; color: #71847b; font-size: 6px; }
.career-claim-status { padding: 5px 6px; border: 1px solid var(--line); border-radius: 99px; color: var(--mist); font: 700 5px var(--mono); }
.career-claim-card.approved .career-claim-status { border-color: rgba(217,255,107,.32); color: var(--acid); }
.career-claim-card > button,.career-inbox-card button { min-height: 29px; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; color: var(--mist); background: transparent; font-size: 6px; font-weight: 800; cursor: pointer; }
.career-claim-card > button { grid-column: 2/-1; justify-self: end; }
.career-claim-card > button.primary,.career-inbox-card button.primary { border-color: var(--acid); color: #142019; background: var(--acid); }
.career-claim-empty { min-height: 165px; padding: 22px; display: grid; place-items: center; align-content: center; text-align: center; }
.career-claim-empty > span { color: var(--acid); font-size: 25px; }
.career-claim-empty strong { margin-top: 10px; font: 600 18px var(--serif); }
.career-claim-empty p { max-width: 280px; margin: 4px 0 0; color: var(--mist); font-size: 7px; }

.career-inbox-card { min-height: 73px; padding: 10px; display: grid; grid-template-columns: 39px minmax(0,1fr) auto auto; align-items: center; gap: 10px; border-top: 1px solid var(--soft-line); }
.career-inbox-card > div:nth-child(2) { min-width: 0; }
.career-inbox-card > div:nth-child(2) span,.career-inbox-card > div:nth-child(2) strong,.career-inbox-card > div:nth-child(2) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.career-inbox-card > div:nth-child(2) span { color: var(--acid); font: 600 6px var(--mono); }
.career-inbox-card > div:nth-child(2) strong { margin-top: 3px; font-size: 9px; }
.career-inbox-card > div:nth-child(2) small { margin-top: 3px; color: var(--mist); font-size: 7px; }
.career-inbox-card > div:last-child { display: flex; gap: 5px; }
.career-inbox-clear { min-height: 82px; padding: 13px; display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--soft-line); }
.career-inbox-clear > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(217,255,107,.3); border-radius: 50%; color: var(--acid); }
.career-inbox-clear strong,.career-inbox-clear p { display: block; margin: 0; }
.career-inbox-clear strong { font-size: 9px; }
.career-inbox-clear p { margin-top: 2px; color: var(--mist); font-size: 7px; }

.workspace-dock { grid-template-columns: repeat(5,1fr); }

@media (max-width: 980px) {
  .career-identity-stage { grid-template-columns: 170px minmax(0,1fr); }
  .career-portrait { width: 170px; height: 210px; }
  .career-passport-stamp { display: none; }
  .career-editor-layout { grid-template-columns: 1fr; }
  .career-stat-ledger > section { grid-template-columns: 120px minmax(0,1fr); }
  .career-desk-command { grid-template-columns: minmax(0,1fr) 160px; }
  .career-verification-layout { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  body.career-passport-mode,
  .career-passport-public,
  .career-public-hero,
  .career-public-body {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
  }

  .career-public-hero { min-height: 0; padding-top: 94px; }
  .career-hero-art { width: 490px; max-width: none; right: -285px; top: -185px; }
  .career-identity-stage { min-height: 0; padding-bottom: 30px; grid-template-columns: 91px minmax(0,1fr); align-items: start; gap: 14px; }
  .career-portrait { width: 91px; height: 116px; border-radius: 46px 46px 16px 16px; }
  .career-portrait:before { width: 53px; height: 53px; top: 17px; box-shadow: 0 0 0 14px rgba(217,255,107,.018); }
  .career-portrait span { font-size: 30px; }
  .career-portrait i { left: 10px; right: 10px; bottom: 9px; padding-top: 5px; font-size: 5px; }
  .career-proof-chip { font-size: 6px; gap: 6px; }
  .career-proof-chip b { width: 20px; height: 20px; }
  .career-identity-copy h1 { max-width: 100%; margin-top: 12px; font-size: clamp(47px,13vw,64px); overflow-wrap: break-word; }
  .career-role { font-size: 8px; }
  .career-social-proof { margin-top: 7px; font-size: 7px; }
  .career-bio { grid-column: 1/-1; margin-top: 11px; font-size: 9px; }
  .career-public-actions { margin-top: 16px; }
  .career-public-actions .compact-button { min-height: 40px; padding: 0 11px; font-size: 7px; }
  .career-hero-metrics { min-height: 0; grid-template-columns: repeat(2,1fr); }
  .career-hero-metrics .career-metric { min-height: 73px; padding: 13px 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .career-hero-metrics .career-metric strong { margin-top: 9px; font-size: 28px; }
  .career-public-body { padding: 13px 13px 70px; }
  .career-official-proof { grid-template-columns: 42px minmax(0,1fr); padding: 13px; }
  .career-official-seal { width: 40px; height: 40px; }
  .career-official-proof > b { grid-column: 2; width: max-content; }
  .career-verification-desk { padding: 13px; }
  .career-verification-card { grid-template-columns: 34px minmax(0,1fr); }
  .career-verification-card > b,.career-verification-card > button,.career-verification-actions { grid-column: 2; width: max-content; }
  .career-provenance-ribbon { grid-template-columns: 39px minmax(0,1fr); padding: 12px; }
  .career-proof-seal { width: 38px; height: 38px; }
  .career-provenance-ribbon button { grid-column: 2; width: max-content; }
  .career-provenance-ribbon small { line-height: 1.45; }
  .career-season-switch { margin-top: 18px; }
  .career-season-switch button { flex: 1; min-width: 62px; padding: 0 8px; }
  .career-public-tabs { grid-template-columns: 1fr 1fr; }
  .career-public-tabs button { min-height: 48px; border-bottom: 1px solid rgba(16,32,25,.12); font-size: 8px; }
  .career-tab-panel { padding-top: 27px; }
  .career-section-heading { grid-template-columns: 1fr; align-items: start; gap: 8px; }
  .career-section-heading h2 { max-width: 100%; font-size: 34px; overflow-wrap: break-word; }
  .career-section-heading p { font-size: 8px; }
  .career-discipline-grid { grid-template-columns: 1fr 1fr; }
  .career-discipline { min-height: 141px; padding: 14px; }
  .career-discipline:first-child { grid-column: 1/-1; }
  .career-discipline strong { font-size: 45px; }
  .career-form-ribbon { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .career-form-ribbon article { min-height: 108px; padding: 9px; }
  .career-form-ribbon article strong { font-size: 28px; }
  .career-form-ribbon article em { font-size: 5px; }
  .career-milestone-strip { grid-template-columns: 1fr; }
  .career-stat-ledger > section { padding: 13px; grid-template-columns: 1fr; gap: 12px; }
  .career-stat-ledger header { flex-direction: row; align-items: center; }
  .career-stat-ledger header h3 { margin: 0; }
  .career-stat-ledger > section > div { grid-template-columns: repeat(2,1fr); }
  .career-record-grid { grid-template-columns: 1fr; }
  .career-record-grid > article { min-height: 173px; }
  .career-match-card { grid-template-columns: 45px minmax(0,1fr) 63px; }
  .career-match-impact.bowling { display: none; }
  .career-match-impact strong { font-size: 21px; }
  .career-history-locked,.career-stat-privacy { min-height: 300px; padding: 30px 22px; grid-template-columns: 1fr; gap: 34px; }
  .career-history-locked > span,.career-privacy-orbit { width: 92px; height: 92px; }
  .career-stat-privacy h2 { font-size: 39px; }
  .career-passport-loading { min-height: 700px; grid-template-columns: 1fr; align-content: center; }
  .career-loading-mark { margin: auto; }
  .career-proof-explainer { grid-template-columns: 1fr; }

  .compact-workspace[data-view="career"] .workspace-top { display: none; }
  .workspace-dock { grid-template-columns: repeat(5,1fr); }
  .workspace-dock button,.workspace-dock a { padding-inline: 1px; font-size: 7px; }
  .career-desk-onboarding { padding: 22px; grid-template-columns: 1fr; gap: 22px; }
  .career-onboarding-art { width: 210px; margin: auto; }
  .career-desk-onboarding h2 { font-size: 45px; }
  .career-profile-editor,.career-evidence-desk,.career-inbox-desk { padding: 13px; }
  .career-profile-editor > header { align-items: start; flex-direction: column; }
  .career-identity-fields,.career-privacy-editor { padding: 12px; }
  .career-profile-editor .builder-two { grid-template-columns: 1fr; }
  .career-slug-field { padding: 7px 9px; height: auto; align-items: start; flex-direction: column; }
  .career-slug-field input { width: 100%; height: 33px; padding: 0; }
  .career-profile-editor > footer { align-items: stretch; flex-direction: column; }
  .career-profile-editor > footer button { width: 100%; justify-content: center; }
  .career-desk-command { padding: 18px; grid-template-columns: minmax(0,1fr) 105px; }
  .career-desk-copy h2 { font-size: 42px; }
  .career-desk-copy p { font-size: 8px; }
  .career-desk-actions { grid-column: 1/-1; flex-wrap: wrap; }
  .career-proof-score { min-height: 145px; padding: 12px; }
  .career-proof-score strong { font-size: 50px; }
  .career-desk-metrics { grid-template-columns: 1fr 1fr; }
  .career-claim-columns { grid-template-columns: 1fr; }
  .career-claim-card { grid-template-columns: 39px minmax(0,1fr) auto; }
  .career-inbox-card { grid-template-columns: 39px minmax(0,1fr) auto; }
  .career-inbox-card > div:last-child { grid-column: 2/-1; justify-content: flex-end; }
}

@media (max-width: 390px) {
  .career-public-body { padding-inline: 10px; }
  .career-identity-stage { padding-inline: 11px; grid-template-columns: 80px minmax(0,1fr); gap: 11px; }
  .career-portrait { width: 80px; height: 105px; }
  .career-identity-copy h1 { font-size: 44px; }
  .career-proof-chip em { display: none; }
  .career-form-ribbon article { min-height: 98px; padding: 7px; }
  .career-form-ribbon article strong { font-size: 23px; }
  .career-form-ribbon article small { font-size: 5px; }
  .career-desk-command { grid-template-columns: 1fr; }
  .career-proof-score { width: 100%; min-height: 125px; }
  .career-desk-metrics { grid-column: 1; }
}

@media (max-width: 820px) {
  .site-header {
    height: 60px;
    padding-inline: 15px;
  }

  .menu-button {
    width: 40px;
    height: 40px;
  }

  .mobile-nav {
    padding: 88px 20px 30px;
    gap: 13px;
  }

  .mobile-nav a {
    font-size: 34px;
  }

  .compact-hero {
    width: calc(100% - 20px);
    min-height: 575px;
    margin-top: 67px;
    padding: 72px 22px 20px;
    border-radius: 20px;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .compact-hero-media {
    background-position: 76% center;
  }

  .compact-hero::after {
    background:
      linear-gradient(0deg, rgba(4, 11, 9, .95) 0%, rgba(4, 11, 9, .52) 63%, rgba(4, 11, 9, .12) 100%),
      linear-gradient(90deg, rgba(4, 11, 9, .65), transparent 72%);
  }

  .compact-cta::before {
    background-position: 63% center;
  }

  .compact-cta::after {
    background: linear-gradient(0deg, rgba(4, 12, 9, .98) 0%, rgba(4, 12, 9, .78) 68%, rgba(4, 12, 9, .36) 100%);
  }

  .compact-hero-copy h1 {
    margin: 12px 0;
    font-size: clamp(43px, 13vw, 56px);
    line-height: .9;
  }

  .compact-hero-copy > p {
    max-width: 430px;
    font-size: 13px;
    line-height: 1.55;
  }

  .compact-actions {
    margin-top: 17px;
  }

  .compact-live {
    min-height: 130px;
    padding: 14px;
  }

  .compact-live > strong {
    font-size: 37px;
  }

  .compact-live-foot {
    font-size: 9px;
  }

  .compact-section,
  .discovery-hub {
    padding-block: 43px;
  }

  .compact-heading {
    align-items: start;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
  }

  .compact-heading h2,
  .feature-copy h2,
  .compact-cta h2 {
    font-size: clamp(29px, 9vw, 38px);
  }

  .compact-match-list .match-row,
  .match-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "state score"
      "title score"
      "moment moment";
    gap: 4px 14px;
    min-width: 0;
    min-height: 82px;
    padding: 12px 0;
  }

  .match-state { grid-area: state; }
  .match-title { grid-area: title; }
  .match-score { grid-area: score; align-self: center; text-align: right; }
  .match-moment { grid-area: moment; display: block; font-size: 9px; }
  .match-arrow { display: none; }

  .feature-split {
    grid-template-columns: 1fr;
    padding-top: 6px;
    padding-bottom: 43px;
  }

  .feature-photo {
    min-height: 235px;
    border-radius: 18px 18px 0 0;
  }

  .feature-copy {
    padding: 24px 20px;
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 18px 18px;
  }

  .discovery-hub .tournament-grid,
  .discovery-hub .venue-grid,
  .discovery-hub .opportunity-grid,
  .compact-leaders {
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .discovery-hub .tournament-card,
  .discovery-hub .tournament-card.featured,
  .discovery-hub .venue-card,
  .discovery-hub .opportunity-card {
    width: 100%;
    min-width: 0;
    min-height: 174px;
    scroll-snap-align: none;
  }

  .discovery-hub .venue-card {
    min-height: 190px;
  }

  .hub-tabs {
    width: 100%;
  }

  .hub-tabs button {
    flex: 1 1 calc(50% - 3px);
  }

  .proof-strip {
    width: calc(100% - 36px);
    padding: 26px 0;
    grid-template-columns: 1fr;
  }

  .proof-strip > div {
    min-height: 62px;
    padding: 10px 4px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .proof-strip > div:last-child {
    border-bottom: 0;
  }

  .proof-strip strong {
    font-size: 23px;
  }

  .compact-cta {
    width: calc(100% - 20px);
    min-height: 0;
    margin: 43px auto;
    padding: 25px 20px;
    border-radius: 18px;
    align-items: flex-start;
    flex-direction: column;
    gap: 23px;
  }

  .site-footer {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 38px 18px 90px;
  }

  .footer-links {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }

  .footer-links a {
    font-size: 11px;
  }

  /* Workspace becomes three focused screens with a fixed thumb dock. */
  .compact-workspace {
    padding: 76px 13px calc(88px + env(safe-area-inset-bottom));
  }

  .compact-workspace .workspace-top {
    margin-bottom: 16px;
    align-items: flex-start;
    gap: 12px;
  }

  .compact-workspace .workspace-top h1 {
    font-size: 29px;
  }

  .compact-workspace .workspace-top-actions .workspace-button:not(.primary) {
    display: none;
  }

  .compact-workspace[data-view="operations"] .workspace-top,
  .compact-workspace[data-view="network"] .workspace-top {
    display: none;
  }

  .compact-workspace .workspace-grid {
    grid-template-columns: 1fr;
  }

  .compact-sidebar {
    display: none;
  }

  .workspace-dock {
    position: fixed;
    z-index: 44;
    left: 8px;
    right: 8px;
    bottom: 8px;
    min-height: 59px;
    padding: 5px 5px calc(5px + env(safe-area-inset-bottom));
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 17px;
    background: rgba(9, 24, 19, .92);
    backdrop-filter: blur(22px);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    box-shadow: 0 16px 45px rgba(0, 0, 0, .45);
  }

  .workspace-dock button,
  .workspace-dock a {
    min-width: 0;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--mist);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
  }

  .workspace-dock span {
    font-size: 15px;
    line-height: 1;
  }

  .workspace-dock button.active {
    background: var(--acid);
    color: #142019;
  }

  .compact-workspace .workspace-hero {
    grid-template-columns: 1fr;
  }

  .compact-workspace .command-card,
  .compact-workspace .health-card {
    min-height: 174px;
  }

  .compact-workspace .health-card {
    min-height: 130px;
  }

  .compact-workspace .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compact-workspace .metric-card {
    min-height: 82px;
  }

  .compact-title {
    margin-top: 22px;
  }

  .compact-workspace .workspace-table {
    border: 0;
    background: transparent;
    overflow: visible;
  }

  .compact-workspace .workspace-table-head {
    display: none;
  }

  .compact-workspace .workspace-table-row {
    width: 100%;
    min-width: 0;
    margin-bottom: 7px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 13px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 12px;
  }

  .compact-workspace .workspace-table-row > strong {
    grid-column: 1 / -1;
  }

  .compact-workspace .workspace-table-row > span:nth-child(3) {
    color: var(--mist);
    font-size: 9px;
  }

  .compact-workspace .workspace-table-row > span:nth-child(4),
  .compact-workspace .workspace-table-row > span:last-child {
    display: none;
  }

  .compact-workspace .ops-board,
  .compact-workspace .channel-grid,
  .control-rail {
    grid-template-columns: 1fr;
  }

  .ops-tabs {
    width: 100%;
  }

  .ops-tabs button {
    flex: 1;
    min-width: 0;
    padding-inline: 8px;
  }

  .compact-workspace .channel-grid {
    gap: 7px;
  }

  .compact-workspace .channel-card {
    min-height: 90px;
    padding: 13px 15px;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 12px;
  }

  .compact-workspace .channel-card > span {
    grid-row: 1 / 3;
    align-self: center;
  }

  .compact-workspace .channel-card strong {
    margin: 0;
    font-size: 22px;
  }

  .compact-signals .signal-desk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
  }

  .compact-signals .signal-button {
    width: 100%;
    min-width: 0;
    min-height: 72px;
  }

  .compact-ecosystem .ecosystem-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compact-ecosystem .ecosystem-card {
    min-height: 100px;
  }

  /* Scoring retains 44px touch targets without billboard-sized controls. */
  .control-room,
  .broadcast-studio {
    padding: 70px 10px 20px;
  }

  .control-header {
    min-height: 66px;
    height: auto;
    padding: 10px;
    grid-template-columns: 1fr auto;
    gap: 7px 10px;
  }

  .control-header > div:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 1;
    text-align: left;
  }

  .control-header .back-link {
    grid-row: 2;
  }

  .control-sync {
    grid-row: 2;
  }

  .control-score {
    grid-template-columns: minmax(0, 1fr) 88px;
    gap: 10px;
    padding: 17px 2px;
  }

  .control-score > div:first-child strong {
    font-size: 47px;
  }

  .chase-orbit {
    width: 84px;
    height: 84px;
  }

  .chase-orbit span {
    font-size: 29px;
  }

  .chase-orbit em {
    margin-top: 3px;
  }

  .control-partnership {
    grid-column: 1 / -1;
    width: 100%;
  }

  .control-partnership strong {
    font-size: 28px;
  }

  .stage-head {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }

  .stage-head > div {
    min-width: 0;
    padding: 8px;
  }

  .stage-head strong,
  .stage-head strong small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .stage-head strong small {
    margin-left: 0;
    margin-top: 3px;
  }

  .over-ribbon {
    gap: 4px;
  }

  .ball-token,
  .undo-ball {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }

  .run-pad {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .run-pad button {
    height: 72px;
  }

  .extras-pad {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .extras-pad button {
    height: 44px;
  }

  .broadcast-studio .control-header > .workspace-button {
    grid-row: 2;
    min-height: 38px;
  }

  .broadcast-lower {
    min-height: 56px;
    padding: 7px;
    gap: 6px;
  }

  .broadcast-lower strong {
    font-size: 23px;
  }

  /* Editorial screens use contained hierarchy, never display-scale type. */
  .detail-hero,
  .detail-hero.compact-detail,
  .compact-detail {
    min-height: 315px;
    padding: 93px 0 35px;
  }

  .detail-title {
    margin: 13px 0 17px;
    font-size: clamp(41px, 13vw, 54px);
  }

  .detail-meta {
    flex-wrap: wrap;
    gap: 8px 17px;
  }

  .section {
    padding-block: 45px;
  }

  .section-head {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 20px;
  }

  .section-head h2 {
    font-size: 35px;
  }

  .section .tournament-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .section .tournament-card,
  .section .tournament-card.featured {
    width: 100%;
    min-width: 0;
    min-height: 205px;
    grid-column: auto;
  }

  .story-grid,
  .story-side {
    grid-template-columns: 1fr;
  }

  .story-card,
  .story-side .story-card {
    min-height: 230px;
  }

  .story-card h3,
  .story-side h3 {
    font-size: 34px;
  }

  .live-header {
    height: 60px;
    padding-inline: 15px;
  }

  .live-main {
    padding: 37px 12px 62px;
  }

  .live-intro h1 {
    font-size: clamp(38px, 12vw, 48px);
  }

  .live-score-stage {
    margin-top: 20px;
    padding: 15px;
    border-radius: 17px;
  }

  .live-score-line {
    grid-template-columns: minmax(0, 1fr) 86px;
    gap: 11px;
    padding: 28px 0 20px;
  }

  .live-score-line > div:first-child strong {
    font-size: clamp(61px, 20vw, 82px);
  }

  .live-score-line > div:first-child span {
    margin-top: 15px;
    font-size: 10px;
  }

  .live-chase {
    padding-left: 12px;
  }

  .live-chase strong {
    font-size: 39px;
  }

  .live-facts {
    grid-template-columns: repeat(2, 1fr);
  }

  .live-facts article {
    padding: 12px 7px 2px;
  }

  .live-facts article:last-child {
    display: none;
  }

  .live-grid {
    grid-template-columns: 1fr;
  }

  .live-panel {
    min-height: 210px;
    padding: 15px;
  }

  .live-story {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 38px;
    padding-top: 25px;
  }

  .live-story h2 {
    font-size: 32px;
  }

  .builder-shell {
    padding: 28px 17px 17px;
  }

  .builder-shell h2 {
    font-size: 32px;
  }
}

@media (max-width: 470px) {
  .page-shell {
    padding-inline: 15px;
  }

  .header-actions .icon-button {
    display: none;
  }

  .compact-hero {
    min-height: 555px;
  }

  .compact-live > div:first-child small {
    display: none;
  }

  .compact-live-foot span:last-child {
    max-width: 145px;
  }

  .footer-links {
    grid-template-columns: 1fr 1fr;
  }

  .footer-links > div:last-child {
    grid-column: 1 / -1;
  }

  .compact-workspace .workspace-top h1 {
    font-size: 26px;
  }

  .compact-workspace .workspace-top-actions .workspace-button {
    padding-inline: 11px;
  }

  .compact-title {
    align-items: flex-start;
  }

  .compact-title .text-link {
    display: none;
  }

  .compact-signals .workspace-section-title {
    align-items: flex-start;
  }

  .control-sync {
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .stage-head strong {
    font-size: 10px;
  }

  .prose-page h2 {
    font-size: 31px;
  }

  .prose-page p {
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .compact-hero-media,
  .hub-panel,
  .workspace-view {
    animation: none;
  }
}

/* Ground mode: opaque, enhanced-contrast controls that remain legible in glare. */
body.control-room-mode {
  color-scheme: light;
  background: #f7f5ed;
  color: #071410;
  --chalk: #071410;
  --mist: #34433c;
  --acid: #00513b;
  --coral: #981b24;
  --blue: #005a7a;
  --line: #b8c1bb;
  --soft-line: #d5dcd7;
}

.control-room-mode .site-header,
.control-room-mode .site-footer,
.control-room-mode .noise {
  display: none;
}

.control-room-mode .control-room {
  max-width: 1500px;
  padding-top: 16px;
  background: #f7f5ed;
}

.control-room-mode .control-header,
.control-room-mode .scoring-stage,
.control-room-mode .control-rail > section {
  background: #fffef8;
  border-color: #b8c1bb;
  box-shadow: 0 12px 34px rgba(7, 20, 16, 0.07);
}

.control-room-mode .control-header {
  border-radius: 17px;
}

.control-room-mode .back-link,
.control-room-mode .control-sync,
.control-room-mode .control-score > div:first-child span,
.control-room-mode .control-score > div:first-child small,
.control-room-mode .control-partnership > span,
.control-room-mode .control-partnership > small,
.control-room-mode .stage-head span,
.control-room-mode .decision-row span,
.control-room-mode .guardian-row small {
  color: #34433c;
}

.control-room-mode .control-sync i {
  background: #00513b;
  box-shadow: 0 0 0 5px rgba(0, 81, 59, 0.1);
}

.control-room-mode .control-score {
  padding-block: 25px;
}

.control-room-mode .control-score > div:first-child strong {
  font-size: clamp(56px, 6vw, 72px);
  color: #071410;
}

.control-room-mode .chase-orbit {
  border: 2px solid #00513b;
  background: #d7f5e8;
}

.control-room-mode .chase-orbit::before {
  border-color: rgba(0, 81, 59, 0.35);
}

.control-room-mode .chase-orbit span,
.control-room-mode .safe-dot,
.control-room-mode .stage-head strong small {
  color: #00513b !important;
}

.control-room-mode .run-rate {
  background: #d5dcd7;
}

.control-room-mode .run-rate i {
  background: linear-gradient(90deg, #00513b, #005a7a);
}

.control-room-mode .stage-head > div {
  background: #eef2ed;
  border: 1px solid #d5dcd7;
}

.control-room-mode .ball-token,
.control-room-mode .undo-ball {
  background: #fffef8;
  color: #071410;
  border-color: #77847d;
}

.control-room-mode .ball-token.wicket {
  background: #981b24;
  color: #fff;
  border-color: #981b24;
}

.control-room-mode .ball-token.six {
  background: #00513b;
  color: #fff;
  border-color: #00513b;
}

.control-room-mode .ball-token.extra {
  background: #c5e8f7;
  color: #001e2a;
  border-color: #005a7a;
}

.control-room-mode .run-pad button {
  height: 92px;
  background: #fffef8;
  color: #071410;
  border: 1.5px solid #77847d;
  box-shadow: 0 5px 13px rgba(7, 20, 16, 0.06);
}

.control-room-mode .run-pad button:hover,
.control-room-mode .run-pad button:focus-visible {
  border-color: #00513b;
  outline: 3px solid rgba(0, 81, 59, 0.15);
}

.control-room-mode .run-pad button[data-run="4"] {
  background: #005a7a;
  color: #fff;
  border-color: #005a7a;
}

.control-room-mode .run-pad button[data-run="6"] {
  background: #00513b;
  color: #fff;
  border-color: #00513b;
}

.control-room-mode .run-pad button[data-run="4"] small,
.control-room-mode .run-pad button[data-run="6"] small,
.control-room-mode .run-pad .wicket-key small {
  color: #fff;
}

.control-room-mode .run-pad .wicket-key {
  background: #981b24;
  color: #fff;
  border-color: #981b24;
}

.control-room-mode .extras-pad button,
.control-room-mode .clock-actions button {
  background: #eef2ed;
  color: #071410;
  border-color: #77847d;
}

.control-room-mode .extras-pad button[data-extra] {
  background: #c5e8f7;
  color: #001e2a;
  border-color: #005a7a;
}

.control-room-mode .clock-face {
  background: #00513b;
  color: #fff;
}

.control-room-mode .guardian-row .avatar {
  background: #00513b;
  color: #fff;
}

.control-room-mode .guardian-row i {
  background: #d5dcd7;
}

.control-room-mode .guardian-row b {
  background: #00513b;
}

@media (min-width: 1101px) {
  .control-room-mode .run-pad {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .control-room-mode .extras-pad {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

.control-room-mode .builder-dialog {
  color-scheme: light;
  background: #fffef8;
  color: #071410;
  border-color: #77847d;
}

.control-room-mode .builder-dialog::backdrop {
  background: rgba(7, 20, 16, 0.5);
}

.control-room-mode .builder-close,
.control-room-mode .builder-field input,
.control-room-mode .builder-field select,
.control-room-mode .event-grid button {
  background: #f2f2eb;
  color: #071410;
  border-color: #77847d;
}

.control-room-mode .builder-eyebrow,
.control-room-mode .builder-status {
  color: #00513b;
}

.control-room-mode .builder-shell > div > p,
.control-room-mode .builder-field span,
.control-room-mode .builder-check small {
  color: #34433c;
}

.control-room-mode .builder-submit {
  background: #00513b;
  color: #fff;
}

@media (max-width: 760px) {
  .control-room-mode .control-room {
    padding-top: 8px;
  }

  .control-room-mode .stage-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: visible;
  }

  .control-room-mode .stage-head > div {
    min-width: 0;
  }

  .control-room-mode .stage-head > div:last-child {
    grid-column: 1 / -1;
  }

  .control-room-mode .run-pad button {
    height: 72px;
  }
}

/* Scorer telemetry fills the operational canvas without adding more primary controls. */
.control-room-mode .scoring-stage {
  display: flex;
  flex-direction: column;
}

.control-room-mode .stage-lower {
  flex: 1;
  min-height: 130px;
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(190px, .55fr);
  gap: 8px;
}

.control-room-mode .momentum-panel,
.control-room-mode .book-health {
  border: 1px solid #c6cec8;
  border-radius: 15px;
  background: #eef2ed;
  padding: 14px;
}

.control-room-mode .momentum-panel {
  display: grid;
  grid-template-columns: minmax(180px, .62fr) minmax(260px, 1.38fr);
  gap: 18px;
  align-items: center;
}

.control-room-mode .momentum-panel span,
.control-room-mode .book-health span {
  display: block;
  color: #34433c;
  font: 700 8px var(--mono);
  letter-spacing: .09em;
}

.control-room-mode .momentum-panel strong,
.control-room-mode .book-health strong {
  display: block;
  margin-top: 7px;
  color: #071410;
  font: 650 15px/1.2 var(--sans);
}

.control-room-mode .momentum-bars {
  height: 74px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #fffef8;
  border: 1px solid #d5dcd7;
}

.control-room-mode .momentum-bars i {
  flex: 1;
  min-width: 5px;
  max-width: 18px;
  height: calc(9px + var(--ball) * 7px);
  border-radius: 8px 8px 3px 3px;
  background: #607169;
  transition: height .35s cubic-bezier(.2,.8,.2,1);
}

.control-room-mode .momentum-bars i.boundary { background: #005a7a; }
.control-room-mode .momentum-bars i.extra { background: #bc7300; }
.control-room-mode .momentum-bars i.wicket { background: #981b24; }

.control-room-mode .book-health {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.control-room-mode .book-health small {
  margin-top: 5px;
  color: #34433c;
  font-size: 9px;
}

.control-room-mode .book-health > i {
  display: block;
  height: 5px;
  margin-top: 13px;
  overflow: hidden;
  border-radius: 8px;
  background: #d5dcd7;
}

.control-room-mode .book-health > i b {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00513b, #005a7a);
}

@media (max-width: 760px) {
  .control-room-mode .stage-lower {
    min-height: 112px;
    grid-template-columns: 1fr;
  }

  .control-room-mode .momentum-panel {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .control-room-mode .momentum-bars { height: 52px; }
  .control-room-mode .book-health { display: none; }
}

/* Ground scoreboard: distance-first hierarchy, cricket geometry and broadcast-safe contrast. */
.scoreboard-mode {
  overflow: hidden;
  background: #03110d;
}

.scoreboard-mode .stadium-board {
  position: relative;
  isolation: isolate;
  width: 100vw;
  height: 100vh;
  min-height: 0;
  padding: clamp(24px, 3.2vh, 58px) clamp(28px, 4vw, 82px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: clamp(14px, 2vh, 30px);
  overflow: hidden;
  color: #f7f5ed;
  background:
    radial-gradient(circle at 84% 23%, rgba(215,255,107,.09), transparent 28%),
    linear-gradient(135deg, #03110d 0%, #0a2119 52%, #03110d 100%);
}

.stadium-grid {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .26;
  background-image:
    linear-gradient(rgba(215,255,107,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(215,255,107,.08) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}

.stadium-board::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(48vw, 760px);
  aspect-ratio: 1;
  right: -12vw;
  top: -18vh;
  border: clamp(22px, 3vw, 54px) solid rgba(215,255,107,.055);
  border-radius: 50%;
}

.stadium-board::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 49%;
  top: 18%;
  width: 6.5vw;
  height: 60%;
  min-width: 55px;
  border: 1px solid rgba(215,255,107,.08);
  border-radius: 18px;
  background: rgba(215,255,107,.025);
  transform: translateX(-50%);
}

.stadium-top {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  color: #d7ff6b;
  font: 700 clamp(12px, 1.05vw, 21px) var(--mono);
  letter-spacing: .12em;
}

.stadium-top .scoreboard-brand { position: static; display: flex; align-items: center; gap: 10px; }
.stadium-top .scoreboard-brand b { color: #f7f5ed; }
.stadium-competition { color: rgba(247,245,237,.68); text-align: center; }
.stadium-competition i { display: inline-block; width: 5px; height: 5px; margin: 0 11px; border-radius: 50%; background: #62d5ff; vertical-align: middle; }
.stadium-live { justify-self: end; color: #f7f5ed; }
.stadium-live i { display: inline-block; width: 9px; height: 9px; margin-right: 9px; border-radius: 50%; background: #ff626a; box-shadow: 0 0 0 7px rgba(255,98,106,.11); }

.stadium-main {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(260px, .88fr) minmax(420px, 1.35fr) minmax(270px, .82fr);
  gap: clamp(24px, 4vw, 86px);
  align-items: center;
}

.stadium-team span,
.stadium-context span,
.stadium-over > span,
.stadium-players span {
  display: block;
  color: rgba(247,245,237,.54);
  font: 700 clamp(10px, .9vw, 17px) var(--mono);
  letter-spacing: .14em;
}

.stadium-team strong {
  display: block;
  max-width: 10ch;
  margin: 13px 0 10px;
  font: 800 clamp(45px, 4.5vw, 88px)/.92 var(--sans);
  letter-spacing: -.055em;
}

.stadium-team small {
  color: rgba(247,245,237,.64);
  font: 600 clamp(15px, 1.2vw, 24px) var(--sans);
}

.stadium-team > b { display: block; width: 90px; height: 6px; margin-top: 22px; border-radius: 9px; background: #d7ff6b; }

.stadium-score { text-align: center; }
.stadium-score > div { display: flex; align-items: baseline; justify-content: center; white-space: nowrap; }
.stadium-score strong { font: 800 clamp(145px, 17vw, 330px)/.74 var(--mono); letter-spacing: -.12em; }
.stadium-score i { margin: 0 .02em; color: rgba(215,255,107,.55); font: 300 clamp(80px, 8vw, 165px)/1 var(--mono); }
.stadium-score b { color: #ff626a; font: 800 clamp(100px, 10vw, 205px)/1 var(--mono); letter-spacing: -.08em; }
.stadium-score > span { display: block; margin-top: 3vh; color: #d7ff6b; font: 700 clamp(17px, 1.5vw, 31px) var(--mono); letter-spacing: .09em; }
.stadium-score em { display: inline-block; width: 6px; height: 6px; margin: 0 16px; border-radius: 50%; background: rgba(247,245,237,.34); vertical-align: middle; }

.stadium-context {
  display: grid;
  gap: 12px;
}

.stadium-context > div {
  min-height: 120px;
  padding: clamp(15px, 1.6vw, 28px);
  border: 1px solid rgba(247,245,237,.17);
  border-radius: clamp(17px, 1.7vw, 30px);
  background: rgba(10,33,25,.88);
}

.stadium-context strong { display: block; margin-top: 7px; color: #d7ff6b; font: 800 clamp(45px, 4.5vw, 84px)/.95 var(--mono); }
.stadium-context > div + div strong { color: #62d5ff; }
.stadium-context small { color: rgba(247,245,237,.68); font: 600 clamp(12px, 1vw, 20px) var(--sans); }

.stadium-over {
  min-height: 72px;
  padding: 12px 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  border-block: 1px solid rgba(247,245,237,.16);
}

.stadium-over > div { display: flex; gap: 9px; }
.stadium-over > div b { width: clamp(42px, 3.2vw, 66px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(247,245,237,.24); border-radius: 14px; color: #f7f5ed; background: #0a2119; font: 800 clamp(15px, 1.4vw, 26px) var(--mono); }
.stadium-over > div b.four { color: #03110d; border-color: #62d5ff; background: #62d5ff; }
.stadium-over > div b.six { color: #03110d; border-color: #d7ff6b; background: #d7ff6b; }
.stadium-over > div b.wicket { color: #03110d; border-color: #ff626a; background: #ff626a; }
.stadium-over > strong { color: #d7ff6b; font: 800 clamp(13px, 1.1vw, 22px) var(--mono); }

.stadium-players {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid rgba(247,245,237,.16);
  border-radius: clamp(17px, 1.6vw, 28px);
  background: rgba(10,33,25,.9);
}

.stadium-players > div { min-width: 0; padding: clamp(14px, 1.5vw, 25px); display: grid; grid-template-columns: 1fr auto; gap: 5px 16px; }
.stadium-players > div + div { border-left: 1px solid rgba(247,245,237,.14); }
.stadium-players span { grid-column: 1 / -1; }
.stadium-players strong { overflow: hidden; color: #f7f5ed; font: 750 clamp(19px, 1.7vw, 33px) var(--sans); white-space: nowrap; text-overflow: ellipsis; }
.stadium-players b { color: #d7ff6b; font: 800 clamp(19px, 1.8vw, 36px) var(--mono); }
.stadium-players > div:nth-child(2) b { color: #62d5ff; }
.stadium-players > div:nth-child(3) b { color: #ff626a; }
.stadium-players small { color: rgba(247,245,237,.56); font-size: .55em; }

@media (max-aspect-ratio: 4/3) {
  .scoreboard-mode .stadium-board { grid-template-rows: auto auto auto 1fr; overflow: auto; }
  .stadium-main { grid-template-columns: 1fr; text-align: center; gap: 20px; }
  .stadium-team strong { max-width: none; }
  .stadium-team > b { margin-inline: auto; }
  .stadium-context { grid-template-columns: 1fr 1fr; }
  .stadium-score strong { font-size: clamp(120px, 31vw, 250px); }
  .stadium-players { grid-template-columns: 1fr; }
  .stadium-players > div + div { border-left: 0; border-top: 1px solid rgba(247,245,237,.14); }
}

/* Club identity studio */
.identity-studio {
  min-height: 100vh;
  padding: 104px max(20px, calc((100vw - 1420px) / 2)) 80px;
  color: #071410;
  background:
    radial-gradient(circle at 12% 7%, rgba(215,255,107,.28), transparent 23%),
    linear-gradient(135deg, #f7f5ed, #eaf2ec 58%, #f7f5ed);
}

.identity-top {
  margin-bottom: 28px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
}

.identity-top h1 {
  max-width: 760px;
  margin: 15px 0 14px;
  font: 600 clamp(48px, 6vw, 82px)/.86 var(--serif);
  letter-spacing: -.058em;
}

.identity-top h1 em { color: #00513b; font-weight: 500; }
.identity-top p { max-width: 620px; margin: 0; color: #52625a; font-size: 14px; line-height: 1.65; }
.identity-actions { display: flex; gap: 8px; align-items: center; }
.identity-actions button,
.identity-control-foot button,
.identity-text-button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid #bcc9c0;
  border-radius: 12px;
  color: #071410;
  background: rgba(255,255,255,.64);
  font: 800 10px var(--sans);
  cursor: pointer;
}

.identity-actions button:not(.identity-export) { width: 42px; padding: 0; font-size: 18px; }
.identity-actions button:disabled { opacity: .35; cursor: default; }
.identity-actions .identity-export { min-width: 158px; border-color: #071410; color: #f7f5ed; background: #071410; }

.identity-workbench {
  min-height: 780px;
  display: grid;
  grid-template-columns: minmax(480px, 1.08fr) minmax(520px, .92fr);
  overflow: hidden;
  border: 1px solid #afbeb4;
  border-radius: 30px;
  background: #071410;
  box-shadow: 0 35px 90px rgba(7,20,16,.2);
}

.identity-preview {
  min-width: 0;
  padding: 24px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f7f5ed;
  background:
    linear-gradient(rgba(215,255,107,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(215,255,107,.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 38%, #153b2e, #071410 58%);
  background-size: 26px 26px, 26px 26px, auto;
}

.identity-preview::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 500px;
  aspect-ratio: 1;
  left: 50%;
  top: 4%;
  border: 58px solid rgba(215,255,107,.04);
  border-radius: 50%;
  transform: translateX(-50%);
}

.identity-preview-head {
  display: flex;
  justify-content: space-between;
  color: rgba(247,245,237,.55);
  font: 700 8px var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.identity-preview-head span:last-child { color: #d7ff6b; }
.identity-hero-mark { width: min(44vw, 310px); margin: 22px auto 8px; filter: drop-shadow(0 28px 28px rgba(0,0,0,.28)); }
.identity-hero-mark svg { display: block; width: 100%; animation: identity-enter .45s cubic-bezier(.2,.85,.2,1); }
@keyframes identity-enter { from { opacity: .2; transform: scale(.965) rotate(-1deg); } }

.identity-name { text-align: center; }
.identity-name strong { display: block; font: 600 32px var(--serif); letter-spacing: -.04em; }
.identity-name span { color: rgba(247,245,237,.52); font: 600 8px var(--mono); letter-spacing: .14em; }

.identity-applications {
  margin-top: 23px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.badge-app {
  min-width: 0;
  aspect-ratio: 1.12;
  padding: 10px;
  border: 1px solid rgba(247,245,237,.13);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  color: #f7f5ed;
  background: rgba(255,255,255,.045);
}

.badge-app small { position: absolute; left: 9px; bottom: 8px; color: rgba(247,245,237,.45); font: 600 7px var(--mono); text-transform: uppercase; }
.scoreboard-app { display: grid; grid-template-columns: 1fr 28px; align-content: center; gap: 4px 7px; background: #03110d; }
.scoreboard-app > span { color: #d7ff6b; font: 600 7px var(--mono); }
.scoreboard-app > div { grid-row: 1 / 3; grid-column: 2; width: 28px; }
.scoreboard-app strong { font: 700 13px var(--mono); white-space: nowrap; }
.shirt-app { background: linear-gradient(115deg, var(--badge-primary,#063f32), var(--badge-secondary,#153b2e)); }
.shirt-app .shirt-neck { position: absolute; width: 42%; height: 15%; top: -3%; left: 29%; border: 2px solid rgba(255,255,255,.25); border-radius: 0 0 50% 50%; }
.shirt-app > div { width: 40%; margin: 22% auto 0; }
.avatar-app { background: linear-gradient(145deg,#f7f5ed,#d8e2db); color: #071410; }
.avatar-app > div { width: 42%; margin: 7% auto 4%; }
.avatar-app > span { display: block; overflow: hidden; font: 800 8px var(--sans); text-align: center; text-overflow: ellipsis; }
.avatar-app small { color: #52625a; }
.stamp-app { background: #d8c6a8; color: #322d25; }
.stamp-app > div { width: 40%; margin: 4% auto; filter: grayscale(1) contrast(1.4); }
.stamp-app strong { display: block; font: 800 7px var(--mono); text-align: center; letter-spacing: .1em; }
.stamp-app small { color: #655f55; }

.identity-family {
  margin-top: 14px;
  min-height: 105px;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(3, 78px) 1fr;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(247,245,237,.13);
  border-radius: 16px;
  background: rgba(3,17,13,.72);
}

.identity-family > div { height: 80px; padding: 6px; border-radius: 11px; position: relative; background: rgba(255,255,255,.045); }
.identity-family > div span { position: absolute; top: 6px; left: 7px; color: rgba(247,245,237,.45); font: 600 6px var(--mono); text-transform: uppercase; }
.identity-family > div div { width: 55px; margin: 8px auto 0; }
.identity-family p { max-width: 180px; margin: 0; color: rgba(247,245,237,.65); font: 500 19px/1.05 var(--serif); }

.identity-controls {
  height: min(780px, calc(100vh - 118px));
  min-height: 680px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  color: #071410;
  background: #fffef8;
}

.identity-tabs {
  position: sticky;
  z-index: 4;
  top: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  border-bottom: 1px solid #d5dcd7;
  background: rgba(255,254,248,.94);
  backdrop-filter: blur(18px);
}

.identity-tabs button {
  min-width: 0;
  height: 35px;
  padding: 0 4px;
  border: 0;
  border-radius: 9px;
  color: #5d6b64;
  background: transparent;
  font: 750 8px var(--sans);
  cursor: pointer;
}

.identity-tabs button.active { color: #f7f5ed; background: #00513b; }
.identity-panel { display: none; padding: 24px; animation: identity-panel .28s ease; }
.identity-panel.active { display: block; }
@keyframes identity-panel { from { opacity: 0; transform: translateY(5px); } }
.identity-panel-title { margin-bottom: 20px; }
.identity-panel-title > span { color: #00513b; font: 700 8px var(--mono); text-transform: uppercase; letter-spacing: .13em; }
.identity-panel-title h2 { margin: 7px 0 5px; font: 600 32px/.95 var(--serif); letter-spacing: -.04em; }
.identity-panel-title p { max-width: 500px; margin: 0; color: #5a6961; font-size: 11px; line-height: 1.6; }

.identity-field { display: block; margin-bottom: 12px; }
.identity-field span,
.identity-label,
.identity-range > span,
.colour-lab label > span {
  display: block;
  margin-bottom: 6px;
  color: #4a5a52;
  font: 750 8px var(--mono);
  text-transform: uppercase;
  letter-spacing: .09em;
}

.identity-field input,
.colour-lab input[data-badge-hex] {
  width: 100%;
  height: 43px;
  padding: 0 12px;
  border: 1px solid #cbd4ce;
  border-radius: 11px;
  outline: 0;
  color: #071410;
  background: #fff;
  font: 700 12px var(--sans);
}

.identity-field input:focus,
.colour-lab input:focus { border-color: #00513b; box-shadow: 0 0 0 3px rgba(0,81,59,.08); }
.identity-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.identity-label { margin-top: 17px; }

.identity-chips { display: flex; gap: 6px; }
.identity-chips.wrap { flex-wrap: wrap; }
.identity-chips button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid #cbd4ce;
  border-radius: 99px;
  color: #34433c;
  background: #fff;
  font: 750 9px var(--sans);
  cursor: pointer;
}
.identity-chips button.active { border-color: #00513b; color: #fff; background: #00513b; }

.identity-director,
.production-note {
  margin-top: 19px;
  padding: 15px;
  border-radius: 16px;
  background: #071410;
  color: #f7f5ed;
}
.identity-director span { color: #d7ff6b; font: 700 7px var(--mono); text-transform: uppercase; }
.identity-director strong { display: block; margin: 4px 0 10px; font-size: 12px; }
.identity-director button { padding: 0; border: 0; color: #d7ff6b; background: transparent; font: 800 9px var(--sans); cursor: pointer; }

.direction-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.direction-grid button {
  min-width: 0;
  padding: 12px;
  border: 1px solid #d4dcd7;
  border-radius: 18px;
  color: #071410;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease;
}
.direction-grid button:hover { border-color: #00513b; transform: translateY(-2px); }
.direction-grid button > span { display: block; width: 84px; margin: 0 auto 9px; }
.direction-grid strong,.direction-grid small,.direction-grid em { display: block; }
.direction-grid strong { font-size: 11px; }
.direction-grid small { min-height: 34px; margin-top: 3px; color: #69766f; font-size: 8px; line-height: 1.45; }
.direction-grid em { margin-top: 9px; color: #00513b; font: 800 7px var(--sans); font-style: normal; text-transform: uppercase; }

.badge-option-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.badge-option-grid button {
  min-width: 0;
  min-height: 104px;
  padding: 9px;
  border: 1px solid #d5dcd7;
  border-radius: 16px;
  color: #071410;
  background: #fff;
  cursor: pointer;
}
.badge-option-grid button.active { border-color: #00513b; background: #e0f5ea; box-shadow: 0 0 0 1px #00513b inset; }
.badge-option-grid button span { display: block; width: 62px; margin: 0 auto 4px; }
.badge-option-grid button small { display: block; overflow: hidden; font: 750 8px var(--sans); white-space: nowrap; text-overflow: ellipsis; }
.emblem-grid { grid-template-columns: repeat(5, 1fr); }
.emblem-grid button { min-height: 94px; }
.emblem-grid button span { width: 52px; }

.identity-upload {
  min-height: 68px;
  margin-top: 18px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px dashed #9eada3;
  border-radius: 15px;
  cursor: pointer;
}
.identity-upload input { position: absolute; opacity: 0; pointer-events: none; }
.identity-upload span { color: #00513b; font-weight: 800; font-size: 10px; }
.identity-upload small { margin-top: 3px; color: #66756d; font-size: 8px; }
.identity-text-button { margin-top: 8px; color: #981b24; }

.palette-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.palette-grid button { padding: 11px 7px; border: 1px solid #d5dcd7; border-radius: 15px; color: #071410; background: #fff; cursor: pointer; }
.palette-grid button span { display: flex; justify-content: center; }
.palette-grid button i { width: 25px; height: 25px; margin-left: -3px; border: 2px solid #fff; border-radius: 50%; background: var(--swatch); }
.palette-grid strong { display: block; margin-top: 6px; font-size: 8px; }
.colour-lab { margin-top: 16px; padding: 15px; border: 1px solid #d5dcd7; border-radius: 18px; background: #f7f8f4; }
.colour-lab label { margin-bottom: 10px; display: grid; grid-template-columns: 1fr 34px 90px; align-items: center; gap: 8px; }
.colour-lab label > span { margin: 0; }
.colour-lab input[type="color"] { width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; overflow: hidden; background: transparent; cursor: pointer; }
.colour-lab input[data-badge-hex] { height: 35px; font: 700 9px var(--mono); }
.colour-lab > button { width: 100%; height: 35px; border: 1px solid #cbd4ce; border-radius: 10px; background: #fff; font: 750 9px var(--sans); cursor: pointer; }
.contrast-card { margin-top: 12px; padding: 13px; display: flex; align-items: center; gap: 11px; border-radius: 15px; color: #064333; background: #d7f5e8; }
.contrast-card > span { width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: #008a63; box-shadow: 0 0 0 1px #008a63; }
.contrast-card > span.warning { background: #bc7300; box-shadow: 0 0 0 1px #bc7300; }
.contrast-card strong,.contrast-card small { display: block; }
.contrast-card strong { font-size: 10px; }
.contrast-card small { margin-top: 2px; font-size: 8px; opacity: .75; }

.identity-range { display: block; margin-bottom: 18px; }
.identity-range > span { display: flex; justify-content: space-between; }
.identity-range output { color: #00513b; font-weight: 800; }
.identity-range input { width: 100%; accent-color: #00513b; }
.production-note strong { color: #d7ff6b; font-size: 11px; }
.production-note p { margin: 4px 0 0; color: rgba(247,245,237,.64); font-size: 9px; line-height: 1.5; }

.identity-control-foot {
  position: sticky;
  z-index: 3;
  bottom: 0;
  margin-top: auto;
  padding: 11px 14px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #d5dcd7;
  background: rgba(255,254,248,.95);
  backdrop-filter: blur(16px);
}
.identity-control-foot > button { border-color: #00513b; color: #fff; background: #00513b; }
.identity-control-foot div { display: flex; gap: 5px; }
.identity-control-foot div button { min-width: 48px; }

.identity-casework {
  max-width: 1240px;
  margin: 74px auto 0;
}
.identity-casework > div:first-child { display: flex; justify-content: space-between; align-items: end; }
.identity-casework h2 { max-width: 600px; margin: 13px 0 25px; font: 600 clamp(34px,4.5vw,54px)/.94 var(--serif); letter-spacing: -.045em; }
.identity-case-grid { display: grid; grid-template-columns: 1.15fr .85fr .85fr; gap: 10px; }
.identity-case-photo { min-height: 340px; padding: 20px; display: flex; flex-direction: column; justify-content: end; position: relative; isolation: isolate; overflow: hidden; border-radius: 22px; color: #fff; background-position: center; background-size: cover; }
.identity-case-photo::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,rgba(3,17,13,.85),transparent 65%); }
.identity-case-photo span { margin-bottom: auto; font: 700 9px var(--mono); }
.identity-case-photo strong { font: 600 27px var(--serif); }
.identity-case-photo p { margin: 3px 0 0; color: rgba(255,255,255,.72); font-size: 10px; }
.identity-kit-photo { background-image: url('art/identity-craft-embroidery.webp'); }
.identity-community-photo { background-image: url('art/identity-system-kit.webp'); }
.identity-ground-photo { background-image: url('art/identity-boundary-culture.webp'); }

@media (max-width: 1050px) {
  .identity-workbench { grid-template-columns: 1fr; }
  .identity-preview { min-height: 720px; }
  .identity-controls { height: auto; min-height: 720px; }
  .identity-hero-mark { width: 260px; }
}

@media (max-width: 700px) {
  .identity-studio { padding: 84px 12px 55px; }
  .identity-top { align-items: flex-start; flex-direction: column; }
  .identity-top h1 { font-size: 49px; }
  .identity-actions { width: 100%; }
  .identity-actions .identity-export { flex: 1; }
  .identity-workbench { border-radius: 22px; }
  .identity-preview { min-height: auto; padding: 17px; }
  .identity-preview-head { font-size: 6px; }
  .identity-hero-mark { width: 166px; margin: 10px auto 2px; }
  .identity-name strong { font-size: 25px; }
  .identity-name span { font-size: 6px; }
  .identity-applications { display: none; }
  .identity-family { min-height: 76px; margin-top: 10px; padding: 8px; grid-template-columns: repeat(3,1fr); }
  .identity-family > div { width: 100%; }
  .identity-family > div { height: 62px; }
  .identity-family > div div { width: 42px; margin-top: 7px; }
  .identity-family p { display: none; }
  .identity-tabs { grid-template-columns: repeat(4,1fr); }
  .identity-panel { padding: 20px 16px; }
  .identity-two { grid-template-columns: 1fr; gap: 0; }
  .identity-chips { flex-wrap: wrap; }
  .direction-grid { grid-template-columns: 1fr; }
  .direction-grid button { display: grid; grid-template-columns: 95px 1fr; gap: 0 10px; align-items: center; }
  .direction-grid button > span { grid-row: 1 / 5; width: 88px; }
  .badge-option-grid { grid-template-columns: repeat(3,1fr); }
  .emblem-grid { grid-template-columns: repeat(3,1fr); }
  .palette-grid { grid-template-columns: repeat(2,1fr); }
  .identity-control-foot { flex-wrap: wrap; }
  .identity-control-foot > button { flex: 1; }
  .identity-case-grid { grid-template-columns: 1fr; }
  .identity-case-photo { min-height: 300px; }
  .club-story-grid { grid-template-columns: 1fr; }
  .club-story { min-height: 330px; }
}

/* Club network and public squad system */

.squad-command-web {
  min-height: 240px;
  padding: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) 180px 210px;
  align-items: stretch;
  gap: 14px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(217,255,107,.16);
  border-radius: 22px;
  color: #f7f5ed;
  background:
    radial-gradient(circle at 78% -30%, rgba(217,255,107,.2), transparent 36%),
    linear-gradient(135deg,#071a14 0%,#0a2e23 58%,#07372a 100%);
}
.squad-command-web::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 420px;
  height: 420px;
  right: -112px;
  top: -250px;
  border: 1px solid rgba(217,255,107,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 46px rgba(217,255,107,.025),0 0 0 92px rgba(217,255,107,.018);
}
.squad-command-copy { align-self: center; max-width: 580px; }
.squad-command-copy .eyebrow { color: #d7ff6b; }
.squad-command-copy h2 {
  margin: 10px 0 8px;
  color: #fff;
  font: 600 clamp(35px,4vw,52px)/.88 var(--serif);
  letter-spacing: -.045em;
}
.squad-command-copy h2 em { color: #d7ff6b; font-style: normal; }
.squad-command-copy p { max-width: 540px; margin: 0; color: rgba(247,245,237,.62); font-size: 11px; line-height: 1.55; }
.squad-command-actions { margin-top: 18px; display: flex; gap: 8px; }
.squad-command-score {
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}
.squad-command-score > span { color: rgba(255,255,255,.55); font: 700 7px var(--mono); letter-spacing: .14em; }
.squad-command-score strong { font: 700 76px/.75 var(--serif); letter-spacing: -.08em; }
.squad-command-score small { max-width: 100px; color: rgba(255,255,255,.58); font-size: 9px; line-height: 1.4; }
.squad-command-score i { position: absolute; right: -22px; bottom: -25px; width: 90px; height: 90px; border: 18px solid rgba(217,255,107,.14); border-radius: 50%; }
.squad-command-metrics { display: grid; gap: 7px; }
.squad-command-metrics div { padding: 14px; display: flex; align-items: end; justify-content: space-between; border-radius: 16px; background: #f7f5ed; color: #071410; }
.squad-command-metrics strong { font: 650 31px/.9 var(--serif); letter-spacing: -.05em; }
.squad-command-metrics span { color: #526158; font: 750 8px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.squad-section-heading { margin-top: 24px; }
.network-health { color: #65746b; font: 700 8px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.network-health i { width: 7px; height: 7px; margin-right: 7px; display: inline-block; border-radius: 50%; background: #00a877; box-shadow: 0 0 0 4px rgba(0,168,119,.1); }
.network-health i.error { background: #d84c57; box-shadow: 0 0 0 4px rgba(216,76,87,.1); }
.network-health button { margin-left: 7px; border: 0; color: #00513b; background: transparent; font: inherit; text-decoration: underline; cursor: pointer; }
.squad-tabs button span { min-width: 16px; height: 16px; margin-left: 4px; display: inline-grid; place-items: center; border-radius: 99px; background: rgba(0,0,0,.1); font-size: 7px; }

.squad-roster-web,
.selection-desk-web,
.invite-desk-web {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(9,30,23,.045);
}
.squad-roster-head,
.squad-roster-row {
  width: 100%;
  display: grid;
  grid-template-columns: 48px minmax(150px,1.4fr) minmax(105px,.8fr) minmax(110px,.8fr) 84px 25px;
  align-items: center;
  gap: 10px;
}
.squad-roster-head { min-height: 34px; padding: 0 15px; color: #718077; background: #f3f5f1; font: 700 7px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.squad-roster-head span:first-child { grid-column: 1 / 3; }
.squad-roster-row {
  min-height: 64px;
  padding: 9px 15px;
  border: 0;
  border-top: 1px solid #edf0ed;
  color: #071410;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, transform .16s ease;
}
.squad-roster-row:hover { z-index: 1; background: #f5fbf6; transform: translateX(3px); }
.squad-avatar {
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #c6dfd2;
  border-radius: 13px;
  color: #00513b;
  background: linear-gradient(145deg,#effaf4,#d8efe4);
  font: 800 11px var(--mono);
}
.squad-person strong,.squad-person small { display: block; }
.squad-person strong { font-size: 11px; }
.squad-person small { margin-top: 3px; color: #829087; font-size: 8px; }
.squad-roster-row > span { font-size: 9px; }
.squad-roster-row > span b { font-weight: 780; }
.visibility-pill { width: max-content; padding: 4px 7px; border-radius: 99px; font: 750 7px var(--mono)!important; text-transform: uppercase; }
.visibility-pill.public { color: #006546; background: #dff4e9; }
.visibility-pill.private { color: #6b5a3e; background: #f4eee3; }
.row-arrow { color: #809087; text-align: right; }
.squad-privacy-note { margin-top: 10px; padding: 12px 15px; display: flex; gap: 10px; border: 1px solid #dfe9e3; border-radius: 15px; color: #506158; background: #f4faf6; }
.squad-privacy-note > span { color: #00865f; }
.squad-privacy-note strong,.squad-privacy-note p { display: block; margin: 0; }
.squad-privacy-note strong { color: #15382c; font-size: 9px; }
.squad-privacy-note p { margin-top: 2px; font-size: 8px; line-height: 1.4; }
.club-panel-loader { min-height: 130px; display: grid; place-items: center; align-content: center; gap: 10px; color: #66776e; font: 700 8px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.club-panel-loader i { width: 22px; height: 22px; border: 2px solid #d9e2dc; border-top-color: #00865f; border-radius: 50%; animation: spin .75s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.squad-empty,.invite-empty,.selection-clear { min-height: 150px; padding: 22px; display: flex; align-items: center; gap: 16px; }
.squad-empty > span,.invite-empty > span,.selection-clear > span,.public-squad-empty > span { width: 54px; height: 54px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 17px; color: #00513b; background: #d7ff6b; font: 800 16px var(--mono); }
.squad-empty h3,.invite-empty h3,.selection-clear h3,.public-squad-empty h3 { margin: 0 0 3px; font: 600 24px var(--serif); letter-spacing: -.03em; }
.squad-empty p,.invite-empty p,.selection-clear p,.public-squad-empty p { margin: 0; color: #65746b; font-size: 9px; }
.squad-empty button { margin-left: auto; }

.selection-desk-web { border: 0; background: transparent; box-shadow: none; }
.selection-stack { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.selection-card { padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(9,30,23,.04); }
.selection-person { display: flex; align-items: center; gap: 10px; }
.selection-person > div { min-width: 0; flex: 1; }
.selection-person strong,.selection-person span { display: block; }
.selection-person strong { font-size: 12px; }
.selection-person span { margin-top: 3px; color: #6b7a71; font-size: 8px; }
.selection-person time { color: #819087; font: 700 7px var(--mono); }
.selection-card blockquote { margin: 13px 0; padding: 10px 12px; border: 0; border-left: 3px solid #d7ff6b; color: #43534a; background: #f5f7f3; font: 500 9px/1.45 var(--sans); }
.selection-actions { margin-top: 14px; display: grid; grid-template-columns: 1fr 1.4fr; gap: 7px; }
.selection-actions button { height: 36px; border: 1px solid #d7ded9; border-radius: 10px; color: #7b2630; background: #fff; font: 800 8px var(--sans); cursor: pointer; }
.selection-actions .approve { border-color: #00513b; color: #fff; background: #00513b; }
.decision-history { margin-top: 16px; padding: 15px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.decision-history > div:not(.eyebrow) { min-height: 42px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; border-bottom: 1px solid #edf0ed; }
.decision-history > div:last-child { border: 0; }
.decision-history > div > span { color: #00865f; font-weight: 900; }
.decision-history strong { font-size: 9px; }
.decision-history small { color: #77867d; font-size: 8px; }

.invite-desk-web { padding: 16px; }
.invite-desk-intro { padding: 6px 4px 18px; display: flex; align-items: center; gap: 15px; }
.invite-signal { width: max-content; padding: 5px 8px; border-radius: 99px; color: #12301f; background: #d7ff6b; font: 800 7px var(--mono); letter-spacing: .08em; }
.invite-desk-intro > div { flex: 1; }
.invite-desk-intro h3 { margin: 0; font: 600 24px var(--serif); letter-spacing: -.03em; }
.invite-desk-intro p { margin: 3px 0 0; color: #69776f; font-size: 9px; }
.invite-list-web { border: 1px solid #e1e6e2; border-radius: 14px; overflow: hidden; }
.invite-row-web { min-height: 64px; padding: 10px 12px; display: grid; grid-template-columns: 38px minmax(160px,1fr) 70px 90px 54px; align-items: center; gap: 10px; border-bottom: 1px solid #edf0ed; }
.invite-row-web:last-child { border: 0; }
.invite-link-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #00513b; background: #e3f3e9; font-weight: 900; }
.invite-link-copy strong,.invite-link-copy span { display: block; }
.invite-link-copy strong { font-size: 9px; }
.invite-link-copy span { margin-top: 3px; color: #7a887f; font-size: 7px; }
.invite-status { width: max-content; padding: 4px 7px; border-radius: 99px; font: 800 7px var(--mono); text-transform: uppercase; }
.invite-status.active { color: #006348; background: #dff5e9; }
.invite-status.revoked,.invite-status.expired,.invite-status.full { color: #725f48; background: #f1ece4; }
.invite-row-web > small { color: #68776e; font-size: 8px; }
.revoke-invite { border: 0; color: #a32d39; background: transparent; font: 800 8px var(--sans); cursor: pointer; }
.invite-security-line { margin-top: 12px; color: #69786f; font: 650 8px/1.5 var(--sans); }
.invite-security-line span { margin-right: 7px; color: #00865f; }
.invite-created-mark { width: 54px; height: 54px; margin-bottom: 14px; display: grid; place-items: center; border-radius: 18px; color: #063d2f; background: #d7ff6b; font-size: 22px; font-weight: 900; box-shadow: 0 12px 25px rgba(129,177,0,.2); }
.created-link { margin: 18px 0; padding: 8px 8px 8px 12px; display: flex; align-items: center; gap: 8px; border: 1px solid #cad8d0; border-radius: 13px; background: #f2f7f3; }
.created-link span { min-width: 0; flex: 1; overflow: hidden; color: #29473b; font: 650 8px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.created-link button { height: 32px; padding: 0 12px; border: 0; border-radius: 9px; color: #fff; background: #00513b; font: 800 8px var(--sans); cursor: pointer; }
.danger-zone-button { min-height: 40px; border: 1px solid #edc9cd; border-radius: 11px; color: #9d2633; background: #fff7f7; font: 800 9px var(--sans); cursor: pointer; }
.builder-field textarea { min-height: 92px; padding: 11px; resize: vertical; border: 1px solid #d4ddd7; border-radius: 11px; color: #071410; background: #fff; font: 600 10px/1.45 var(--sans); }

.club-profile { min-height: 100vh; background: #f7f6f0; }
.club-profile-hero { min-height: 500px; padding: 130px 0 0; position: relative; isolation: isolate; overflow: hidden; color: #fff; background: linear-gradient(128deg,#051912 0%,#073a2a 65%,#07513a 100%); }
.club-profile-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.club-profile-orbit { position: absolute; z-index: -1; width: 620px; height: 620px; right: -110px; top: -190px; border: 1px solid rgba(217,255,107,.15); border-radius: 50%; }
.club-profile-orbit i { position: absolute; inset: 60px; border: 1px solid rgba(217,255,107,.11); border-radius: inherit; }
.club-profile-orbit i:nth-child(2) { inset: 130px; }
.club-profile-orbit i:nth-child(3) { inset: 215px; background: rgba(217,255,107,.05); }
.club-profile-head { display: grid; grid-template-columns: 150px minmax(0,1fr) 115px; align-items: center; gap: 28px; }
.club-profile-mark { width: 150px; height: 170px; display: grid; place-items: center; position: relative; clip-path: polygon(50% 0,93% 17%,87% 74%,50% 100%,13% 74%,7% 17%); color: #09251b; background: linear-gradient(145deg,#efffc0,#bde72f 70%,#82a900); font: 900 36px var(--mono); text-shadow: 0 2px rgba(255,255,255,.35); }
.club-profile-mark::after { content: ""; position: absolute; inset: 13px; clip-path: inherit; border: 2px solid rgba(7,40,29,.35); }
.club-profile-copy .eyebrow { color: rgba(255,255,255,.62); }
.verified-dot { width: 16px; height: 16px; margin-right: 4px; display: inline-grid; place-items: center; border-radius: 50%; color: #0a3527; background: #d7ff6b; }
.club-profile-copy h1 { margin: 12px 0 7px; font: 600 clamp(50px,6.5vw,88px)/.82 var(--serif); letter-spacing: -.055em; }
.club-profile-copy p { max-width: 560px; margin: 0; color: rgba(255,255,255,.66); font-size: 12px; }
.club-profile-actions { margin-top: 22px; display: flex; gap: 8px; }
.compact-button.dark { border-color: rgba(255,255,255,.22); color: #fff; background: rgba(255,255,255,.07); }
.icon-button-light { width: 40px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #fff; background: transparent; cursor: pointer; }
.club-profile-actions .following { color: #06271c; background: #f7f5ed; }
.club-season-stamp { width: 110px; height: 110px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(217,255,107,.26); border-radius: 50%; transform: rotate(8deg); text-align: center; }
.club-season-stamp span { color: #d7ff6b; font: 800 9px var(--mono); }
.club-season-stamp strong { margin-top: 4px; font: 800 9px/1.2 var(--mono); letter-spacing: .08em; }
.club-profile-metrics { height: 100px; margin-top: 38px; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.13); }
.club-profile-metrics div { padding: 18px 24px; display: flex; align-items: end; gap: 9px; border-right: 1px solid rgba(255,255,255,.12); }
.club-profile-metrics strong { font: 650 38px/.8 var(--serif); }
.club-profile-metrics span { color: rgba(255,255,255,.55); font: 700 8px var(--mono); text-transform: uppercase; }
.club-invite-arrival { margin-top: -1px; padding: 20px 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; color: #071410; background: #d7ff6b; }
.club-invite-arrival h2 { margin: 0; font: 600 27px var(--serif); letter-spacing: -.03em; }
.club-invite-arrival p { margin: 2px 0 0; color: #3f5025; font-size: 9px; }
.club-invite-arrival .invite-signal { color: #fff; background: #063b2c; }
.club-invite-arrival.expired { background: #e9e5dc; }
.club-profile-tabs { height: 64px; display: flex; align-items: end; gap: 24px; border-bottom: 1px solid #d9dfda; }
.club-profile-tabs button { height: 48px; padding: 0 2px; position: relative; border: 0; color: #78867e; background: transparent; font: 800 9px var(--sans); cursor: pointer; }
.club-profile-tabs button.active { color: #064632; }
.club-profile-tabs button.active::after { content: ""; position: absolute; height: 3px; left: 0; right: 0; bottom: 0; border-radius: 4px 4px 0 0; background: #087451; }
.club-profile-body { padding-top: 34px; padding-bottom: 70px; color: #071410; }
.club-profile-panel { display: none; animation: panel-in .24s ease both; }
.club-profile-panel.active { display: block; }
.club-panel-heading { margin-bottom: 22px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.club-panel-heading h2 { margin: 8px 0 0; font: 600 clamp(34px,4vw,50px)/.92 var(--serif); letter-spacing: -.045em; }
.club-panel-heading > p { max-width: 400px; margin: 0; color: #68776e; font-size: 10px; line-height: 1.55; }
.public-squad-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.public-member-card { min-height: 88px; padding: 14px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 10px; position: relative; overflow: hidden; border: 1px solid #dce2dd; border-radius: 17px; background: #fff; }
.public-member-card::after { content: ""; position: absolute; width: 90px; height: 90px; right: -55px; bottom: -55px; border: 14px solid rgba(0,81,59,.04); border-radius: 50%; }
.public-member-card strong,.public-member-card span { display: block; }
.public-member-card strong { font-size: 11px; }
.public-member-card div span { margin-top: 3px; color: #68776e; font-size: 8px; }
.public-member-card em { padding: 4px 7px; border-radius: 99px; color: #006445; background: #e0f4e9; font: 750 7px var(--mono); font-style: normal; text-transform: uppercase; }
.public-member-card > b { position: absolute; right: 8px; bottom: -14px; color: rgba(0,81,59,.055); font: 700 60px var(--serif); }
.public-squad-empty { min-height: 160px; padding: 24px; grid-column: 1/-1; display: flex; align-items: center; gap: 17px; border: 1px solid #dce2dd; border-radius: 18px; background: #fff; }
.club-stat-stage { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.club-stat-stage article { min-height: 200px; padding: 20px; display: flex; flex-direction: column; justify-content: end; border-radius: 20px; color: #fff; background: #08241b; }
.club-stat-stage article.acid { color: #09271c; background: #d7ff6b; }
.club-stat-stage span { margin-bottom: auto; font: 800 7px var(--mono); letter-spacing: .1em; }
.club-stat-stage strong { font: 600 28px var(--serif); letter-spacing: -.03em; }
.club-stat-stage small { margin-top: 3px; opacity: .6; font-size: 8px; }
.club-story-stage { display: grid; grid-template-columns: .8fr 1.2fr; gap: 36px; align-items: center; }
.club-story-art { min-height: 390px; display: grid; place-items: center; position: relative; overflow: hidden; border-radius: 22px; color: #d7ff6b; background: radial-gradient(circle at 50% 43%,#14684d 0 20%,transparent 21%),conic-gradient(from 45deg,#061b14,#0d533d,#061b14,#16805d,#061b14); font: 900 64px var(--mono); }
.club-story-art::before,.club-story-art::after { content: ""; position: absolute; width: 270px; height: 270px; border: 1px solid rgba(217,255,107,.35); border-radius: 50%; }
.club-story-art::after { width: 360px; height: 360px; }
.club-story-stage h2 { margin: 12px 0; font: 600 clamp(36px,4.5vw,58px)/.94 var(--serif); letter-spacing: -.045em; }
.club-story-stage p { color: #617067; font-size: 10px; line-height: 1.6; }
.club-story-stage dl { margin-top: 24px; }
.club-story-stage dl div { min-height: 45px; display: grid; grid-template-columns: 100px 1fr; align-items: center; border-top: 1px solid #dce2dd; }
.club-story-stage dt { color: #74827a; font: 750 8px var(--mono); text-transform: uppercase; }
.club-story-stage dd { margin: 0; font-size: 10px; font-weight: 750; }

@media (max-width: 980px) {
  .squad-command-web { grid-template-columns: minmax(0,1fr) 160px; }
  .squad-command-metrics { grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); }
  .club-profile-head { grid-template-columns: 120px minmax(0,1fr); }
  .club-profile-mark { width: 120px; height: 138px; }
  .club-season-stamp { display: none; }
  .public-squad-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .squad-command-web { min-height: 0; padding: 18px; grid-template-columns: 1fr; }
  .squad-command-copy h2 { font-size: 40px; }
  .squad-command-actions { flex-wrap: wrap; }
  .squad-command-score { min-height: 120px; }
  .squad-command-score strong { font-size: 60px; }
  .squad-command-metrics { grid-column: auto; }
  .squad-section-heading { align-items: flex-start; gap: 10px; }
  .network-health { max-width: 170px; text-align: right; line-height: 1.4; }
  .squad-tabs { width: 100%; display: grid; grid-template-columns: repeat(2,1fr); }
  .squad-tabs button { width: 100%; }
  .squad-roster-head { display: none; }
  .squad-roster-row { grid-template-columns: 42px minmax(0,1fr) auto; gap: 8px; }
  .squad-roster-row > span:nth-child(3),.squad-roster-row > span:nth-child(4) { display: none; }
  .squad-roster-row .visibility-pill { grid-column: 3; grid-row: 1; }
  .squad-roster-row .row-arrow { display: none; }
  .selection-stack { grid-template-columns: 1fr; }
  .invite-desk-intro { align-items: flex-start; flex-wrap: wrap; }
  .invite-desk-intro > button { width: 100%; }
  .invite-row-web { grid-template-columns: 38px minmax(0,1fr) auto; }
  .invite-row-web > small { grid-column: 2; }
  .invite-row-web .revoke-invite { grid-column: 3; grid-row: 2; }
  .club-profile-hero { min-height: 0; padding-top: 98px; }
  .club-profile-head { grid-template-columns: 86px minmax(0,1fr); align-items: start; gap: 14px; }
  .club-profile-mark { width: 86px; height: 100px; font-size: 24px; }
  .club-profile-copy h1 { margin-top: 9px; font-size: 46px; }
  .club-profile-copy p { font-size: 10px; }
  .club-profile-actions { grid-column: 1 / -1; flex-wrap: wrap; }
  .club-profile-actions .compact-button { flex: 1; min-width: 120px; }
  .club-profile-metrics { height: auto; margin-top: 28px; grid-template-columns: repeat(2,1fr); }
  .club-profile-metrics div { min-height: 65px; padding: 13px; }
  .club-profile-metrics strong { font-size: 30px; }
  .club-invite-arrival { grid-template-columns: 1fr; gap: 10px; }
  .club-invite-arrival > button { width: 100%; }
  .club-profile-tabs { height: auto; padding-top: 7px; display: grid; grid-template-columns: repeat(2,1fr); gap: 0; }
  .club-profile-tabs button { width: 100%; }
  .club-panel-heading { align-items: flex-start; flex-direction: column; gap: 9px; }
  .public-squad-grid,.club-stat-stage { grid-template-columns: 1fr; }
  .club-story-stage { grid-template-columns: 1fr; }
  .club-story-art { min-height: 280px; }
}

/* Intrinsic-width guardrails verified against 390 px Android/iPhone viewports. */
@media (max-width: 700px) {
  body.tournament-control-mode,
  .tournament-control-product,
  .public-tournament,
  .public-tournament-hero {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
  }

  .tournament-command-copy,
  .tournament-control-main,
  .tournament-control-panel,
  .tournament-panel-lead > div,
  .public-tournament-head {
    min-width: 0;
    max-width: 100%;
  }

  .tournament-command-hero {
    grid-template-columns: minmax(0, 1fr) 88px;
  }

  .tournament-command-copy h1 {
    max-width: 100%;
    font-size: 40px;
    overflow-wrap: break-word;
  }

  .tournament-readiness-ring {
    width: 88px;
    height: 88px;
    justify-self: end;
  }

  .tournament-readiness-ring strong { font-size: 30px; }
  .tournament-command-metrics { gap: 10px; }
  .tournament-command-metrics span { font-size: 6px; }
  .tournament-command-metrics b { font-size: 11px; }
  .tournament-control-top > div:nth-child(2) { min-width: 0; overflow: hidden; }
  .tournament-control-top > div:nth-child(2) strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tournament-panel-lead h2 { max-width: 100%; overflow-wrap: break-word; }
  .tournament-panel-lead > p { max-width: 100%; }
  .tournament-action-rail > button { min-width: 0; padding-inline: 8px; white-space: normal; }
  .tournament-subhead > div { min-width: 0; }
  .tournament-subhead > small { max-width: 120px; text-align: right; }
  .tournament-conflict { min-width: 0; }
  .tournament-conflict > div { min-width: 0; }
  .tournament-conflict small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .public-tournament-head {
    width: 100%;
  }

  .public-tournament-head h1 {
    max-width: 100%;
    font-size: 56px;
    line-height: .82;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  .public-tournament-actions,
  .public-tournament-quick {
    min-width: 0;
    max-width: 100%;
  }

  .public-next-match {
    max-width: calc(100% - 36px);
  }

  .public-next-match strong {
    max-width: 100%;
    font-size: 24px;
    overflow-wrap: break-word;
  }
}

/* Clubroom: editorial club communication with explicit safety state. */
.clubroom-command,.public-clubroom{display:grid;gap:14px}.clubroom-compose{width:100%;border:0;border-radius:24px;padding:16px 18px;background:#071a14;color:#fff;display:grid;grid-template-columns:52px 1fr 42px;gap:14px;align-items:center;text-align:left;cursor:pointer}.clubroom-compose>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#d7ff6b,#58e5a2);color:#071a14;font-weight:900}.clubroom-compose div{display:grid;gap:3px}.clubroom-compose strong{font-size:1rem}.clubroom-compose small{color:#fff9}.clubroom-compose>b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d7ff6b;color:#071a14;font-size:1.25rem}.clubroom-post-grid,.public-clubroom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.clubroom-post{background:#fff;border:1px solid #0b2a2012;border-radius:24px;padding:18px;display:grid;gap:12px;box-shadow:0 12px 30px #071a1409}.clubroom-post.recap{background:radial-gradient(circle at 100% 0,#164f43 0,transparent 38%),#071f27;color:#fff;border-color:#7fffc827}.clubroom-post.draft,.clubroom-post.hidden,.clubroom-post.removed{opacity:.78;border-style:dashed}.clubroom-post-meta{display:flex;align-items:center;gap:8px;min-width:0}.clubroom-post-meta>span{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#087657;background:#37dfa219;padding:6px 8px;border-radius:9px}.clubroom-post.recap .clubroom-post-meta>span{color:#76f5bd;background:#76f5bd1d}.clubroom-post-meta>b{font-size:.62rem;color:#8aa900}.clubroom-post-meta>small{color:#718078}.clubroom-post-meta>em{margin-left:auto;font-style:normal;font-size:.65rem;font-weight:800;color:#d74c5a}.clubroom-post h3{font-size:1.15rem;line-height:1.12;margin:0}.clubroom-post p{margin:0;color:#68766f;line-height:1.5}.clubroom-post.recap p{color:#ffffffb8}.clubroom-post footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.clubroom-post footer>span{font-size:.7rem;color:#809087}.clubroom-post.recap footer>span{color:#ffffff75}.clubroom-post footer div{display:flex;gap:6px;align-items:center}.clubroom-post footer button{border:1px solid #0b2a201c;background:transparent;border-radius:10px;padding:7px 9px;font:inherit;font-size:.72rem;cursor:pointer}.clubroom-post.recap footer button{border-color:#ffffff2a;color:#fff}.clubroom-post footer button.active{color:#d13d55}.clubroom-post footer button.danger{color:#c83e4c}.clubroom-report-signal{font-size:.68rem;font-weight:800;color:#cf4353}.clubroom-moderation{border-radius:22px;padding:15px;background:#fff1f2;border:1px solid #e6485823;display:grid;gap:9px}.clubroom-moderation header{display:flex;justify-content:space-between;color:#b52e3e;font-size:.72rem;font-weight:900;letter-spacing:.08em}.clubroom-moderation article{display:grid;grid-template-columns:26px 1fr minmax(130px,auto);gap:10px;align-items:center;padding-top:9px;border-top:1px solid #dc53621e}.clubroom-moderation article div{display:grid;gap:2px}.clubroom-moderation article small{color:#7a6668}.clubroom-moderation article p{font-size:.75rem}.clubroom-moderation select{border:1px solid #d79ca2;border-radius:10px;background:#fff;padding:8px}.clubroom-empty{grid-column:1/-1;display:flex;gap:14px;align-items:center;padding:24px;border-radius:22px;background:#eef2ef}.clubroom-empty>span{width:48px;height:48px;border-radius:16px;background:#d7ff6b;display:grid;place-items:center;font-size:1.3rem}.clubroom-empty h3,.clubroom-empty p{margin:0}.clubroom-empty p{color:#718078;margin-top:4px}.public-clubroom{margin-top:18px}
@media(max-width:760px){.clubroom-post-grid,.public-clubroom{grid-template-columns:1fr}.clubroom-moderation article{grid-template-columns:24px 1fr}.clubroom-moderation select{grid-column:2}.clubroom-post footer{align-items:flex-end}.clubroom-post footer div{flex-wrap:wrap;justify-content:flex-end}.club-profile-tabs{overflow-x:auto;scrollbar-width:none}}

/* Broadcast control: a scorebook-led production surface and transparent output. */
.overlay-mode{margin:0;background:transparent!important;overflow:hidden}.overlay-mode .site-header,.overlay-mode .site-footer,.overlay-mode .noise{display:none!important}.overlay-mode #main{width:100vw;height:100vh;background:transparent}.browser-overlay{position:relative;width:100%;height:100%;pointer-events:none;isolation:isolate;font-family:var(--sans);--broadcast-accent:#d7ff6b}.overlay-mode .browser-overlay{position:fixed;inset:0;background:transparent}.broadcast-lower{position:absolute;left:var(--broadcast-safe,5%);right:var(--broadcast-safe,5%);bottom:var(--broadcast-safe,5%);width:auto;min-height:78px;border:0;border-left:8px solid var(--broadcast-accent);border-radius:4px 15px 15px 4px;background:linear-gradient(100deg,#f8f6ee 0,#e9eee8 100%);box-shadow:0 20px 70px #0007;overflow:hidden}.broadcast-lower:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--broadcast-accent),transparent 72%)}.broadcast-lower em{background:#fb625f;color:#170b09;border-radius:7px}.browser-overlay.theme-night .broadcast-lower{color:#f7f5ed;background:linear-gradient(105deg,#071b2a,#0a332b);box-shadow:0 20px 70px #000b}.browser-overlay.theme-heritage .broadcast-lower{color:#2b2113;background:linear-gradient(105deg,#f4e8cf,#d8bf8c);font-family:Georgia,serif}.browser-overlay.theme-minimal .broadcast-lower{color:#fff;background:#101614e8;border-left-width:3px;border-radius:2px;box-shadow:none}.browser-overlay.layout-compact_strip .broadcast-lower{left:50%;right:auto;width:min(840px,88vw);min-height:58px;transform:translateX(-50%);grid-template-columns:1fr auto auto auto}.browser-overlay.layout-compact_strip .broadcast-lower i{display:none}.browser-overlay.layout-side_panel .broadcast-lower{inset:auto var(--broadcast-safe,5%) var(--broadcast-safe,5%) auto;width:min(430px,40vw);min-height:180px;grid-template-columns:1fr auto;align-content:center}.browser-overlay.layout-side_panel .broadcast-lower i{grid-column:1/-1;justify-self:start}.browser-overlay.layout-side_panel .broadcast-lower em{position:absolute;right:12px;top:12px}.broadcast-cue{position:absolute;left:var(--broadcast-safe,5%);bottom:calc(var(--broadcast-safe,5%) + 105px);max-width:min(720px,76vw);min-width:330px;padding:21px 26px 22px;border-radius:5px 22px 22px 5px;color:#07130f;background:linear-gradient(115deg,var(--broadcast-accent),#fff 130%);border-left:9px solid #07130f;box-shadow:0 25px 90px #0009;display:grid;grid-template-columns:1fr auto;gap:2px 30px;animation:broadcast-take .52s cubic-bezier(.16,.84,.28,1) both}.broadcast-cue>span{grid-column:1/-1;font:900 10px var(--mono);letter-spacing:.18em}.broadcast-cue>strong{font-size:clamp(28px,3.3vw,55px);line-height:.92;letter-spacing:-.045em}.broadcast-cue>b{align-self:end;font:900 clamp(34px,4vw,68px)/.85 var(--mono)}.broadcast-cue>small{grid-column:1/-1;margin-top:8px;font-weight:750;opacity:.7}.broadcast-cue.wicket{color:#fff;background:linear-gradient(115deg,#c52e3d,#ff685f);border-color:#fff}.broadcast-cue.boundary{background:linear-gradient(115deg,#62d5ff,#d7ff6b)}.broadcast-cue.sponsor-cue{display:flex;align-items:center;gap:18px;min-width:390px;background:#f9f7ef}.broadcast-cue.sponsor-cue img{width:72px;height:50px;object-fit:contain}.broadcast-cue.sponsor-cue strong{font-size:29px}@keyframes broadcast-take{from{opacity:0;transform:translateX(-65px) skewX(-5deg)}to{opacity:1;transform:none}}

.broadcast-stage-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;padding:30px;color:#f7f5ed;background:radial-gradient(circle at 50% 45%,#174b3a,#06130f 55%);text-align:center}.broadcast-stage-loading i{width:54px;height:54px;border:2px solid #ffffff1e;border-top-color:#d7ff6b;border-radius:50%;animation:broadcast-spin .8s linear infinite}.broadcast-stage-loading strong{font:700 28px var(--serif)}.broadcast-stage-loading span{max-width:430px;color:#aebdb6}.broadcast-stage-loading button{margin-top:12px;border:0;border-radius:12px;padding:12px 18px;background:#d7ff6b;color:#07130f;font-weight:900;cursor:pointer}.broadcast-stage-loading.failed i{border:0;background:#ff625f;animation:none;clip-path:polygon(48% 0,100% 100%,0 100%)}@keyframes broadcast-spin{to{transform:rotate(360deg)}}

.broadcast-studio{max-width:1480px}.broadcast-studio .control-header{background:#0a1d17e8;backdrop-filter:blur(18px);box-shadow:0 18px 50px #04100c3b}.broadcast-studio .control-header>.workspace-button{justify-self:end}.broadcast-studio .studio-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.55fr);align-items:start;gap:14px}.broadcast-studio .preview-monitor{position:sticky;top:84px;padding:12px;background:#040b09;border-color:#ffffff16;box-shadow:0 26px 80px #04100c38}.broadcast-studio .preview-label{height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:#83928b;letter-spacing:.08em}.broadcast-studio .preview-label span{color:#d7ff6b}.broadcast-studio .preview-field{position:relative;padding:0;overflow:hidden}.broadcast-studio .preview-field>.browser-overlay{width:100%;height:100%}.preview-monitor.safe-preview .preview-field:after{content:"TITLE SAFE";position:absolute;inset:5%;z-index:5;border:1px dashed #d7ff6b9a;color:#d7ff6b;font:700 8px var(--mono);padding:7px;pointer-events:none}.broadcast-studio .broadcast-lower{min-height:58px;gap:12px;padding:0 14px}.broadcast-studio .broadcast-lower strong{font-size:29px}.broadcast-studio .broadcast-lower span,.broadcast-studio .broadcast-lower i,.broadcast-studio .broadcast-lower em{font-size:8px}.broadcast-studio .broadcast-cue{bottom:calc(var(--broadcast-safe,5%) + 72px);min-width:250px;padding:13px 17px}.broadcast-studio .broadcast-cue>strong{font-size:28px}.broadcast-studio .broadcast-cue>b{font-size:34px}.studio-controls{background:linear-gradient(160deg,#0b2019,#071510);border-color:#ffffff16;box-shadow:0 24px 70px #04100c30}.studio-controls>p{color:#91a098;font-size:11px;line-height:1.55}.broadcast-cue-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.broadcast-cue-grid button{min-height:76px;padding:11px;border:1px solid #ffffff16;border-radius:13px;color:#f7f5ed;background:linear-gradient(150deg,#133329,#0b201a);text-align:left;cursor:pointer;transition:.18s ease}.broadcast-cue-grid button:hover{border-color:var(--acid);transform:translateY(-2px)}.broadcast-cue-grid button span{display:block;color:#72d7b4;font:800 7px var(--mono);letter-spacing:.14em}.broadcast-cue-grid button strong{display:block;margin-top:7px;font-size:12px}.broadcast-cue-grid button.clear{grid-column:1/-1;min-height:51px;background:#2a1517;border-color:#ff626a42}.broadcast-cue-grid button.clear span{color:#ff8b8c}.studio-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff0e;color:#aebbb5;font-size:11px;font-weight:750}.studio-field select,.studio-field input[type=color]{min-width:120px;border:1px solid #ffffff17;border-radius:9px;padding:8px;background:#102a21;color:#f7f5ed;font:700 9px var(--mono)}.studio-field input[type=color]{min-width:70px;height:34px;padding:4px}.studio-field.split{grid-template-columns:1fr minmax(90px,1fr) 35px}.studio-field input[type=range]{accent-color:#d7ff6b}.studio-field output{color:#d7ff6b;text-align:right;font:700 9px var(--mono)}.studio-controls [data-action=sponsors],.studio-controls [data-action=brand-preview],.studio-controls [data-action=copy-source],.studio-controls>a.workspace-button{width:100%;justify-content:center;margin-top:8px}.output-health{margin:13px 0;padding:14px;border:1px solid #d7ff6b22;border-radius:13px;background:#d7ff6b0b;display:grid;grid-template-columns:10px 1fr;gap:3px 9px}.output-health i{grid-row:1/3;width:9px;height:9px;margin-top:3px;border-radius:50%;background:#d7ff6b;box-shadow:0 0 0 6px #d7ff6b10}.output-health strong{font-size:11px}.output-health span{color:#8c9c94;font-size:9px}.broadcast-source-readout{padding:12px;border-radius:12px;background:#04100d;display:grid;gap:5px}.broadcast-source-readout span{color:#6eddb6;font:800 7px var(--mono);letter-spacing:.13em}.broadcast-source-readout code{overflow:hidden;color:#bfcbc5;font:500 8px var(--mono);white-space:nowrap;text-overflow:ellipsis}.operator-note{display:block;margin-top:12px;color:#809087;font-size:9px;line-height:1.5}.sponsor-manager-list{display:grid;gap:8px;margin:18px 0}.sponsor-manager-list article{display:grid;grid-template-columns:48px 1fr 36px;gap:11px;align-items:center;padding:9px;border:1px solid #0b2a2018;border-radius:14px;background:#f2f5f2}.sponsor-manager-list article>span{width:48px;height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#0b2a20;font-weight:900}.sponsor-manager-list article img{width:40px;height:32px;object-fit:contain}.sponsor-manager-list article div{display:grid;gap:2px}.sponsor-manager-list article small{color:#728078}.sponsor-manager-list article button{width:34px;height:34px;border:0;border-radius:50%;background:#ffe9ea;color:#a32635;font-size:20px;cursor:pointer}.sponsor-empty{padding:16px;border-radius:14px;background:#eef2ef;color:#6e7d75;text-align:center;font-size:11px}

.scoreboard-mode .stadium-board.variant-scorebox{background:linear-gradient(135deg,#09130f,#183125)}.scoreboard-mode .stadium-board.variant-scorebox .stadium-grid{opacity:.18}.scoreboard-mode .stadium-board.variant-minimal{background:#070b09}.scoreboard-mode .stadium-board.variant-minimal:before,.scoreboard-mode .stadium-board.variant-minimal:after,.scoreboard-mode .stadium-board.variant-minimal .stadium-grid{display:none}.stadium-board>.broadcast-cue{z-index:10;bottom:20vh}

@media(max-width:920px){.broadcast-studio .studio-layout{grid-template-columns:1fr}.broadcast-studio .preview-monitor{position:relative;top:auto}.broadcast-cue-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.broadcast-studio .control-header>.workspace-button{grid-column:2;grid-row:2}.broadcast-cue-grid{grid-template-columns:1fr 1fr}.broadcast-lower{grid-template-columns:1fr auto auto}.broadcast-lower i{display:none}.browser-overlay.layout-side_panel .broadcast-lower{width:72vw}.broadcast-cue{min-width:0;max-width:88vw;padding:14px 17px}.broadcast-cue>strong{font-size:25px}.studio-field.split{grid-template-columns:1fr 90px 32px}}
@media(prefers-reduced-motion:reduce){.broadcast-cue,.broadcast-stage-loading i{animation:none}}

.broadcast-over-bug{position:absolute;left:var(--broadcast-safe,5%);bottom:calc(var(--broadcast-safe,5%) + 92px);display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;color:#f7f5ed;background:#071611e8;box-shadow:0 12px 35px #0005}.broadcast-over-bug span{margin-right:4px;color:#9eb0a7;font:800 8px var(--mono);letter-spacing:.1em}.broadcast-over-bug b{width:30px;height:30px;border:1px solid #ffffff24;border-radius:9px;display:grid;place-items:center;font:800 10px var(--mono)}.broadcast-over-bug b.four{color:#07130f;background:#62d5ff;border-color:#62d5ff}.broadcast-over-bug b.six{color:#07130f;background:var(--broadcast-accent);border-color:var(--broadcast-accent)}.broadcast-over-bug b.wicket{color:#fff;background:#d53f4e;border-color:#d53f4e}.broadcast-sponsor-loop{position:absolute;top:var(--broadcast-safe,5%);right:var(--broadcast-safe,5%);min-width:180px;min-height:54px;padding:9px 13px;border-radius:13px;color:#07130f;background:#f9f7ef;box-shadow:0 14px 50px #0006;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;animation:broadcast-sponsor-in .45s ease both}.broadcast-sponsor-loop span{grid-column:2;color:#6d7973;font:800 7px var(--mono);letter-spacing:.12em}.broadcast-sponsor-loop strong{grid-column:2;font-size:13px}.broadcast-sponsor-loop img{grid-row:1/3;width:48px;height:36px;object-fit:contain}.broadcast-studio .broadcast-over-bug{bottom:calc(var(--broadcast-safe,5%) + 70px);transform:scale(.72);transform-origin:left bottom}.broadcast-studio .broadcast-sponsor-loop{transform:scale(.72);transform-origin:right top}@keyframes broadcast-sponsor-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.broadcast-sponsor-loop{animation:none}}
@keyframes broadcast-sponsor-in{from{opacity:0}to{opacity:1}}

/* Club Network Intelligence: evidence-led identity, Team DNA, and explainable discovery. */
.club-network-intelligence{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.72fr) minmax(280px,.88fr);gap:10px}.club-network-intelligence>section{min-width:0;min-height:210px;padding:18px;border:1px solid #0a2a2015;border-radius:20px;background:#fff;box-shadow:0 14px 42px #071a1408}.club-intelligence-identity{position:relative;isolation:isolate;overflow:hidden;color:#f8f6ee;background:radial-gradient(circle at 95% 5%,#d7ff6b24,transparent 35%),linear-gradient(145deg,#071a14,#0b3025)!important}.club-intelligence-identity:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-80px;bottom:-100px;border:28px solid #d7ff6b12;border-radius:50%}.club-intelligence-identity.established{background:radial-gradient(circle at 95% 5%,#ffc8572e,transparent 35%),linear-gradient(145deg,#171209,#4b3213)!important}.club-intelligence-identity.confirmed{background:radial-gradient(circle at 95% 5%,#62d5ff2d,transparent 35%),linear-gradient(145deg,#071a1a,#08404a)!important}.club-intelligence-kicker{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.club-intelligence-kicker>span{color:#668078;font:850 7px var(--mono);letter-spacing:.14em}.club-intelligence-identity .club-intelligence-kicker>span{color:#d7ff6b}.club-intelligence-kicker>b{padding:6px 8px;border:1px solid #ffffff22;border-radius:9px;color:#fff;font:800 7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.club-intelligence-kicker button,.club-intelligence-kicker a{border:0;color:#07563e;background:transparent;font:850 8px var(--sans);text-decoration:none;cursor:pointer}.club-intelligence-lockup{margin-top:17px;display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:start}.club-trust-seal{width:56px;height:64px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 16%,88% 76%,50% 100%,12% 76%,6% 16%);color:#071a14;background:linear-gradient(145deg,#edffb8,#aeda36);font:900 15px var(--mono)}.club-intelligence-lockup h3{max-width:520px;margin:0;color:#fff;font:600 25px/.98 var(--serif);letter-spacing:-.035em}.club-intelligence-lockup p{max-width:540px;margin:7px 0 0;color:#ffffff9a;font-size:9px;line-height:1.5}.club-trust-meter{margin-top:20px;display:grid;gap:7px}.club-trust-meter>i{height:4px;overflow:hidden;border-radius:9px;background:#ffffff18}.club-trust-meter>i>b{height:100%;display:block;border-radius:inherit;background:#d7ff6b;box-shadow:0 0 18px #d7ff6b99}.club-trust-meter>span{color:#ffffff82;font-size:8px}.club-trust-meter strong{color:#fff}.club-dna-card h3{margin:18px 0 10px;font:600 25px/.98 var(--serif);letter-spacing:-.035em}.club-dna-chips{display:flex;flex-wrap:wrap;gap:5px}.club-dna-chips span{padding:6px 8px;border-radius:8px;color:#07563e;background:#e6f4ed;font:800 7px var(--mono);text-transform:uppercase}.club-dna-card dl{margin:15px 0 0;padding-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #0a2a2012}.club-dna-card dl div{display:grid;gap:2px}.club-dna-card dt{color:#819087;font:750 6px var(--mono);letter-spacing:.1em;text-transform:uppercase}.club-dna-card dd{margin:0;color:#183a2e;font-size:9px;font-weight:800}.similar-club-list{margin-top:13px;display:grid;gap:7px}.similar-club-list>a{padding:8px;display:grid;grid-template-columns:38px 1fr 43px;gap:9px;align-items:center;border:1px solid #0b2a2010;border-radius:13px;color:#102d23;background:#f4f6f2;text-decoration:none;transition:.18s ease}.similar-club-list>a:hover{border-color:#0c8057;transform:translateX(2px)}.similar-club-mark{width:38px;height:42px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 18%,86% 78%,50% 100%,14% 78%,5% 18%);color:#fff;background:#0b3e2e;font:900 8px var(--mono)}.similar-club-list div{min-width:0;display:grid;gap:3px}.similar-club-list strong,.similar-club-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-club-list strong{font-size:9px}.similar-club-list small{color:#75847c;font-size:7px}.similar-club-list>a>b{justify-self:end;color:#075b41;font:750 24px/.8 var(--serif)}.similar-club-list>a>b em{font:800 7px var(--mono)}.club-intelligence-empty{grid-column:1/-1;min-height:110px;padding:20px;display:grid;place-content:center;gap:4px;border:1px dashed #cbd7d0;border-radius:17px;color:#687970;background:#f3f5f2;text-align:center}.club-intelligence-empty strong{color:#18382d}.club-intelligence-empty.compact{min-height:132px}.team-dna-builder fieldset{margin:0;padding:0;border:0}.team-dna-builder legend{width:100%;margin:2px 0 9px;display:flex;justify-content:space-between;color:#17382d;font-size:10px;font-weight:850}.team-dna-builder legend small{color:#849189;font-size:8px;font-weight:650}.dna-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dna-choice-grid.compact{grid-template-columns:repeat(5,1fr)}.dna-choice input{position:absolute;opacity:0;pointer-events:none}.dna-choice span{min-height:36px;padding:7px;display:grid;place-items:center;border:1px solid #d5dfd9;border-radius:10px;color:#6a796f;background:#f7f8f6;font:800 8px var(--mono);text-align:center;cursor:pointer;transition:.16s ease}.dna-choice input:checked+span{border-color:#075b41;color:#fff;background:#075b41;box-shadow:0 6px 16px #075b4124}.builder-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.builder-range{display:grid;gap:8px}.builder-range>span{display:flex;justify-content:space-between;color:#26493c;font-size:9px}.builder-range output{color:#075b41;font-weight:850}.builder-range input{width:100%;accent-color:#075b41}.public-club-trust{width:max-content;max-width:100%;margin-top:15px;padding:7px 9px 7px 7px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff0b;backdrop-filter:blur(10px)}.public-club-trust[hidden]{display:none}.public-trust-seal{width:34px;height:38px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 16%,88% 76%,50% 100%,12% 76%,6% 16%);color:#09251b;background:#d7ff6b;font:900 9px var(--mono)}.public-club-trust div{display:grid;gap:1px}.public-club-trust strong{color:#fff;font-size:8px}.public-club-trust small{color:#ffffff91;font-size:7px}.public-club-trust button{border:0;color:#d7ff6b;background:transparent;font:800 7px var(--sans);cursor:pointer}.public-club-trust.confirmed .public-trust-seal{background:#62d5ff}.public-club-trust.established .public-trust-seal{background:#ffc857}
@media(max-width:1120px){.club-network-intelligence{grid-template-columns:1fr 1fr}.club-intelligence-identity{grid-column:1/-1}.club-intelligence-identity .club-intelligence-lockup h3{font-size:30px}}
@media(max-width:700px){.club-network-intelligence{grid-template-columns:1fr}.club-intelligence-identity{grid-column:auto}.club-intelligence-lockup{grid-template-columns:48px 1fr}.club-trust-seal{width:48px;height:55px}.club-intelligence-lockup h3,.club-dna-card h3{font-size:22px}.dna-choice-grid,.dna-choice-grid.compact{grid-template-columns:repeat(3,1fr)}.builder-three{grid-template-columns:1fr}.public-club-trust{width:100%}}
@media(prefers-reduced-motion:reduce){.similar-club-list>a{transition:none}}
.club-verification-desk{grid-column:1/-1!important;min-height:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.club-verification-column{min-width:0;padding:20px}.club-verification-column+.club-verification-column{border-left:1px solid #0a2a2015;background:#f4f6f2}.club-verification-column h3{margin:16px 0 5px;font:600 25px/.98 var(--serif);letter-spacing:-.035em}.club-verification-lede{max-width:620px;margin:0;color:#687970;font-size:9px;line-height:1.55}.club-verification-list{margin-top:15px;display:grid;gap:7px}.club-verification-row{padding:11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #0a2a2014;border-radius:13px;background:#fff}.club-verification-mark{width:40px;height:44px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 16%,88% 76%,50% 100%,12% 76%,6% 16%);color:#173329;background:#dfe7e2;font:900 10px var(--mono)}.club-verification-row.approved .club-verification-mark{background:#d7ff6b}.club-verification-row.pending .club-verification-mark{background:#62d5ff}.club-verification-row>div{min-width:0;display:grid;gap:3px}.club-verification-row strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.club-verification-row small{color:#718078;font-size:7px}.club-verification-row p,.club-verification-row em{margin:2px 0 0;color:#52675e;font-size:8px;line-height:1.4}.club-verification-row em{font-style:normal}.club-verification-row>button{border:0;border-radius:9px;padding:8px 9px;color:#fff;background:#075b41;font:850 7px var(--sans);cursor:pointer}.club-verification-row>button.danger{color:#a22f3c;background:#ffe7e9}.club-verification-empty{min-height:86px;padding:15px;display:grid;place-content:center;gap:3px;border:1px dashed #c7d3cc;border-radius:13px;color:#738179;background:#f6f7f5;text-align:center}.club-verification-empty b{color:#1a392e;font-size:9px}.club-verification-empty span{font-size:8px}.club-intelligence-identity.association .club-trust-seal,.public-club-trust.association .public-trust-seal{color:#081c16;background:linear-gradient(145deg,#fff3a6,#e0a940)}.verification-review-note{margin:14px 0;padding:13px;border-left:4px solid #075b41;color:#17382d;background:#eaf2ed}.verification-review-note span{font:850 7px var(--mono);letter-spacing:.12em}.verification-review-note p{margin:5px 0 0!important}@media(max-width:760px){.club-verification-desk{grid-template-columns:1fr}.club-verification-column+.club-verification-column{border-top:1px solid #0a2a2015;border-left:0}.club-verification-row{grid-template-columns:36px 1fr}.club-verification-row>button{grid-column:2;justify-self:start}.club-verification-mark{width:36px;height:40px}}
.contact-callup{padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #cfe1d7;border-radius:15px;background:linear-gradient(135deg,#eef7f1,#f8faf7)}.contact-callup>div{display:grid;gap:2px}.contact-callup span{color:#087451;font:850 7px var(--mono);letter-spacing:.11em}.contact-callup strong{color:#14372b;font-size:10px}.contact-callup small{max-width:360px;color:#728178;font-size:8px;line-height:1.45}.contact-callup>button{border:0;border-radius:10px;padding:10px 12px;color:#fff;background:#075b41;font:850 8px var(--sans);cursor:pointer}.contact-callup-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff!important;background:#075b41;font-size:10px!important;letter-spacing:0!important}.contact-callup:has(.contact-callup-avatar){grid-template-columns:42px 1fr auto}@media(max-width:520px){.contact-callup{grid-template-columns:1fr}.contact-callup>button{width:100%}.contact-callup:has(.contact-callup-avatar){grid-template-columns:42px 1fr}.contact-callup:has(.contact-callup-avatar)>button{grid-column:1/-1}}

/* Team Duty — account-bound representative product */
.team-duty-mode{min-height:100vh;color:#17342a;background:#e9eadf}.team-duty-mode .site-header,.team-duty-mode .site-footer,.team-duty-mode .noise{display:none}.team-duty-mode #main{min-height:100vh}.team-duty-product{min-height:100vh;background:linear-gradient(180deg,#f4f1e7 0,#ebece2 45%,#e4e7dd 100%)}
.team-duty-top{height:64px;padding:0 clamp(16px,4vw,54px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#f6f5ec;background:#071b14}.team-duty-top>a:first-child{display:flex;align-items:center;gap:9px;color:inherit;font:600 18px var(--serif);text-decoration:none}.team-duty-top>a:last-child{justify-self:end;color:#b4c2bb;font:750 8px var(--mono);letter-spacing:.04em;text-decoration:none}.team-duty-top>div{text-align:center}.team-duty-top>div span,.team-duty-top>div strong{display:block}.team-duty-top>div span{color:#d7ff6b;font:850 7px var(--mono);letter-spacing:.16em}.team-duty-top>div strong{margin-top:3px;color:#aabbb2;font-size:8px}
.team-duty-hero{min-height:310px;padding:46px clamp(20px,7vw,104px) 42px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:50px;align-items:end;color:#f3f4ed;background:linear-gradient(90deg,rgba(5,26,18,.98) 0%,rgba(5,26,18,.9) 48%,rgba(5,26,18,.5)),url('art/ground-matchday.webp') center 42%/cover}.team-duty-hero>div>span{color:#d7ff6b;font:850 8px var(--mono);letter-spacing:.16em}.team-duty-hero h1{max-width:690px;margin:10px 0 14px;font:550 clamp(40px,5.4vw,72px)/.85 var(--serif);letter-spacing:-.045em}.team-duty-hero h1 i{color:#d7ff6b;font-style:normal}.team-duty-hero p{max-width:540px;margin:0;color:#b5c4bd;font-size:11px;line-height:1.55}.team-duty-hero aside{padding:22px;border:1px solid #ffffff26;border-radius:20px;background:#071b14c7;backdrop-filter:blur(14px)}.team-duty-hero aside b,.team-duty-hero aside span,.team-duty-hero aside small{display:block}.team-duty-hero aside b{color:#d7ff6b;font:600 52px/.8 var(--serif)}.team-duty-hero aside span{margin-top:10px;color:#f5f4ec;font:850 7px var(--mono);letter-spacing:.12em}.team-duty-hero aside small{margin-top:15px;color:#9eb0a7;font-size:8px;line-height:1.5}
.team-duty-board{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 70px;display:grid;gap:18px}.team-duty-card{overflow:hidden;border:1px solid #cfd5cd;border-radius:20px;background:#fffdf7;box-shadow:0 15px 45px rgba(20,46,36,.06)}.team-duty-card>header{padding:16px 18px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;border-bottom:1px solid #e2e4dd}.team-duty-card>header>div:nth-child(2)>span{color:#56806f;font:850 7px var(--mono);letter-spacing:.1em}.team-duty-card>header h2{margin:3px 0 1px;font:600 25px/.95 var(--serif)}.team-duty-card>header p{margin:0;color:#7a8981;font-size:8px}.team-duty-card>header em{padding:6px 8px;border-radius:7px;color:#205d47;background:#dcf0e6;font:850 7px var(--mono);font-style:normal;letter-spacing:.06em}.team-duty-card.waiting>header em{color:#805b22;background:#f5e6c7}.team-duty-team-mark{width:46px;height:50px;display:grid;place-items:center;border-radius:11px 11px 15px 15px;color:#0f3427;background:#d7ff6b;font:900 10px var(--mono);box-shadow:inset 0 -4px #b6dc46}
.team-duty-authority{padding:11px 18px;display:flex;align-items:center;gap:7px;color:#75857d;background:#f2f2e9;border-bottom:1px solid #dfe2da}.team-duty-authority>span{margin-right:5px;color:#4a6a5c;font:850 7px var(--mono);letter-spacing:.11em}.team-duty-authority>b{padding:5px 7px;border:1px solid #c9d9d0;border-radius:7px;color:#245d47;background:#edf7f1;font:800 7px var(--mono)}.team-duty-authority>small{margin-left:auto;max-width:420px;text-align:right;font-size:7px;line-height:1.4}.team-duty-sheet-list{display:grid}.team-duty-sheet-row{min-height:75px;padding:10px 17px;display:grid;grid-template-columns:5px minmax(0,1fr) auto 78px;gap:13px;align-items:center;border-bottom:1px solid #e5e6df}.team-duty-sheet-row:last-child{border-bottom:0}.team-duty-sheet-line{width:4px;height:42px;border-radius:4px;background:#cad1ca}.team-duty-sheet-row.submitted .team-duty-sheet-line{background:#d39a3c}.team-duty-sheet-row.returned .team-duty-sheet-line{background:#c7533d}.team-duty-sheet-row.locked .team-duty-sheet-line{background:#21835e}.team-duty-sheet-row>div>small{color:#6b8c7e;font:850 6px var(--mono);letter-spacing:.12em}.team-duty-sheet-row>div>strong{display:block;margin:3px 0 2px;font-size:10px}.team-duty-sheet-row>div>p{margin:0;color:#7d8982;font-size:7px}.team-duty-sheet-row>button{height:34px;border:1px solid #bfc9c2;border-radius:9px;color:#174f3a;background:#f7f7f0;font:800 7px var(--mono);cursor:pointer}.team-duty-sheet-row>button:hover{color:#fff;background:#174f3a}.team-duty-sheet-row>button:disabled{opacity:.38;cursor:not-allowed}.team-duty-sheet-status{width:max-content;padding:5px 7px;border-radius:99px;color:#6e7a73;background:#e7e9e5;font:850 6px var(--mono)}.team-duty-sheet-status.submitted{color:#80561d;background:#f6e3ba}.team-duty-sheet-status.returned{color:#963f2c;background:#f4dbd4}.team-duty-sheet-status.locked{color:#236249;background:#dceee5}.team-duty-empty-row{padding:24px;color:#7a8981;text-align:center;font-size:8px}.team-duty-card>footer{padding:9px 18px;display:flex;align-items:center;gap:12px;color:#98a79f;background:#0b281e}.team-duty-card>footer span{color:#d7ff6b;font:850 6px var(--mono);letter-spacing:.1em}.team-duty-card>footer p{margin:0;font-size:7px}.team-duty-zero,.team-duty-loading,.team-duty-error{min-height:260px;padding:45px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;border:1px solid #cad1c9;border-radius:22px;background:#fffdf7}.team-duty-zero>span{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:#123c2d;background:#d7ff6b;font:800 18px var(--serif)}.team-duty-zero strong,.team-duty-error strong{font:600 24px var(--serif)}.team-duty-zero p,.team-duty-error p,.team-duty-loading p{max-width:430px;margin:0;color:#77867e;font-size:9px;line-height:1.5}.team-duty-error button{height:37px;padding:0 14px;border:0;border-radius:9px;color:#fff;background:#174f3a;font:800 8px var(--mono)}
.team-duty-signal{width:26px;height:26px;border:3px solid #b9c4bd;border-top-color:#1c7354;border-radius:50%;animation:team-duty-spin .8s linear infinite}@keyframes team-duty-spin{to{transform:rotate(360deg)}}
.team-duty-invite{min-height:100vh;padding:32px 18px;display:grid;place-items:center;color:#f1f3ec;background:radial-gradient(circle at 70% 18%,#245b4738,transparent 26%),linear-gradient(135deg,#071a13,#0b3023)}.team-duty-invite-card{width:min(560px,100%);padding:24px;border:1px solid #ffffff1a;border-radius:25px;background:linear-gradient(145deg,#112e23,#081b15);box-shadow:0 35px 100px #0007}.team-duty-invite-card.loading,.team-duty-invite-card.invalid,.team-duty-invite-card.decided{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center}.team-duty-invite-brand{display:flex;justify-content:space-between;align-items:center}.team-duty-invite-brand>a{display:flex;align-items:center;gap:8px;color:#fff;font:600 18px var(--serif);text-decoration:none}.team-duty-invite-brand>span,.team-duty-kicker{color:#d7ff6b;font:850 7px var(--mono);letter-spacing:.15em}.team-duty-crest{width:76px;height:82px;margin:34px 0 22px;display:grid;place-items:center;border-radius:17px 17px 25px 25px;color:#102f23;background:#d7ff6b;box-shadow:inset 0 -7px #aed33d,0 13px 35px #0005;font:850 19px var(--mono)}.team-duty-invite-card h1{margin:7px 0 14px;font:550 clamp(34px,7vw,49px)/.92 var(--serif);letter-spacing:-.035em}.team-duty-invite-card>p:not(.team-duty-kicker){margin:0;color:#aebeb6;font-size:10px;line-height:1.6}.team-duty-invite-card>p b{color:#fff}.team-duty-scope-strip{margin:20px 0;display:flex;flex-wrap:wrap;gap:7px}.team-duty-scope-strip span{padding:7px 9px;border:1px solid #d7ff6b32;border-radius:8px;color:#d7ff6b;background:#d7ff6b0d;font:800 7px var(--mono)}.team-duty-invite-expiry{padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:3px 15px;border:1px solid #ffffff12;border-radius:12px;background:#061710}.team-duty-invite-expiry span{color:#6f9685;font:850 6px var(--mono);letter-spacing:.1em}.team-duty-invite-expiry strong{font-size:8px}.team-duty-invite-expiry small{grid-column:1/-1;color:#788e83;font-size:7px}.team-duty-decision-actions,.duty-sheet-actions{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:8px}.team-duty-primary,.team-duty-secondary{min-height:42px;padding:0 15px;border-radius:10px;font:850 8px var(--mono);cursor:pointer;text-decoration:none}.team-duty-primary{display:flex;align-items:center;justify-content:space-between;border:0;color:#0b251a;background:#d7ff6b}.team-duty-secondary{border:1px solid #ffffff24;color:#d8e0dc;background:transparent}.team-duty-inline-status{min-height:16px;margin-top:9px;display:block;color:#f0c76c;font-size:8px}.team-duty-invite-card.invalid .team-duty-primary,.team-duty-invite-card.decided .team-duty-primary{margin-top:16px;gap:25px}.team-duty-invite-card.invalid .team-duty-crest{color:#fff;background:#b94b34;box-shadow:inset 0 -7px #853321}.team-duty-invite-card.declined .team-duty-crest{color:#fff;background:#54635c;box-shadow:inset 0 -7px #39433e}
.team-duty-open-app{margin-top:15px;padding:10px 12px;display:grid;grid-template-columns:27px 1fr auto;gap:1px 9px;align-items:center;border:1px solid #d7ff6b33;border-radius:10px;color:#efffd0;background:#d7ff6b0b;text-decoration:none}.team-duty-open-app>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#102f23;background:#d7ff6b}.team-duty-open-app>b{font:800 8px var(--mono)}.team-duty-open-app>small{grid-row:1/3;grid-column:3;color:#739587;font-size:7px}
.delegate-account-link{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;border:1px solid #cfd8d1;border-radius:12px;background:#eef4ef}.delegate-account-link>span{grid-column:1/-1;color:#347059;font:850 6px var(--mono);letter-spacing:.12em}.delegate-account-link strong,.delegate-account-link small{display:block}.delegate-account-link strong{font-size:8px}.delegate-account-link small{margin-top:2px;color:#77857e;font-size:7px}.delegate-account-link>button{height:34px;padding:0 10px;border:0;border-radius:8px;color:#fff;background:#176849;font:800 7px var(--mono);cursor:pointer}.delegate-account-link>em{color:#256249;font:850 7px var(--mono);font-style:normal}.delegate-account-link>output{grid-column:1/-1;display:grid;gap:4px;color:#5e7167;font-size:7px}.delegate-account-link>output>span{color:#347059;font:850 6px var(--mono)}.delegate-account-link>output>strong{padding:8px;overflow-wrap:anywhere;border-radius:7px;background:#fff}.delegate-account-link>output>button{width:max-content;padding:6px 8px;border:1px solid #aebeb5;border-radius:7px;color:#285b46;background:#fff;font:800 7px var(--mono)}
.team-duty-mode .builder-dialog{color:#17342a;background:#f4f1e8;border-color:#cfd4cd}.team-duty-mode .builder-dialog::backdrop{background:#03100ccc;backdrop-filter:blur(9px)}.team-duty-mode .builder-field span{color:#64776d}.team-duty-mode .builder-field input,.team-duty-mode .builder-field select,.team-duty-mode .builder-field textarea{color:#17342a;background:#fffef9;border-color:#cbd2cc}.team-duty-mode .builder-submit{color:#fff;background:#176849}.team-duty-mode .builder-submit:disabled{cursor:not-allowed;color:#68756e;background:#d8ddd8;box-shadow:none}.duty-sheet-editor .duty-sheet-context{margin:15px 0;padding:11px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;border:1px solid #d2d7d0;border-radius:12px;background:#eaece4}.duty-sheet-context>span:first-child{width:40px;height:43px;display:grid;place-items:center;border-radius:9px 9px 13px 13px;color:#173b2e;background:#d7ff6b;font:850 8px var(--mono)}.duty-sheet-context strong,.duty-sheet-context small{display:block}.duty-sheet-context strong{font-size:9px}.duty-sheet-context small{margin-top:2px;color:#76857d;font-size:7px}.duty-sheet-prerequisite{margin:0 0 14px;padding:10px 12px;border:1px solid #dba64666;border-radius:10px;color:#714b0f!important;background:#fff3d6;font:750 8px/1.45 var(--sans)!important}.duty-sheet-actions .team-duty-secondary{color:#315e4c;border-color:#b7c4bc}.duty-sheet-actions .builder-submit{margin:0}.duty-sheet-editor fieldset{padding:0;border:0}.duty-sheet-editor fieldset:disabled{opacity:.78}
@media(max-width:760px){.team-duty-top{height:56px;grid-template-columns:1fr auto}.team-duty-top>div{display:none}.team-duty-hero{min-height:285px;padding:36px 22px;grid-template-columns:1fr}.team-duty-hero aside{display:none}.team-duty-hero h1{font-size:48px}.team-duty-board{width:min(100% - 20px,1120px);padding-top:14px}.team-duty-authority{align-items:flex-start;flex-wrap:wrap}.team-duty-authority>small{width:100%;margin:4px 0 0;text-align:left}.team-duty-sheet-row{grid-template-columns:4px minmax(0,1fr) auto}.team-duty-sheet-row>button{grid-column:2/-1;width:100%}.team-duty-card>header{grid-template-columns:42px minmax(0,1fr)}.team-duty-card>header>em{grid-column:2;justify-self:start}.team-duty-team-mark{width:40px;height:44px}.delegate-account-link{grid-template-columns:1fr}.delegate-account-link>button,.delegate-account-link>em{width:100%}.team-duty-invite{padding:10px}.team-duty-invite-card{padding:19px;border-radius:20px}.team-duty-invite-brand>span{display:none}.team-duty-decision-actions{grid-template-columns:1fr}.team-duty-secondary{width:100%}.duty-sheet-editor .duty-sheet-context{grid-template-columns:38px 1fr}.duty-sheet-context>.team-duty-sheet-status{grid-column:2}.duty-sheet-actions{grid-template-columns:1fr}}
@media(max-width:430px){.team-duty-hero h1{font-size:41px}.team-duty-hero p{font-size:9px}.team-duty-card{border-radius:15px}.team-duty-sheet-status{font-size:5px}.team-duty-invite-card h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.team-duty-signal{animation:none}}

/* Explainable club feed order: compact enough for scorer laptops and phone webviews. */
.clubroom-feed-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px 8px 8px;border:1px solid #0b2a2014;border-radius:18px;background:#fff}.clubroom-feed-order>div{display:flex;padding:3px;border-radius:13px;background:#edf2ef}.clubroom-feed-order button{min-width:92px;padding:8px 13px;border:0;border-radius:10px;color:#63716a;background:transparent;font:800 .76rem var(--sans);cursor:pointer}.clubroom-feed-order button.active{color:#fff;background:#0a2a20;box-shadow:0 4px 12px #071a1422}.clubroom-feed-order p{margin:0;max-width:470px;color:#718078;font-size:.72rem;line-height:1.45;text-align:right}.clubroom-rank-reason{color:#087657;font-size:.68rem;font-weight:850;letter-spacing:.01em}.clubroom-post.recap .clubroom-rank-reason{color:#76f5bd}@media(max-width:620px){.clubroom-feed-order{align-items:stretch;flex-direction:column}.clubroom-feed-order>div{display:grid;grid-template-columns:1fr 1fr}.clubroom-feed-order p{text-align:left}.clubroom-feed-order button{min-width:0}}

.club-story-open{width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.club-story-open>span{display:block;margin-top:8px;color:#22a579;font-size:.7rem;font-weight:850}.club-story{position:relative;isolation:isolate;min-height:330px;padding:18px;display:flex;overflow:hidden;border-radius:16px;color:#fff;background:linear-gradient(145deg,#08231a,#076145 55%,#061812)}.club-story.matchday{background:linear-gradient(145deg,#10294c,#2878b8 55%,#061523)}.club-story.victory{background:linear-gradient(145deg,#420b14,#d2434c 54%,#160306)}.club-story.has-media:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#04130dbd 0,#061b130d 36%,#030b08f2 100%)}.club-story>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.club-story>i{position:absolute;z-index:-1;right:-32px;top:-42px;width:150px;height:150px;border:18px solid #ffffff12;border-radius:50%}.club-story header{position:absolute;inset:18px 18px auto;z-index:1;display:grid;gap:5px}.club-story header span{color:#d7ff6b;font:850 .62rem var(--mono);letter-spacing:.1em}.club-story header small{color:#ffffff95;font-size:.6rem;font-weight:800}.club-story section{position:relative;z-index:1;margin-top:auto;display:grid;gap:9px}.club-story h2{margin:0;font:700 1.75rem/.96 var(--serif)}.club-story p{margin:0;color:#ffffffd1;font-size:.78rem;line-height:1.48}.club-story section small{color:#ffffff91;font-size:.62rem}.club-story .club-story-credit{width:max-content;padding:5px 7px;border:1px solid #ffffff28;border-radius:7px;color:#e7efea;background:#06140eb8;font:800 .56rem var(--mono)}.builder-dialog:has(.club-story-viewer){width:min(520px,100% - 16px);padding:0;background:#000}.builder-dialog:has(.club-story-viewer) .builder-shell{padding:0}.club-story-viewer{position:relative;min-height:min(860px,92vh)}.club-story.immersive{min-height:min(860px,92vh);border-radius:0;padding:30px}.club-story.immersive header{inset:30px 30px auto}.club-story.immersive h2{font-size:3rem}.club-story.immersive p{font-size:1rem}.club-story-viewer>button{position:absolute;z-index:2;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:#0009;font-size:1.4rem;cursor:pointer}.story-upload-feedback>div{display:flex;flex:0 0 auto;gap:5px}@media(max-width:500px){.club-story{min-height:300px}.club-story.immersive{min-height:100dvh}.club-story.immersive h2{font-size:2.45rem}.story-upload{grid-template-columns:auto minmax(0,1fr)}.story-upload em{grid-column:2;width:max-content}.story-upload-feedback{align-items:flex-start;flex-direction:column}.story-upload-feedback>div{width:100%}.story-upload-feedback button{flex:1}}

/* Notification Centre: a compact signal control room, not a generic settings list. */
.builder-dialog:has(.notification-centre){width:min(1180px,calc(100% - 24px));background:radial-gradient(circle at 85% 0,#1b4a392f,transparent 34%),#07140f}.builder-dialog:has(.notification-centre) .builder-shell{padding:24px}.notification-centre{display:grid;gap:20px}.notification-centre-head{min-height:130px;padding:25px 27px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;border:1px solid #ffffff14;border-radius:23px;background:linear-gradient(125deg,#0e3528,#081b15);overflow:hidden;position:relative}.notification-centre-head:after{content:"";position:absolute;right:-45px;bottom:-95px;width:230px;height:230px;border:30px solid #d7ff6b0c;border-radius:50%}.notification-centre-head>div:first-child{position:relative;z-index:1}.notification-centre-head span,.notification-section-head span{color:#d7ff6b;font:850 7px var(--mono);letter-spacing:.15em}.notification-centre-head h2{margin:7px 0 5px!important;font:600 42px/.92 var(--serif)!important}.notification-centre-head p{max-width:580px;margin:0;color:#aebdb6;font-size:10px;line-height:1.55}.notification-health{position:relative;z-index:1;min-width:145px;display:grid;grid-template-columns:auto 1fr;gap:0 7px;align-items:end}.notification-health strong{font:650 48px/.8 var(--serif)}.notification-health>span{color:#aebdb6;font-size:9px}.notification-health i{grid-column:1/-1;width:max-content;margin-top:11px;padding:7px 9px;border-radius:9px;color:#07150f;background:#d7ff6b;font:850 7px var(--mono);font-style:normal}.notification-health i.quiet{background:#62d5ff}
.notification-centre-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:13px;align-items:start}.notification-centre-grid>main,.notification-centre-grid>aside{min-width:0;padding:18px;border:1px solid #ffffff10;border-radius:20px;background:#0a1c16}.notification-centre-grid>aside{position:sticky;top:0;max-height:68vh;overflow:auto}.notification-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.notification-section-head h3{margin:4px 0 0;font:600 26px/.95 var(--serif)}.notification-section-head>button,.notification-section-head>small{border:0;color:#d7ff6b;background:transparent;font-size:8px;font-weight:850}.notification-section-head>button{cursor:pointer}.notification-section-head>button:disabled{opacity:.35}.notification-inbox{display:grid;gap:7px}.notification-inbox>article{padding:13px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:11px;border:1px solid #ffffff10;border-radius:15px;background:#0e281f}.notification-inbox>article.read{opacity:.68;background:#0b1d17}.notification-inbox>article>i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#ff7460;box-shadow:0 0 0 5px #ff746014}.notification-inbox>article.read>i{background:#71827a;box-shadow:none}.notification-inbox article div:nth-child(2){min-width:0;display:grid;gap:3px}.notification-inbox article div:nth-child(2)>span{color:#65dbb4;font:800 6px var(--mono);letter-spacing:.08em}.notification-inbox article strong{font-size:10px}.notification-inbox article p{margin:0;color:#aab8b1;font-size:8px;line-height:1.45}.notification-inbox article small{color:#6f8178;font-size:7px}.notification-inbox article>div:last-child{display:grid;justify-items:end;align-content:space-between;gap:8px}.notification-inbox article a,.notification-inbox article button{border:0;color:#d7ff6b;background:transparent;font-size:7px;font-weight:850;cursor:pointer}
.notification-empty{min-height:170px;display:grid;place-content:center;justify-items:center;gap:4px;border:1px dashed #ffffff16;border-radius:16px;color:#90a098;text-align:center}.notification-empty>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#07150f;background:#d7ff6b}.notification-empty p{margin:0;font-size:8px}.notification-empty.compact{min-height:90px}.notification-section-head.follows{margin-top:24px}.notification-follow-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.notification-follow-list>article{padding:12px;border:1px solid #ffffff10;border-radius:15px;background:#0b2119}.notification-follow-list article header{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center}.notification-follow-list article header>span{width:36px;height:38px;display:grid;place-items:center;border-radius:11px;color:#07150f;background:#d7ff6b;font:900 9px var(--mono)}.notification-follow-list header div{min-width:0;display:grid;gap:2px}.notification-follow-list header strong,.notification-follow-list header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-follow-list header strong{font-size:9px}.notification-follow-list header small{color:#819189;font-size:7px}.notification-follow-list article>div{margin:11px 0;display:flex;flex-wrap:wrap;gap:5px}.notification-follow-list article>div label{position:relative}.notification-follow-list article>div input{position:absolute;opacity:0}.notification-follow-list article>div span{display:block;padding:6px 7px;border:1px solid #ffffff12;border-radius:8px;color:#7f9188;font-size:7px;font-weight:800;cursor:pointer}.notification-follow-list article>div input:checked+span{color:#07150f;border-color:#d7ff6b;background:#d7ff6b}.notification-follow-list footer{display:flex;justify-content:space-between;gap:7px}.notification-follow-list footer button{border:0;border-radius:9px;padding:7px 9px;color:#b5c2bc;background:#ffffff08;font-size:7px;font-weight:850;cursor:pointer}.notification-follow-list footer button:last-child{color:#07150f;background:#62d5ff}
.notification-toggle{min-height:52px;padding:9px 0;display:grid;grid-template-columns:1fr 35px;gap:10px;align-items:center;border-bottom:1px solid #ffffff0c}.notification-toggle>span{display:grid;gap:2px}.notification-toggle strong{font-size:9px}.notification-toggle small{color:#83948b;font-size:7px;line-height:1.4}.notification-toggle input{position:absolute;opacity:0}.notification-toggle i{width:35px;height:20px;padding:3px;border-radius:99px;background:#34473f;cursor:pointer;transition:.16s ease}.notification-toggle i:after{content:"";width:14px;height:14px;display:block;border-radius:50%;background:#a9b6af;transition:.16s ease}.notification-toggle input:checked+i{background:#d7ff6b}.notification-toggle input:checked+i:after{transform:translateX(15px);background:#07150f}.notification-toggle.disabled{opacity:.45}.notification-centre-grid aside h4{margin:20px 0 5px;color:#d7ff6b;font:850 7px var(--mono);letter-spacing:.12em;text-transform:uppercase}.notification-time-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.notification-time-row label,.notification-digest{display:grid;gap:5px;color:#8fa097;font-size:7px;font-weight:800}.notification-time-row input,.notification-digest select{min-width:0;height:37px;padding:0 9px;border:1px solid #ffffff12;border-radius:9px;color:#f4f1e8;background:#071611;font:750 8px var(--mono);color-scheme:dark}.notification-digest{margin:12px 0 15px}.radar-entity-grid .radar-follow-tune{width:29px;height:29px;padding:0;border-radius:50%;color:#d7ff6b;background:#d7ff6b12}.notification-centre .builder-submit{margin-top:10px}@media(max-width:850px){.notification-centre-grid{grid-template-columns:1fr}.notification-centre-grid>aside{position:static;max-height:none}.notification-follow-list{grid-template-columns:1fr}}@media(max-width:560px){.builder-dialog:has(.notification-centre) .builder-shell{padding:12px}.notification-centre-head{grid-template-columns:1fr;padding:20px}.notification-centre-head h2{font-size:34px!important}.notification-health{grid-template-columns:auto 1fr}.notification-inbox>article{grid-template-columns:7px 1fr}.notification-inbox article>div:last-child{grid-column:2;display:flex;justify-content:space-between}.notification-centre-grid>main,.notification-centre-grid>aside{padding:13px}.notification-time-row{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.notification-toggle i,.notification-toggle i:after{transition:none}}