/* IELTS Arena word games: Word Blast and Word Beasts (word-games.js). Arena colours come from games.css. */
.gm-theme-wordblast{--accent:#ff5fa8;--accent2:#7b5cff}.gm-theme-beasts{--accent:#ff7a3d;--accent2:#7c3aed}
.gm-poster.gm-wordblast{--c:#ff5fa8}.gm-poster.gm-beasts{--c:#ff7a3d}

/* ── The letter board ── */
.wg-board-wrap{--gap:6px;position:relative;width:min(100%,520px);margin:0 auto;user-select:none;-webkit-user-select:none}
.wg-board{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap);padding:10px;border-radius:24px;touch-action:none;
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:2px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);
  box-shadow:0 24px 60px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.wg-board-wrap.locked .wg-board{filter:saturate(.75) brightness(.92)}
.wg-board.hot{box-shadow:0 0 0 3px var(--gold),0 0 40px rgba(255,200,61,.5)}
.wg-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:14px;cursor:pointer;
  background:linear-gradient(180deg,#fff9fd 0%,#ffd6ec 55%,#ffb8dc 100%);color:#4a1640;
  box-shadow:inset 0 -5px 0 rgba(150,40,110,.28),inset 0 2px 0 #fff,0 4px 10px -2px rgba(0,0,0,.35);transition:transform .32s cubic-bezier(.3,1.4,.5,1),filter .15s}
.wg-tile b{font-family:var(--display);font-weight:800;font-size:clamp(20px,4.4vw,32px);line-height:1}
.wg-tile small{position:absolute;right:6px;bottom:3px;font-size:10px;font-weight:800;opacity:.55}
.wg-tile.on{transform:scale(1.1);filter:brightness(1.08);background:linear-gradient(180deg,#fffbe6,#ffe27a 60%,#ffc83d);color:#3b2700;z-index:2;
  box-shadow:inset 0 -5px 0 rgba(160,100,0,.35),0 0 0 3px #fff,0 0 22px rgba(255,200,61,.9)}
.wg-trail{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;z-index:3;top:auto;bottom:10px}
.wg-trail polyline{fill:none;stroke:rgba(255,255,255,.85);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,200,61,.9))}
/* power and gold tiles */
.wg-tile.k-gold{background:linear-gradient(135deg,#fff3b0,#ffcf3a 45%,#f0a500 70%,#ffe68a);color:#4a2c00;animation:wg-shimmer 2.4s linear infinite;background-size:200% 200%}
.wg-tile.k-line{background:repeating-linear-gradient(0deg,#9be7ff 0 5px,#5ac8fa 5px 10px);color:#04324a;box-shadow:inset 0 -5px 0 rgba(0,60,100,.3),0 0 16px rgba(90,200,250,.9)}
.wg-tile.k-bomb{background:radial-gradient(circle at 35% 30%,#ff9a8b,#ff3d5a 60%,#9b0f33);color:#fff;box-shadow:inset 0 -5px 0 rgba(80,0,20,.4),0 0 18px rgba(255,61,90,.9);animation:wg-throb 1s ease-in-out infinite}
.wg-tile.k-nova{background:conic-gradient(from 0deg,#ff5f6d,#ffc371,#47e5bc,#5ac8fa,#b06bff,#ff5f6d);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);
  box-shadow:0 0 22px rgba(255,255,255,.9),inset 0 -5px 0 rgba(0,0,0,.2);animation:wg-throb 1.3s ease-in-out infinite}
@keyframes wg-shimmer{to{background-position:200% 200%}}
@keyframes wg-throb{50%{transform:scale(1.06)}}
.wg-tile.pop{animation:wg-pop .3s ease-in forwards}
@keyframes wg-pop{40%{transform:scale(1.25);filter:brightness(1.6)}to{transform:scale(0);opacity:0}}
.wg-tile.born{animation:wg-born .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes wg-born{0%{transform:scale(.2) rotate(-30deg)}60%{transform:scale(1.25) rotate(8deg)}}
.wg-tile.glow{box-shadow:0 0 0 3px #fff,0 0 26px #fff}
.wg-spark{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #ffd84d;pointer-events:none;
  animation:wg-spark .55s ease-out forwards;transform:rotate(var(--a)) translateX(0)}
@keyframes wg-spark{to{transform:rotate(var(--a)) translateX(46px) scale(.2);opacity:0}}
/* power blasts across the board */
.wg-power{position:absolute;z-index:4;pointer-events:none}
.wg-power.line,.wg-power.nova{left:0;right:0;top:calc(10px + (100% - 20px) / 7 * var(--r));height:calc((100% - 20px) / 7);
  background:linear-gradient(90deg,transparent,#fff 15%,#9be7ff 50%,#fff 85%,transparent);box-shadow:0 0 30px #5ac8fa;animation:wg-beam-x .6s ease-out forwards}
.wg-power.nova::after{content:'';position:absolute;top:calc(-100% * var(--r) - 10px);bottom:calc(-100% * (6 - var(--r)) - 10px);left:calc((100% - 20px) / 7 * var(--c) + 10px);
  width:calc((100% - 20px) / 7);background:linear-gradient(180deg,transparent,#fff 15%,#ffc371 50%,#fff 85%,transparent);box-shadow:0 0 30px #ffc371}
.wg-power.bomb{left:calc(10px + (100% - 20px) / 7 * (var(--c) + .5));top:calc(10px + (100% - 20px) / 7 * (var(--r) + .5));width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  background:radial-gradient(circle,#fff,#ffe27a 30%,#ff3d5a 60%,transparent 70%);animation:wg-boom .6s ease-out forwards}
@keyframes wg-beam-x{0%{transform:scaleX(0);opacity:1}40%{transform:scaleX(1);opacity:1}to{transform:scaleX(1) scaleY(.2);opacity:0}}
@keyframes wg-boom{0%{transform:scale(1);opacity:1}to{transform:scale(34);opacity:0}}
.wg-bubble{position:absolute;left:50%;top:-18px;z-index:5;transform:translate(-50%,-6px) scale(.8);opacity:0;padding:6px 16px;border-radius:999px;
  background:#fff;color:#2b1b5e;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.06em;white-space:nowrap;transition:.15s;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.wg-bubble.show{opacity:1;transform:translate(-50%,-6px) scale(1)}
.wg-bubble.good{background:var(--good);color:#04331f}.wg-bubble.bad{background:var(--bad);color:#fff;font-size:16px}
.wg-bubble.power{background:linear-gradient(90deg,#ff5f6d,#ffc371,#47e5bc,#5ac8fa,#b06bff);color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.4)}
.wg-bubble.foe{background:#ffb3c1;color:#5c0020}
.wg-type{display:flex;justify-content:center;margin:12px auto 0;width:min(100%,520px)}
.wg-type input{width:100%;min-height:44px;padding:8px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:#fff;text-align:center;font-weight:700;letter-spacing:.08em}
.wg-type input::placeholder{color:var(--muted);letter-spacing:0;font-weight:500}

/* ── Word Blast screens ── */
.wg-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;align-items:start}
.wg-intro-side{display:grid;gap:12px;justify-items:center}.wg-intro-side .gm-intro-host{max-height:220px}
.wg-guide{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}
.wg-guide li{display:flex;align-items:center;gap:10px;font-weight:600}
.wg-tile.mini{width:34px;height:34px;flex:none;border-radius:9px;cursor:default}.wg-tile.mini b{font-size:17px}
.wg-combo-chip{display:inline-grid;place-items:center;min-width:44px;height:30px;padding:0 8px;border-radius:9px;background:var(--gold);color:#3b2700;font-weight:800;font-size:13px}
.wg-hud{max-width:760px;margin:0 auto 12px}
.wg-combo{flex:1;text-align:center;font-family:var(--display);font-weight:800;font-size:24px;color:var(--gold);text-shadow:0 0 16px rgba(255,200,61,.7)}
.wg-combo.pulse span{display:inline-block;animation:wg-born .5s}
.wg-play{display:grid;grid-template-columns:minmax(0,520px) minmax(0,220px);justify-content:center;gap:18px;align-items:start;margin-top:22px}
.wg-feed{list-style:none;margin:0;padding:12px;border-radius:18px;background:var(--glass);border:1px solid var(--line);max-height:430px;overflow:auto;display:grid;gap:6px;align-content:start}
.wg-feed li{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.08);font-weight:700;animation:gm-rise .3s}
.wg-feed li b{color:var(--gold)}.wg-feed li.power{background:rgba(90,200,250,.2)}.wg-feed li.boom{background:linear-gradient(90deg,rgba(255,95,109,.35),rgba(176,107,255,.35))}
.wg-feed:empty::before{content:'…';color:var(--muted)}
.wg-leader{width:100%;padding:14px;border-radius:20px;background:var(--glass);border:1px solid var(--line)}
.wg-leader h3{margin:0 0 8px;font-family:var(--display);font-size:20px}
.wg-leader-tabs{display:flex;gap:6px;margin-bottom:8px}
.wg-leader-tabs button{flex:1;min-height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);font-weight:700;font-size:13px}
.wg-leader-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}
.wg-leader-list,.wg-room-board{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.wg-leader-list li,.wg-room-board li{display:grid;grid-template-columns:32px 30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:rgba(255,255,255,.06)}
.wg-leader-list li.me,.wg-room-board li.me{background:rgba(255,200,61,.2);outline:1px solid var(--gold)}
.wg-leader-list li.empty{display:block;color:var(--muted);text-align:center}
.wg-rank{font-weight:800;text-align:center}.wg-leader-art{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff2}
.wg-leader-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg-leader-name small{margin-left:6px;color:var(--muted);font-size:11px;font-weight:700}
.wg-leader-list b,.wg-room-board b{color:var(--gold);font-family:var(--display);font-size:18px}
.wg-leader-sign{display:block;margin-top:8px;font-weight:700;color:var(--gold);text-align:center}
.wg-result{display:grid;gap:8px;justify-items:center;width:min(100%,420px);margin:6px auto}
.wg-new-best{font-family:var(--display);font-size:24px;color:var(--gold);margin:0}.wg-rank-line{margin:0;font-weight:800}
.wg-room-side{display:grid;gap:10px}.wg-room-side h3{margin:0;font-family:var(--display)}

/* ── Word Beasts ── */
.wg-board-wrap.beasts .wg-tile{color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.35)}
.wg-tile.e-fire{background:linear-gradient(180deg,#ff9d7a,#ff5a3c 60%,#d63417);box-shadow:inset 0 -5px 0 rgba(120,20,0,.35),0 4px 10px -2px rgba(0,0,0,.35)}
.wg-tile.e-water{background:linear-gradient(180deg,#8fd3ff,#3ca7ff 60%,#1a6fd6);box-shadow:inset 0 -5px 0 rgba(0,40,110,.35),0 4px 10px -2px rgba(0,0,0,.35)}
.wg-tile.e-leaf{background:linear-gradient(180deg,#9ff0b0,#3fcf6a 60%,#1f9a45);box-shadow:inset 0 -5px 0 rgba(0,80,30,.35),0 4px 10px -2px rgba(0,0,0,.35)}
.wg-tile.e-bolt{background:linear-gradient(180deg,#fff2a0,#ffd23c 60%,#e0a400);color:#4a3300;text-shadow:none;box-shadow:inset 0 -5px 0 rgba(120,80,0,.35),0 4px 10px -2px rgba(0,0,0,.35)}
.wg-tile.e-mind{background:linear-gradient(180deg,#e2c2ff,#b36bff 60%,#7a32d6);box-shadow:inset 0 -5px 0 rgba(60,0,110,.35),0 4px 10px -2px rgba(0,0,0,.35)}
.wg-board-wrap.beasts .wg-tile.k-gold::after{content:'';position:absolute;inset:3px;border-radius:11px;border:3px solid #ffe27a;box-shadow:0 0 12px #ffcf3a,inset 0 0 8px #ffcf3a}
.wg-board-wrap.beasts .wg-tile.on{background:#fff;color:#2b1b5e;text-shadow:none}
.wg-select .wg-beasts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}
.wg-beast{display:grid;justify-items:center;gap:2px;padding:12px 10px 14px;border-radius:22px;border:2px solid var(--line);background:var(--glass);color:#fff;text-align:center;transition:transform .2s,border-color .2s}
.wg-beast:hover{transform:translateY(-4px)}
.wg-beast.on{border-color:var(--el);box-shadow:0 0 0 2px var(--el),0 18px 40px -16px var(--el);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.2))}
.wg-beast-art{height:120px;width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.wg-beast.on .wg-beast-art{transform:scale(1.08) translateY(-4px)}
.wg-beast strong{font-family:var(--display);font-size:20px;line-height:1.1}.wg-beast small{color:var(--muted);font-weight:700}
.wg-beast-special{font-size:12px;line-height:1.35;color:#fff;opacity:.9;min-height:3.2em}.wg-beast-cost{font-size:11px;font-weight:800;color:var(--el)}
.e-fire{--el:#ff6a45}.e-water{--el:#4cb3ff}.e-leaf{--el:#4fe07a}.e-bolt{--el:#ffd23c}.e-mind{--el:#c084ff}
.wg-h3{font-family:var(--display);font-size:22px;margin:8px 0}
.wg-bots{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:14px;opacity:.55;transition:opacity .2s}.wg-bots.ready{opacity:1}
.wg-arena-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:start;max-width:900px;margin:0 auto 18px}
.wg-side{display:grid;gap:8px;padding:12px;border-radius:20px;background:var(--glass);border:2px solid var(--line);transition:border-color .3s,box-shadow .3s}
.wg-side.active{border-color:var(--gold);box-shadow:0 0 28px -6px rgba(255,200,61,.7)}
.wg-side-head{display:flex;align-items:center;gap:10px}.wg-side.foe .wg-side-head{flex-direction:row-reverse;text-align:right}
.wg-side-art{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.wg-side-art.round{border-radius:50%;border:3px solid var(--gold);object-fit:cover;background:#fff2}
.wg-side-name strong{display:block;font-family:var(--display);font-size:19px;line-height:1.1}.wg-side-name small{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:.08em}
.wg-side .gm-hp{position:relative;display:block;height:16px}
.wg-hp-num{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000;z-index:2}
.wg-side.foe .gm-hp-fill,.wg-side.foe .gm-hp-lag{inset:0 0 0 auto}
.wg-team{display:flex;gap:10px}.wg-side.foe .wg-team{justify-content:flex-end}
.wg-mini{position:relative;display:grid;justify-items:center;width:74px}
.wg-ring{position:absolute;top:0;left:50%;width:64px;height:64px;transform:translateX(-50%);border-radius:50%;
  background:conic-gradient(var(--el) calc(var(--fill) * 360deg),rgba(255,255,255,.12) 0);-webkit-mask:radial-gradient(circle,transparent 26px,#000 27px);mask:radial-gradient(circle,transparent 26px,#000 27px);transition:--fill .4s}
.wg-mini-art{position:relative;width:52px;height:52px;margin-top:6px;object-fit:contain}
.wg-mini small{font-size:11px;font-weight:800;color:var(--el)}
.wg-mini.full .wg-ring{box-shadow:0 0 18px var(--el);animation:wg-throb .8s infinite}
.wg-mini.charge .wg-mini-art{animation:wg-born .5s}
.wg-turn{display:grid;justify-items:center;gap:6px;padding-top:10px}
.wg-pips{display:flex;gap:5px}.wg-pips i{width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.wg-banner{position:relative;z-index:6;height:0;text-align:center;opacity:0;font-family:var(--display);font-weight:800;font-size:30px;transform:translateY(-10px);transition:.25s;pointer-events:none}
.wg-banner.show{opacity:1;transform:translateY(-34px)}.wg-banner.you{color:var(--gold);text-shadow:0 0 18px rgba(255,200,61,.8)}
.wg-banner.extra{color:var(--good);text-shadow:0 0 18px rgba(47,227,154,.8)}.wg-banner.bad{color:#ffb3c1}
.wg-foot{display:flex;gap:10px;align-items:center;justify-content:center;width:min(100%,520px);margin:12px auto 0}.wg-foot .wg-type{margin:0}
.wg-orb{position:absolute;z-index:8;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#fff,var(--el) 45%,transparent 70%);box-shadow:0 0 30px var(--el);animation:wg-fly .46s cubic-bezier(.5,0,.8,.6) forwards}
@keyframes wg-fly{to{transform:translate(var(--dx),var(--dy)) scale(1.6)}}
/* a beast's special: the attack art slides in over a beam of its element */
.wg-special{display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--el) 40%,rgba(10,6,30,.6)),rgba(10,6,30,.86) 70%)}
.wg-beam{position:absolute;left:0;right:0;top:50%;height:120px;margin-top:-60px;background:linear-gradient(90deg,transparent,var(--el) 20%,#fff 50%,var(--el) 80%,transparent);
  filter:blur(6px);box-shadow:0 0 60px var(--el);animation:wg-beam 1.1s ease-out forwards;transform-origin:left}
.wg-special.from-right .wg-beam{transform-origin:right}
.wg-special-art{position:relative;width:min(70%,520px);filter:drop-shadow(0 20px 30px rgba(0,0,0,.6));animation:wg-attack 1.1s ease-out forwards}
.wg-special.from-right .wg-special-art{transform:scaleX(-1);animation-name:wg-attack-r}
.wg-special-name{position:absolute;bottom:14%;left:0;right:0;text-align:center;font-family:var(--display);font-size:clamp(24px,4vw,40px);color:#fff;text-shadow:0 0 20px var(--el),0 3px 6px #000;animation:gm-rise .4s .15s backwards}
@keyframes wg-beam{0%{transform:scaleX(0);opacity:0}30%{transform:scaleX(1);opacity:1}to{transform:scaleX(1) scaleY(.1);opacity:0}}
@keyframes wg-attack{0%{transform:translateX(-60%) scale(.6);opacity:0}18%{transform:translateX(0) scale(1.05);opacity:1}82%{transform:translateX(4%) scale(1);opacity:1}to{transform:translateX(30%) scale(.9);opacity:0}}
@keyframes wg-attack-r{0%{transform:scaleX(-1) translateX(-60%) scale(.6);opacity:0}18%{transform:scaleX(-1) translateX(0) scale(1.05);opacity:1}82%{transform:scaleX(-1) translateX(4%);opacity:1}to{transform:scaleX(-1) translateX(30%) scale(.9);opacity:0}}
.wg-lobby-pick{margin:14px 0}.wg-lobby-pick .wg-beasts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.wg-lobby-pick .wg-beast-art{height:70px}.wg-lobby-pick .wg-beast-special{display:none}

@media (max-width:760px){
  .wg-intro{grid-template-columns:1fr!important}
  .wg-play{grid-template-columns:1fr;gap:12px;margin-top:18px}
  .wg-feed{max-height:none;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:8px}
  .wg-board-wrap{--gap:4px}.wg-board{padding:7px;border-radius:18px}.wg-tile{border-radius:10px}.wg-tile small{display:none}
  .wg-select .wg-beasts,.wg-lobby-pick .wg-beasts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wg-beast-art{height:80px}.wg-beast-special{font-size:11px}
  .wg-bots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .wg-arena-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
  .wg-side{padding:8px;border-radius:14px}.wg-side-art{width:40px;height:40px}.wg-side-name strong{font-size:14px}
  .wg-mini{width:46px}.wg-ring{width:44px;height:44px;-webkit-mask:radial-gradient(circle,transparent 17px,#000 18px);mask:radial-gradient(circle,transparent 17px,#000 18px)}.wg-mini-art{width:36px;height:36px;margin-top:4px}
  .wg-team{gap:4px}.wg-turn .gm-clock{width:48px;height:48px;font-size:20px}
  .wg-banner{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.wg-tile,.wg-tile.k-gold,.wg-tile.k-bomb,.wg-tile.k-nova{animation:none!important;transition:none}}
.gm-poster:nth-child(6),.gm-poster:nth-child(7){grid-column:span 3}
.gm-chip.gm-new{background:linear-gradient(90deg,#ff5f6d,#ffc371);border-color:transparent;color:#3b1200;animation:wg-throb 1.6s ease-in-out infinite}
@media (max-width:900px){.gm-poster:nth-child(6),.gm-poster:nth-child(7){grid-column:span 1}}
/* the feedback button stays out of the way while a word game is being played */
body.gm-theme-wordblast:has(.gm-stage[data-live]) .sf-launch,body.gm-theme-beasts:has(.gm-stage[data-live]) .sf-launch{display:none}
@media (max-width:760px){
  .wg-mini{width:38px}.wg-ring{width:38px;height:38px;-webkit-mask:radial-gradient(circle,transparent 15px,#000 16px);mask:radial-gradient(circle,transparent 15px,#000 16px)}
  .wg-mini-art{width:30px;height:30px;margin-top:4px}.wg-mini small{font-size:10px}.wg-team{gap:2px}
}
.wg-name{display:grid;gap:6px;max-width:320px;margin:4px 0 10px;font-weight:700;font-size:13px;color:var(--muted)}
.wg-name input{min-height:44px;padding:8px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:#fff;font-weight:700;font-size:15px}
.gm-overlay.wg-special{position:fixed;inset:0;z-index:60;border-radius:0}
/* attack art runs off its frame: fade the leading edge so the beam has no hard cut */
.wg-special-art{-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 98%);mask-image:linear-gradient(90deg,#000 72%,transparent 98%)}