/* The player's landscape artwork has its own framing, independent of the rival. */
.cutin.player-riichi .cutin-band{
  height:clamp(280px,36vw,500px);
  max-height:76dvh;
  background:#080f1b;
  border-color:#e4bf76;
  box-shadow:0 0 80px #bf924333;
  animation-duration:.25s;
}
.cutin.player-riichi .cutin-art{
  inset:0;
  width:100%;height:100%;
  transform:skewY(5deg);
  opacity:1;filter:none;
}
.cutin.player-riichi .cutin-art img{
  display:block;width:100%;height:100%;
  object-fit:contain;object-position:right center;
}
.cutin.player-riichi .cutin-gradient{
  background:linear-gradient(90deg,#080f1bf2 0%,#080f1ba6 28%,#080f1b00 52%);
}
.cutin.player-riichi .cutin-copy{animation-delay:.18s;animation-fill-mode:both}
.cutin.player-riichi .cutin-copy>span{font-size:14px;color:#edd298;letter-spacing:.2em}
.cutin.player-riichi .cutin-copy>strong{
  font-size:clamp(64px,9vw,132px);line-height:1.25;
  color:#fff0c7;text-shadow:2px 4px #6c4b23,0 0 32px #e5b35a66;
}
.cutin.player-riichi .cutin-copy>p{max-width:46%;color:#f0e3c9}
.cutin.player-riichi .cutin-band::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,#ffe5a433 49%,transparent 63%);
  animation:player-riichi-glint .55s .25s both;
}
.cutin.player-riichi .cutin-flash{
  background:#ffe2a2;animation:player-riichi-flash .45s .25s both;
}
@keyframes player-riichi-glint{
  from{transform:translateX(-110%);opacity:0}
  20%{opacity:1}
  to{transform:translateX(110%);opacity:0}
}
@keyframes player-riichi-flash{0%,100%{opacity:0}15%{opacity:.22}}

@media(max-width:760px) and (orientation:portrait){
  .cutin.player-riichi .cutin-band{height:min(410px,72svh);max-height:none}
  .cutin.player-riichi .cutin-art{height:62%}
  .cutin.player-riichi .cutin-art img{object-fit:cover;object-position:68% center}
  .cutin.player-riichi .cutin-gradient{
    background:linear-gradient(0deg,#080f1b 0%,#080f1bf5 28%,#080f1b80 44%,transparent 64%);
  }
  .cutin.player-riichi .cutin-copy{inset:auto 6% 24px;justify-content:flex-end}
  .cutin.player-riichi .cutin-copy>span{font-size:14px;letter-spacing:.12em}
  .cutin.player-riichi .cutin-copy>strong{font-size:clamp(56px,19vw,76px);line-height:1.2}
  .cutin.player-riichi .cutin-copy>p{max-width:100%;font-size:15px;margin-top:8px}
}
.compact-landscape .cutin.player-riichi .cutin-band{height:calc(var(--view-height,100dvh)*.73);max-height:none}
.compact-landscape .cutin.player-riichi .cutin-art{inset:0;width:100%;height:100%}
.compact-landscape .cutin.player-riichi .cutin-copy>strong{font-size:clamp(40px,calc(var(--view-height,100dvh)*.19),80px)}
.compact-landscape .cutin.player-riichi .cutin-copy>p{max-width:46%;font-size:14px;line-height:1.6}
@media(prefers-reduced-motion:reduce){
  .cutin.player-riichi .cutin-band::after,.cutin.player-riichi .cutin-flash{display:none}
}