/* Weekly lottery. Flat solid colors only (no gradients): dark panels, one gold accent, raised buttons. */
.lottery-panel { padding-bottom: 48px; }
#lottery-root { display: grid; gap: 16px; }
.lt-muted { margin: 0; color: #8d979f; font-size: 14px; }
.lt-amt { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.lt-coin { flex: none; width: 1.05em; height: 1.05em; }

/* ---------- hero banner ---------- */
.lt-hero2 { position: relative; display: grid; grid-template-columns: 230px minmax(0, 1fr) minmax(300px, 410px); align-items: center; gap: 26px; min-height: 300px; padding: 28px 30px 28px 26px; overflow: hidden; border-radius: 18px; background: #23282d; box-shadow: inset 0 0 0 2px #f2c14e, 0 5px 0 #111417; }
.lt-art { position: relative; align-self: stretch; min-height: 240px; }
.lt-tk { position: absolute; width: 150px; height: 200px; border-radius: 12px;
  -webkit-mask: radial-gradient(circle 12px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 12px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
  mask: radial-gradient(circle 12px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 12px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; }
.lt-tk.back { left: 52px; top: 30px; background: #a86f12; transform: rotate(9deg); }
.lt-tk.front { left: 10px; top: 20px; display: grid; place-items: center; align-content: center; gap: 8px; background: #f2b632; color: #8a5a06; transform: rotate(-7deg); filter: drop-shadow(0 5px 0 #7a5009); }
.lt-tk.front::before { position: absolute; top: 14px; bottom: 14px; left: 22px; border-left: 3px dotted #b9780e; content: ""; }
.lt-tk-star { width: 64px; height: 64px; }
.lt-tk.front b { font: 400 22px "Lilita One", sans-serif; letter-spacing: .14em; }
.lt-tk.front i { display: none; }

.lt-hero-copy { display: grid; justify-items: start; gap: 4px; min-width: 0; }
.lt-big { display: inline-flex; align-items: center; gap: 14px; color: #fff; }
.lt-big b { font: 400 clamp(56px, 7vw, 86px)/1 "Lilita One", sans-serif; letter-spacing: .01em; text-shadow: 0 5px 0 #11141a; }
.lt-big .lt-coin { width: clamp(44px, 5.4vw, 66px); height: clamp(44px, 5.4vw, 66px); }
.lt-name { margin: 0; color: #f2c14e; font: 400 clamp(24px, 3vw, 34px)/1.1 "Lilita One", sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.lt-tag { margin: 2px 0 14px; color: #9aa4ac; font-size: 14px; font-weight: 600; }
.lt-cta { height: 46px; padding: 0 28px; border: 0; border-radius: 12px; background: #f2c14e; box-shadow: inset 0 -4px 0 #a8801a; color: #2b2208; font: 800 15px "DM Sans", sans-serif; letter-spacing: .02em; cursor: pointer; transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.lt-cta:hover { background: #f7cd68; transform: translateY(-1px); }
.lt-cta:active { transform: translateY(2px); box-shadow: inset 0 -2px 0 #a8801a; }

.lt-hero-time { display: grid; gap: 14px; padding: 18px 20px; border-radius: 16px; background: #1b1f23; box-shadow: inset 0 0 0 1.5px #2f363d; }
.lt-timehead { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lt-timehead small { display: block; color: #8d979f; font: 700 11.5px "DM Sans", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.lt-timehead b { color: #fff; font: 400 20px "Lilita One", sans-serif; letter-spacing: .03em; }
.lt-clock { width: 26px; height: 26px; color: #f2c14e; }
.lt-count { display: flex; gap: 10px; justify-content: space-between; min-height: 82px; }
.lt-box { display: grid; flex: 1; place-items: center; align-content: center; gap: 3px; height: 80px; border-radius: 13px; background: #2c333b; box-shadow: 0 4px 0 #0b0d0f, inset 0 1px 0 #3b434c; }
.lt-box b { color: #f2c14e; font: 400 34px/1 "Lilita One", sans-serif; font-variant-numeric: tabular-nums; }
.lt-box small { color: #8d979f; font: 800 10px "DM Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.lt-wait { display: inline-flex; align-items: center; gap: 12px; margin: 22px 0 0; color: #fff; font: 400 21px "Lilita One", sans-serif; }
.lt-spin { width: 22px; height: 22px; border: 3px solid #3b434c; border-top-color: #f2c14e; border-radius: 50%; animation: lt-rot .8s linear infinite; }
@keyframes lt-rot { to { transform: rotate(360deg); } }
.lt-hero-foot { display: flex; flex-wrap: wrap; gap: 6px 16px; padding-top: 12px; border-top: 2px dotted #2f363d; color: #8d979f; font-size: 12.5px; font-weight: 600; }
.lt-hero-foot b { color: #fff; font-weight: 800; }

/* ---------- three info cards ---------- */
.lt-infos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.lt-info { padding: 20px; border-radius: 16px; background: #21262b; box-shadow: 0 4px 0 #111417; }
.lt-info-head { display: flex; align-items: center; gap: 11px; margin-bottom: 8px; }
.lt-info-ico { flex: none; width: 26px; height: 26px; color: #f2c14e; }
.lt-info h3 { margin: 0; color: #fff; font: 700 16px "DM Sans", sans-serif; }
.lt-info p { margin: 0; color: #9aa4ac; font-size: 14px; line-height: 1.55; }

/* ---------- panels (your tickets, results) ---------- */
.lt-panel { padding: 22px; border-radius: 18px; background: #21262b; box-shadow: 0 5px 0 #111417; }
.lt-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.lt-panel-head h3 { margin: 0; color: #fff; font: 400 26px/1.1 "Lilita One", sans-serif; letter-spacing: .02em; }
.lt-panel-head p { margin: 5px 0 0; color: #8d979f; font-size: 14px; }
.lt-count-chip { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: 9px; background: #15181b; box-shadow: inset 0 0 0 1.5px #2f363d; color: #f2c14e; font: 800 13px "DM Sans", sans-serif; }
.lt-count-chip svg { width: 16px; height: 16px; }

.lt-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; padding: 14px; border-radius: 14px; background: #181b1f; }
.lt-slot { position: relative; display: grid; place-items: center; height: 54px; background: #23282d; color: #3b434c; font: 700 22px "DM Sans", sans-serif;
  -webkit-mask: radial-gradient(circle 7px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
  mask: radial-gradient(circle 7px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; border-radius: 8px; }
.lt-slot.full { background: #f2b632; }
.lt-slot.new { animation: lt-pop .5s cubic-bezier(.3, 1.5, .5, 1) both; animation-delay: calc(var(--i, 0) * 60ms); }
@keyframes lt-pop { from { opacity: 0; transform: translateY(14px) scale(.7) rotate(-6deg); } }
.lt-digits { display: inline-flex; gap: 3px; }
.lt-digits i { display: grid; place-items: center; width: 17px; height: 26px; border-radius: 4px; background: #fbe9b0; color: #5a3c05; font: 400 17px/1 "Lilita One", sans-serif; font-style: normal; }
.lt-digits.dark i { background: #15181b; color: #fff; box-shadow: inset 0 0 0 1px #2f363d; }

.lt-buybar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; margin-top: 16px; }
.lt-stepper { display: flex; align-items: center; gap: 8px; }
.lt-step { width: 44px; height: 44px; border: 0; border-radius: 12px; background: #2c333b; box-shadow: 0 4px 0 #0b0d0f, inset 0 1px 0 #3b434c; color: #fff; font: 700 22px/1 "DM Sans", sans-serif; cursor: pointer; transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.lt-step:hover:not(:disabled) { background: #343c45; transform: translateY(-1px); box-shadow: 0 5px 0 #0b0d0f, inset 0 1px 0 #444d57; }
.lt-step:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 1px 0 #0b0d0f; }
.lt-step:disabled { opacity: .4; cursor: not-allowed; }
.lt-qty { display: grid; justify-items: center; min-width: 78px; padding: 5px 10px; border-radius: 12px; background: #15181b; }
.lt-qty-n { color: #fff; font: 400 28px/1 "Lilita One", sans-serif; }
.lt-qty small { color: #7f8991; font: 700 10px "DM Sans", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.lt-chips { display: flex; gap: 7px; }
.lt-chip { min-width: 52px; height: 38px; padding: 0 12px; border: 0; border-radius: 10px; background: #2c333b; box-shadow: inset 0 -3px 0 #1b2025; color: #c3cbd2; font: 700 13px "DM Sans", sans-serif; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
.lt-chip:hover { background: #343c45; color: #fff; }
.lt-chip.on { background: #f2c14e; box-shadow: inset 0 -3px 0 #a8801a; color: #2b2208; }
.lt-sum { display: grid; gap: 2px; margin-left: auto; text-align: right; }
.lt-total { color: #c3cbd2; font-size: 14px; font-weight: 600; }
.lt-total .lt-amt { margin-left: 4px; color: #fff; font: 400 24px "Lilita One", sans-serif; }
.lt-bal { color: #8d979f; font-size: 12.5px; }
.lt-bal .lt-amt { color: #c3cbd2; font-weight: 800; }
.lt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 30px; border: 0; border-radius: 12px; font: 800 15px "DM Sans", sans-serif; cursor: pointer; transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.lt-primary { background: #4d8ee7; box-shadow: 0 4px 0 #2a5c9f; color: #fff; }
.lt-primary:hover:not(:disabled) { background: #5b9bf0; transform: translateY(-1px); box-shadow: 0 5px 0 #2a5c9f; }
.lt-primary:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 1px 0 #2a5c9f; }
.lt-primary:disabled { background: #2c333b; box-shadow: 0 4px 0 #0b0d0f; color: #7f8991; cursor: not-allowed; }
.lt-primary.busy { opacity: .7; cursor: progress; }
.lt-note { min-height: 18px; margin: 12px 0 0; color: #f2c14e; font-size: 12.5px; font-weight: 600; }
.lt-signin { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px; }

/* ---------- results ---------- */
.lt-ghost { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border: 0; border-radius: 10px; background: #2c333b; box-shadow: 0 3px 0 #0b0d0f; color: #dfe5ea; font: 700 13.5px "DM Sans", sans-serif; cursor: pointer; transition: background-color .15s ease, transform .15s ease; }
.lt-ghost svg { width: 17px; height: 17px; color: #f2c14e; }
.lt-ghost:hover { background: #343c45; color: #fff; transform: translateY(-1px); }
.lt-result-card { overflow: hidden; border-radius: 14px; background: #181b1f; }
.lt-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; background: #23282d; }
.lt-nav-mid { display: grid; justify-items: center; }
.lt-nav-mid small { color: #8d979f; font: 700 12px "DM Sans", sans-serif; }
.lt-nav-mid b { color: #fff; font: 400 20px "Lilita One", sans-serif; letter-spacing: .03em; }
.lt-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 10px; background: #2c333b; box-shadow: 0 3px 0 #0b0d0f; color: #fff; font: 700 22px/1 "DM Sans", sans-serif; cursor: pointer; transition: background-color .15s ease, transform .15s ease; }
.lt-arrow:hover:not(:disabled) { background: #343c45; transform: translateY(-1px); }
.lt-arrow:disabled { opacity: .35; cursor: not-allowed; }
.lt-winners { display: flex; align-items: center; gap: 16px; padding: 22px 20px 18px; }
.lt-winners i { flex: 1; height: 0; border-top: 2px dotted #3b434c; }
.lt-wtk { padding: 9px 26px; border-radius: 10px; background: #f2b632; box-shadow: 0 4px 0 #a86f12; color: #5a3c05; font: 400 22px "Lilita One", sans-serif; letter-spacing: .12em; text-transform: uppercase;
  -webkit-mask: radial-gradient(circle 7px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; mask: radial-gradient(circle 7px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; }
.lt-table { display: grid; }
.lt-tr { display: grid; grid-template-columns: 70px minmax(150px, 1fr) minmax(0, 1.4fr) auto; align-items: center; gap: 12px; padding: 13px 20px; border-top: 1px solid #262c32; color: #fff; font-size: 14.5px; font-weight: 600; }
.lt-th { color: #8d979f; font: 700 12.5px "DM Sans", sans-serif; letter-spacing: .04em; border-top: 1px solid #262c32; }
.lt-tr.you { background: #2c2a1c; box-shadow: inset 4px 0 0 #f2c14e; }
.lt-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lt-who em { padding: 2px 9px; border-radius: 99px; background: #f2c14e; color: #2b2208; font: 800 11px "DM Sans", sans-serif; font-style: normal; }
.lt-win { justify-self: end; color: #f2c14e; font: 400 19px "Lilita One", sans-serif; }
.lt-medal { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #1b1f23; font: 400 17px "Lilita One", sans-serif; box-shadow: inset 0 -3px 0 #0003; }
.lt-medal.m1 { background: #ffd23a; } .lt-medal.m2 { background: #d5dde5; } .lt-medal.m3 { background: #d99a63; }
.lt-empty { margin: 0; padding: 26px 20px 30px; color: #8d979f; text-align: center; font-size: 14px; }
.lt-foot { margin: 0; padding: 14px 20px; border-top: 1px solid #262c32; color: #7f8991; font-size: 12.5px; }

/* ---------- verify dialog ---------- */
.lt-dialog { width: min(560px, calc(100vw - 30px)); }
.lt-kv { display: grid; gap: 4px; margin: 14px 0; }
.lt-kv dt { color: #8d979f; font: 700 11px "DM Sans", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.lt-kv dd { margin: 0 0 8px; padding: 9px 12px; border-radius: 10px; background: #15181b; color: #dfe5ea; font: 600 12px ui-monospace, Consolas, monospace; word-break: break-all; }
.lt-checks { display: grid; gap: 8px; }
.lt-check { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 10px 12px; border-radius: 10px; font-size: 13.5px; line-height: 1.45; }
.lt-check i { display: grid; flex: none; place-items: center; width: 20px; height: 20px; border-radius: 50%; font: 800 12px "DM Sans", sans-serif; font-style: normal; color: #0d1a12; }
.lt-check.ok { background: #1d3328; color: #bfeed3; } .lt-check.ok i { background: #3dd88a; }
.lt-check.bad { background: #3a2226; color: #ffb4ba; } .lt-check.bad i { background: #ff6b76; }

/* ---------- sidebar banner ---------- */
.lt-banner { position: relative; flex: 0 0 auto; min-height: 76px; display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; padding: 12px 12px 12px 10px; border-radius: 14px; background: #262b31; box-shadow: inset 0 0 0 2px #4d8ee7, 0 4px 0 #2a5c9f; color: #fff; text-decoration: none; overflow: hidden; transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.lt-banner:hover { background: #2c3239; transform: translateY(-1px); box-shadow: inset 0 0 0 2px #4d8ee7, 0 5px 0 #2a5c9f; }
.lt-banner:active { transform: translateY(3px); box-shadow: inset 0 0 0 2px #4d8ee7, 0 1px 0 #2a5c9f; }
.lt-banner.active { background: #2c3239; }
.lt-banner-art { position: relative; flex: none; width: 46px; height: 52px; }
.lt-banner-art i, .lt-banner-art em { position: absolute; width: 32px; height: 42px; border-radius: 6px;
  -webkit-mask: radial-gradient(circle 4.5px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 4.5px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat;
  mask: radial-gradient(circle 4.5px at 0 50%, #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 4.5px at 100% 50%, #0000 97%, #000) right / 51% 100% no-repeat; }
.lt-banner-art i { left: 12px; top: 3px; background: #2a5c9f; transform: rotate(10deg); }
.lt-banner-art em { left: 3px; top: 6px; display: grid; place-items: center; background: #6aa3ee; color: #1d4a96; font-style: normal; transform: rotate(-8deg); }
.lt-banner-art em svg { width: 18px; height: 18px; }
.lt-banner-copy { display: grid; flex: 1; min-width: 0; gap: 3px; }
.lt-banner-copy b { display: inline-flex; align-items: center; gap: 6px; overflow: hidden; color: #fff; font: 400 26px/1 "Lilita One", sans-serif; letter-spacing: .02em; white-space: nowrap; }
.lt-banner-copy b .lt-coin { width: 25px; height: 25px; }
.lt-banner-copy small { color: #4d8ee7; font: 800 10.5px "DM Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.lt-banner-time { display: inline-flex; flex: none; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 9px; background: #15181b; box-shadow: inset 0 0 0 1.5px #3b434c; color: #4d8ee7; font: 800 12.5px "DM Sans", sans-serif; font-style: normal; }
.lt-banner-time svg { width: 13px; height: 13px; transform: translateY(-1px); }
.lt-banner-time.live { background: #4d8ee7; box-shadow: none; color: #fff; }

@media (max-width: 1100px) { .lt-hero2 { grid-template-columns: 200px minmax(0, 1fr); } .lt-hero-time { grid-column: 1 / -1; } }
@media (max-width: 760px) {
  .lt-hero2 { grid-template-columns: 1fr; padding: 22px 18px; text-align: center; } .lt-art { display: none; } .lt-hero-copy { justify-items: center; }
  .lt-infos { grid-template-columns: 1fr; }
  .lt-tr { grid-template-columns: 52px 1fr auto; } .lt-tr .lt-who { grid-column: 2 / 3; } .lt-th span:nth-child(3) { display: none; }
  .lt-sum { margin-left: 0; text-align: left; } .lt-buy { width: 100%; }
}
@media (max-width: 480px) { .lt-box b { font-size: 28px; } .lt-box { height: 70px; } .lt-panel { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .lt-slot.new, .lt-spin { animation: none; } .lt-btn, .lt-step, .lt-cta { transition: none; } }

/* fit: the jackpot number never runs into the countdown box */
.lt-hero2 { grid-template-columns: 210px minmax(0, 1fr) 380px; }
.lt-hero-copy { overflow: hidden; }
.lt-big { max-width: 100%; gap: 10px; }
.lt-big b { font-size: clamp(44px, 4.4vw, 70px); }
.lt-big .lt-coin { width: clamp(34px, 3.6vw, 54px); height: clamp(34px, 3.6vw, 54px); flex: none; }
@media (max-width: 1500px) { .lt-hero2 { grid-template-columns: 200px minmax(0, 1fr); } .lt-hero-time { grid-column: 1 / -1; } }
@media (max-width: 760px) { .lt-hero2 { grid-template-columns: 1fr; } }

/* fair-play dialog: plain verdict first, technical details hidden */
.lt-dialog h2 { margin: 0 0 14px; }
.lt-verdict { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; padding: 16px; border-radius: 14px; background: #2c333b; }
.lt-verdict > i { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 50%; font: 800 20px "DM Sans", sans-serif; font-style: normal; color: #0d1a12; }
.lt-verdict b { display: block; color: #fff; font: 400 22px "Lilita One", sans-serif; letter-spacing: .02em; }
.lt-verdict p { margin: 3px 0 0; color: #aab3ba; font-size: 13.5px; line-height: 1.5; }
.lt-verdict.ok { background: #1d3328; } .lt-verdict.ok > i { background: #3dd88a; }
.lt-verdict.bad { background: #3a2226; } .lt-verdict.bad > i { background: #ff6b76; }
.lt-verdict .lt-spin { width: 26px; height: 26px; border-radius: 50%; background: none; }
.lt-details { margin-top: 14px; }
.lt-details summary { cursor: pointer; color: #8d979f; font: 700 12.5px "DM Sans", sans-serif; }
.lt-details summary:hover { color: #fff; }
.lt-details .lt-kv { margin-top: 10px; }

/* banner sits under Credits */
.lt-banner { margin: 10px 0 6px; }

/* Collapsed sidebar: tidy icon rail. Everything is the same 46px column, centred, with no scrollbar. */
@media (min-width: 761px) {
  body.sb-collapsed .sidebar { scrollbar-width: none; padding-left: 13px; padding-right: 13px; }
  body.sb-collapsed .sidebar::-webkit-scrollbar { display: none; }
  body.sb-collapsed .sidebar .nav-link, body.sb-collapsed .sidebar .nav-section-head { width: 46px; min-height: 42px; margin-left: 0; margin-right: 0; }
  body.sb-collapsed .sidebar .nav-link.nav-sub, body.sb-collapsed .sidebar .nav-link.nav-sub-2 { width: 46px; min-height: 42px; margin: 0; padding: 0; }
  body.sb-collapsed .sidebar .nav-link.nav-sub .nav-ico { width: 18px; height: 18px; }
  body.sb-collapsed .sidebar .nav-section { margin: 0 0 4px; padding: 0; border: 0 !important; background: none !important; }
  body.sb-collapsed .sidebar .games-panel .game-list { margin-top: 0; padding-top: 0; border-color: transparent; }
  body.sb-collapsed .sidebar .nav-divider { width: 30px; margin: 8px 8px; }
  /* the lottery card shrinks to a single ticket tile */
  body.sb-collapsed .sidebar .lt-banner { display: grid; place-items: center; width: 46px; min-height: 46px; height: 46px; margin: 4px 0 10px; padding: 0; border-radius: 10px; box-shadow: inset 0 0 0 2px #3a4047; overflow: hidden; }
  body.sb-collapsed .sidebar .lt-banner:hover { box-shadow: inset 0 0 0 2px #4d8ee7; transform: none; }
  body.sb-collapsed .sidebar .lt-banner.active { box-shadow: inset 0 0 0 2px #4d8ee7; }
  body.sb-collapsed .sidebar .lt-banner-copy, body.sb-collapsed .sidebar .lt-banner-time { display: none; }
  body.sb-collapsed .sidebar .lt-banner-art { width: 30px; height: 34px; transform: scale(.75); }
}

/* Collapsed rail: ticket art centred in its tile, quiet grey active state like the open sidebar. */
@media (min-width: 761px) {
  body.sb-collapsed .sidebar .lt-banner { display: flex; align-items: center; justify-content: center; box-shadow: none; background: #22272c; border-radius: 12px; }
  body.sb-collapsed .sidebar .lt-banner:hover { background: #2b3036; box-shadow: none; }
  body.sb-collapsed .sidebar .lt-banner.active { background: #2b3036; box-shadow: none; }
  body.sb-collapsed .sidebar .lt-banner-art { width: 46px; height: 52px; flex: none; transform: scale(.62); transform-origin: 50% 50%; }
}