/* Tu Tiên V3.8 */
#clk38{position:fixed;top:calc(env(safe-area-inset-top,0px) + 58px);left:50%;transform:translateX(-50%);z-index:22;background:rgba(14,8,30,.72);border:1px solid rgba(255,231,160,.35);border-radius:999px;padding:3px 12px;font-size:13px;color:#fff;pointer-events:none;display:flex;gap:8px;align-items:center;backdrop-filter:blur(4px)}
#clk38 small{color:#ffe7a0;opacity:.85;font-size:11px}
#clk38.hidden{display:none}
.clk38r{margin:8px 0;text-align:center;font-size:14px}
.new38{color:#ffe7a0;text-shadow:0 0 10px rgba(255,200,80,.8);animation:new38 1s ease-in-out infinite alternate}
@keyframes new38{from{opacity:.75}to{opacity:1;transform:scale(1.06)}}
/* Level Up Summary */
.lv38{margin:10px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,rgba(255,215,120,.16),rgba(184,108,255,.12));border:1px solid rgba(255,231,160,.4);text-align:left;animation:lv38 .5s both}
@keyframes lv38{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.lv38-h{display:flex;gap:10px;align-items:center}.lv38-h small{display:block;letter-spacing:3px;color:#ffe7a0;font-size:11px}.lv38-h b{font-size:20px}
.lv38-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.lv38-g div{background:rgba(0,0,0,.25);border-radius:8px;padding:6px;text-align:center;font-size:12px}.lv38-g b{display:block;font-size:15px;color:#9ff0c0}
.lv38-l{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.lv38-l .t-cap{width:100%}
/* Exchange */
.exc38{margin:0 0 12px;padding:12px;border-radius:14px;background:rgba(184,108,255,.1);border:1px solid rgba(184,108,255,.35)}
.exc38.locked{opacity:.6}.exc-h{display:flex;gap:8px;align-items:center;margin-bottom:8px}.exc-h .tag{margin-left:auto}
.exc-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.exc-row input{width:96px;padding:7px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#fff;font-size:15px;text-align:center}
.exc-p{margin:8px 0;font-size:14px}.exc38>.btn{width:100%}
/* World boss arena background / intro / skill names */
#wbArena.has-bg{background:linear-gradient(180deg,rgba(8,4,18,.45),rgba(8,4,18,.8)),var(--wbbg) center/cover no-repeat,#08040f}
#wbArena[data-bg=enrage]{filter:saturate(1.15)}
#wbArena.shake38{animation:shake38 .45s}
@keyframes shake38{0%,100%{transform:none}20%{transform:translate(var(--sh),calc(var(--sh)*-.5))}40%{transform:translate(calc(var(--sh)*-1),calc(var(--sh)*.4))}60%{transform:translate(calc(var(--sh)*.6),0)}80%{transform:translate(calc(var(--sh)*-.3),calc(var(--sh)*.2))}}
#wbArena.zoom38 #waCv,#wbArena.zoom38 .wa-boss{animation:zoom38 .6s ease-out}
@keyframes zoom38{0%{transform:scale(1)}30%{transform:scale(var(--zm))}100%{transform:scale(1)}}
.wbi38{position:absolute;inset:0;z-index:230;display:grid;place-items:center;background:#05020c;animation:wbi38 2.2s both;pointer-events:none}
.wbi-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.8;animation:wbiz 2.2s both}
.wbi-t{position:relative;text-align:center;color:#fff;text-shadow:0 2px 18px #000}.wbi-t small{letter-spacing:6px;color:#ff9db0}.wbi-t b{display:block;font:800 clamp(26px,7vw,52px) 'Noto Serif',serif;letter-spacing:3px}.wbi-t span{color:#ffe7a0}
@keyframes wbi38{0%{opacity:0}12%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes wbiz{from{transform:scale(1.15)}to{transform:scale(1)}}
.bsk38{position:absolute;left:50%;top:18%;transform:translateX(-50%);z-index:215;font:800 clamp(16px,4.4vw,26px) 'Noto Serif',serif;color:#fff;letter-spacing:3px;text-shadow:0 0 14px var(--c),0 0 30px var(--c);animation:bsk38 1.3s both;pointer-events:none;white-space:nowrap}
@keyframes bsk38{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}15%{opacity:1;transform:translate(-50%,0) scale(1.05)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-10px)}}
/* Breakthrough / Thiên Kiếp cinematic */
#bt38{position:fixed;inset:0;z-index:300;overflow:hidden;background:rgba(3,1,8,calc(var(--dark,0)*.96));color:#fff}
#bt38 canvas{position:absolute;inset:0;width:100%;height:100%}
#bt38 .bt-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:calc(var(--cloud,0)*.55)}
#bt38 .bt-cloud{position:absolute;left:-20%;right:-20%;top:-10%;height:55%;opacity:var(--cloud,0);background:radial-gradient(ellipse at 30% 60%,rgba(70,50,120,.9),transparent 55%),radial-gradient(ellipse at 70% 40%,rgba(40,30,80,.95),transparent 60%),radial-gradient(ellipse at 50% 20%,rgba(20,12,40,1),transparent 70%);animation:btc 6s linear infinite alternate}
@keyframes btc{to{transform:translateX(6%)}}
#bt38 .bt-hero{position:absolute;left:50%;top:55%;height:min(42vh,340px);transform:translate(-50%,-62%);filter:drop-shadow(0 0 22px var(--rc));opacity:calc(var(--dark,0));transition:filter .4s}
#bt38.st-imp .bt-hero{filter:drop-shadow(0 0 40px #fff) brightness(1.5)}
#bt38.shake{animation:shake38 .5s;--sh:10px}
#bt38 .bt-txt{position:absolute;left:0;right:0;bottom:8%;text-align:center;padding:0 16px;opacity:0;transform:translateY(16px);transition:all .6s}
#bt38.st-text .bt-txt{opacity:1;transform:none}
#bt38 .bt-l1{font:800 clamp(22px,6vw,40px) 'Noto Serif',serif;letter-spacing:5px;color:#ffe7a0;text-shadow:0 0 20px rgba(255,200,90,.9)}
#bt38 .bt-l2{margin-top:6px}#bt38 .bt-l2 small{display:block;opacity:.7}#bt38 .bt-l2 b{font:800 clamp(24px,7vw,46px) 'Noto Serif',serif;color:var(--rc);text-shadow:0 0 18px var(--rc)}
#bt38 .bt-l3{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:10px;font-size:14px;opacity:0;transition:opacity .6s .6s}
#bt38 .bt-l4{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;opacity:0;transition:opacity .6s 1.1s}
#bt38.st-end .bt-l3,#bt38.st-end .bt-l4{opacity:1}
#bt38 .bt-ok{margin-top:14px;opacity:0;pointer-events:none;transition:opacity .4s 1.4s}#bt38.st-end .bt-ok{opacity:1;pointer-events:auto}
#bt38 .bt-skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;background:rgba(0,0,0,.4);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-size:13px}
#bt38.st-end .bt-skip{display:none}
@media (max-width:600px){#clk38{top:calc(env(safe-area-inset-top,0px) + 50px);font-size:12px}.lv38-g{grid-template-columns:repeat(3,1fr)}}

.lvi{display:inline-flex;width:22px;height:22px;overflow:hidden;vertical-align:middle;border-radius:6px}.lvi>*,.lvi img,.lvi svg{width:22px!important;height:22px!important;min-width:0!important;font-size:12px!important;padding:0!important;margin:0!important}
#bt38 .bt-hero{transition:top .6s,height .6s,filter .4s}#bt38.st-text .bt-hero{top:40%;height:min(28vh,220px)}
#wbArena.has-bg{background-blend-mode:normal}