/* Aniwave Releases page (schedule.php + tides.js). Shared parts (cr-btn, cr-tag, cr-seg, breadcrumb)
   come from crest.css; the page head repeats the list pages' head so this sheet stands alone. */

.cr-rel{padding-top:16px;padding-bottom:12px}
.cr-rel a:focus-visible,.cr-rel button:focus-visible,.cr-rel input:focus-visible{outline:2px solid var(--cr-wave-hi);outline-offset:2px}
.cr-rel .cr-lhead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin:8px 0 20px}
.cr-rel .cr-lhead__txt{flex:1 1 520px;min-width:0}
.cr-rel .cr-lhead h1{position:relative;margin:0;padding-bottom:12px;font-size:var(--cr-t1);font-weight:800;line-height:1.15;letter-spacing:-.015em}
.cr-rel .cr-lhead h1::after{content:"";position:absolute;left:0;bottom:0;width:58px;height:7px;background:var(--cr-wave-hi);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 7'%3E%3Cpath d='M1 5c4 0 4-4 8-4s4 4 8 4 4-4 8-4 4 4 8 4 4-4 8-4 4 4 8 4 4-4 8-4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 7'%3E%3Cpath d='M1 5c4 0 4-4 8-4s4 4 8 4 4-4 8-4 4 4 8 4 4-4 8-4 4 4 8 4 4-4 8-4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.cr-rel .cr-lhead__txt p{margin:10px 0 0;max-width:720px;color:var(--cr-soft);font-size:14.5px}

/* live Japan clock */
.cr-relclock{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:var(--cr-pill);background:linear-gradient(135deg,color-mix(in srgb,var(--cr-wave) 22%,var(--cr-sheet)),var(--cr-sheet));border:1px solid var(--cr-rule)}
.cr-relclock__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cr-wave);color:var(--cr-on-wave)}
.cr-relclock small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cr-faint)}
.cr-relclock b{display:block;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25}
.cr-relclock [data-cr-myclock]{display:block;font-size:12.5px;color:var(--cr-soft);font-variant-numeric:tabular-nums}

/* day tabs: one even row, an even 4-wide grid on phones */
.cr-reldays{display:grid;grid-template-columns:repeat(var(--cr-days-n,8),minmax(0,1fr));gap:6px;margin:0 0 12px}
.cr-reldays--7{--cr-days-n:7}.cr-reldays--8{--cr-days-n:8}.cr-reldays--9{--cr-days-n:9}
.cr-reldays button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;height:58px;padding:0 4px;border-radius:var(--cr-r2);border:1px solid var(--cr-rule);background:var(--cr-sheet);color:var(--cr-soft);cursor:pointer;font:inherit}
.cr-reldays button span{font-weight:700;font-size:14px;color:var(--cr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cr-reldays button small{font-size:12px;color:var(--cr-faint)}
.cr-reldays button:hover{border-color:var(--cr-wave-hi)}
.cr-reldays button[data-past] span{color:var(--cr-soft)}
.cr-reldays button[aria-selected="true"]{background:linear-gradient(135deg,var(--cr-wave-hi),var(--cr-wave) 55%,var(--cr-wave-lo));border-color:transparent}
.cr-reldays button[aria-selected="true"] span,.cr-reldays button[aria-selected="true"] small{color:var(--cr-on-wave)}
.cr-reldays.is-muted{opacity:.5}

/* tools: week search, clock switch, only my shows */
.cr-reltools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 14px}
.cr-relfind{position:relative;flex:1 1 320px;max-width:520px}
.cr-relfind>.cr-i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--cr-wave-hi);pointer-events:none}
.cr-relfind input{width:100%;height:44px;padding:0 16px 0 44px;border-radius:var(--cr-pill);border:1px solid var(--cr-rule);background:var(--cr-deep);color:var(--cr-text);font:500 14px/1 var(--cr-fam,inherit);outline:none}
.cr-relfind input::placeholder{color:var(--cr-faint)}
.cr-relfind input:focus{border-color:var(--cr-wave-hi);box-shadow:0 0 0 3px color-mix(in srgb,var(--cr-wave-hi) 25%,transparent)}
.cr-relzone{flex:none}
.cr-relmine{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 10px;margin-left:auto;border-radius:var(--cr-pill);border:1px solid var(--cr-rule);background:var(--cr-sheet);color:var(--cr-text);font:600 14px/1 var(--cr-fam,inherit);cursor:pointer}
.cr-relmine i{position:relative;width:40px;height:22px;border-radius:var(--cr-pill);background:var(--cr-rule);flex:none}
.cr-relmine i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.cr-relmine[aria-pressed="true"] i,.cr-relmine[aria-checked="true"] i{background:var(--cr-foam)}
.cr-relmine[aria-pressed="true"] i::after,.cr-relmine[aria-checked="true"] i::after{left:21px}
.cr-relmine__none{flex:1 1 100%;margin:0;font-size:13.5px;color:var(--cr-soft)}

/* the list: one card per episode */
.cr-rellist{display:grid;gap:8px}
.cr-rellist[aria-busy="true"]{opacity:.55}
.cr-relrow{position:relative;display:grid;grid-template-columns:72px 44px minmax(0,1fr) auto 40px;gap:14px;align-items:center;min-height:78px;padding:9px 12px 9px 10px;border-radius:var(--cr-r2);background:var(--cr-sheet);border:1px solid var(--cr-rule)}
.cr-relrow:hover{border-color:var(--cr-wave)}
.cr-relrow__at{display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums;line-height:1.1}
.cr-relrow__at b{font-size:18px;font-weight:800}
.cr-relrow__at small{margin-top:3px;font-size:11px;font-weight:600;color:var(--cr-faint);white-space:nowrap}
.cr-relrow img{width:44px;height:60px;object-fit:cover;border-radius:8px;background:var(--cr-sheet2)}
.cr-relrow__txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.cr-relrow__name{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cr-relrow__name::after{content:"";position:absolute;inset:0;border-radius:inherit}
.cr-relrow__name:hover{color:var(--cr-wave-ink)}
.cr-relrow__ep{font-size:13px;color:var(--cr-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-relrow__play{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-weight:700;color:var(--cr-wave-ink)}
.cr-relrow__play .cr-i{width:14px;height:14px}
.cr-relrow__tags{display:flex;align-items:center;gap:6px}
.cr-relrow:not(.is-live) .cr-relrow__live{display:none}
.cr-relrow__bell{position:relative;z-index:1;grid-column:5;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--cr-rule);background:var(--cr-deep);color:var(--cr-text);cursor:pointer}
.cr-relrow__bell .cr-i{width:18px;height:18px}
.cr-relrow__bell:hover{border-color:var(--cr-wave-hi)}
.cr-relrow__bell.on,.cr-relrow__bell[aria-pressed="true"]{background:var(--cr-wave);border-color:var(--cr-wave);color:var(--cr-on-wave)}
.cr-relrow.is-live{border-color:var(--cr-foam);background:color-mix(in srgb,var(--cr-foam) 9%,var(--cr-sheet))}
.cr-relrow.is-live .cr-relrow__at b{color:var(--cr-foam)}
.cr-relrow.is-done .cr-relrow__at b{color:var(--cr-faint)}
.cr-relrow.cr-gone{display:none}
.cr-relempty{display:flex;align-items:center;gap:12px;margin:0;padding:26px 20px;border-radius:var(--cr-r2);border:1px dashed var(--cr-rule);background:var(--cr-sheet);color:var(--cr-soft);font-size:14.5px}
.cr-relempty .cr-i{width:24px;height:24px;color:var(--cr-wave-hi)}
.cr-relcount{margin:0 0 2px;font-size:13.5px;color:var(--cr-soft)}
.cr-relnote{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;color:var(--cr-faint);font-size:13px}
.cr-relnote .cr-i{width:17px;height:17px;margin-top:1px;color:var(--cr-foam)}

@media(max-width:767px){
  .cr-relclock{width:100%;border-radius:var(--cr-r2)}
  .cr-reldays{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cr-reldays--9,.cr-reldays--6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cr-reldays button{height:54px}
  .cr-relfind{flex-basis:100%;max-width:none}
  .cr-relzone{flex:1}
  .cr-relzone button{padding:0 8px}
  .cr-relmine{margin-left:0;flex:1;justify-content:center}
  .cr-relrow{grid-template-columns:54px 40px minmax(0,1fr) 40px;gap:10px;padding:8px 10px 8px 6px}
  .cr-relrow img{width:40px;height:56px}
  .cr-relrow__at b{font-size:16px}
  .cr-relrow__tags{display:none}
  .cr-relrow__bell{grid-column:4}
  .cr-relrow__name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3}
}
@media(max-width:359px){
  .cr-reldays button span{font-size:13px}
  .cr-relrow{grid-template-columns:48px 36px minmax(0,1fr) 36px;gap:8px}
  .cr-relrow img{width:36px;height:50px}
  .cr-relrow__bell{width:36px;height:36px}
}