

body.hide-banner_die .chip[data-sides="you"]{visibility:hidden}

 
.wdGo{display:inline-block;width:0;height:0;margin-left:8px;border-left:7px solid #e8b64c;border-top:5px solid transparent;border-bottom:5px solid transparent;vertical-align:middle}

 
body.wdOn #coach.wdPanel{padding:8px 12px 8px 8px;max-width:min(520px, calc(100vw - 32px))}
.wdDlg{display:flex;align-items:center;gap:10px;text-align:left}
.wdDlg[data-who="narrator"]{font-style:italic}
.wdFace{flex:none;width:52px;height:52px;object-fit:cover;object-position:50% 20%;
  clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.wdSay{min-width:0}
.wdName{display:block;font-size:11px;letter-spacing:.14em;color:#e8b64c;line-height:1.3}
.wdLine{margin:0;font-size:15px;line-height:1.3;color:#f4efe2}

 
.wdPlate,.wdFlash{position:fixed;z-index:62;box-sizing:border-box;max-width:min(340px, calc(100vw - 16px));padding:8px 12px;font-size:15px;line-height:1.3;color:#f4efe2;
  background:#10171a;border:1px solid #7a5a22;
  clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.wdPlate{pointer-events:none}
.wdFlash{pointer-events:none;background:#080d0f}

 
.wdProg{position:fixed;z-index:45;top:6px;left:50%;transform:translateX(-50%);padding:2px 10px;font-size:12px;letter-spacing:.12em;color:#dcb46e;background:#0b1113;white-space:nowrap;pointer-events:none}

 
.coachHint{position:fixed;z-index:46;top:calc(6px + env(safe-area-inset-top));right:calc(112px + env(safe-area-inset-right));min-height:44px;min-width:64px;padding:0 12px;font-size:13px;letter-spacing:.1em;
  color:#f4efe2;background:#26343a;border:1px solid #7a5a22;cursor:pointer}

.wdSheet{margin:6px 10px;padding:6px 8px;font-size:14px;line-height:1.3;color:#f4efe2;background:#10171a;border-left:3px solid #e8b64c}

 
.rwBanner .wdPay{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0}
.wdPay .rwArt{height:64px;width:auto}
.wdGold{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#ffe39a}
.wdGold img{height:32px;width:auto}
.wdActs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}

@media (orientation:portrait){
  .wdFace{width:44px;height:44px}
  .wdLine,.wdPlate,.wdFlash{font-size:14px}
}






.vb.wvBig .vbActs .dvPlate{height:max(60px, calc(68 * var(--u)));min-width:max(280px, calc(330 * var(--u)));font-size:max(19px, calc(23 * var(--u)))}
.wvSeals{display:flex;gap:calc(16 * var(--u));justify-content:center;align-items:center;margin:calc(12 * var(--u)) 0 calc(4 * var(--u))}
.wvSeals i{display:block;width:max(13px, calc(18 * var(--u)));height:max(13px, calc(18 * var(--u)));transform:rotate(45deg);border-radius:0;
  background:#1d1513;border:2px solid #6b5434;box-sizing:border-box}
.wvSeals i.done{background:linear-gradient(135deg,#f1d79c,#c89a4e 55%,#8a6a2e);border-color:#f1d79c}
.wvSeals i.next{animation:wvSeal 1.1s ease-in-out infinite}
@keyframes wvSeal{0%,100%{background:#2a1e18}50%{background:#b8853f}}
.wvRing{position:relative;display:inline-grid}
.wvRing > i{position:absolute;inset:-7px;pointer-events:none;background:#f1d79c;
   
  clip-path:polygon(evenodd,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px,12px 0,
    14px 3px,calc(100% - 14px) 3px,calc(100% - 3px) 14px,calc(100% - 3px) calc(100% - 14px),calc(100% - 14px) calc(100% - 3px),14px calc(100% - 3px),3px calc(100% - 14px),3px 14px,14px 3px);
  animation:wvPulse 1.3s ease-out infinite}
.wvRing > i + i{animation-delay:.65s}
@keyframes wvPulse{from{transform:scale(1);opacity:.95}to{transform:scale(1.12,1.4);opacity:0}}
@media (prefers-reduced-motion:reduce){ .wvSeals i.next,.wvRing > i{animation:none} .wvRing > i{opacity:0} }
