/* The programme belongs to the League; gold marks a future event, mint marks the live CR card. */
#weekly-dialog .event-teaser{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;text-align:left;padding:8px 13px;margin:0 0 9px;border:1px solid #685641;border-radius:9px;background:linear-gradient(105deg,#31271d,#1c1c21 73%);color:#f5e9cd;cursor:pointer}
.event-badge{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid #8a7151;border-radius:50%;color:#ecc787;background:#211e1a}.event-badge svg{width:23px;height:23px}
.event-teaser-title{display:grid;gap:2px}.event-teaser-title small,.event-cover small,.event-formats small,#event-format small{font:750 9px/1.3 system-ui;letter-spacing:.14em;color:#e8c68a}.event-teaser-title b{font:760 14px/1.2 system-ui}.event-teaser-open{display:flex;align-items:center;gap:7px;margin-left:auto;font:700 11px/1 system-ui;color:#f2d29b}.event-teaser-open i{font:700 17px/1 system-ui}
#wk-shop-rewards{color:#ffe0a8;border:0;border-bottom:1px solid #8e7959;background:transparent;padding:3px 0;margin-left:5px;font:700 12px/1.35 system-ui;cursor:pointer}
#wk-rewards{--event-line:#41434a;--event-gold:#ebc786;--event-white:#faf1dc;--event-green:#9bdecf;color:#f1efec}
.event-cover{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;position:relative;isolation:isolate;min-height:clamp(138px,20vh,195px);padding:clamp(16px,3vw,28px);overflow:hidden;border:1px solid #73624b;border-radius:14px;background:#17191e}
.event-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14151af5 5%,#15161ada 36%,#15161a42 70%),linear-gradient(0deg,#100e14b0,transparent 64%),url("assets/arenas/rba-belt.jpg") 74% 49%/cover no-repeat}
.event-cover-copy{max-width:70%}.event-cover h3{margin:6px 0 5px;font:800 clamp(31px,4.7vw,54px)/.98 Georgia,serif;letter-spacing:-.06em;color:var(--event-white);text-wrap:balance}.event-cover h3 span{color:#f0c97d}
.event-cover p,.event-live p,.event-footer p{margin:0;font:500 12px/1.45 system-ui;color:#dedad3}.event-status{align-self:flex-start;white-space:nowrap;border:1px solid #c4a772;border-radius:4px;background:#141216df;color:#ffe5ad;padding:5px 8px;font:800 9px/1.1 system-ui;letter-spacing:.13em}
.event-body{display:grid;grid-template-columns:minmax(145px,.9fr) minmax(0,2.2fr);grid-template-rows:auto 1fr;gap:10px;margin-top:10px}
.event-live{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #40574e;border-radius:9px;background:#182320}.event-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--event-green)}.event-live div{display:flex;align-items:baseline;gap:9px}.event-live b{flex:none;color:var(--event-green);font:750 12px/1.2 system-ui}.event-live p{color:#d2ded7;font-size:11px}
.event-formats{display:flex;flex-direction:column;align-self:start;gap:6px}.event-formats button{display:grid;gap:3px;width:100%;text-align:left;min-height:53px;padding:9px 12px;background:#1c1f27;border:1px solid #444752;border-radius:8px;color:#d6d7dc;cursor:pointer}.event-formats small{color:#b7b9c2}.event-formats b{font:750 14px/1.2 system-ui}.event-formats button[aria-pressed=true]{color:#ffe5b7;border-color:#aa8b58;background:#30281e;box-shadow:inset 3px 0 #e3ba76}.event-formats button[aria-pressed=true] small{color:#e8c68a}
#event-format{padding:14px 16px;border:1px solid var(--event-line);border-radius:10px;background:#191c23}#event-format header{position:static;background:transparent;margin:0;padding:0;border:0}#event-format h4{margin:3px 0 9px;color:#f8efdf;font:800 clamp(19px,2.3vw,25px)/1.1 system-ui;letter-spacing:-.035em}
#event-format dl{margin:0;font:500 12px/1.4 system-ui}#event-format dl>div{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:7px 0;border-top:1px solid #343741}#event-format dl>div:last-child{padding-bottom:0}#event-format dt{font-weight:750;color:#d8bf93}#event-format dd{margin:0;color:#dddde3}
.event-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.event-footer p{color:#b8bdc7;font-size:11px}.event-footer button{white-space:nowrap;background:#21232a;border:1px solid #4e5058;color:#f2ecd9;font:700 12px/1.3 system-ui;padding:8px 13px;min-height:38px;border-radius:7px;cursor:pointer}
#weekly-dialog :is(.event-teaser,.event-formats button,.event-footer button,#wk-shop-rewards):focus-visible{outline:2px solid #ffe4af;outline-offset:2px}#weekly-dialog .event-teaser:hover,.event-formats button:hover{border-color:#c8a971}
@media(max-width:580px){.event-cover{min-height:145px;padding:16px}.event-cover-copy{max-width:74%}.event-cover::before{background-position:66% 50%}.event-status{font-size:8px;padding:4px 6px}.event-body{display:flex;flex-direction:column;gap:7px;margin-top:7px}.event-live{padding:8px 10px}.event-live div{display:block}.event-live p{margin-top:2px}.event-formats{width:100%;flex-direction:row}.event-formats button{min-height:44px;padding:6px 10px}.event-formats button[aria-pressed=true]{box-shadow:inset 0 -2px #e3ba76}#event-format{padding:10px 12px}.event-footer{align-items:center;gap:9px}.event-footer button{padding:7px 9px}.event-teaser-title b{font-size:13px}}
@media(orientation:landscape) and (max-height:510px){#weekly-dialog .event-teaser{min-height:38px;padding:4px 10px;margin-bottom:4px}.event-teaser-title{display:flex;align-items:center;gap:8px}.event-badge{width:27px;height:27px}.event-cover{min-height:81px;padding:9px 14px}.event-cover h3{font-size:29px;margin:2px 0}.event-cover p{font-size:11px}.event-body{grid-template-columns:150px 1fr;gap:6px;margin-top:6px}.event-live{padding:6px 10px}.event-formats button{min-height:38px;padding:4px 9px}#event-format{padding:8px 12px}#event-format h4{font-size:18px;margin:2px 0 5px}#event-format dl>div{padding:4px 0}#event-format dl{font-size:11px}.event-footer{margin-top:5px}}
