/* Characters live beside the copy, without a dedicated content section. */
.station-aside{position:relative;flex:0 0 320px;text-align:right}
.station-aside>.whisper{display:block;white-space:nowrap}
.toua-deadpan{position:absolute;top:calc(100% + 18px);right:22px;width:220px;aspect-ratio:1;pointer-events:none;isolation:isolate}
.toua-deadpan-figure{display:block;width:100%;height:auto;transform:translateY(0)}
.toua-gloom{position:absolute;top:-4px;left:43%;display:flex;align-items:flex-start;gap:7px}
.toua-gloom i{display:block;width:1.5px;height:21px;border-radius:2px;background:#8e7b82;opacity:0;transform:translateY(-18px);--gloom-delay:.75s}
.toua-gloom i:nth-child(2){height:28px;--gloom-delay:.84s}
.toua-gloom i:nth-child(3){height:24px;--gloom-delay:.93s}
.toua-gloom i:nth-child(4){height:17px;--gloom-delay:1.02s}
.toua-deadpan .toua-deadpan-word{position:absolute;top:10px;left:-38px;margin:0;font-size:20px;line-height:1.6;letter-spacing:.05em;color:#8d727d;white-space:nowrap;opacity:0;transform:translateY(-3px)}
.toua-deadpan[data-state="playing"] .toua-deadpan-figure{animation:toua-deadpan-sink .55s ease-out .15s both}
.toua-deadpan[data-state="playing"] .toua-gloom i{animation:toua-gloom-descend .6s ease-out var(--gloom-delay) both}
.toua-deadpan[data-state="playing"] .toua-deadpan-word{animation:toua-deadpan-caption .45s ease-out 1.65s both}
.toua-deadpan[data-state="settled"] .toua-deadpan-figure{transform:translateY(5px)}
.toua-deadpan[data-state="settled"] .toua-gloom i{opacity:.58;transform:translateY(0)}
.toua-deadpan[data-state="settled"] .toua-deadpan-word{opacity:.85;transform:translateY(0)}
@keyframes toua-deadpan-sink{from{transform:translateY(0)}to{transform:translateY(5px)}}
@keyframes toua-gloom-descend{from{opacity:0;transform:translateY(-18px)}to{opacity:.58;transform:translateY(0)}}
@keyframes toua-deadpan-caption{from{opacity:0;transform:translateY(-3px)}to{opacity:.85;transform:translateY(0)}}
@media(min-width:761px){.hard-cut>.station-one-title,.hard-cut>.station-lead{max-width:calc(100% - 340px)}}
@media(min-width:761px) and (max-width:1050px){.station-aside{flex-basis:250px}.toua-deadpan{width:190px;right:6px}.hard-cut>.station-one-title,.hard-cut>.station-lead{max-width:calc(100% - 265px)}}
@media(max-width:760px){
  .station-aside{margin-top:18px;text-align:left}
  .station-aside>.whisper{font-size:21px;white-space:normal}
  .toua-deadpan{position:relative;top:auto;right:auto;width:155px;margin:16px 12px 8px auto}
  .toua-deadpan .toua-deadpan-word{font-size:18px;left:-38px;top:8px}
  .toua-gloom{gap:5px;top:-9px}
  .toua-gloom i{height:17px}
  .toua-gloom i:nth-child(2){height:23px}
  .toua-gloom i:nth-child(3){height:19px}
  .toua-gloom i:nth-child(4){height:14px}
  .hard-cut>.station-one-title{margin-top:12px}
}

/* The guide enters from the left and retreats after its short message. */
.resident-kusanagi{right:auto;left:-135px;transform:translateX(0);transition:transform .75s ease-out,opacity .3s}
.resident-kusanagi img{transform:scaleX(-1)}
.resident-kusanagi .guide-bubble{right:auto;left:90px;border-radius:12px 12px 12px 0}
.resident-kusanagi[data-state="shown"]{visibility:visible;opacity:1;transform:translateX(146px)}
.resident-kusanagi[data-state="leaving"]{visibility:visible;opacity:0;transform:translateX(0)}
@media(max-width:760px){
  .resident-kusanagi{left:-105px}
  .resident-kusanagi[data-state="shown"]{transform:translateX(116px)}
  .resident-kusanagi .guide-bubble{left:69px}
}
.low-motion .resident-kusanagi{display:block;transition:none}
.low-motion .toua-deadpan *{animation:none}
@media(prefers-reduced-motion:reduce){
  .resident-kusanagi{display:block;transition:none}
  .toua-deadpan *{animation:none}
}

/* The aside belongs to the 326-yen result, not to the chapter opening. */
.hard-cut .station-outcome{position:relative;margin-top:24px;font-size:17px;line-height:2.1}
.hard-cut .station-outcome>.station-revenue-line{margin:0;max-width:calc(100% - 300px)}
.station-outcome .station-aside{position:absolute;right:0;bottom:0;width:280px;margin:0;text-align:center}
.station-outcome .station-aside>.whisper{max-width:280px;margin:0 auto;font-size:15px;line-height:1.65;white-space:normal;text-wrap:balance;transform:rotate(-5deg);transform-origin:center bottom}
.station-outcome .toua-deadpan{position:relative;top:auto;right:auto;width:180px;margin:20px auto 0}
.station-outcome .toua-deadpan-word{font-size:17px;left:-29px}
@media(min-width:761px) and (max-width:1050px){
  .station-outcome .station-aside{width:245px}
  .station-outcome .station-aside>.whisper{font-size:14px}
  .station-outcome .toua-deadpan{width:170px}
  .hard-cut .station-outcome>.station-revenue-line{max-width:calc(100% - 260px)}
}
@media(max-width:760px){
  .hard-cut .station-outcome{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:12px;align-items:start;margin-top:22px;font-size:16px}
  .hard-cut .station-outcome>.station-revenue-line{max-width:none}
  .station-outcome .station-aside{position:static;width:148px;min-width:0}
  .station-outcome .station-aside>.whisper{font-size:13px;line-height:1.65;max-width:148px}
  .station-outcome .toua-deadpan{width:132px;margin:20px auto 0}
  .station-outcome .toua-deadpan-word{font-size:14px;left:-12px;top:13px}
}
@media(max-width:360px){
  .hard-cut .station-outcome{grid-template-columns:minmax(0,1fr) 128px;gap:8px}
  .station-outcome .station-aside{width:128px}
  .station-outcome .station-aside>.whisper{font-size:12px;max-width:128px}
  .station-outcome .toua-deadpan{width:118px}
}