/* ===== Avatar 3D ===== */
.cwav{position:relative;width:160px;height:187px;perspective:700px;display:inline-block;vertical-align:middle}
.cwav-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .12s ease-out}
.cwav-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.cwav.sm{width:44px;height:51px}.cwav.md{width:72px;height:84px}
/* moldura de perfil: o rosto fica centralizado e o cabelo encaixado */
.cw-frame{position:relative;display:inline-block;flex:none;overflow:hidden;width:76px;height:76px;border-radius:20%;vertical-align:middle;
	background:radial-gradient(circle at 50% 28%,#4a6b92 0%,#1c2a40 62%,#0d1522 100%);
	border:2px solid #e2b95c;box-shadow:0 0 0 2px rgba(0,0,0,.55),0 .4rem 1rem rgba(0,0,0,.5),0 0 .9rem rgba(255,200,90,.22),inset 0 0 .9rem rgba(0,0,0,.6)}
.cw-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 38%),radial-gradient(circle at 50% 120%,rgba(255,190,80,.22),transparent 55%)}
.cw-frame .cwav{position:absolute;left:-14%;top:-20%;width:128%;height:auto;aspect-ratio:240/280}
.cw-frame.sm{width:46px;height:46px;border-width:1.5px}.cw-frame.md{width:76px;height:76px}.cw-frame.lg{width:118px;height:118px;border-width:3px}
.cw-frame.round{border-radius:50%}
.cwed{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.cwed-prev{width:210px;height:236px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#3d5a80,#141c26 78%);border-radius:18px;border:2px solid #e2b95c;box-shadow:inset 0 0 1.2rem rgba(0,0,0,.6),0 .5rem 1.4rem rgba(0,0,0,.45)}
.cwed-prev .cwav{width:196px;height:229px}
.cwed-ctl{display:flex;flex-direction:column;gap:6px;min-width:250px}
.cwed-r{display:flex;align-items:center;gap:4px;font-size:13px}.cwed-r span{width:62px;opacity:.85}
.cwed-r select{flex:1;min-width:0;background:#0f151c;color:#e8d9b0;border:1px solid #3b4d60;border-radius:6px;padding:4px}
.cwed-r button,.cwed-rnd{background:#223244;color:#f3d98a;border:1px solid #3b4d60;border-radius:6px;padding:3px 9px;cursor:pointer;font-size:15px}
.cwed-c{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;align-items:center}.cwed-c input{width:42px;height:28px;border:0;background:none;padding:0;vertical-align:middle;cursor:pointer}
.cwed-gl{font-size:13px}
/* emotes (reações nas batalhas) */
.cwav[data-emo=angry]{animation:cwShake .28s infinite}
.cwav[data-emo=cry]{animation:cwSob .7s ease-in-out infinite}
.cwav[data-emo=laugh]{animation:cwLaugh .4s ease-in-out infinite}
.cwav[data-emo=tongue]{animation:cwTaunt .6s ease-in-out infinite}
@keyframes cwShake{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-3px) rotate(-3deg)}75%{transform:translateX(3px) rotate(3deg)}}
@keyframes cwSob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px) scale(.98)}}
@keyframes cwLaugh{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes cwTaunt{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg) translateY(-2px)}}
.cw-tear{animation:cwtear 1.1s linear infinite;transform-box:fill-box;transform-origin:center}.cw-tear.j{animation-duration:.8s}
@keyframes cwtear{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(30px);opacity:0}}
.cw-vein{animation:cwvein .45s ease-in-out infinite}
@keyframes cwvein{0%,100%{transform:translate(142px,56px) scale(1)}50%{transform:translate(142px,56px) scale(1.3)}}
.cwb-bubble{position:absolute;z-index:40;font-size:26px;pointer-events:none;animation:cwbub 1.6s ease-out forwards;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
@keyframes cwbub{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:1;transform:translateY(-6px) scale(1.2)}100%{transform:translateY(-34px) scale(1);opacity:0}}
/* ===== App ===== */
#cw-app{--bg:#141c26;--bg2:#1c2836;--bd:#32465c;--gold:#f3c969;--tx:#e8e2d0;--mut:#9fb0c3;color:var(--tx);font-family:inherit;font-size:14px;line-height:1.4;text-align:left}
#cw-app *{box-sizing:border-box}
#cw-app .cw-emo,.cw-emo{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}
.cw-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#22344a,#17212e);border:1px solid var(--bd,#32465c);border-radius:12px;padding:10px 14px}
.cw-me{display:flex;gap:12px;align-items:center}.cw-me-i{min-width:200px}
.cw-char{background:#0f151c;color:#e8e2d0;border:1px solid #32465c;border-radius:6px;margin-left:6px;padding:2px 4px;font-size:12px}
.cw-lv small{opacity:.6}.cw-xp{height:8px;background:#0b1118;border-radius:6px;overflow:hidden;margin:3px 0}.cw-xp i{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#46c2ff)}
.cw-stats{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cw-stats>div{background:#0f151c;border:1px solid #32465c;padding:5px 10px;border-radius:8px}.cw-ar{color:#f3c969}.cw-adm{color:#ff8f8f;text-decoration:none}
.cw-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.cw-tabs button,.cw-sub button,.cw-filter button{position:relative;background:#1c2836;color:#cfd9e4;border:1px solid #32465c;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}
.cw-tabs button.on,.cw-sub button.on,.cw-filter button.on{background:linear-gradient(180deg,#f3c969,#c99a2e);color:#241a05;border-color:#f3c969;font-weight:bold}
.cw-badge{position:absolute;top:-6px;right:-4px;background:#e04545;color:#fff;font-style:normal;font-size:11px;border-radius:10px;padding:1px 6px}
.cw-sub,.cw-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.cw-btn{background:#2a3b50;color:#f0e8d0;border:1px solid #46607c;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}
.cw-btn:hover{filter:brightness(1.15)}.cw-btn[disabled]{opacity:.4;cursor:not-allowed}
.cw-btn.gold{background:linear-gradient(180deg,#f3c969,#c99a2e);color:#241a05;border-color:#ffe29a;font-weight:bold}
.cw-btn.big{flex-direction:column;padding:18px 28px;font-size:20px;border-radius:12px;min-width:240px}.cw-btn.big small{font-size:12px;opacity:.8;font-weight:normal}
.cw-card-box{background:#17212e;border:1px solid #32465c;border-radius:12px;padding:12px 14px;margin:10px 0}.cw-card-box h3{margin:0 0 8px;color:#f3c969;font-size:16px}
.cw-warn{color:#ffb4b4}.cw-err{padding:20px;background:#2a1a1a;border:1px solid #6b3a3a;border-radius:10px}
.cw-arena{border-radius:14px;padding:26px;text-align:center;border:1px solid #32465c;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55)),linear-gradient(135deg,#3f7b34,#3a7fc4)}
.cw-arena[data-ar="2"]{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55)),linear-gradient(135deg,#7a6248,#2d5f7a)}.cw-arena[data-ar="3"]{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5)),linear-gradient(135deg,#d8bb7a,#3aa0b0)}
.cw-arena[data-ar="4"]{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.5)),linear-gradient(135deg,#dfeaf2,#6fb3d6)}.cw-arena[data-ar="5"]{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),linear-gradient(135deg,#5a3a34,#e0541c)}
.cw-arena[data-ar="6"]{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),linear-gradient(135deg,#3d3a52,#2a3f6a)}.cw-arena[data-ar="7"]{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),linear-gradient(135deg,#4b2326,#a1121a)}.cw-arena[data-ar="8"]{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),linear-gradient(135deg,#222028,#c4310d)}
.cw-arena h2{margin:0 0 4px;font-size:26px;color:#fff;text-shadow:0 2px 6px #000}.cw-arena p{margin:0;color:#fff}
.cw-play{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:14px 0}
/* cartas */
.cw-grid,.cw-deck,.cw-won{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.cw-deck{grid-template-columns:repeat(4,minmax(0,1fr));max-width:560px;margin-bottom:10px}
.cw-ct{position:relative;background:linear-gradient(180deg,#26384d,#17212e);border:2px solid #5d6f82;border-radius:10px;padding:8px 6px 6px;text-align:center;cursor:pointer;user-select:none;min-height:128px;transition:transform .12s}
.cw-ct:hover{transform:translateY(-2px)}.cw-ct.empty{display:flex;align-items:center;justify-content:center;font-size:28px;opacity:.4;border-style:dashed;cursor:default}
.cw-ct .art,.cw-mini .art{display:block;margin:0 auto;height:56px;width:auto;max-width:90%;image-rendering:pixelated;object-fit:contain}.cw-ct .art.spell,.cw-mini .art.spell{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-family:"Noto Color Emoji",sans-serif}
.cw-ct .cost{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e49bff,#9b2fd0);color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;border:2px solid #fff;font-size:13px}
.cw-ct .lv{position:absolute;top:4px;right:6px;font-size:11px;color:#ffe29a;font-weight:bold}.cw-ct .nm{font-size:12px;margin-top:4px;font-weight:bold;line-height:1.15}
.cw-ct .pg{position:relative;height:13px;background:#0b1118;border-radius:7px;margin-top:5px;overflow:hidden}.cw-ct .pg i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#3aa65a,#7be08f)}.cw-ct .pg span{position:relative;font-size:10px;line-height:13px;color:#fff}
.cw-ct .req{font-size:10px;color:#9fb0c3;margin-top:4px}.cw-ct.locked{filter:grayscale(1) brightness(.55)}.cw-ct.notown{opacity:.65}.cw-ct.indeck{outline:3px solid #f3c969}
.r-common{border-color:#9aa5b1!important}.r-rare{border-color:#3c8cff!important}.r-epic{border-color:#b04cff!important}.r-legendary{border-color:#ff9c1a!important;box-shadow:0 0 10px rgba(255,156,26,.35)}.r-champion{border-color:#ff3b5c!important;box-shadow:0 0 12px rgba(255,59,92,.5)}
span.r-common,span.r-rare,span.r-epic,span.r-legendary,span.r-champion{border:0!important;box-shadow:none!important}.r-common{--rc:#9aa5b1}span.r-rare{color:#6aa8ff}span.r-epic{color:#cf86ff}span.r-legendary{color:#ffb54a}span.r-champion{color:#ff6b85}
.cw-strip{display:flex;gap:8px;flex-wrap:wrap}.cw-mini{position:relative;width:62px;height:70px;background:linear-gradient(180deg,#26384d,#17212e);border:2px solid #5d6f82;border-radius:8px;display:flex;align-items:center;justify-content:center}
.cw-mini .art{height:42px}.cw-mini .art.spell{width:38px;height:38px;font-size:20px}.cw-mini .cost,.cwb-c .cost{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e49bff,#9b2fd0);color:#fff;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.cw-info{text-align:center;border:2px solid;border-radius:12px;padding:14px}.cw-info .big .art{height:110px;width:auto}.cw-info .big .art.spell{width:100px;height:100px;font-size:56px;margin:0 auto}.cw-info ul{text-align:left;list-style:none;padding:0;margin:8px auto;max-width:320px}
.cw-chests{display:flex;gap:12px;flex-wrap:wrap}.cw-chest{width:140px;text-align:center;background:#1c2836;border:2px solid #5d6f82;border-radius:12px;padding:12px}.cw-chest .ic{font-size:46px}.cw-chest.t-rare{border-color:#3c8cff}.cw-chest.t-legendary{border-color:#ff9c1a}.cw-chest.t-champion{border-color:#ff3b5c}
.cw-cfg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.cw-cf{background:#1c2836;border:1px solid #32465c;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px}
.cw-won .cw-ct{animation:cwpop .5s both}@keyframes cwpop{from{transform:scale(.2) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
/* modal / toast */
.cw-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:99998;display:flex;align-items:center;justify-content:center;padding:14px;color:#e8e2d0}
.cw-mb{position:relative;background:#17212e;border:1px solid #46607c;border-radius:14px;padding:20px;max-width:640px;width:100%;max-height:92vh;overflow:auto;box-sizing:border-box}.cw-mb.center{text-align:center;max-width:440px}.cw-mb.wide{max-width:860px}
.cw-mb *{box-sizing:border-box}.cw-x{position:absolute;top:8px;right:10px;background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.cw-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#243a2a;border:1px solid #4aa65a;color:#fff;padding:10px 18px;border-radius:10px;z-index:999999;transition:opacity .4s}.cw-toast.bad{background:#3a2424;border-color:#c25454}.cw-toast.out{opacity:0}
.cw-spin{width:46px;height:46px;border:5px solid #32465c;border-top-color:#f3c969;border-radius:50%;margin:14px auto;animation:cwspin 1s linear infinite}@keyframes cwspin{to{transform:rotate(360deg)}}
.cw-in{background:#0f151c;color:#e8e2d0;border:1px solid #32465c;border-radius:6px;padding:6px 8px;font-size:13px;max-width:100%}.cw-in.sm{width:64px}.cw-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cw-row .cw-in{flex:1;min-width:140px}
.cw-tb{width:100%;border-collapse:collapse}.cw-tb td,.cw-tb th{padding:5px 8px;border-bottom:1px solid #263649;text-align:left}.cw-tb tr.me{background:#243a52}.cw-tb .cwav{vertical-align:middle}
/* social */
.cw-chat{display:flex;gap:10px;height:62vh;min-height:380px}.cw-chs{width:170px;display:flex;flex-direction:column;gap:4px;overflow:auto}.cw-chs button{background:#1c2836;color:#cfd9e4;border:1px solid #32465c;border-radius:8px;padding:7px;text-align:left;cursor:pointer}.cw-chs button.on{background:#2f4a68;border-color:#f3c969}
.cw-cm{flex:1;display:flex;flex-direction:column;min-width:0;background:#111922;border:1px solid #32465c;border-radius:10px}.cw-msgs{flex:1;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.cw-m{display:flex;gap:8px;align-items:flex-start;max-width:88%}.cw-m.mine{align-self:flex-end;flex-direction:row-reverse}.cw-m .av .cw-frame{width:42px;height:42px}.cw-m .bd{background:#1f2e40;border-radius:10px;padding:6px 10px;min-width:0;word-break:break-word}.cw-m.mine .bd{background:#2c4a36}.cw-m .hd small{opacity:.55;margin-left:4px}
.cw-media{max-width:260px;max-height:240px;border-radius:8px;display:block;margin-top:4px;cursor:pointer}.cw-sys{opacity:.75}.cw-m audio{max-width:240px;height:36px;margin-top:4px}
.cw-comp{display:flex;gap:6px;padding:8px;border-top:1px solid #32465c;position:relative;align-items:center}.cw-comp input#ci{flex:1;min-width:0;background:#0f151c;color:#e8e2d0;border:1px solid #32465c;border-radius:8px;padding:8px}
.cw-comp>button:not(.cw-btn){background:#223244;border:1px solid #32465c;border-radius:8px;color:#fff;padding:6px 9px;cursor:pointer;font-size:16px}.cw-comp #mic.rec{background:#b32222;animation:cwrec 1s infinite}@keyframes cwrec{50%{opacity:.5}}
.cw-emp{position:absolute;bottom:56px;left:6px;width:min(340px,92%);background:#17212e;border:1px solid #46607c;border-radius:10px;z-index:20;padding:6px}.cw-emp .tabs{display:flex;gap:2px;border-bottom:1px solid #32465c;padding-bottom:4px}.cw-emp button{background:none;border:0;cursor:pointer;font-size:20px;padding:3px 5px;border-radius:6px}.cw-emp button.on,.cw-emp button:hover{background:#2f4a68}.cw-emp .grid{display:grid;grid-template-columns:repeat(8,1fr);max-height:200px;overflow:auto;margin-top:4px}
.cw-fr{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #263649}.cw-fr .av .cw-frame{width:46px;height:46px}.cw-fr .nm{flex:1;min-width:0;display:flex;flex-direction:column}.cw-fr .nm small{opacity:.65}.cw-fr .ac{display:flex;gap:4px;flex-wrap:wrap}
.st{width:10px;height:10px;border-radius:50%;background:#555}.st.on{background:#3ddc6a}.st.site{background:#f3c969}
.cw-trade{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
/* ===== Batalha ===== */
.cw-layer{position:fixed;inset:0;z-index:99990;background:#0b1118;display:flex;justify-content:center}.cw-layer-in{width:100%;max-width:520px;height:100%;position:relative}.cw-noscroll{overflow:hidden}
.cwb{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;font-family:inherit}
.cwb-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;background:#111a24;border-bottom:1px solid #32465c;height:64px}
.cwb-p{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.cwb-p.me{flex-direction:row-reverse;text-align:right}.cwb-pn{display:flex;flex-direction:column;font-size:12px;min-width:0}.cwb-pn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.cwb-pn small{opacity:.7}
.cwb-cr{font-weight:bold;font-size:15px;color:#ffd35a;font-family:"Noto Color Emoji",sans-serif}.cwb-time{font-weight:bold;font-size:18px;text-align:center;min-width:80px}
.cwb-field{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#2a3a2a}.cwb-cv{position:absolute;left:0;top:0}.cwb-units{position:absolute;pointer-events:none}
.cwb-u{position:absolute;transform:translate(-50%,-62%);display:flex;flex-direction:column;align-items:center;will-change:left,top}.cwb-u img{image-rendering:pixelated;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45));-webkit-user-drag:none}
.cwb-u .hp{width:calc(var(--sz,30px)*.9);min-width:22px;height:5px;background:rgba(0,0,0,.65);border-radius:3px;overflow:hidden;margin-bottom:1px;display:none}.cwb-u .hp i{display:block;height:100%}.cwb-u.mine .hp i{background:#4aa3ff}.cwb-u.foe .hp i{background:#ff5c5c}
.cwb-u.fly img{transform-origin:center;filter:drop-shadow(0 12px 3px rgba(0,0,0,.35))}.cwb-u.hasted img{filter:drop-shadow(0 0 6px #7fd6ff)}.cwb-u.slowed img{filter:hue-rotate(160deg) brightness(1.1)}.cwb-u.shielded:after{content:"";position:absolute;inset:14% -4% -4%;border:2px solid #8aa4ff;border-radius:50%;box-shadow:0 0 8px #8aa4ff}
.cwb-ghost{position:absolute;transform:translate(-50%,-50%);border:2px dashed #fff;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}.cwb-ghost.bad{border-color:#ff5c5c;background:rgba(255,60,60,.15)}.cwb-ghost.sp{background:rgba(255,140,60,.2)}
.cwb-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:bold;text-shadow:0 4px 12px #000;pointer-events:none;font-family:"Noto Color Emoji",sans-serif}.cwb-count.small{font-size:20px;font-family:inherit;align-items:flex-start;padding-top:40%}
.cwb-hud{display:flex;gap:6px;align-items:center;padding:6px 8px 8px;background:#111a24;border-top:1px solid #32465c;flex-wrap:wrap}.cwb-elx{flex-basis:100%}
.cwb-elbar{position:relative;height:18px;background:#2a1a3a;border:1px solid #9b2fd0;border-radius:10px;overflow:hidden}.cwb-elbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#b44cf0,#f08cff);transition:width .1s linear}.cwb-elbar b{position:absolute;left:8px;top:-1px;font-size:13px}
.cwb-hand{display:flex;gap:6px;flex:1}.cwb-c{position:relative;flex:1;max-width:88px;aspect-ratio:3/4;background:linear-gradient(180deg,#2f4560,#17212e);border:2px solid #7d8ea0;border-radius:10px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#fff}
.cwb-c .art{max-height:70%;max-width:90%;image-rendering:pixelated}.cwb-c .art.spell{width:70%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-family:"Noto Color Emoji",sans-serif}
.cwb-c.sel{transform:translateY(-8px);box-shadow:0 0 12px #f3c969;border-color:#f3c969!important}.cwb-c.off{filter:grayscale(.8) brightness(.6)}
.cwb-next{text-align:center;font-size:10px;width:46px}.cwb-nc{width:42px;height:46px;background:#17212e;border:1px solid #46607c;border-radius:8px;display:flex;align-items:center;justify-content:center}.cwb-nc .art{max-height:34px;max-width:36px}.cwb-nc .art.spell{width:30px;height:30px;font-size:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Noto Color Emoji",sans-serif}
.cwb-quit{background:#3a2424;border:1px solid #7a3a3a;border-radius:8px;color:#fff;padding:6px 8px;cursor:pointer;font-family:"Noto Color Emoji",sans-serif}
.cwb-over{position:absolute;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;z-index:30}.cwb-ob{background:#17212e;border:2px solid #f3c969;border-radius:16px;padding:24px 28px;text-align:center;min-width:260px}.cwb-ob h2{margin:0 0 10px;font-size:34px}
.cwb-over.win h2{color:#7be08f}.cwb-over.lose h2{color:#ff7b7b}.cwb-over.draw h2{color:#ffe29a}.cwb-ob ul{list-style:none;padding:0;margin:0 0 14px;text-align:left}.cwb-ob li{margin:4px 0;font-family:inherit}
.cw-login{padding:20px;text-align:center}.cw-av-create{margin:6px 0}
@media (max-width:640px){.cw-chat{flex-direction:column;height:auto}.cw-chs{width:100%;flex-direction:row;overflow:auto}.cw-chs button{white-space:nowrap}.cw-msgs{height:46vh}.cw-deck{grid-template-columns:repeat(4,1fr)}.cw-btn.big{min-width:150px;padding:12px 16px;font-size:16px}}
#cw-app [hidden],.cwb [hidden],.cw-layer [hidden],.cw-badge[hidden]{display:none!important}

/* caminhada / magias */
.cwb-u .spr{display:flex;justify-content:center;align-items:flex-end}
.cwb-u .sheet{background-repeat:no-repeat;image-rendering:pixelated}
.cwb-u.m-gif.back img{filter:brightness(.78) contrast(1.1)}
@keyframes cwstep{0%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(0)}100%{transform:translateY(0) rotate(4deg)}}
.cwb-u.hasted .sheet{filter:drop-shadow(0 0 6px #7fd6ff)}.cwb-u.slowed .sheet{filter:hue-rotate(160deg)}
.cw-sps{text-align:left;margin:8px auto;max-width:340px}.cw-sps>div{padding:3px 8px;margin:4px 0;background:#0f151c;border-radius:6px}

/* ===== Movimento dos monstros no campo (keyframes por função) ===== */
.cwb-u .spr{transform-origin:50% 100%}
.cwb-u .flip{display:flex;justify-content:center;align-items:flex-end;transform-origin:50% 100%}
.cwb-u .flip>img,.cwb-u .flip>.sheet{animation:cwidle 2.4s ease-in-out infinite;transform-origin:50% 100%}
.cwb-u.fly .flip>img,.cwb-u.fly .flip>.sheet{animation:cwhover 1.1s ease-in-out infinite}
.cwb-u.walking .spr{animation:cwstep calc(.4s / var(--spd,1)) ease-in-out infinite}
.cwb-u.role-tank.walking .spr,.cwb-u.role-siege.walking .spr{animation:cwstomp calc(.7s / var(--spd,1)) ease-in-out infinite}
.cwb-u.role-swarm.walking .spr,.cwb-u.role-fast.walking .spr{animation:cwscurry calc(.26s / var(--spd,1)) linear infinite}
.cwb-u.role-flyer.walking .spr,.cwb-u.role-dragon.walking .spr{animation:cwglide calc(.9s / var(--spd,1)) ease-in-out infinite}
.cwb-u.role-archer.walking .spr,.cwb-u.role-mage.walking .spr{animation:cwsway calc(.5s / var(--spd,1)) ease-in-out infinite}
.cwb-u.lunge .spr{animation:cwlunge .26s ease-out}
.cwb-u.hit .flip{animation:cwhit .2s linear}
@keyframes cwidle{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.035)}}
@keyframes cwhover{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes cwstep{0%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(0)}100%{transform:translateY(0) rotate(4deg)}}
@keyframes cwstomp{0%,100%{transform:translateY(0) scale(1.03,.95) rotate(-2deg)}50%{transform:translateY(-4px) scale(.97,1.04) rotate(2deg)}}
@keyframes cwscurry{0%,100%{transform:translateY(0) rotate(-6deg)}25%{transform:translateY(-3px) rotate(0)}50%{transform:translateY(0) rotate(6deg)}75%{transform:translateY(-3px) rotate(0)}}
@keyframes cwglide{0%,100%{transform:translateY(-1px) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes cwsway{0%,100%{transform:translateX(-1.5px) rotate(-2deg)}50%{transform:translateX(1.5px) rotate(2deg)}}
@keyframes cwlunge{0%{transform:translate(0,0)}45%{transform:translate(var(--lx,0),var(--ly,-6px)) scale(1.08)}100%{transform:translate(0,0)}}
@keyframes cwhit{0%,100%{filter:none}40%{filter:brightness(2.4) saturate(.2) drop-shadow(0 0 4px #fff)}}
.cwb-p{position:relative}
.cwb-av .cw-frame{width:52px;height:52px}

/* menu da carta */
.cw-menu{text-align:center;border:2px solid;border-radius:14px;padding:16px}.cw-menu .big .art{height:100px;width:auto;image-rendering:pixelated}.cw-menu .big .art.spell{width:92px;height:92px;font-size:52px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Noto Color Emoji",sans-serif}
.cw-menu h3{margin:6px 0 2px;color:#f3c969;font-size:20px}.cw-menu p{margin:0 0 8px}
.cw-prog{position:relative;height:16px;background:#0b1118;border-radius:8px;overflow:hidden;margin:8px 0 12px}.cw-prog i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#3aa65a,#7be08f)}.cw-prog span{position:relative;font-size:11px;line-height:16px;color:#fff}
.cw-menu-btns{display:grid;gap:10px;grid-template-columns:1fr}.cw-menu-btns .cw-btn.big{min-width:0;padding:14px 16px;font-size:17px;border-radius:12px;flex-direction:column}
.cw-menu .cw-link{background:none;border:0;color:#7fd6ff;cursor:pointer;margin-top:10px;font-size:13px}.cw-menu .cw-link:hover{text-decoration:underline}
.cw-swap{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.cw-swap .cw-mini{cursor:pointer;padding:0}.cw-swap .cw-mini:hover{outline:3px solid #f3c969}
@media (min-width:560px){.cw-menu-btns{grid-template-columns:1fr 1fr}}

/* ===== Identidade unificada com a tela de login (vidro fosco + dourado) ===== */
#cw-app{--cw-glass:linear-gradient(150deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.035) 55%,rgba(180,160,255,.06) 100%)}
#cw-app .cw-head,#cw-app .cw-card-box{background:var(--cw-glass);border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 1.4rem 3.4rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
#cw-app .cw-card-box h3,#cw-app .cw-arena h2{font-family:"Cinzel","Trajan Pro",ui-serif,Georgia,serif;letter-spacing:.04em}
#cw-app .cw-tabs button,#cw-app .cw-sub button,#cw-app .cw-filter button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:99rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.25s}
#cw-app .cw-tabs button:hover,#cw-app .cw-sub button:hover,#cw-app .cw-filter button:hover{background:rgba(255,255,255,.12)}
#cw-app .cw-tabs button.on,#cw-app .cw-sub button.on,#cw-app .cw-filter button.on{background:linear-gradient(135deg,#ffe58f,#ff9d2e);border-color:transparent;color:#1b1203;box-shadow:0 .4rem 1.3rem rgba(255,160,40,.35)}
#cw-app .cw-btn{border-radius:14px}
#cw-app .cw-btn.gold,.cw-mb .cw-btn.gold{background:linear-gradient(135deg,#ffe58f 0%,#ffd36a 40%,#ff9d2e 100%);box-shadow:0 .5rem 1.5rem rgba(255,160,40,.32),inset 0 1px 0 rgba(255,255,255,.7)}
#cw-app .cw-stats>div{background:rgba(4,6,20,.5);border:1px solid rgba(255,255,255,.14);border-radius:14px}
#cw-app .cw-ct,#cw-app .cw-chest,#cw-app .cw-cf{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-radius:14px}
#cw-app .cw-cm{background:rgba(4,6,20,.45);border-color:rgba(255,255,255,.12);border-radius:18px}
#cw-app .cw-m .bd{background:rgba(255,255,255,.08)}#cw-app .cw-m.mine .bd{background:rgba(255,211,106,.14)}
.cw-modal{background:rgba(2,3,10,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cw-mb{background:linear-gradient(150deg,rgba(40,46,98,.92),rgba(12,14,36,.96));border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 2rem 5rem rgba(0,0,0,.65),0 0 3rem rgba(120,90,255,.14)}
.cw-me-av .cw-frame{width:84px;height:84px}

/* ===== Botões neon (gradiente + brilho + sombra interna + feedback ao clicar) ===== */
.cw-btn,#cw-app .cw-btn{position:relative;overflow:hidden;color:#eaf6ff;font-weight:700;letter-spacing:.02em;border:1px solid rgba(110,200,255,.6);border-radius:14px;
	background:linear-gradient(180deg,rgba(70,100,180,.92) 0%,rgba(24,34,82,.96) 100%);
	box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 16px rgba(79,227,255,.32),0 .5rem 1.2rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -10px 16px rgba(0,0,0,.35);
	text-shadow:0 0 8px rgba(79,227,255,.65);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .25s,filter .25s,border-color .25s;-webkit-tap-highlight-color:transparent;user-select:none}
.cw-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-120%);transition:transform .75s cubic-bezier(.22,1,.36,1);pointer-events:none}
.cw-btn:hover:not([disabled]){transform:translateY(-2px);border-color:rgba(160,230,255,.95);box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 26px rgba(79,227,255,.6),0 .8rem 1.6rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -10px 16px rgba(0,0,0,.3)}
.cw-btn:hover:not([disabled])::after{transform:translateX(120%)}
.cw-btn:active:not([disabled]){transform:translateY(1px) scale(.97);filter:brightness(.92);box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 10px rgba(79,227,255,.4),inset 0 4px 12px rgba(0,0,0,.6)}
.cw-btn:focus-visible{outline:2px solid #7fd6ff;outline-offset:2px}
.cw-btn.gold,#cw-app .cw-btn.gold,.cw-mb .cw-btn.gold{color:#241606;text-shadow:0 1px 0 rgba(255,255,255,.5);border-color:rgba(255,235,160,.9);
	background:linear-gradient(180deg,#fff0a8 0%,#ffd36a 45%,#ff9d2e 100%);
	box-shadow:0 0 0 1px rgba(120,60,0,.5),0 0 20px rgba(255,180,60,.55),0 .5rem 1.2rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -10px 16px rgba(180,80,0,.35)}
.cw-btn.gold:hover:not([disabled]){box-shadow:0 0 0 1px rgba(120,60,0,.5),0 0 34px rgba(255,190,70,.85),0 .9rem 1.8rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -10px 16px rgba(180,80,0,.3)}
.cw-btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:inset 0 2px 8px rgba(0,0,0,.5);text-shadow:none}
.cw-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);transform:scale(0);animation:cwrip .6s ease-out forwards;pointer-events:none;z-index:2}
@keyframes cwrip{to{transform:scale(1);opacity:0}}
#cw-app .cw-tabs button,#cw-app .cw-sub button,#cw-app .cw-filter button{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -6px 10px rgba(0,0,0,.28),0 0 10px rgba(79,227,255,.12);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .25s}
#cw-app .cw-tabs button:hover,#cw-app .cw-sub button:hover,#cw-app .cw-filter button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 18px rgba(79,227,255,.35)}
#cw-app .cw-tabs button:active,#cw-app .cw-sub button:active,#cw-app .cw-filter button:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 3px 10px rgba(0,0,0,.55)}
#cw-app .cw-tabs button.on,#cw-app .cw-sub button.on,#cw-app .cw-filter button.on{box-shadow:0 0 0 1px rgba(120,60,0,.45),0 0 22px rgba(255,180,60,.5),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -8px 12px rgba(180,80,0,.3)}
/* runas */
.cw-runes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:8px}
.cw-rune{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:10px 8px;border-radius:14px;color:#e8eeff;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 -8px 12px rgba(0,0,0,.25);transition:.25s}
.cw-rune .ic{font-size:30px;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}.cw-rune small{opacity:.75;font-size:11px}
.cw-rune:hover{transform:translateY(-2px);border-color:rgba(160,230,255,.7);box-shadow:0 0 18px rgba(79,227,255,.35)}
.cw-rune.on{border-color:#ffd36a;background:linear-gradient(160deg,rgba(255,211,106,.25),rgba(255,157,46,.08));box-shadow:0 0 0 1px rgba(255,211,106,.5),0 0 22px rgba(255,180,60,.5),inset 0 1px 0 rgba(255,255,255,.3)}

/* ===== Arena: camadas, HUD e eventos ===== */
.cwb-cv2{position:absolute;left:0;top:0;pointer-events:none;z-index:5}.cwb-units{z-index:3}
.cwb-mid{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:90px}.cwb-wx{font-size:11px;opacity:.85;white-space:nowrap;font-family:"Noto Color Emoji",system-ui,sans-serif}
.cwb-banners{position:absolute;left:0;right:0;top:8px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.cwb-bn{max-width:92%;padding:7px 14px;border-radius:12px;text-align:center;font-size:13px;line-height:1.25;color:#fff;background:rgba(8,12,34,.82);border:1px solid rgba(255,255,255,.22);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cwbn .4s cubic-bezier(.22,1,.36,1)}
.cwb-bn small{display:block;opacity:.8;font-size:11px}.cwb-bn.out{opacity:0;transform:translateY(-8px);transition:.4s}
.cwb-bn.bad{border-color:#ff6b81;box-shadow:0 0 18px rgba(255,80,110,.45)}.cwb-bn.good{border-color:#5bf0a0;box-shadow:0 0 18px rgba(60,220,140,.45)}.cwb-bn.drop{border-color:#ffd36a;box-shadow:0 0 18px rgba(255,200,80,.5)}.cwb-bn.wx{border-color:#7fd6ff}
@keyframes cwbn{from{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:none}}
.cwb-hud{position:relative}.cwb-runes{position:absolute;left:10px;top:-24px;display:flex;gap:4px;font-size:15px;font-family:"Noto Color Emoji",sans-serif;background:rgba(8,12,34,.6);border-radius:10px;padding:1px 6px}
.cwb-buffs{position:absolute;right:10px;top:-24px;display:flex;gap:6px;font-size:12px;font-family:"Noto Color Emoji",system-ui,sans-serif}.cwb-buffs span{background:rgba(255,211,106,.22);border:1px solid rgba(255,211,106,.6);border-radius:10px;padding:1px 7px;color:#fff1b0;animation:cwpulse 1s infinite}
@keyframes cwpulse{50%{box-shadow:0 0 10px rgba(255,211,106,.7)}}
.cwb-ult{position:relative;width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;color:#fff;font-size:20px;padding:0;overflow:visible;
	background:conic-gradient(#ffd36a calc(var(--p,0)*1%),rgba(255,255,255,.1) 0);box-shadow:0 0 0 2px rgba(0,0,0,.5),inset 0 0 12px rgba(0,0,0,.5)}
.cwb-ult i{position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a3a66,#0b1020)}.cwb-ult b{position:relative;font-family:"Noto Color Emoji",sans-serif;filter:grayscale(1) brightness(.7)}
.cwb-ult.ready{border-color:#fff2b0;animation:cwult 1s ease-in-out infinite}.cwb-ult.ready b{filter:none}
@keyframes cwult{0%,100%{box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 12px rgba(255,211,106,.7),0 0 26px rgba(255,160,40,.5)}50%{box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 22px rgba(255,235,150,1),0 0 44px rgba(255,160,40,.8)}}
.cwb-quit{border:1px solid rgba(255,107,129,.6);background:linear-gradient(180deg,#5a2430,#2a0f18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 10px rgba(255,80,110,.3)}
.cwb-rbar{display:flex;gap:6px;align-items:center;justify-content:center;padding:8px;background:rgba(8,12,34,.9);border-top:1px solid rgba(255,255,255,.14)}
.cwb-rbar button{min-width:44px;padding:8px 12px;border-radius:12px;color:#eaf6ff;font-weight:700;cursor:pointer;border:1px solid rgba(110,200,255,.55);background:linear-gradient(180deg,rgba(70,100,180,.9),rgba(24,34,82,.95));box-shadow:0 0 12px rgba(79,227,255,.25),inset 0 1px 0 rgba(255,255,255,.35)}
.cwb-rbar button.on{border-color:#ffd36a;color:#241606;background:linear-gradient(180deg,#fff0a8,#ff9d2e)}.cwb-rbar button.x{margin-left:auto;border-color:rgba(255,107,129,.6)}.cwb-rt{min-width:46px;text-align:center;font-variant-numeric:tabular-nums}
.cwb-field.fury-on{box-shadow:inset 0 0 50px rgba(110,255,60,.28)}
.cwb-field.boss-on::after{animation:cwboss 1.2s ease-in-out infinite}
@keyframes cwboss{50%{box-shadow:inset 0 0 70px rgba(255,40,40,.5)}}
/* unidades neutras e boss */
.cwb-u.neutral .hp i{background:#ffd36a}.cwb-u.neutral::after{content:"";position:absolute;left:50%;bottom:-6%;width:calc(var(--sz,32px)*1.2);height:calc(var(--sz,32px)*.5);transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(190,120,255,.55),transparent 70%);animation:cwpulse 1.2s infinite;pointer-events:none}
.cwb-u.boss .hp{width:calc(var(--sz,64px)*.9);height:8px}.cwb-u.boss .hp i{background:linear-gradient(90deg,#ff3a3a,#ff9a2a)}
.cwb-u.boss::after{content:"";position:absolute;left:50%;bottom:-4%;width:calc(var(--sz,64px)*1.3);height:calc(var(--sz,64px)*.5);transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,60,40,.7),transparent 70%);animation:cwpulse .8s infinite;pointer-events:none}
.cwb-u.rigged .spr,.cwb-u.rigged .flip,.cwb-u.rigged .flip>canvas{animation:none!important}
.cwb-u .rig{display:block;image-rendering:pixelated}
.cwb-cvt{position:absolute;left:0;top:0;pointer-events:none;z-index:1}