/* MMA Ringside — a game interface inspired by fight posters and broadcast desks. */
:root{
  --bg:#0b0d12;
  --panel:#13161c;
  --white:#f4efeb;
  --muted:#aaa7ae;
  --line:#48434b80;
  --crimson:#a80a15;
  --crimson-light:#e03645;
  --ringside-blue:#72aaff;
  --ringside-amber:#f2bd70;
  --ringside-mint:#59dfb5;
  --gold:#dfc18a;
}
body{
  background:radial-gradient(ellipse at 100% 0,#4a12191f,transparent 45%),var(--bg);
  color:var(--white);
}
.side-menu{background:linear-gradient(155deg,#47121922,transparent 45%),#101116;border-right-color:#3a3039}
.side-menu nav a{color:#b8b4bd;padding-top:12px;padding-bottom:12px}
.side-menu nav a.active{color:#fff3ed;border-left-color:var(--crimson-light);background:linear-gradient(90deg,#a80a153d,transparent)}
.side-menu nav a.active .icon{color:#f0757c}
.topbar{background:#101116f5;border-bottom-color:#383139}
.topbar .logo-word{color:#fff0e8;border-bottom:3px solid var(--crimson-light);padding-bottom:4px}
.demo-badge{border-color:#bc6a686b;color:#e7b7b3;background:#6c13151a}
.language{background:#13151a}
.page-heading{padding-bottom:21px;border-bottom:1px solid var(--line)}
.page-heading .overline{color:#d99b97}
.page-heading h1{color:#f7efeb}
.card{background:linear-gradient(135deg,#1d1c2366,#11141a);border-color:#48404a99}
.card-title{color:#e9d5bd}
.pills .pill.active{color:#fff1ee;background:#94151d40;border-color:#c23c47}
.quiet{background:#1c1b22}
.field{background:#101218;border-color:#524951}
.primary{background-color:var(--crimson);border-color:var(--crimson-light);color:#fff2e8;box-shadow:inset 0 0 20px #67000855,0 5px 17px #39010933}
.primary:hover{filter:brightness(1.15)}
.outline{border-color:#74616d;background:#15141aaa;color:#f0d6cc}
.outline:hover{background:#6d121f44;border-color:#c6646e}
.tabs button.active{border-bottom-color:var(--crimson-light)}
.section-title{color:#cbbabc;border-bottom-color:#4c3b455e}
.footer{border-color:#48343e80;color:#a29aa1;font-size:10px}
.footer button{color:#dbbcb9;font-size:11px}
.home-main{max-width:1380px;padding-top:26px}

/* The cover is editorial arena artwork, separate from the player portraits. */
.arena-bulletin{--panel-pad:26px;min-width:0}
.arena-cover{
  position:relative;isolation:isolate;overflow:hidden;height:390px;
  background:#0b0c10;border:1px solid #72505c66;border-bottom:4px solid var(--crimson);
}
.arena-cover:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#08090de6 0,#090a0f8a 35%,#08090d00 74%),linear-gradient(0deg,#0b0d12f5 0,transparent 66%);
}
.arena-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%;z-index:-2}
.arena-cover-brand{position:absolute;top:25px;left:30px;display:flex;align-items:center;gap:10px}
.arena-cover-brand img{width:43px;height:43px;object-fit:contain}
.arena-cover-brand span{font:600 10px/1.6 Barlow;letter-spacing:2.2px;color:#e9d6c6}
.arena-cover-copy{position:absolute;bottom:34px;left:32px;right:26px}
.arena-cover-copy>p{font:600 10px/1.6 Barlow;letter-spacing:2.7px;color:#d7b4ad;margin:0 0 13px}
.arena-cover-copy h1{font:800 clamp(58px,6.6vw,96px)/.95 Barlow;letter-spacing:-1px;color:#fff2e6;display:flex;align-items:center;gap:12px}
.arena-cover-copy h1>span{background:var(--crimson) url('./assets/ui/button-crimson.webp') center/cover;padding:1px 14px 7px;color:#fff5ed;transform:skew(-4deg);box-shadow:0 5px 22px #3b030855}
.cover-caption{font:400 14px/1.7 Manrope;color:#dfd1ce;display:block;margin-top:17px}
.bulletin-edition{display:flex;align-items:center;flex-wrap:wrap;gap:11px 20px;padding:17px 20px;background:#16151b;border:1px solid #54414c77;border-top:0;color:#d7c9c8;font-size:12px}
.edition-label{display:flex;align-items:center;gap:8px;font:700 13px Barlow;letter-spacing:1.6px;color:#f4e2dc}
.edition-label i{width:6px;height:6px;background:var(--crimson-light);transform:rotate(45deg);box-shadow:0 0 12px #e0364544}
.bulletin-edition time{font:600 14px Barlow;text-transform:uppercase;letter-spacing:.7px}
.edition-zone{margin-left:auto;font-size:11px;color:#b7a9b1}
.ringside-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 31px}
.ringside-shortcuts>a{justify-content:flex-start;min-height:76px;padding:15px 23px;letter-spacing:.7px}
.ringside-shortcuts>a>span{flex:1;min-width:0;font-size:23px}
.ringside-shortcuts>a>span small{font:400 11px/1.7 Manrope;letter-spacing:0;display:block;text-transform:none;margin-top:4px;color:#f1c9c3}
.ringside-shortcuts .shortcut-fight{background:linear-gradient(120deg,#27232a,#12151d);border-color:#8c4956}
.ringside-shortcuts .shortcut-fight>span small{color:#bcb2bf}
.ringside-shortcuts>a>.icon:first-child{width:27px;height:27px;margin-right:2px}
.ringside-shortcuts>a>.icon:last-child{width:19px;height:19px}
.bulletin-section-heading{display:flex;align-items:center;gap:18px;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #57414c88}
.bulletin-section-heading h2{font:700 19px Barlow;letter-spacing:2px;display:flex;align-items:center;gap:10px;white-space:nowrap}
.bulletin-section-heading h2:before{content:"";display:inline-block;width:4px;height:18px;transform:skew(-13deg);background:var(--crimson-light)}
.bulletin-section-heading>span{margin-left:auto;font-size:11px;color:#b4a8b0;text-align:right}
.bulletin-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
.bulletin-panel{--accent:#f2bd70;min-width:0;padding:var(--panel-pad);border:1px solid #5b444e88;background:linear-gradient(145deg,#22212a55,#101319);display:flex;flex-direction:column;position:relative}
.bulletin-panel:before{content:"";position:absolute;top:-1px;left:-1px;width:52px;height:3px;background:var(--accent)}
.bulletin-lead{grid-column:span 7;background:radial-gradient(ellipse at 100% 0,#83172433,transparent 70%),linear-gradient(150deg,#21181e,#101319)}
.impact-board{grid-column:span 5;--accent:#f15b59;background:linear-gradient(135deg,#2a151d88,#121318 70%)}
.clan-board{grid-column:span 7;--accent:var(--ringside-blue);background:linear-gradient(125deg,#112b484f,#13151c 75%)}
.rising-board{grid-column:span 5;--accent:var(--ringside-mint);background:linear-gradient(135deg,#193b3544,#12171b 75%)}
.dispatch-category{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:23px;padding-bottom:17px;border-bottom:1px solid #71606b40}
.dispatch-category>.icon{width:19px;height:19px;color:var(--accent)}
.dispatch-category h3{font:600 15px/1.3 Barlow;letter-spacing:1.4px;color:#f0dfd9;flex:1;min-width:0}
.dispatch-tag{font:600 11px Barlow;color:var(--accent);padding:4px 7px;border:1px solid #a17a724d;text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}
.lead-athlete{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:18px;align-items:center;min-height:180px}
.lead-identity{min-width:0;position:relative;z-index:1}
.feature-eyebrow{font:600 10px/1.7 Barlow;letter-spacing:2px;color:var(--ringside-amber);margin:0 0 12px}
.lead-name{font:700 clamp(33px,3.4vw,49px)/1.02 Barlow;text-transform:uppercase;letter-spacing:.3px;color:#fff1e8;overflow-wrap:break-word}
.lead-discipline{font:400 12px/1.8 Manrope;color:#c5b5b8;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px}
.lead-discipline .country-flag{width:22px;height:15px}
.lead-discipline>span{color:#8d6875}
.lead-portrait{position:relative;width:100%;height:184px;isolation:isolate;margin-top:-5px;align-self:center}
.lead-portrait:before{content:"";position:absolute;inset:7px -5px -5px 7px;border:1px solid #ba38474d;background:#a80a151c;z-index:-1;transform:skewY(-3deg)}
.lead-portrait>.avatar-hd,.lead-portrait>.sprite-avatar{width:100%;height:100%;object-fit:cover;object-position:72% 15%;border:1px solid #d5957680;aspect-ratio:auto}
.lead-portrait>.lead-brand{width:100%;height:100%;object-fit:contain;padding:20px;background:linear-gradient(145deg,#7b121f77,#18181d);border:1px solid #9b3a4755}
.lead-portrait>span:not(.sprite-avatar){position:absolute;right:-4px;bottom:8px;background:var(--crimson);padding:3px 7px;color:#ffe9e2;font:800 17px Barlow;letter-spacing:1.3px;transform:skew(-6deg)}
.lead-score{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0 19px;margin-top:13px;border-bottom:1px solid #a169624d}
.lead-score>div{min-width:0;flex:1}
.lead-score>.icon{width:43px;height:43px;color:#f2bd7055;stroke-width:1;flex-shrink:0}
.bulletin-value{display:block;width:max-content;max-width:100%;font:800 68px/.98 Barlow;color:#fff2e8;letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.bulletin-value[data-size="medium"]{font-size:56px}
.bulletin-value[data-size="small"]{font-size:39px}
.bulletin-value[data-size="compact"]{font-size:23px}
.lead-score .bulletin-value{color:var(--ringside-amber)}
.metric-caption{font:400 12px/1.65 Manrope;display:block;color:#c6b3b4;margin-top:7px}
.bulletin-person{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:center;gap:16px;min-width:0;min-height:83px;margin:0 0 20px}
.bulletin-person>div{min-width:0}
.bulletin-person>.avatar-hd,.bulletin-person>.sprite-avatar{width:65px;height:83px;object-fit:cover;object-position:72% 15%;border:1px solid #a3736d88}
.bulletin-name{font:700 32px/1.05 Barlow;color:#f4e3db;text-transform:uppercase;letter-spacing:.5px;overflow-wrap:break-word}
.bulletin-name a,.lead-name a{transition:color .16s ease}
.bulletin-name a:hover,.lead-name a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.bulletin-person-caption{font:400 12px/1.7 Manrope;color:#bcb1bb;margin-top:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.bulletin-person-caption .country-flag{width:19px;height:13px}
.bulletin-empty-avatar{display:grid;place-items:center;width:65px;height:83px;background:linear-gradient(145deg,#5c283044,#181a22);border:1px solid #6f4a5b77;color:var(--accent)}
.bulletin-empty-avatar>.icon{width:32px;height:32px;stroke-width:1.2}
.headline-metric{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 15px;padding:3px 0 20px;margin-top:auto;border-bottom:1px solid #8d6e7b3b;min-width:0}
.headline-metric .bulletin-value{flex:0 0 auto;max-width:100%}
.headline-metric .metric-caption{flex:1;min-width:80px;margin-top:0;font-size:12px;color:var(--accent)}
.impact-board .headline-metric .bulletin-value{color:#fff0eb;text-shadow:0 3px 30px #e0364529}
.clan-board .headline-metric .bulletin-value{color:#b5d1ff}
.rising-board .headline-metric .bulletin-value{color:#9becd5}
.dispatch-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:19px}
.dispatch-footer p{font:400 13px/1.7 Manrope;color:#bfb2bb;flex:1 1 150px;max-width:360px}
.dispatch-footer .outline{flex:0 0 auto;min-height:39px;white-space:normal;max-width:100%;font-size:14px;border-color:#6d525d;letter-spacing:.7px;color:#f3d7cc}
.dispatch-footer .outline .icon{width:16px;height:16px}
.bulletin-lead>.dispatch-footer{margin-top:auto;padding-top:19px}
.ringside-crest{width:65px;height:83px;display:grid;place-items:center;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);background:linear-gradient(130deg,#dd3a49,#8d0714);border-top:2px solid #ff7a7e;color:#ffeae4;font:800 25px Barlow;letter-spacing:.6px;padding-bottom:10px;text-shadow:0 3px 7px #63000a55;box-shadow:inset 0 0 24px #59000f44}
.ringside-crest.long-tag{font-size:18px}
.ringside-crest .icon{width:30px;height:30px;stroke-width:1.3}
.bulletin-streaks{display:flex;flex-direction:column;gap:7px;margin-top:10px;font:400 12px/1.6 Manrope;color:#b7ccf0}
.bulletin-streaks>span{display:flex;align-items:flex-start;gap:6px}
.bulletin-streaks .icon{width:15px;height:18px;flex-shrink:0;color:#edba82}
.bulletin-shared{display:block;font:400 11px/1.6 Manrope;color:#bbbdc8;margin-top:8px;text-transform:none;letter-spacing:0}
.bulletin-name-divider{color:#9c6875;font-weight:400}
.bulletin-ties{font:400 12px/1.8 Manrope;margin-top:7px;text-transform:none;letter-spacing:0}
.bulletin-ties summary{cursor:pointer;color:var(--accent)}
.bulletin-ties a{display:inline;overflow-wrap:anywhere}
.bulletin-criteria{border:1px solid #4c3c4866;margin-top:18px;background:#111319;padding:15px 20px;color:#b7adb8;font:400 12px/1.8 Manrope}
.bulletin-criteria>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.bulletin-criteria>summary>.icon{width:16px;height:16px;color:#dcaba4}
.bulletin-criteria>summary:after{content:"+";font-size:20px;color:#f1cebf;margin-left:auto}
.bulletin-criteria[open]>summary:after{content:"−"}
.bulletin-criteria>p{font-size:13px;line-height:1.8;margin-top:16px;max-width:960px;color:#c1b7c0}

/* The player's control desk stays separate from the daily editorial scores. */
.fight-deck{margin-top:28px;border:1px solid #6b445380;background:linear-gradient(145deg,#29171e88,#12151b 60%);padding:26px;min-width:0}
.fight-deck>header{display:flex;align-items:center;gap:18px;justify-content:space-between;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #5b414d77}
.fight-deck>header h2{font:700 31px/1.1 Barlow;color:#f1e3da;letter-spacing:.2px}
.fight-deck .feature-eyebrow{margin-bottom:6px}
.fight-deck>header>.text-link{color:#e9b8ae;font-size:13px;flex-shrink:0}
.deck-fighter{display:flex;align-items:center;gap:15px;margin-bottom:17px;min-width:0}
.deck-fighter>.avatar-hd,.deck-fighter>.sprite-avatar{width:57px;height:70px;border-color:#ad6a6b77;object-position:72% 15%}
.deck-fighter>div{min-width:0}
.deck-fighter h3{font:700 28px/1.15 Barlow;color:#f7e6dd;overflow-wrap:anywhere}
.deck-fighter p{font:400 12px/1.7 Manrope;color:#bdabb3;margin-top:5px}
.deck-fighter p>span{margin:0 8px;color:#8b5d6d}
.deck-energy{margin-left:auto;text-align:right;flex-shrink:0}
.deck-energy strong{font:700 36px/1 Barlow;color:#f5c37c;white-space:nowrap}
.deck-energy strong small{font-size:18px}
.deck-energy>span{display:block;font:400 11px/1.7 Manrope;color:#b7a7ae;margin-top:4px}
.fight-deck>.meter{background:#38232c;height:4px}
.fight-deck>.meter>div{background:linear-gradient(90deg,#a80a15,#e2474e)}
.deck-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:23px 0}
.deck-counters>div{border-left:2px solid #aa353e55;padding-left:15px;min-width:0}
.deck-counters span{font:600 15px/1.4 Barlow;color:#bfa9b1;display:block}
.deck-counters strong{font:700 32px/1.25 Barlow;color:#f2ddd3;white-space:nowrap}
.deck-counters small{font-size:18px;color:#a3808e;font-weight:600}
.deck-events{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.deck-events>a{font-size:19px;letter-spacing:1px;min-height:51px}
.deck-recovery{margin-top:22px;border-top:1px solid #64414f66;padding-top:17px}
.deck-recovery>summary{font:600 18px/1.5 Barlow;color:#e7c2b7;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}
.deck-recovery>summary .icon{width:17px;height:17px;color:#d78f86}
.deck-recovery>summary .icon:last-child{margin-left:auto;transform:rotate(90deg)}
.deck-recovery[open]>summary .icon:last-child{transform:rotate(-90deg)}
.deck-recovery>div{padding-top:15px}
.deck-recovery p{font-size:13px;line-height:1.8;color:#bcaeb8}
.deck-recovery .wrap{margin-top:15px}
.deck-recovery .recovery-note{font-size:11px;margin-top:12px}

/* Personal and clan gallery editing. The stored picture is a normalized square. */
.gallery-avatar{object-position:center!important}
.dossier-personal-photo{object-position:80% 25%;object-fit:contain;background:linear-gradient(110deg,#0c0e13,#3b1722)}
.custom-clan-image{object-fit:cover;object-position:center;padding:0;clip-path:none;border:1px solid #ca626a88;aspect-ratio:1}
.clan-banner>.custom-clan-image{width:105px;height:105px;flex-shrink:0}
.ranking-clan-emblem{width:48px;height:55px;font-size:17px;flex-shrink:0}
.custom-clan-image.ranking-clan-emblem{height:48px}
.ringside-crest.custom-clan-image{width:65px;height:65px;object-fit:cover;background:none;text-shadow:none}
.gallery-panel{display:grid;grid-template-columns:45px minmax(0,1fr);gap:17px 18px;padding:24px;border:1px solid #9b465c88;background:linear-gradient(120deg,#64162a3d,#14161c);margin:0 0 25px}
.gallery-panel-icon{width:45px;height:48px;display:grid;place-items:center;border:1px solid #aa4a5e77;background:#9c152127;color:#f2b8a8}
.gallery-panel h2{font:700 28px/1.15 Barlow;letter-spacing:.2px;color:#f4e0d6;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.gallery-panel .overline{font-size:9px;letter-spacing:1.8px;color:#d69490;margin-bottom:8px}
.gallery-panel p:not(.overline){font:400 13px/1.8 Manrope;color:#bfadb7;margin-top:10px;max-width:720px}
.gallery-panel-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.gallery-panel-actions .primary,.gallery-panel-actions .outline{min-height:43px;font-size:16px;letter-spacing:.7px}
.gallery-panel>.gallery-local-note{grid-column:2;font-size:11px!important;margin-top:0!important;color:#a794a1!important}
#gallery-canvas{width:100%;max-width:360px;aspect-ratio:1;height:auto;display:block;margin:auto;border:1px solid #b05e6c;background:#101218}
.gallery-editor-help{font-size:14px;line-height:1.7;color:#c8b5bd}
.gallery-control{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#e2bcb6}
.gallery-control input{width:100%;accent-color:var(--crimson-light);min-height:28px}
.gallery-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px}
.gallery-editor-actions button{min-width:0;font-size:17px;padding:12px;letter-spacing:1px}
.coupon-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.coupon-card{padding:29px;background:linear-gradient(135deg,#5c14283b,#12151b)}
.coupon-symbol{width:58px;height:58px;display:grid;place-items:center;background:#a80a1538;border:1px solid #c84c5a88;color:#fac9b1;margin-bottom:23px}
.coupon-symbol .icon{width:29px;height:29px}
.coupon-card h2{font:700 36px/1.05 Barlow;letter-spacing:.2px;color:#fae6d9;max-width:410px}
.coupon-card>p,.coupon-layout>aside>p{font:400 14px/1.8 Manrope;color:#c9b6bf;margin:17px 0 23px}
.coupon-card form{margin-top:25px}
.coupon-code{font:600 24px/1.3 Barlow;letter-spacing:2px;text-transform:uppercase;min-height:55px}
.coupon-note{font-size:12px!important;margin-bottom:0!important;color:#ac94a3!important}
.coupon-demo{border-left:3px solid #9b3d50;padding:14px 17px;background:#2c1a2344;margin-top:8px}
.coupon-demo strong{font:600 19px Barlow;color:#e3b0a7}
.coupon-demo p{font-size:12px;color:#bc9eaf;margin-top:8px;line-height:1.8}
.admin-demo-notice{margin-bottom:24px;font-size:13px}
.admin-form{margin-top:22px}
.admin-help{font-size:13px;line-height:1.8;color:#bfadb7;margin-top:17px}
.admin-coupon-list{margin-top:25px}
.admin-coupon-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #64414f66}
.admin-coupon-row strong{font:600 22px Barlow;color:#ead6c9}
.admin-coupon-row p{font-size:12px;color:#c7a9b7;margin-top:7px;line-height:1.7}
.admin-coupon-row small{display:block;font-size:10px;line-height:1.7;color:#9c8293;margin-top:5px}
.issued-coupon-code{display:block;padding:18px;border:1px dashed #bc6f75;color:#f3ceb9;font:700 29px/1.3 Barlow;letter-spacing:2px;overflow-wrap:anywhere;text-align:center;user-select:all}

@media(min-width:1500px){.arena-cover{height:425px}.lead-name{font-size:55px}.arena-bulletin{--panel-pad:30px}}
@media(max-width:1100px){
  .arena-cover{height:355px}
  .arena-bulletin{--panel-pad:22px}
  .lead-athlete{grid-template-columns:minmax(0,1fr) 124px;gap:13px}
  .lead-name{font-size:39px}
  .lead-portrait{height:165px}
  .dispatch-tag{display:none}
  .bulletin-name{font-size:29px}
  .bulletin-value{font-size:61px}
  .bulletin-person{gap:12px;grid-template-columns:56px minmax(0,1fr)}
  .bulletin-person>.avatar-hd,.bulletin-person>.sprite-avatar,.bulletin-empty-avatar,.ringside-crest{width:56px;height:73px}
}
@media(max-width:850px){
  .topbar{background:#101116}
  .bottom-nav{background:#101116f5;border-top:1px solid #69404c80;padding-bottom:max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}
  .bottom-nav a{position:relative;color:#a9a2ae;transition:color .15s;font-size:16px}
  .bottom-nav a.active{color:#fff0e7}
  .bottom-nav a.active .icon{color:#ef6a70}
  .bottom-nav a.active:after{content:"";position:absolute;top:-1px;left:22%;right:22%;height:3px;background:var(--crimson-light);box-shadow:0 3px 14px #c2183640}
  .bulletin-grid{gap:16px}
}
@media(max-width:680px){
  .home-main{padding:18px 16px calc(110px + env(safe-area-inset-bottom))}
  .arena-bulletin{--panel-pad:20px}
  .arena-cover{height:365px;border-bottom-width:4px}
  .arena-cover-photo{object-position:73% 5%}
  .arena-cover:after{background:linear-gradient(0deg,#0b0d12 0,#0b0d12cc 23%,#0b0d1200 73%),linear-gradient(90deg,#08090d4d,transparent 65%)}
  .arena-cover-brand{left:18px;top:17px;gap:7px}
  .arena-cover-brand img{width:34px;height:34px}
  .arena-cover-brand span{font-size:8px;letter-spacing:1.5px}
  .arena-cover-copy{bottom:25px;left:19px;right:15px}
  .arena-cover-copy>p{font-size:9px;letter-spacing:1.2px;margin-bottom:12px}
  .arena-cover-copy h1{font-size:57px;letter-spacing:-.6px;gap:9px}
  .arena-cover-copy h1>span{padding:1px 11px 5px}
  .cover-caption{font-size:16px;line-height:1.5;max-width:270px;margin-top:16px}
  .bulletin-edition{gap:9px 15px;padding:14px 17px}
  .edition-label{font-size:12px;letter-spacing:1px}
  .bulletin-edition time{margin-left:auto;font-size:13px}
  .edition-zone{flex-basis:100%;font-size:11px;margin:0;padding-left:14px}
  .ringside-shortcuts{gap:10px;margin-top:16px;margin-bottom:27px}
  .ringside-shortcuts>a{padding:13px 12px;gap:9px;min-height:82px}
  .ringside-shortcuts>a>span{font-size:20px;line-height:1.05;letter-spacing:.3px}
  .ringside-shortcuts>a>span small{font-size:10px;line-height:1.6;margin-top:6px}
  .ringside-shortcuts>a>.icon:first-child{width:20px;height:20px;margin:0}
  .ringside-shortcuts>a>.icon:last-child{display:none}
  .bulletin-section-heading{gap:10px;padding-bottom:13px;margin-bottom:16px;align-items:flex-start}
  .bulletin-section-heading h2{font-size:18px;letter-spacing:1.2px}
  .bulletin-section-heading>span{font-size:10px;line-height:1.6;max-width:140px}
  .bulletin-grid{grid-template-columns:minmax(0,1fr);gap:15px}
  .bulletin-panel{grid-column:auto;padding:20px}
  .dispatch-category{margin-bottom:20px;padding-bottom:15px;gap:8px}
  .dispatch-category h3{font-size:16px;letter-spacing:1.2px}
  .dispatch-category>.icon{width:18px;height:18px}
  .dispatch-tag{display:inline-block;font-size:10px;padding:4px 6px}
  .lead-athlete{grid-template-columns:minmax(0,1fr) 112px;gap:15px;min-height:149px}
  .lead-name{font-size:36px;line-height:1.04;letter-spacing:0}
  .feature-eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:10px}
  .lead-portrait{height:150px;margin:0}
  .lead-portrait:before{inset:6px -4px -4px 6px}
  .lead-portrait>.avatar-hd{object-position:72% 15%}
  .lead-portrait>span:not(.sprite-avatar){font-size:15px;bottom:7px}
  .lead-discipline{font-size:11px;line-height:1.6;margin-top:12px;gap:6px}
  .lead-score{padding:20px 0 19px;margin-top:16px}
  .lead-score>.icon{display:none}
  .bulletin-value{font-size:62px;line-height:1}
  .bulletin-value[data-size="medium"]{font-size:50px}
  .bulletin-value[data-size="small"]{font-size:34px}
  .bulletin-value[data-size="compact"]{font-size:20px}
  .metric-caption{font-size:14px;line-height:1.6;margin-top:8px}
  .bulletin-person{grid-template-columns:68px minmax(0,1fr);gap:15px;margin-bottom:20px;min-height:85px}
  .bulletin-person>.avatar-hd,.bulletin-person>.sprite-avatar,.bulletin-empty-avatar,.ringside-crest{width:68px;height:85px}
  .bulletin-name{font-size:32px;line-height:1.08;letter-spacing:.3px}
  .bulletin-person-caption{font-size:13px;line-height:1.6;margin-top:9px}
  .headline-metric{gap:9px 13px;padding:0 0 19px}
  .headline-metric .metric-caption{font-size:14px;min-width:100px;line-height:1.6;max-width:146px}
  .dispatch-footer{gap:17px;margin-top:17px}
  .dispatch-footer p{font-size:16px;line-height:1.55;flex-basis:100%;max-width:none}
  .dispatch-footer .outline{min-height:41px;font-size:16px;padding:9px 14px}
  .bulletin-shared{font-size:11px;line-height:1.7}
  .bulletin-streaks{font-size:12px;line-height:1.7;gap:6px}
  .bulletin-streaks .icon{width:15px;height:17px}
  .bulletin-ties{font-size:13px;line-height:1.8}
  .bulletin-criteria{padding:15px 17px;font-size:12px;line-height:1.7}
  .bulletin-criteria>p{font-size:16px;line-height:1.7}
  .fight-deck{padding:20px;margin-top:25px}
  .fight-deck>header{align-items:flex-end;padding-bottom:20px;margin-bottom:20px;gap:12px}
  .fight-deck>header h2{font-size:28px;line-height:1.05}
  .fight-deck>header>.text-link{font-size:12px;gap:5px}
  .fight-deck>header>.text-link .icon{width:15px;height:15px}
  .deck-fighter{gap:11px}
  .deck-fighter>.avatar-hd,.deck-fighter>.sprite-avatar{width:45px;height:59px}
  .deck-fighter h3{font-size:25px;line-height:1.1}
  .deck-fighter p{font-size:10px;line-height:1.6;max-width:160px}
  .deck-fighter p>span{margin:0 5px}
  .deck-energy strong{font-size:31px}
  .deck-energy strong small{font-size:16px}
  .deck-energy>span{font-size:10px}
  .deck-counters{gap:10px;margin:21px 0}
  .deck-counters>div{padding-left:9px}
  .deck-counters span{font-size:14px;min-height:39px;line-height:1.3;display:flex;align-items:center}
  .deck-counters strong{font-size:30px}
  .deck-counters small{font-size:17px}
  .deck-events{gap:10px}
  .deck-events>a{font-size:17px;letter-spacing:.7px;gap:9px;padding:11px 9px;min-height:53px}
  .deck-events .icon{width:18px;height:18px}
  .deck-recovery>summary{font-size:20px}
  .deck-recovery p{font-size:16px;line-height:1.6}
  .deck-recovery .recovery-note{font-size:12px}
  .gallery-panel{padding:20px;grid-template-columns:35px minmax(0,1fr);gap:16px 12px}
  .gallery-panel-icon{width:35px;height:39px}
  .gallery-panel-icon .icon{width:20px;height:20px}
  .gallery-panel h2{font-size:25px;line-height:1.15;gap:8px}
  .gallery-panel p:not(.overline){font-size:16px;line-height:1.6}
  .gallery-panel .overline{font-size:8px;letter-spacing:1.1px}
  .gallery-panel-actions{grid-column:1/-1;gap:15px}
  .gallery-panel-actions .primary,.gallery-panel-actions .outline{font-size:17px;min-height:46px}
  .gallery-panel>.gallery-local-note{grid-column:1/-1;font-size:12px!important}
  .gallery-editor-help{font-size:16px;line-height:1.6}
  .gallery-control{font-size:14px}
  .clan-banner>.custom-clan-image{width:83px;height:83px}
  .ringside-crest.custom-clan-image{width:68px;height:68px}
  .coupon-layout{grid-template-columns:minmax(0,1fr);gap:19px}
  .coupon-card{padding:23px}
  .coupon-card h2{font-size:33px}
  .coupon-card>p,.coupon-layout>aside>p{font-size:16px;line-height:1.65}
  .coupon-card .coupon-note{font-size:13px!important}
  .coupon-demo p{font-size:14px;line-height:1.7}
  .coupon-code{font-size:24px;min-height:56px}
  .admin-help,.admin-demo-notice{font-size:16px;line-height:1.65}
  .admin-coupon-row{gap:15px;flex-wrap:wrap}
  .admin-coupon-row p{font-size:14px}
  .admin-coupon-row small{font-size:11px}
  .footer{flex-wrap:wrap;font-size:10px;line-height:1.7}
}
@media(max-width:370px){
  .home-main{padding-left:13px;padding-right:13px}
  .arena-cover{height:345px}
  .arena-cover-copy h1{font-size:51px;gap:8px}
  .arena-cover-copy>p{font-size:8px;letter-spacing:1px}
  .cover-caption{font-size:16px;max-width:250px}
  .arena-bulletin{--panel-pad:18px}
  .bulletin-panel{padding:18px}
  .lead-athlete{grid-template-columns:minmax(0,1fr) 95px;gap:12px}
  .lead-name{font-size:32px}
  .lead-portrait{height:140px}
  .dispatch-tag{font-size:9px}
  .dispatch-category h3{font-size:15px;letter-spacing:1px}
  .bulletin-value{font-size:58px}
  .bulletin-value[data-size="medium"]{font-size:46px}
  .bulletin-value[data-size="small"]{font-size:32px}
  .bulletin-value[data-size="compact"]{font-size:19px}
  .bulletin-section-heading>span{max-width:115px}
  .ringside-shortcuts>a{padding:12px 10px;gap:8px}
  .ringside-shortcuts>a>span{font-size:18px}
  .ringside-shortcuts>a>.icon:first-child{width:18px;height:18px}
  .ringside-shortcuts>a>span small{font-size:9px}
  .fight-deck{padding:18px}
}
@media(prefers-reduced-motion:no-preference){
  .bulletin-panel{animation:ringside-arrive .35s ease-out both}
  .impact-board{animation-delay:.04s}.clan-board{animation-delay:.08s}.rising-board{animation-delay:.12s}
  @keyframes ringside-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
}

.clan-banner>div{min-width:0}.clan-banner h2{overflow-wrap:anywhere}