.hcard .win .hTop{position:absolute;left:max(2px, calc(2.5 * var(--u)));top:max(2px, calc(2.5 * var(--u)));z-index:4;display:flex;
  align-items:center;gap:max(2px, calc(2 * var(--u)));pointer-events:none}
.hcard .win .hTop > .pips.cost{position:static;pointer-events:auto}
.hcard .win .shd.hShd{position:relative;flex:none;z-index:4;pointer-events:none;
  width:max(15px, calc(18 * var(--u)));height:max(17px, calc(20 * var(--u)));filter:drop-shadow(0 1px 2px #000c)}
.rdArt .artHp .shd{flex:none;width:max(14px, calc(15 * var(--u)));height:max(16px, calc(17 * var(--u)));
  filter:drop-shadow(0 0 2px #000) drop-shadow(0 1px 2px #000c)}

 
body.lesson.lv3.ptFlow3 .tok svg.crk{display:block !important}

 
#ptBegin .ptEyebrow{margin:0;font:700 12px/1 var(--ui, system-ui, sans-serif);letter-spacing:.22em;text-transform:uppercase;color:#c9a46a}
#ptBegin h2.ptLessonName{margin:0;font:700 clamp(22px, 3.2vw + 8px, 34px)/1.15 var(--title, Georgia, serif);letter-spacing:.04em;color:#f1e6cf}

 
#coachScreen .rwBanner .rwCrest{display:block;flex:none}
#coachScreen .rwBanner .rwCrest .rwArt{display:block;height:min(calc(92 * var(--u)), 24vh);width:auto;object-fit:contain;
  filter:drop-shadow(0 calc(3 * var(--u)) calc(5 * var(--u)) #000c)}
#coachScreen .rwBanner .rwLine{margin:0;font:600 max(14px, calc(15 * var(--u)))/1.25 var(--ui, system-ui, sans-serif);color:var(--parch, #efe4cc);text-align:center}
#coachScreen .rwBanner .rwPack{margin:0;font:500 max(13px, calc(13 * var(--u)))/1.25 var(--ui, system-ui, sans-serif);color:#d9c79f;text-align:center}
#coachScreen .rwBanner .vbIn{gap:calc(6 * var(--u))}
#coachScreen .rwBanner .vbBan{padding-bottom:calc(30 * var(--u))}
@media (max-height: 360px){
  #coachScreen .rwBanner .rwCrest .rwArt{height:min(calc(70 * var(--u)), 19vh)}
  #coachScreen .rwBanner .vbBan{min-height:0;padding-top:calc(14 * var(--u));padding-bottom:calc(22 * var(--u))}
}



@property --burn{syntax:"<percentage>";inherits:true;initial-value:0%}
#showcase.burning .scCard{animation:dvBurnChar 1.6s cubic-bezier(.5,0,.8,.6) forwards;
  -webkit-mask-image:linear-gradient(to top, transparent calc(var(--burn) - 6%), #000 var(--burn));
  mask-image:linear-gradient(to top, transparent calc(var(--burn) - 6%), #000 var(--burn))}
#showcase.burning{animation:dvBurnEat 1.6s cubic-bezier(.45,0,.7,.7) forwards}
#showcase.burning::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;mix-blend-mode:screen;
  background:linear-gradient(to top, transparent calc(var(--burn) - 9%), #ff7a1a calc(var(--burn) - 3%), #ffd27a var(--burn),
    #ff5a10 calc(var(--burn) + 2%), transparent calc(var(--burn) + 9%));
  filter:blur(1.5px) drop-shadow(0 0 6px #ff7a1a)}
@keyframes dvBurnEat{0%{--burn:0%}12%{--burn:4%}100%{--burn:112%}}
@keyframes dvBurnChar{0%{filter:none}25%{filter:brightness(1.25) sepia(.35)}70%{filter:sepia(.9) brightness(.55) contrast(1.3)}
  100%{filter:sepia(1) brightness(.25);opacity:.2}}
@media (prefers-reduced-motion: reduce){
  #showcase.burning{animation:none}
  #showcase.burning .scCard{animation:none;-webkit-mask-image:none;mask-image:none;filter:sepia(1) brightness(.4);opacity:.5}
  #showcase.burning::after{display:none}
}




#ptBegin .ptVsRow{display:flex;align-items:center;justify-content:center;gap:clamp(12px, calc(20 * var(--u)), 28px);max-width:100%}
#ptBegin .ptVsName{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
#ptBegin .ptLdr{margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}
#ptBegin .ptLdrP{display:block;width:clamp(54px, calc(76 * var(--u)), 88px);aspect-ratio:1;border-radius:50%;border:2px solid #7c2f28;
  background:#0b1013;overflow:hidden;box-sizing:border-box}
#ptBegin .ptLdr.you .ptLdrP{border-color:#2d6b46}
#ptBegin .ptLdrP img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
#ptBegin .ptLdr figcaption{max-width:8.5em;font:700 max(11px, calc(12 * var(--u)))/1.1 var(--title, Georgia, serif);font-variant:small-caps;
  letter-spacing:.05em;color:#e6d5a8;text-align:center;text-wrap:balance}




#ptBegin .ptVsRow{flex-wrap:wrap;row-gap:clamp(6px, calc(10 * var(--u)), 14px);column-gap:clamp(48px, calc(90 * var(--u)), 140px)}
#ptBegin .ptVsRow > .ptVsName{order:-1;flex:0 0 100%;min-width:0;max-width:100%}
#ptBegin .ptVsRow h2.ptLessonName{overflow-wrap:anywhere;text-align:center}



.hcard .band .nm > .shd.hShd.inBand{float:left;position:relative;z-index:1;width:max(14px, calc(14 * var(--u)));
  height:max(16px, calc(16 * var(--u)));margin:0 max(2px, calc(2 * var(--u))) 0 0;filter:drop-shadow(0 1px 1px #000c)}




#t3Layer{position:fixed;inset:0;z-index:58;pointer-events:none}
#t3Layer .t3Ring{position:fixed;display:none;box-sizing:border-box;border:3px solid #ffcf6e;pointer-events:none;
  box-shadow:0 0 0 2px #0009, 0 0 14px #ffcf6e99;animation:t3Ring 1.1s ease-in-out infinite}
@keyframes t3Ring{0%,100%{opacity:1}50%{opacity:.55}}
#t3Layer .t3Math{position:fixed;display:none;align-items:center;gap:6px;padding:5px 10px;background:#0d1316;border:2px solid #c9a46a;
  color:#f1e6cf;font:800 max(17px, calc(19 * var(--u, 1px)))/1 var(--ui, system-ui, sans-serif);white-space:nowrap;
  clip-path:polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px)}
#t3Layer .t3Math .t3Mod{display:inline-flex;flex-direction:column;align-items:center;color:#9fe08a;line-height:1}
#t3Layer .t3Math .t3Mod.neg{color:#ff8a7a}
#t3Layer .t3Math .t3Mod small{margin-top:2px;font:700 max(9px, calc(10 * var(--u, 1px)))/1 var(--ui, system-ui, sans-serif);letter-spacing:.06em;color:#d9c79f}
#t3Layer .t3Math .t3Eq{color:#c9a46a}
#t3Layer .t3Math .t3T{color:#ffcf6e}
#t3Layer .t3Math.t3Rune{max-width:min(40vw, 260px);white-space:normal;font:600 max(13px, calc(14 * var(--u, 1px)))/1.25 var(--ui, system-ui, sans-serif);border-color:#ffcf6e}
body.lv3 #ptGuard .ptBubble.t3Say{z-index:2}


#t3Layer .t3Say{position:fixed;left:0;top:0;box-sizing:border-box;max-width:min(46vw, 260px);padding:8px 13px;background:#0d1316;
  color:var(--ink, #f1e6cf);font:700 max(14px, calc(16 * var(--u, 1px)))/1.25 var(--ui, system-ui, sans-serif);text-wrap:balance;
  opacity:0;visibility:hidden;transition:opacity .2s ease, visibility 0s linear .2s;
  clip-path:polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px)}
#t3Layer .t3Say.on{opacity:1;visibility:visible;transition:opacity .2s ease}
#t3Layer .t3Say::after{content:"";position:absolute;inset:-1px;pointer-events:none;border:8px solid transparent;
  border-image:url("/v6/deai/play/art/cut-gold.svg") 8 / 8px / 0 stretch}


body.ptFlow3.t3Plate .fxSumEq, body.ptFlow3.t3Plate .fxSumChip{visibility:hidden !important}
 
#coachScreen .rwBanner .rwMode{margin:0;font:600 max(13px, calc(13 * var(--u)))/1.25 var(--ui, system-ui, sans-serif);color:#efe4cc;text-align:center}
#coachScreen .rwBanner .rwLater{font-size:max(12px, calc(12 * var(--u)));opacity:.9}