.rw{position:relative;height:var(--rw-h,520px);background:var(--night);border:1px solid var(--rule-2);overflow:hidden;container-type:inline-size;container-name:rw;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rw-stage{position:absolute;inset:0}
.rw-gl{position:absolute;left:0;top:0;width:100%;height:100%}
.rw-ov{position:absolute;inset:0;pointer-events:none}

.rw-hd{position:absolute;left:22px;right:22px;top:14px;pointer-events:none}
.rw-who{display:flex;align-items:baseline;gap:4px 14px;flex-wrap:wrap}
.rw-nm{font-weight:820;font-size:24px;line-height:1.15;letter-spacing:-.015em;color:var(--bone);pointer-events:auto}
@media (hover:hover) and (pointer:fine){ a.rw-nm:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px} }
.rw-par{font-variation-settings:'MONO' 1;font-size:13px;color:var(--ash);white-space:nowrap}
.rw-sp{margin-left:auto;font-weight:820;font-size:19px;line-height:1.15;color:var(--bone-2);white-space:nowrap}
.rw-memo{display:flex;align-items:baseline;gap:16px;margin-top:6px;font-variation-settings:'MONO' 1;font-size:13px;line-height:1.4;color:var(--bone-2);white-space:nowrap;min-width:0}
.rw-line{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rw-line .pre{color:var(--quote)}
.rw-line .mk{color:var(--bone)}
.rw-line .ga{color:var(--input)}
.rw-line .gb{color:var(--decision)}
.rw-tx{flex:none;pointer-events:auto}
@media (prefers-reduced-motion:no-preference){
  .rw-memo .rw-line > span{opacity:0}
  .rw-memo.in .rw-line > span{animation:rw-field .42s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}
  .rw-line .mk{transition:color .5s var(--ease)}
}
@keyframes rw-field{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

.rw.matched .rw-line .mk{color:var(--report)}

.rw-l{position:absolute;transform:translate(-50%,0);text-align:center;font-variation-settings:'MONO' 1;font-size:13px;line-height:1.35;white-space:nowrap;opacity:0;color:var(--bone)}
.rw-l.lft{transform:none;text-align:left}
.rw-l.rgt{transform:translate(-100%,0);text-align:right}
.rw-l.in{opacity:1}
.rw-op{display:block;color:var(--c);font-weight:600}
.rw-op i{font-style:normal;color:var(--ash);font-weight:400;margin-right:.55em}
.rw-v{display:block;margin-top:3px;font-size:14.5px;color:var(--bone);opacity:0;min-height:1.2em;overflow:hidden;text-overflow:ellipsis}
.rw-v .o{color:var(--ash);margin-right:.45em}
.rw-v .lit{color:var(--c)}
.rw-v .lit.bars i{width:4px}
.rw-l.done .rw-v{opacity:1}
.rw-ov.focusing .rw-l:not(.focus){opacity:.42}
@media (prefers-reduced-motion:no-preference){
  .rw-l{transition:opacity .4s var(--ease)}
  .rw-v{transform:translateY(-4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .rw-l.done .rw-v{transform:none}
  .rw-l.gv .rw-v{animation:rw-give .7s var(--ease)}
}
@keyframes rw-give{0%{filter:brightness(1.9)}100%{filter:none}}

.rw-lane{position:absolute;transform:translate(0,-100%);font-variation-settings:'MONO' 1;font-size:12.5px;white-space:nowrap;opacity:0}
.rw-lane.g0{color:var(--input)}
.rw-lane.g1{color:var(--decision)}
.rw-lane.in{opacity:1}
@media (prefers-reduced-motion:no-preference){ .rw-lane{transition:opacity .45s var(--ease)} }

.rw-t{position:absolute;left:0;top:0;font-variation-settings:'MONO' 1;font-size:15px;font-weight:650;color:var(--c,var(--bone));white-space:nowrap;will-change:transform,opacity;
  text-shadow:0 0 6px var(--night),0 0 2px var(--night);opacity:0}
.rw-t .lit,.rw-t .ovp,.rw-t .ov1{color:var(--c,var(--bone))}
.rw-t .lit.bars i{width:4px}

.rw-ft{position:absolute;left:22px;right:22px;bottom:12px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;pointer-events:none;font-variation-settings:'MONO' 1;font-size:13.5px;color:var(--ash);min-height:36px}
.rw-ft .t{color:var(--bone-2)}
.rw-ft .o{color:var(--ash);margin:0 .55em}
.rw-out{display:flex;align-items:baseline;min-width:0}
.rw-o{font-size:22px;line-height:1.1;color:var(--report);opacity:0;white-space:nowrap}
.rw-o.in{opacity:1}
.rw-o .ovp .ok{font-size:.62em;vertical-align:.12em}
.rw-o .lit.bars{height:.8em}
.rw-o .lit.bars i{width:5px}
.rw-sha{white-space:nowrap;visibility:hidden}
.rw-sha.in{visibility:visible}
@media (prefers-reduced-motion:no-preference){ .rw-sha.in{animation:rw-field .42s var(--ease) both} }
.rw-sha .h{color:var(--bone);font-weight:600}
.rw.matched .rw-sha .h{color:var(--report)}
.rw-sha .ok{margin-left:14px;color:var(--report);font-weight:700;opacity:0}
.rw.matched .rw-sha .ok{opacity:1}
@media (prefers-reduced-motion:no-preference){ .rw-o{transition:opacity .45s var(--ease)} .rw-sha .h{transition:color .4s var(--ease)} .rw-sha .ok{transition:opacity .45s var(--ease)} }

@media (max-width:767px){
  .rw-hd{left:14px;right:14px;top:10px}
  .rw-nm{font-size:20px}
  .rw-sp{margin-left:0;font-size:14px;color:var(--ash)}
  .rw-memo{font-size:11px;gap:10px}
  .rw-ft{left:14px;right:14px;bottom:8px;flex-direction:column;align-items:flex-start;gap:2px;font-size:11.5px}
  .rw-o{font-size:17px}
  .rw-l{font-size:11.5px}
  .rw-v{font-size:13px}
}

@container rw (max-width:760px){
  .rw-ft{flex-direction:column;align-items:flex-start;gap:2px;bottom:10px}
  .rw-memo{font-size:12px;gap:10px}
  .rw-nm{font-size:21px}
  .rw-sp{font-size:16px}
}
@container rw (max-width:760px){ .rw-sha .r{display:none} }

.rw-op{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 7px;border:1px solid var(--cd,#2C352E);background:var(--night);color:var(--c);font-weight:600;line-height:20px}
.rw-op i{margin-right:0}
.rw-l.focus .rw-op{background:var(--c);color:var(--night);border-color:var(--c)}
.rw-l.focus .rw-op i{color:var(--night)}
.rw-e{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;opacity:0}
.rw-e.in{opacity:1}
.rw-w{fill:none;stroke:var(--cd);stroke-width:1}
.rw-w.on{stroke:var(--c);stroke-width:1.6}
@media (prefers-reduced-motion:no-preference){ .rw-e{transition:opacity .45s var(--ease)} .rw-w{transition:stroke .3s var(--ease)} }
.rw-cmp{display:inline-grid;grid-template-columns:repeat(16,6px);gap:2px;margin:0 0 0 14px;vertical-align:-1px}
.rw-cmp i{display:block;width:6px;height:11px;background:var(--cell,#1A221C)}
.rw-cmp i.eq,.rw.matched .rw-cmp i{background:var(--report)}
.mbr{display:none}
@container rw (max-width:760px){
  .rw-memo{white-space:normal;align-items:flex-start}
  .rw-line{white-space:normal;display:block}
  .rw-line > span{white-space:nowrap}
  .mbr{display:block;height:2px}
}

.rw-v{display:inline-block;background:var(--night);padding:0 4px;position:relative}
.rw-l .rw-op + .rw-v{display:block;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-l.lft .rw-op + .rw-v{margin-left:0}
.rw-l.rgt .rw-op + .rw-v{margin-right:0}

.rw.whole .rw-l,.rw.whole .rw-lane,.rw.whole .rw-e{transition-duration:.12s!important;transition-delay:0s!important}
.rw-out{overflow:hidden}
.rw-o{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rw-o .ov1{font-family:var(--head);font-weight:900}

.rw-lane.rgt{transform:translate(-100%,-100%)}
.rw.side-in .rw-l{display:flex;align-items:center;gap:8px}
.rw.side-in .rw-l .rw-op + .rw-v{margin:0;flex:0 1 auto;min-width:0}
.rw-out{visibility:hidden}
.rw.swap .rw-gl{opacity:0}
@media (prefers-reduced-motion:no-preference){ .rw-gl{transition:opacity .18s var(--ease)} }
.rw-out.in{visibility:visible}

@container rw (max-width:480px){ .rw-sha{white-space:normal;line-height:1.7} .rw-cmp{margin:0 10px 0 0} .rw-sha .ok{margin-left:0;white-space:nowrap} }
