body.lesson.lv3 #ribbon, body.lesson.lv3 #callout{pointer-events:none}
body.lesson.lv3 #callout.held::after{content:none}
 
body.lesson.lv3 #fightLine, body.lesson.lv3 #hint{display:none !important}
 
 
body.lesson.lv3.lvM1 .rn, body.lesson.lv3.lvM1 .tok .marks, body.lesson.lv3 .tok .crk, body.lesson.lv3 .rMark, body.lesson.lv3.lvM1 .tok .kwl{display:none !important}


 
body.lesson.lv3 #gemBox .gemLbl.ptLbl{font:800 max(18px, calc(22 * var(--u)))/1 var(--ui);color:var(--ink);text-align:center}
body.lesson.lv3 .leader.foe .miniGems span{display:none}
 
body.lesson.lv3.yourTurn #hand .hcard:not(.playable){filter:brightness(.55) saturate(.55)}
 
body.lesson.lv3.ptCostGem.yourTurn #hand .hcard:not(.playable){filter:brightness(.55)}
 
body.lesson.lv3.ptHandQuiet #hand .hcard.playable{border-color:var(--edge2);box-shadow:0 calc(-2 * var(--u)) calc(12 * var(--u)) #000c}
 
body.lesson.lv3.ptEndMute #endTurn{opacity:.45;filter:saturate(.25);box-shadow:none !important;animation:none !important}
 
body.lesson.lv3.ptPlace #sheet{display:none !important}
body.lesson.lv3.ptPlace #rowYou .slot{outline:3px solid var(--act);outline-offset:2px;border-radius:calc(10 * var(--u));animation:coachGlow 1.4s ease-in-out infinite}
 
body.lesson.lv3 .portrait[data-leader="enemy"].coachGlow, body.lesson.lv3 .portrait[data-leader="enemy"].pickable{outline:4px solid var(--act);outline-offset:4px;
  box-shadow:0 0 0 10px #ffbf4722, 0 0 26px 6px var(--actGlow)}
 
body.lv3 .ptPulse{animation:ptPulse .42s ease-in-out 2 !important;outline:3px solid var(--goldHi) !important;outline-offset:2px}
@keyframes ptPulse{0%,100%{transform:none}50%{transform:scale(1.14)}}
body.lv3 .tok .shd.ptPulse{outline:none !important;animation:ptPulseShd .42s ease-in-out 2 !important;filter:drop-shadow(0 0 8px var(--goldHi))}
@keyframes ptPulseShd{0%,100%{transform:translateX(-50%)}50%{transform:translateX(-50%) scale(1.35)}}
body.lv3 .tok.ptPulse{animation:ptPulseTok .42s ease-in-out 2 !important}
@keyframes ptPulseTok{0%,100%{transform:none}50%{transform:translateY(-5px)}}
 
body.lesson.lv3 .coachToast{top:max(4px, calc(4 * var(--u)))}
 
body.lesson.lv3 .leader.you .ldName{visibility:hidden}
 
body.lesson.lv3.ptWon .leader.foe .portrait{filter:grayscale(1) brightness(.5);transform:rotate(-8deg) translateY(4px);transition:filter .6s ease, transform .6s ease}
 
body.lv3 .ptSkip .ptActs{display:flex;flex-direction:column;align-items:stretch;margin-top:12px}
body.lv3 .ptSkip .ptActs .btn.pri{width:100%}
body.lv3 .ptSkip .ptActs .ptQuietBtn{margin-top:22px;align-self:center;background:transparent;border-color:transparent;box-shadow:none;color:var(--dim);font-weight:600;min-height:44px}
 
body.lv3 .htPager .htLn{text-wrap:pretty}
body.lv3 .htArt .ptPic{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u))}
body.lv3 .htArt .ptPic .tok{flex:0 0 auto;pointer-events:none}
body.lv3 .htArt .ptHand{position:relative;width:calc(92 * var(--u));height:calc(129 * var(--u))}
body.lv3 .htArt .ptHand .hcard{position:absolute;left:0;top:0;bottom:auto;transform:none !important;filter:none !important;pointer-events:none}
body.lv3 .htArt .ptArrow{flex:0 0 auto;width:calc(46 * var(--u));height:calc(4 * var(--u));background:linear-gradient(90deg,transparent,var(--goldHi));position:relative;border-radius:2px}
body.lv3 .htArt .ptArrow::after{content:"";position:absolute;right:calc(-6 * var(--u));top:calc(-6 * var(--u));border:calc(8 * var(--u)) solid transparent;border-left-color:var(--goldHi)}
body.lv3 .htArt .ptWin{flex-direction:column;gap:calc(10 * var(--u));position:relative}
body.lv3 .htArt .ptWin .portrait{width:calc(110 * var(--u));height:calc(110 * var(--u));filter:grayscale(.8) brightness(.7);pointer-events:none;outline:none;box-shadow:none}
body.lv3 .htArt .ptWin .ptLife{position:absolute;top:calc(74 * var(--u));left:50%;margin-left:calc(26 * var(--u));min-width:calc(40 * var(--u));height:calc(40 * var(--u));
  display:grid;place-items:center;border-radius:50%;background:#0b1013;border:2px solid var(--ink);color:var(--ink);font:800 calc(22 * var(--u))/1 var(--ui)}
body.lv3 .htArt .ptGems .gems{display:flex;gap:calc(4 * var(--u))}

 
 
body.lesson.lv3 .coach .cLn, body.lesson.lv3 #callout .ln, body.lesson.lv3 #callout .cn, body.lesson.lv3 #ribbon .rt, body.lesson.lv3 .coachToast{text-wrap:balance}


body.lesson.lv3 #rowFoe .tok .hgl, body.lesson.lv3 #rowYou .tok .hgl:not([title="arrived this turn"]), body.lv3 .htArt .hgl{display:none !important}
body.lesson.lv3 #rowFoe .tok.spent .frame{filter:none}
 
body.lesson.lv3.ptPlace #rowYou .slot{z-index:6}
body.lesson.lv3.ptPlace #rowYou .slot::before{content:"";position:absolute;top:0;bottom:0;left:calc(-18 * var(--tu, 1px));right:calc(-18 * var(--tu, 1px))}
 
body.lv3 #coach.ptPlacing{padding-left:calc(var(--pt-th-w) + 22px);min-height:calc(var(--pt-th-h) + 16px)}
body.lv3 #coach.ptPlacing::before{content:"";position:absolute;left:10px;top:8px;width:var(--pt-th-w);height:var(--pt-th-h);border-radius:6px;
  background:var(--pt-thumb) center 30%/cover no-repeat;box-shadow:0 0 0 2px var(--act), 0 2px 8px #000c}
body.lv3 #coach{--pt-th-w:44px;--pt-th-h:56px}
 
body.lesson.lv3 .fxSumEq.ptEq{font-size:max(13px, calc(14 * var(--u)));color:var(--ink);border:1px solid var(--edge2)}
 
body.lesson.lv3 #gemBox .gem.ptSpend{filter:drop-shadow(0 0 6px var(--goldHi)) brightness(1.35);animation:ptSpend 1s ease-in-out infinite}
@keyframes ptSpend{0%,100%{transform:none}50%{transform:scale(1.18)}}
 
body.lv3 .ptPulse{animation:ptPulse .5s ease-in-out 3 !important;outline:3px solid var(--goldHi) !important;outline-offset:3px;box-shadow:0 0 18px 4px var(--actGlow) !important}
@keyframes ptPulse{0%,100%{transform:none}50%{transform:scale(1.22)}}
body.lv3 .tok.ptPulse{animation:ptPulseTok .5s ease-in-out 3 !important}
@keyframes ptPulseTok{0%,100%{transform:none}50%{transform:translateY(-8px) scale(1.05)}}
body.lesson.lv3.ptPlace #rowYou .slot.ptPulse{animation:ptPulseSlot .5s ease-in-out 3 !important}
@keyframes ptPulseSlot{0%,100%{transform:none}50%{transform:scaleX(1.6)}}
 
body.lesson.lv3 #coachScreen:has([data-screen="victory"]){animation:ptLate .45s ease-out 1.1s both}
@keyframes ptLate{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
 
body.lv3 .htPager .htDots{gap:36px;padding-left:16px}
body.lv3 .htPager .htDots i{position:relative;cursor:pointer}
body.lv3 .htPager .htDots i::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
body.lv3 .htArt .tok.spent .frame{filter:none}


body.lv3 .htPager.endCard .htNav{flex-wrap:wrap;row-gap:10px}
body.lv3 .htPager.endCard .htNav .htDots{flex:1 0 100%;justify-content:center;order:1;padding-left:0}
body.lv3 .htPager.endCard .htNav .htNext:not([hidden]), body.lv3 .htPager.endCard .htNav [data-coach="play"]:not([hidden]){flex:1 0 100%;order:2;margin:0}
body.lv3 .htArt .ptHand .hcard{display:flex !important;flex-direction:column}
body.lv3 .htArt .ptHand .hcard .band, body.lv3 .htArt .ptHand .hcard .foot{flex:0 0 auto}
body.lv3 .htArt .ptHand .hcard .win{overflow:hidden;position:relative;flex:1 1 auto;height:auto !important;min-height:0}
body.lv3 .htArt .ptHand .hcard .win img.art{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-height:none !important;object-fit:cover !important;transform:none !important}

 


body.lesson.lv3 .leader .chip small{display:none !important}
body.lesson.lv3 .leader .chip.dim svg{visibility:hidden}
body.lesson.lv3 .leader .chip svg{width:72%;height:72%}
 
body.lesson.lv3 .ptNum{font-family:var(--ui);font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
 
body.lesson.lv3 .pips.cost .pip.ptTot{min-width:max(18px, calc(20 * var(--u)));height:max(18px, calc(20 * var(--u)));display:inline-grid;place-items:center;
  font:800 max(12px, calc(13 * var(--u)))/1 var(--ui);color:var(--ink);background:#0b1013;border:2px solid var(--goldHi);border-radius:50%}
 
body.lesson.lv3 #gemBox .gem.next, body.lesson.lv3 #gemBox .gem.empty{display:none !important}
 
body.lesson.lv3 .fxDie .ct.rolling b{filter:blur(3px);opacity:.55}
 
body.lesson.lv3 #rowYou .tok .dpop{top:calc(34 * var(--tu))}
 
body.lesson.lv3 .fxGhost .hgl{display:none !important}
 
body.lesson.lv3[data-pt-beat="b4"] #rowYou .tok .hgl{animation:ptHgl 1s ease-in-out 3;transform-origin:center}
@keyframes ptHgl{0%,100%{transform:none;filter:none}50%{transform:scale(1.5);filter:drop-shadow(0 0 6px var(--goldHi))}}
 
body.lesson.lv3 #hand .hcard .nm{hyphens:none;overflow-wrap:normal;word-break:normal}
 
body.lesson.lv3.hide-card_text #zoom .zText, body.lesson.lv3.hide-card_text #zoom .zKw{display:block !important}
 
body.lesson.lv3 .fallen .fLab{display:none !important}
 
body.lesson.lv3 #menu [data-menu="concede"]{grid-column:1/-1;margin-top:14px;opacity:.8}
 
body.lv3 .ptWinBy{display:flex;align-items:center;gap:12px;margin-top:10px;max-width:22rem}
body.lv3 .ptWinArt{flex:0 0 auto;width:54px;height:72px;border-radius:6px;background:center 30%/cover no-repeat;box-shadow:0 0 0 2px var(--goldHi), 0 2px 10px #000c}
body.lv3 .ptWinLn{margin:0;font:600 max(14px, calc(15 * var(--u)))/1.35 var(--ui);color:var(--ink);text-wrap:balance;text-align:left}
body.lv3 .vb .vbActs .ptWinGo{min-width:220px;min-height:52px;font-size:17px}
 
body.lv3 .htArt .ptWinRow{gap:calc(22 * var(--u));align-items:center}
body.lv3 .htArt .ptWinRow .ptSep{width:2px;align-self:stretch;background:var(--edge2);opacity:.6}
body.lv3 .htArt .ptWinRow .ptGems .gems{gap:calc(8 * var(--u))}
body.lv3 .htArt .ptWinRow .ptGems .gem.next, body.lv3 .htArt .ptWinRow .ptGems .gem.empty{display:none}
body.lv3 .htArt .ptWinRow .ptGems .gem svg{width:max(26px, calc(34 * var(--u)));height:max(26px, calc(34 * var(--u)))}

 

 
 
body.lesson.lv3 .coachLayer{display:none !important}
body.lesson.lv3 .coachFinger:not(.onScreen){display:none !important}
 
body.lv3 #ptHandLayer{position:fixed;inset:0;z-index:43;pointer-events:none}
body.lv3 #ptHandLayer *{pointer-events:none !important}
body.lv3 #ptHandLayer .ptHand{position:absolute;left:0;top:0;will-change:transform,opacity;filter:drop-shadow(0 3px 5px #000d) drop-shadow(0 0 1.5px #000)}
body.lv3 #ptHandLayer .ptHand svg{width:100%;height:100%;display:block}
body.lv3 #ptHandLayer .ptRing{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:3px solid #f4efe2;animation:ptRing .6s ease-out forwards}
body.lv3 #ptHandLayer .ptRing.gold{border-color:var(--goldHi);box-shadow:0 0 14px var(--actGlow)}
@keyframes ptRing{from{transform:scale(.3);opacity:1}to{transform:scale(1.8);opacity:0}}
body.lv3 #ptHandLayer .ptAimSvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:none}
body.lv3 #ptHandLayer .ptAimLn{stroke:var(--goldHi);stroke-width:4;stroke-linecap:round;stroke-dasharray:10 7;filter:drop-shadow(0 0 3px #000)}
body.lv3 #ptHandLayer .ptAimHd{fill:var(--goldHi)}
body.lv3 #ptHandLayer .ghost.ptGhost{position:absolute;left:0;top:0;z-index:auto;transform-origin:50% 50%}
body.lv3 #ptHandLayer .ghost.ptGhost .hcard{transform:rotate(-4deg) !important}
body.lv3 #ptHandLayer .ptSpot{position:absolute;border-radius:16px;box-shadow:0 0 0 200vmax rgba(0,0,0,.5), 0 0 0 2px var(--goldHi), 0 0 22px 6px var(--actGlow)}
body.lv3 #ptHandLayer .ptPlus{position:absolute;font:800 max(16px, calc(18 * var(--u)))/1 var(--ui);color:var(--goldHi);text-shadow:0 1px 3px #000;animation:ptPlus 1.2s ease-out forwards}
@keyframes ptPlus{0%{opacity:0;transform:translate(-50%,-60%)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-260%)}}
body.lv3 #ptHandLayer .ptFly{position:absolute;display:block}
body.lv3 #ptHandLayer .ptPath{position:absolute;opacity:0}
 
body.lv3 #ptLock{position:fixed;inset:0;z-index:89;pointer-events:none}
body.lv3 #ptLock .ptRipple{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid #ffffff88;animation:ptRing .5s ease-out forwards}
 
body.lv3 .ptZero{position:fixed;z-index:42;transform:translate(-50%,-50%);font:800 max(26px, calc(30 * var(--u)))/1 var(--ui);color:#b5bbb9;text-shadow:0 2px 4px #000, 0 0 2px #000;animation:ptZero 1s ease-out forwards;pointer-events:none}
@keyframes ptZero{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-90%)}}
 
body.lesson.lv3 .coachToast{pointer-events:auto;cursor:pointer}
 
body.lesson.lv3 #gemBox{display:flex;flex-direction:column}
body.lesson.lv3 #gemBox .gems{order:1;grid-template-columns:repeat(2, calc(32 * var(--u)));grid-auto-rows:calc(34 * var(--u));column-gap:calc(3 * var(--u))}
body.lesson.lv3 #gemBox .gemLbl.ptLbl{order:2;font:800 max(13px, calc(14 * var(--u)))/1 var(--ui);margin:calc(2 * var(--u)) 0 0;color:var(--ink)}
body.lesson.lv3 #gemBox .gem, body.lv3 #ptHandLayer .gem.ptFly{width:calc(24 * var(--u));height:calc(32 * var(--u));background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAzMic+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdhJyB4MT0nMCcgeTE9JzAnIHgyPScxJyB5Mj0nMSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZmY5YTg4Jy8+PHN0b3Agb2Zmc2V0PScuNDUnIHN0b3AtY29sb3I9JyNkODM1MmYnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM2YTBjMTAnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSdNMTIgMSAyMC41IDguNVYyMkwxMiAzMSAzLjUgMjJWOC41WicgZmlsbD0ndXJsKCNhKScgc3Ryb2tlPScjMjUwNDA1JyBzdHJva2Utd2lkdGg9JzEuMycgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjxwYXRoIGQ9J00xMiAxIDMuNSA4LjVWMjJMMTIgMzFaJyBmaWxsPScjZmZmJyBmaWxsLW9wYWNpdHk9Jy4yJy8+PHBhdGggZD0nTTEyIDFWMzEnIHN0cm9rZT0nI2ZmZDZjZicgc3Ryb2tlLW9wYWNpdHk9Jy40NScgc3Ryb2tlLXdpZHRoPScuOScvPjwvc3ZnPg==") center/contain no-repeat;color:transparent}
body.lesson.lv3 #gemBox .gem svg, body.lv3 #ptHandLayer .gem.ptFly svg{visibility:hidden}
body.lesson.lv3 #gemBox .gem.lit{filter:drop-shadow(0 0 3px #ff5a4a88)}
body.lesson.lv3 #gemBox .gem.dim{opacity:.28;filter:saturate(.2) brightness(.8)}
 
body.lesson.lv3 .pips.cost .pip.ptTot{width:max(21px, calc(24 * var(--u)));height:max(28px, calc(32 * var(--u)));min-width:0;border:0;border-radius:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAzMic+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdhJyB4MT0nMCcgeTE9JzAnIHgyPScxJyB5Mj0nMSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZmY5YTg4Jy8+PHN0b3Agb2Zmc2V0PScuNDUnIHN0b3AtY29sb3I9JyNkODM1MmYnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM2YTBjMTAnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSdNMTIgMSAyMC41IDguNVYyMkwxMiAzMSAzLjUgMjJWOC41WicgZmlsbD0ndXJsKCNhKScgc3Ryb2tlPScjMjUwNDA1JyBzdHJva2Utd2lkdGg9JzEuMycgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjxwYXRoIGQ9J00xMiAxIDMuNSA4LjVWMjJMMTIgMzFaJyBmaWxsPScjZmZmJyBmaWxsLW9wYWNpdHk9Jy4yJy8+PHBhdGggZD0nTTEyIDFWMzEnIHN0cm9rZT0nI2ZmZDZjZicgc3Ryb2tlLW9wYWNpdHk9Jy40NScgc3Ryb2tlLXdpZHRoPScuOScvPjwvc3ZnPg==") center/contain no-repeat;
  font:900 max(13px, calc(15 * var(--u)))/1 var(--ui);color:#fff;text-shadow:0 0 2px #000, 0 1px 2px #000, 0 0 4px #300;padding-top:calc(2 * var(--u));box-sizing:border-box}
body.lesson.lv3 .pips.cost{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
 
body.lesson.lv3[data-pt-beat="b11"] .leader.foe .hpNum{animation:ptLife 1.1s ease-in-out infinite}
@keyframes ptLife{0%,100%{color:var(--ink);text-shadow:none;transform:none}50%{color:var(--goldHi);text-shadow:0 0 10px var(--actGlow);transform:scale(1.18)}}

 

 



body.lesson.lv3 #ribbon{display:none !important}
 
body.lesson.lv3 .tok .rm{display:none !important}
 
body.lesson.lv3 svg:has(> use[href="#g-shard"]){background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAzMic+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdhJyB4MT0nMCcgeTE9JzAnIHgyPScxJyB5Mj0nMSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZmY5YTg4Jy8+PHN0b3Agb2Zmc2V0PScuNDUnIHN0b3AtY29sb3I9JyNkODM1MmYnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM2YTBjMTAnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSdNMTIgMSAyMC41IDguNVYyMkwxMiAzMSAzLjUgMjJWOC41WicgZmlsbD0ndXJsKCNhKScgc3Ryb2tlPScjMjUwNDA1JyBzdHJva2Utd2lkdGg9JzEuMycgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjxwYXRoIGQ9J00xMiAxIDMuNSA4LjVWMjJMMTIgMzFaJyBmaWxsPScjZmZmJyBmaWxsLW9wYWNpdHk9Jy4yJy8+PHBhdGggZD0nTTEyIDFWMzEnIHN0cm9rZT0nI2ZmZDZjZicgc3Ryb2tlLW9wYWNpdHk9Jy40NScgc3Ryb2tlLXdpZHRoPScuOScvPjwvc3ZnPg==") center/contain no-repeat}
body.lesson.lv3 svg > use[href="#g-shard"]{visibility:hidden}
 
body.lv3 .htArt .ptGems .gem{display:inline-block;width:max(26px, calc(30 * var(--u)));height:max(35px, calc(40 * var(--u)));background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAzMic+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSdhJyB4MT0nMCcgeTE9JzAnIHgyPScxJyB5Mj0nMSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjZmY5YTg4Jy8+PHN0b3Agb2Zmc2V0PScuNDUnIHN0b3AtY29sb3I9JyNkODM1MmYnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyM2YTBjMTAnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSdNMTIgMSAyMC41IDguNVYyMkwxMiAzMSAzLjUgMjJWOC41WicgZmlsbD0ndXJsKCNhKScgc3Ryb2tlPScjMjUwNDA1JyBzdHJva2Utd2lkdGg9JzEuMycgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjxwYXRoIGQ9J00xMiAxIDMuNSA4LjVWMjJMMTIgMzFaJyBmaWxsPScjZmZmJyBmaWxsLW9wYWNpdHk9Jy4yJy8+PHBhdGggZD0nTTEyIDFWMzEnIHN0cm9rZT0nI2ZmZDZjZicgc3Ryb2tlLW9wYWNpdHk9Jy40NScgc3Ryb2tlLXdpZHRoPScuOScvPjwvc3ZnPg==") center/contain no-repeat}
body.lv3 .htArt .ptGems .gem svg{visibility:hidden}
body.lv3 .htArt .ptGems .gem.dim{opacity:1;filter:none}
 
body.lesson.lv3:has(#coachToast:not([hidden])) #oppHand .oppCount{visibility:hidden}
 
body.lv3 #ptGuard{position:fixed;inset:0;z-index:60;pointer-events:none}
body.lv3 #ptGuard *{pointer-events:none !important}
body.lv3 #ptGuard .ptLdShd{position:absolute;display:none;filter:drop-shadow(0 2px 6px #000) drop-shadow(0 0 8px #7ec2f088)}
body.lv3 #ptGuard .ptLdShd svg{width:100%;height:100%;display:block;overflow:visible}
body.lv3 #ptGuard .ptNo{position:absolute;display:none}
body.lv3 #ptGuard .ptNo svg{width:100%;height:100%;display:block;overflow:visible}
body.lv3 #ptGuard .ptFlyShd{position:absolute}
 
body.lv3 #ptGuard .ptBubble{position:absolute;max-width:min(46vw, 260px);padding:10px 14px;border-radius:12px;background:#0d1316;border:2px solid var(--goldHi);
  color:var(--ink);font:700 max(15px, calc(17 * var(--u)))/1.25 var(--ui);box-shadow:0 4px 18px #000c;text-wrap:balance;opacity:0;transition:opacity .25s ease}
body.lv3 #ptGuard .ptBubble.on{opacity:1}
body.lv3 #ptGuard .ptBubble::after{content:"";position:absolute;right:-12px;top:50%;margin-top:-10px;border:10px solid transparent;border-left-color:var(--goldHi);border-right:0}
 
@keyframes ptBoxNo{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
body.lesson.lv3 #gemBox.ptNoShards{animation:ptBoxNo .45s ease-in-out 1;outline:2px solid #e0574a;outline-offset:3px;border-radius:10px}

 

 


body.lv3 #ptHandLayer{z-index:57}
body.lv3 #ptHandLayer.scr{z-index:98}
body.lv3 #ptHandLayer .tok.ptCarry{position:absolute;filter:drop-shadow(0 6px 10px #000c)}
body.lv3 #ptHandLayer .tok.ptCarry .frame{box-shadow:0 0 0 2px var(--goldHi)}
 
body.lv3 #ptGuard .ptBubble::after{right:auto;top:auto;left:var(--tail, 50%);bottom:-12px;margin:0 0 0 -10px;border:10px solid transparent;border-top-color:var(--goldHi);border-bottom:0}
 
body.lv3 #ptGuard .ptLink{position:absolute;inset:0;display:none}
body.lv3 #ptGuard .ptLink svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.lv3 #ptGuard .ptLink line{stroke:var(--pick);stroke-width:5;stroke-linecap:round;stroke-dasharray:3 9;filter:drop-shadow(0 0 4px #7ec2f0) drop-shadow(0 0 1px #000);animation:ptLinkRun .6s linear infinite}
@keyframes ptLinkRun{to{stroke-dashoffset:-24}}
 
body.lv3 #ptHandLayer .ptBolt{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff6d8 0 25%,#ffbf47 45%,#e8483a 75%,transparent 76%);
  box-shadow:0 0 14px 4px #ff7a3a99}


body.lesson.lv3.yourTurn.ptHandQuiet #hand .hcard.playable, body.lesson.lv3.yourTurn.ptB11Quiet #hand .hcard.playable{filter:brightness(.55) saturate(.55)}
body.lesson.lv3.ptB11Quiet #hand .hcard.playable{border-color:var(--edge2);box-shadow:0 calc(-2 * var(--u)) calc(12 * var(--u)) #000c;outline:none}


body.lesson.lv3 .tok .kw.opn{display:none !important}
body.lesson.lv3 #rowFoe .tok .shd.open{opacity:.62;filter:grayscale(.55) brightness(.9) drop-shadow(0 2px 3px #000c)}
 
body.lesson.lv3 #rowFoe{z-index:3}


body.lesson.lv3 .leader.foe svg:has(> use[href="#g-shard"]){background:none !important}
body.lesson.lv3 .leader.foe svg > use[href="#g-shard"]{visibility:visible !important}
body.lesson.lv3 #callout.theirs:has(use[href="#g-shard"]){display:none !important}
 
body.lesson.lv3 .ptZero{font-size:max(34px, calc(40 * var(--u)));animation-duration:1.6s;color:#d7dcda}

 

 
 
body.lv3 #ptHandLayer .ptCarry{position:absolute;filter:drop-shadow(0 6px 10px #000c)}
body.lv3 #ptHandLayer .ptCarry .ptCarryTok .frame{box-shadow:0 0 0 2px var(--goldHi)}


body.lesson.lv3.yourTurn.ptHandQuiet #hand .hcard.playable, body.lesson.lv3.yourTurn.ptB11Quiet #hand .hcard.playable{filter:none}
 
body.lesson.lv3 #gemBox .gem.dim{opacity:.55;filter:grayscale(1) brightness(.7) contrast(.9)}


body.lesson.lv3 .leader.foe .chip svg:has(> use[href="#g-shard"]){visibility:hidden !important}
body.lesson.lv3 .leader.foe .chip svg > use[href="#g-shard"]{visibility:hidden !important}


body.lesson.lv3:not(.yourTurn) #showcase .pips.cost .pip.ptTot{filter:grayscale(1) brightness(.85)}
 
body.lesson.lv3.ptToastBubble #coachToast{visibility:hidden !important}
 
body.lesson.lv3 .fxDie.ptMine .ct:not(.boosted){border-color:var(--goldHi) !important;box-shadow:0 0 12px #ffbf4766, 0 4px 10px #000c !important}
body.lesson.lv3 .fxDie.ptMine .ct:not(.boosted) b{color:var(--goldHi)}




#ptBegin{position:fixed;inset:0;z-index:95;display:flex;align-items:safe center;justify-content:center;overflow-y:auto;
  padding-block:max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-bottom, 0px));
  padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px));
  background:rgba(4,6,8,.78);transition:opacity .25s ease}
#ptBegin.out{opacity:0}
#ptBegin .ptBeginIn{max-width:34rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;
  padding:22px 22px 20px;border:1px solid #3b4a4d;border-radius:14px;background:#131a1d;color:#ece4d2}
#ptBegin .ptFrame{margin:0;font:600 clamp(18px, 2.6vw + 8px, 26px)/1.3 var(--title, Georgia, serif);letter-spacing:.02em;text-wrap:balance}
#ptBegin .ptBtn{min-height:44px;min-width:200px;padding:0 22px;border-radius:10px;font:800 15px/1 var(--ui, system-ui, sans-serif);letter-spacing:.08em;cursor:pointer}
#ptBegin .ptPri{border:1px solid #dcb46e;background:#0d1316;color:#dcb46e;box-shadow:0 0 12px rgba(220,180,110,.28)}
#ptBegin .ptBtn:focus-visible{outline:2px solid #dcb46e;outline-offset:2px}
#ptBegin .ptRot{display:none;margin:0;flex-direction:column;align-items:center;gap:10px;font:600 16px/1.4 var(--ui, system-ui, sans-serif);color:#ece4d2}
#ptBegin .ptRot svg{width:64px;height:64px}
@media (orientation:portrait){ #ptBegin{z-index:101;background:#06090b} #ptBegin .ptRot{display:flex} #ptBegin #ptBeginBtn{display:none} }
 
body.ptPre #coachSkip{z-index:102}
body.ptPre #endTurn{opacity:.35;filter:saturate(.2);box-shadow:none !important;animation:none !important}
@media (prefers-reduced-motion: reduce){#ptBegin{transition:none}}


body.lesson.lv3 .tok .fz .fm.neg{display:none !important}
 
body.lesson.lv3 #coach .cEb{display:none !important}
 










#ptBegin:where(.pt3) .ptBeginIn, #ptBegin:where(.pt3) .ptBtn, :where(body.ptFlow3) .coach, :where(body.ptFlow3) .coachToast, :where(body.ptFlow3) .coachSkip, body.lv3:where(.ptFlow3) #ptGuard .ptBubble, #coachScreen .rewardCard {
  --tutc: 5px;
  border-radius: 0 !important; box-shadow: none !important;
  clip-path: polygon(var(--tutc) 0, calc(100% - var(--tutc)) 0, 100% var(--tutc), 100% calc(100% - var(--tutc)),
                     calc(100% - var(--tutc)) 100%, var(--tutc) 100%, 0 calc(100% - var(--tutc)), 0 var(--tutc)); }
#ptBegin:where(.pt3) .ptBeginIn::after, #ptBegin:where(.pt3) .ptBtn::after, :where(body.ptFlow3) .coach::after, :where(body.ptFlow3) .coachToast::after, :where(body.ptFlow3) .coachSkip::after,
body.lv3:where(.ptFlow3) #ptGuard .ptBubble::after {
  content: ""; position: absolute; inset: -1px; pointer-events: none; z-index: 3;
  border: 8px solid transparent; border-image: url("/v6/deai/play/art/cut-rim.svg") 8 / 8px / 0 stretch; }


#ptBegin:where(.pt3) .ptBeginIn, #ptBegin:where(.pt3) .ptBtn, #coachScreen .rewardCard { position: relative; }
#ptBegin:where(.pt3) .ptBeginIn, #ptBegin:where(.pt3) .ptBtn, :where(body.ptFlow3) .coachSkip { border-color: transparent !important; }
#ptBegin:where(.pt3) .ptBeginIn { background: #131a1d; }
 
#ptBegin:where(.pt3) .ptPri { background: #0d1316; }
#ptBegin:where(.pt3) .ptPri::after, :where(body.ptFlow3) .coach::after, :where(body.ptFlow3) .coachToast::after { border-image-source: url("/v6/deai/play/art/cut-gold.svg"); }
#ptBegin:where(.pt3) .ptBtn:focus-visible { outline-offset: -5px; }
 
:where(body.ptFlow3) .coach { background: #10171a; border: 1px solid transparent !important; }
:where(body.ptFlow3) .coachToast { background: #080d0f; border-color: transparent !important; }
:where(body.ptFlow3) .coachSkip { background: #131a1d; }
body.lv3:where(.ptFlow3) #ptGuard .ptBubble { border-color: transparent !important; }



#coachScreen .rewardCard { display: grid; grid-template-columns: auto auto; grid-template-areas: "art t" "art a";
  align-items: center; column-gap: calc(26 * var(--u)); row-gap: calc(14 * var(--u));
  padding: calc(16 * var(--u)) calc(30 * var(--u)); width: auto; max-width: min(92vw, 620px); box-sizing: border-box; }
#coachScreen .rewardCard h2 { grid-area: t; margin: 0; align-self: end; text-align: left; }
#coachScreen .rewardCard .rwArt { grid-area: art; display: block; height: min(62vh, 280px); width: auto;
  aspect-ratio: 440 / 760; object-fit: contain; }
#coachScreen .rewardCard .endActs { grid-area: a; align-self: start; justify-content: flex-start; }
#coachScreen .rewardCard .endActs .opt { min-width: calc(180 * var(--u)); min-height: 48px; }






 
body.lv3:where(.ptFlow3) #ptHandLayer{z-index:62}
body.lv3:where(.ptFlow3) #ptHandLayer.scr{z-index:98}
body.ptPre:where(:has(> #ptBegin.pt3)) #ptHandLayer{position:fixed;inset:0;z-index:98;pointer-events:none}
body.ptPre:where(:has(> #ptBegin.pt3)) #ptHandLayer *{pointer-events:none !important}
body.ptPre:where(:has(> #ptBegin.pt3)) #ptHandLayer .ptHand{position:absolute;left:0;top:0;will-change:transform,opacity;filter:drop-shadow(0 3px 5px #000d) drop-shadow(0 0 1.5px #000)}
body.ptPre:where(:has(> #ptBegin.pt3)) #ptHandLayer .ptHand svg{width:100%;height:100%;display:block}
body.ptPre:where(:has(> #ptBegin.pt3)) #ptHandLayer .ptRing{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:3px solid #f4efe2;animation:ptRing .6s ease-out forwards}
body.ptPre:where(:has(> #ptBegin.pt3)) #ptHandLayer .ptAimSvg{display:none}
body.ptPre:where(:has(> #ptBegin.pt3)) #coachScreen, body.ptPre:where(:has(> #ptBegin.pt3)) #result{visibility:hidden !important}
#ptBegin.ptCard{background:#06090b}
#ptBegin.ptCard .ptFieldWrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#ptBegin.ptCard img.ptField{position:absolute;left:0;width:100%;height:50%;object-fit:cover;display:block}
#ptBegin.ptCard img.ptField.foe{top:0;object-position:center 70%}
#ptBegin.ptCard img.ptField.you{top:50%;object-position:center 30%}
#ptBegin.ptCard .ptFieldShade{position:absolute;inset:0;background:rgba(4,6,8,.55)}
#ptBegin.ptCard .ptBeginIn{z-index:1}
@media (orientation:portrait){ #ptBegin.ptCard .ptFieldWrap{display:none} }
 
#coachScreen .rewardCard{--tutc:12px}