/* Aniwave landing ("/"): short header, the shore (hero), top 5, on air today, reasons, questions.
   Shared parts (.cr-btn, .cr-tag, .cr-hd, .cr-sec, footer) live in crest.css. */
.cr-past{display:none!important}

/* short header: logo, day or night, open the site */

/* the shore: always a night scene, in the day look too */
.cr-shore{
  --sh-text:var(--cr-on-wave);--sh-soft:#c9cde3;--sh-faint:#aab1cf;--sh-field:rgba(8,11,24,.82);--sh-edge:rgba(157,113,240,.55);--sh-glow:#b99af7;
  position:relative;overflow:hidden;color:var(--sh-text);background:#06080f url(../images/shore-night-1920.webp) center/cover no-repeat}
@media(max-width:860px){.cr-shore{background-image:url(../images/shore-night-960.webp)}}
.cr-shore::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,15,.82),rgba(6,8,15,.35) 70%,rgba(6,8,15,.2));pointer-events:none}
.cr-shore::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:var(--cr-ink);pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 40c160-40 320-40 480 0s320 40 480 0 320-40 480 0v30H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 40c160-40 320-40 480 0s320 40 480 0 320-40 480 0v30H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.cr-shore__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:24px;padding-top:44px;padding-bottom:100px}
.cr-shore__txt{min-width:0}
.cr-shore h1{margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.02em;font-stretch:90%}
.cr-shore h1 em{font-style:normal;background:linear-gradient(90deg,var(--sh-glow),var(--cr-wave-hi) 50%,var(--cr-foam));-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-shore__lede{color:var(--sh-soft);font-size:16.5px;max-width:560px;margin:14px 0 22px}
.cr-shore__art{justify-self:center;width:min(100%,420px);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.cr-shore__go{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:600px;margin-top:16px}
.cr-shore__go .cr-btn{min-height:48px;font-size:15px}
.cr-shore__go .cr-btn--ghost{border-color:rgba(255,255,255,.3);color:var(--sh-text);background:rgba(8,11,24,.35)}
.cr-shore__go .cr-btn--ghost:hover{border-color:var(--sh-glow)}
.cr-official{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:var(--sh-faint);font-size:13px}
.cr-official .cr-i{color:var(--cr-foam);width:18px;height:18px}
.cr-official b{color:var(--sh-text)}
@media(max-width:860px){
  .cr-shore__in{grid-template-columns:1fr;gap:10px;padding-top:22px;padding-bottom:84px}
  .cr-shore__art{grid-row:1;width:170px;justify-self:start;margin-bottom:-4px}}
@media(max-width:479px){.cr-shore__go{grid-template-columns:1fr}.cr-shore__lede{font-size:15px}}

/* big search with results while typing (main.js fills .cr-surf__list with .cr-hit rows) */
.cr-surf{position:relative;max-width:600px;z-index:5}
.cr-surf input{width:100%;height:58px;border-radius:var(--cr-pill);border:2px solid var(--sh-edge);background:var(--sh-field);color:var(--sh-text);padding:0 64px 0 52px;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.cr-surf input::placeholder{color:var(--sh-faint)}
.cr-surf input:focus{border-color:var(--sh-glow)}
.cr-surf input::-webkit-search-cancel-button{display:none}
.cr-surf__ico{position:absolute;left:19px;top:19px;color:var(--sh-glow);display:flex}
.cr-surf__ico .cr-i{width:20px;height:20px}
.cr-surf button[type="submit"]{position:absolute;right:7px;top:7px;width:44px;height:44px;border-radius:50%;border:0;background:var(--cr-wave);color:var(--cr-on-wave);display:grid;place-items:center;cursor:pointer}
.cr-surf button[type="submit"]:hover{background:var(--cr-wave-hi)}
.cr-surf__list{position:absolute;left:0;right:0;top:64px;max-height:min(70vh,460px);overflow:auto;background:var(--cr-sheet);color:var(--cr-text);border:1px solid var(--cr-rule);border-radius:var(--cr-r2);box-shadow:var(--cr-shadow);padding:8px}
.cr-surf__list .cr-scan__hit{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:7px;border-radius:var(--cr-r1);color:var(--cr-text)}
.cr-surf__list .cr-scan__hit:hover,.cr-surf__list .cr-scan__hit:focus{background:var(--cr-sheet2);outline:none}
.cr-surf__list .cr-scan__hit img{width:40px;height:56px;object-fit:cover;border-radius:7px;background:var(--cr-sheet2)}
.cr-surf__list .cr-scan__hit b{display:block;font-size:14px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cr-surf__list .cr-scan__hit small{color:var(--cr-faint);font-size:12.5px}
.cr-surf__list .cr-scan__hit em{font-style:normal;font-weight:700;color:var(--cr-wave-ink)}
.cr-surf__list .cr-scan__all{display:block;grid-template-columns:none;text-align:center;padding:10px;font-weight:700;color:var(--cr-wave-ink);font-size:13.5px}
.cr-surf__list .cr-scan__none{margin:0;padding:12px;color:var(--cr-soft);font-size:14px}

/* top 5 posters with big numbers */
.cr-crest{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cr-crest--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-crest--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cr-crest>li{position:relative;min-width:0}
.cr-crest a{position:relative;display:block;border-radius:var(--cr-r2);overflow:hidden;background:var(--cr-sheet);aspect-ratio:3/4.1}
.cr-crest img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cr-crest a:hover img{transform:scale(1.04)}
.cr-crest__n{position:absolute;left:12px;top:8px;z-index:1;font:800 44px/1 var(--cr-fam);font-stretch:75%;color:var(--cr-on-wave);text-shadow:0 2px 14px rgba(0,0,0,.8)}
.cr-crest__txt{position:absolute;inset:auto 0 0;padding:44px 12px 12px;background:linear-gradient(transparent,rgba(6,8,18,.95));color:var(--cr-on-wave);font-size:14px;line-height:1.3}
.cr-crest__txt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700}
.cr-crest__txt small{display:block;color:#c3c8de;font-size:12.5px;margin-top:3px}
@media(max-width:1023px){.cr-crest{gap:10px}.cr-crest__n{font-size:34px}}
@media(max-width:699px){
  .cr-crest,.cr-crest--4,.cr-crest--3{grid-template-columns:1fr;gap:8px}
  .cr-crest a{aspect-ratio:auto;display:grid;grid-template-columns:30px 64px minmax(0,1fr);align-items:center;gap:12px;padding:8px 48px 8px 12px;border:1px solid var(--cr-rule)}
  .cr-crest img{width:64px;height:90px;border-radius:9px}
  .cr-crest__n{position:static;font-size:28px;color:var(--cr-wave-ink);text-shadow:none;text-align:center}
  .cr-crest__txt{position:static;padding:0;background:none;color:var(--cr-text)}
  .cr-crest__txt small{color:var(--cr-faint)}}

/* on air in Japan today: two columns of rows (shore.js) */
.cr-tonight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cr-tonight a{display:grid;grid-template-columns:62px 44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px 10px 8px;border-radius:var(--cr-r2);background:var(--cr-sheet);border:1px solid var(--cr-rule);min-width:0}
.cr-tonight a:hover{border-color:var(--cr-wave)}
.cr-tonight time{font-weight:800;font-size:17px;text-align:center;font-variant-numeric:tabular-nums;line-height:1.2}
.cr-tonight time small{display:block;font-size:11px;font-weight:600;color:var(--cr-faint)}
.cr-tonight img{width:44px;height:60px;object-fit:cover;border-radius:8px;background:var(--cr-sheet2)}
.cr-tonight b{display:block;font-size:14.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cr-tonight__ep{color:var(--cr-faint);font-size:13px}
.cr-tonight .cr-tag{white-space:nowrap}
.cr-tonight a.is-later .cr-tag{background:var(--cr-sheet2);color:var(--cr-soft);padding-left:9px}
.cr-tonight a.is-later .cr-tag::before{display:none}
@media(max-width:767px){.cr-tonight{grid-template-columns:1fr}}
@media(max-width:399px){.cr-tonight a{grid-template-columns:52px 40px minmax(0,1fr);gap:10px}.cr-tonight a>.cr-tag{display:none}}

/* three reasons */
.cr-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cr-why>div{padding:20px;border-radius:var(--cr-r2);background:linear-gradient(160deg,var(--cr-sheet2),var(--cr-sheet));border:1px solid var(--cr-rule)}
.cr-why .cr-i{width:30px;height:30px;color:var(--cr-foam);margin-bottom:10px}
.cr-why h3{margin:0 0 6px;font-size:16.5px}
.cr-why p{margin:0;color:var(--cr-soft);font-size:14px}
@media(max-width:767px){.cr-why{grid-template-columns:1fr}}

/* questions */
.cr-ask{display:grid;gap:8px}
.cr-ask details{border-radius:var(--cr-r2);background:var(--cr-sheet);border:1px solid var(--cr-rule)}
.cr-ask details[open]{border-color:color-mix(in srgb,var(--cr-wave-hi) 45%,var(--cr-rule))}
.cr-ask summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.cr-ask summary::-webkit-details-marker{display:none}
.cr-ask summary h3{margin:0;font-size:15px;font-weight:700;line-height:1.35}
.cr-ask summary::after{content:"+";flex:none;color:var(--cr-wave-ink);font-size:22px;line-height:1;font-weight:500}
.cr-ask details[open] summary::after{content:"\2212"}
.cr-ask p{margin:0;padding:0 18px 16px;color:var(--cr-soft);font-size:14.5px}
.cr-ask a{color:var(--cr-wave-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cr-shore .cr-share{margin-top:14px;color:#c9cde3}