/* =====================================================================================
   MORE STYLES (⚙ Style list, html[data-fx]): Fight Night, Synthwave, Casino Royale, Comic Book, Glass, and the
   RPG touches on 16-bit Pixel. Same pages and flows; only the look changes. Every style takes its accents from the
   colour theme (--accent-amber, --accent-magenta), so all themes work. Display fonts load from Google Fonts only when
   the style is picked (app.js applyFx). Motion OFF / reduced motion stop the movement (style.css .no-motion).
   ===================================================================================== */

/* ---------- Fight Night: fighting-game select. Slanted keys, cut-corner cards, heavy italic titles ---------- */
:root[data-fx="fight"] body{background-image:
  radial-gradient(120% 60% at 50% -10%, color-mix(in srgb, var(--accent-amber) 26%, transparent), transparent 60%),
  repeating-linear-gradient(115deg, transparent 0 46px, rgba(255,255,255,.025) 46px 92px);}
:root[data-fx="fight"] :is(.ld-big,.title,.ah-title,.logo-text){font-family:'Anton','Press Start 2P',sans-serif; font-style:italic; font-weight:400; text-transform:uppercase; letter-spacing:2px;
  text-shadow:3px 3px 0 var(--accent-amber), 6px 6px 0 #000;}
:root[data-fx="fight"] .ld-big{font-size:clamp(40px, 9vw, 92px); line-height:.95;}
:root[data-fx="fight"] .ld-big b{color:var(--accent-magenta);}
:root[data-fx="fight"] .title{font-size:clamp(28px, 5vw, 48px);}
:root[data-fx="fight"] .ah-title{font-size:clamp(30px, 6vw, 54px);}
:root[data-fx="fight"] .logo-text{font-size:22px;}
:root[data-fx="fight"] .section-head h2{font-family:'Anton',sans-serif; font-style:italic; font-size:24px; letter-spacing:2px; color:var(--text-primary); text-shadow:2px 2px 0 var(--accent-amber);}
:root[data-fx="fight"] :is(.btn,.ld-cta,.try-btn,.ah-find){clip-path:none; border-radius:0; transform:skewX(-10deg); font-family:'Anton',sans-serif; letter-spacing:2px; text-transform:uppercase;
  box-shadow:5px 5px 0 #000;}
:root[data-fx="fight"] :is(.btn,.ld-cta,.try-btn,.ah-find):hover{transform:skewX(-10deg) translate(-2px,-2px); box-shadow:7px 7px 0 #000, 0 0 22px color-mix(in srgb, var(--accent-amber) 45%, transparent);}
:root[data-fx="fight"] :is(.btn,.ld-cta,.try-btn,.ah-find):active{transform:skewX(-10deg) translate(3px,3px); box-shadow:1px 1px 0 #000;}
:root[data-fx="fight"] :is(.btn.text){transform:none; box-shadow:none;}
:root[data-fx="fight"] .btn:disabled{transform:skewX(-10deg) !important;}
:root[data-fx="fight"] :is(.panel,.ld-stats,.ah-cab,.ah-podium){border:0; border-top:4px solid var(--accent-amber);
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent-amber) 10%, var(--bg-panel)), var(--bg-panel)); box-shadow:8px 8px 0 rgba(0,0,0,.55);}
:root[data-fx="fight"] .panel::before,:root[data-fx="fight"] .panel::after{display:none;}
:root[data-fx="fight"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.ld-host,.ld-step,.ld-tr,.wboss,.gcard,.ah-lm,.stat){
  clip-path:polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  background:linear-gradient(160deg, color-mix(in srgb, var(--bg-panel-alt) 90%, #fff 4%), var(--bg-panel));}
:root[data-fx="fight"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard):hover{background:linear-gradient(160deg, color-mix(in srgb, var(--accent-amber) 35%, var(--bg-panel-alt)), var(--bg-panel));}
:root[data-fx="fight"] .mode-tab{transform:skewX(-10deg); font-family:'Anton',sans-serif; font-size:15px; letter-spacing:2px;}
:root[data-fx="fight"] .mode-tab.on{background:var(--accent-amber); color:var(--on-accent);}
:root[data-fx="fight"] .ah-marquee{border:0; border-left:8px solid var(--accent-amber); border-right:8px solid var(--accent-magenta); clip-path:polygon(0 0,100% 0,98% 100%,2% 100%);}
:root[data-fx="fight"] .ah-coin{transform:skewX(-10deg);}

/* ---------- Synthwave: striped sun over a moving neon grid, chrome titles, glowing outlines ---------- */
html:root[data-fx="synth"]{--bg:#0b0420; --bg-panel:#140a30; --bg-panel-alt:#1d0f40; --border:#3a1d6b; --scan:0; --vig:0;}
:root[data-fx="synth"] body{background-color:#0b0420; background-image:linear-gradient(180deg, #0b0420 0%, #1d0838 50%, #3a0a3a 70%, #0b0420 100%); background-attachment:fixed;}
:root[data-fx="synth"]::before{content:''; position:fixed; left:50%; bottom:30vh; width:min(46vw, 420px); aspect-ratio:1; transform:translateX(-50%); border-radius:50%; z-index:0; pointer-events:none; opacity:.4;
  background:linear-gradient(180deg, var(--accent-magenta), var(--accent-amber));
  -webkit-mask-image:repeating-linear-gradient(180deg, #000 0 16px, transparent 16px 22px); mask-image:repeating-linear-gradient(180deg, #000 0 16px, transparent 16px 22px);}
:root[data-fx="synth"]::after{content:''; position:fixed; left:-40%; right:-40%; bottom:0; height:34vh; z-index:0; pointer-events:none; opacity:.55;
  background-image:repeating-linear-gradient(90deg, var(--accent-amber) 0 2px, transparent 2px 70px), repeating-linear-gradient(0deg, var(--accent-amber) 0 2px, transparent 2px 46px);
  transform:perspective(300px) rotateX(62deg); transform-origin:bottom;
  -webkit-mask-image:linear-gradient(to top, #000 20%, transparent 95%); mask-image:linear-gradient(to top, #000 20%, transparent 95%);
  animation:sy-grid 1.4s linear infinite;}
@keyframes sy-grid{to{background-position:0 0, 0 46px;}}
html.playing[data-fx="synth"]::before,html.playing[data-fx="synth"]::after{display:none;}
:root[data-fx="synth"] :is(.ld-big,.title,.ah-title,.logo-text,.ld-big b){font-family:'Orbitron','Press Start 2P',sans-serif; font-weight:900; font-style:italic; letter-spacing:2px;
  background:linear-gradient(180deg, #fff 0%, #8fe9ff 44%, #2a0f4f 50%, var(--accent-magenta) 53%, #fff 92%); -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow:none; filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent-amber) 70%, transparent));}
:root[data-fx="synth"] .logo-text{font-size:20px;}
:root[data-fx="synth"] .section-head h2{font-family:'Orbitron',sans-serif; font-weight:700; letter-spacing:3px; font-size:15px; color:var(--accent-magenta); text-shadow:0 0 8px var(--accent-magenta);}
:root[data-fx="synth"] :is(.btn,.ld-cta,.try-btn,.ah-find){clip-path:none; border-radius:0; background:rgba(11,4,32,.6); color:#fff; border:2px solid var(--accent-amber);
  font-family:'Orbitron',sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase; text-shadow:0 0 6px var(--accent-amber);
  box-shadow:0 0 14px var(--accent-amber), inset 0 0 14px color-mix(in srgb, var(--accent-amber) 45%, transparent);}
:root[data-fx="synth"] :is(.btn,.ld-cta,.try-btn,.ah-find):hover{background:color-mix(in srgb, var(--accent-amber) 25%, #0b0420); box-shadow:0 0 26px var(--accent-amber), inset 0 0 18px color-mix(in srgb, var(--accent-amber) 60%, transparent); transform:none;}
:root[data-fx="synth"] :is(.btn.secondary,.btn.magenta,.ld-cta.ghost){border-color:var(--accent-magenta); text-shadow:0 0 6px var(--accent-magenta); box-shadow:0 0 12px var(--accent-magenta), inset 0 0 12px color-mix(in srgb, var(--accent-magenta) 40%, transparent);}
:root[data-fx="synth"] .btn.text{border:0; box-shadow:none; background:none;}
:root[data-fx="synth"] :is(.panel,.comp-card,.opp-card,.mode-tile,.mini-card,.stat,.ld-mode,.ld-game,.ld-host,.ld-step,.ld-tr,.wboss,.ld-stats,.ld-hero,.gcard,.ah-cab,.ah-lm,.ah-podium,.ah-marquee){
  position:relative; z-index:1; background:rgba(11,4,32,.72); border:1px solid var(--accent-magenta); border-radius:0;
  box-shadow:0 0 12px color-mix(in srgb, var(--accent-magenta) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--accent-magenta) 12%, transparent);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
:root[data-fx="synth"] .panel::before,:root[data-fx="synth"] .panel::after{display:none;}
:root[data-fx="synth"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard):hover{border-color:var(--accent-amber); box-shadow:0 0 24px var(--accent-amber);}
:root[data-fx="synth"] main,:root[data-fx="synth"] header{position:relative; z-index:1;}
:root[data-fx="synth"] .mode-tab{font-family:'Orbitron',sans-serif; letter-spacing:2px; font-size:10px;}
:root[data-fx="synth"] .mode-tab.on{color:#fff; text-shadow:0 0 8px var(--accent-amber); border-bottom-color:var(--accent-amber);}

/* ---------- Casino Royale: green felt, gold trim, script titles, chip buttons ---------- */
html:root[data-fx="casino"]{--bg:#082a1a; --bg-panel:#0c3522; --bg-panel-alt:#11462d; --border:#2b6a47; --gold:#E3BE5B; --scan:0; --vig:0;}
:root[data-fx="casino"] body{background-color:#082a1a; background-attachment:fixed; background-image:
  radial-gradient(ellipse 80% 60% at 50% 35%, #15724a 0%, #0c4a2e 45%, #062216 100%),
  repeating-radial-gradient(circle at 50% 35%, transparent 0 2px, rgba(0,0,0,.06) 2px 3px);}
:root[data-fx="casino"] :is(.ld-big,.title,.ah-title,.logo-text){font-family:'Playfair Display',Georgia,serif; font-style:italic; font-weight:700; letter-spacing:0; text-transform:none;
  color:var(--gold); text-shadow:0 2px 0 #3d2a00, 0 0 26px color-mix(in srgb, var(--gold) 45%, transparent);}
:root[data-fx="casino"] .ld-big b{color:var(--accent-amber); text-shadow:0 2px 0 #000;}
:root[data-fx="casino"] .ld-big{font-size:clamp(38px, 8vw, 80px);}
:root[data-fx="casino"] .logo-text{font-size:24px;}
:root[data-fx="casino"] .section-head h2{font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:24px; text-transform:none; color:var(--gold);}
:root[data-fx="casino"] :is(.btn,.ld-cta,.try-btn,.ah-find){clip-path:none; border-radius:999px; border:3px dashed rgba(255,255,255,.75); outline:3px solid var(--accent-amber); outline-offset:0;
  background:var(--accent-amber); color:#fff; box-shadow:0 6px 0 rgba(0,0,0,.45), 0 0 0 6px rgba(0,0,0,.15);}
:root[data-fx="casino"] :is(.btn,.ld-cta,.try-btn,.ah-find):hover{transform:translateY(-2px) rotate(-1deg);}
:root[data-fx="casino"] :is(.btn,.ld-cta,.try-btn,.ah-find):active{transform:translateY(3px); box-shadow:0 2px 0 rgba(0,0,0,.45);}
:root[data-fx="casino"] :is(.btn.secondary,.ld-cta.ghost){background:transparent; outline-color:var(--gold); border-color:color-mix(in srgb, var(--gold) 70%, transparent); color:var(--gold);}
:root[data-fx="casino"] .btn.magenta{background:var(--accent-magenta); outline-color:var(--accent-magenta);}
:root[data-fx="casino"] .btn.text{border:0; outline:0; background:none; box-shadow:none; color:var(--gold);}
:root[data-fx="casino"] :is(.panel,.ld-stats,.ld-hero,.ah-cab,.ah-podium,.ah-marquee){border:2px solid color-mix(in srgb, var(--gold) 70%, transparent); border-radius:16px;
  background:rgba(0,0,0,.26); box-shadow:0 0 0 4px rgba(0,0,0,.25), 0 0 0 6px color-mix(in srgb, var(--gold) 30%, transparent), 0 18px 30px rgba(0,0,0,.4);}
:root[data-fx="casino"] .panel::before,:root[data-fx="casino"] .panel::after{display:none;}
:root[data-fx="casino"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.stat,.ld-mode,.ld-game,.ld-host,.ld-step,.ld-tr,.wboss,.gcard,.ah-lm){border:2px solid color-mix(in srgb, var(--gold) 55%, transparent);
  border-radius:14px; background:rgba(0,0,0,.24); transition:transform .2s;}
:root[data-fx="casino"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard):hover{border-color:var(--gold); transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,.4), 0 0 18px color-mix(in srgb, var(--gold) 30%, transparent);}
:root[data-fx="casino"] .mode-tab{font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:16px; text-transform:none;}
:root[data-fx="casino"] .mode-tab.on{color:var(--gold); border-bottom-color:var(--gold);}
:root[data-fx="casino"] .ah-coin{border-radius:50%; border:3px dashed rgba(255,255,255,.6); aspect-ratio:1;}

/* ---------- Comic Book: the light style. Cream paper, halftone, ink outlines, hard shadows, POW titles ---------- */
html:root[data-fx="comic"]{color-scheme:light; --bg:#FFFBE9; --bg-panel:#FFFFFF; --bg-panel-alt:#FFF3C4; --border:#111111; --text-primary:#111111; --text-muted:#4A4A4A;
  --accent-cyan:#111111; --on-accent:#111111; --scan:0; --vig:0;}
:root[data-fx="comic"] body{background-color:#FFFBE9; background-image:
  radial-gradient(color-mix(in srgb, var(--accent-amber) 30%, transparent) 2px, transparent 2.6px);
  background-size:12px 12px; background-attachment:fixed;
  -webkit-mask-image:none;}
:root[data-fx="comic"] body::before{display:none;}
:root[data-fx="comic"] :is(.ld-big,.title,.ah-title){font-family:'Bangers','Press Start 2P',cursive; font-weight:400; letter-spacing:3px; color:#fff;
  -webkit-text-stroke:3px #111; paint-order:stroke fill; text-shadow:5px 5px 0 #111;}
:root[data-fx="comic"] .ld-big{font-size:clamp(44px, 10vw, 100px); line-height:.95;}
:root[data-fx="comic"] .ld-big b{color:var(--accent-amber);}
:root[data-fx="comic"] .title .hl,:root[data-fx="comic"] .ah-title{color:var(--accent-amber);}
:root[data-fx="comic"] .logo-text{font-family:'Bangers',cursive; font-size:30px; letter-spacing:2px; color:var(--accent-amber); -webkit-text-stroke:2px #111; paint-order:stroke fill; text-shadow:3px 3px 0 #111;}
:root[data-fx="comic"] .logo-text b{color:#fff;}
:root[data-fx="comic"] .section-head h2{font-family:'Bangers',cursive; font-size:28px; letter-spacing:2px; color:#111;}
:root[data-fx="comic"] :is(.btn,.ld-cta,.try-btn,.ah-find){clip-path:none; border-radius:4px; border:3px solid #111; background:var(--accent-amber); color:#111;
  font-family:'Bangers',cursive; font-size:22px; letter-spacing:2px; box-shadow:5px 5px 0 #111;}
:root[data-fx="comic"] :is(.btn,.ld-cta,.try-btn,.ah-find):hover{transform:translate(-2px,-2px) rotate(-1deg); box-shadow:7px 7px 0 #111;}
:root[data-fx="comic"] :is(.btn,.ld-cta,.try-btn,.ah-find):active{transform:translate(3px,3px); box-shadow:2px 2px 0 #111;}
:root[data-fx="comic"] :is(.btn.secondary,.ld-cta.ghost){background:#fff;}
:root[data-fx="comic"] .btn.magenta{background:var(--accent-magenta);}
:root[data-fx="comic"] .btn.text{border:0; background:none; box-shadow:none; font-family:inherit; font-size:inherit; color:#111; text-decoration:underline;}
:root[data-fx="comic"] .btn.small{font-size:18px;}
:root[data-fx="comic"] :is(.panel,.comp-card,.opp-card,.mode-tile,.mini-card,.stat,.ld-mode,.ld-game,.ld-host,.ld-step,.ld-tr,.wboss,.ld-stats,.gcard,.ah-cab,.ah-lm,.ah-podium,.ah-ctr){
  border:3px solid #111; border-radius:0; background:#fff; color:#111; box-shadow:6px 6px 0 #111;}
:root[data-fx="comic"] .panel::before,:root[data-fx="comic"] .panel::after{display:none;}
:root[data-fx="comic"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard):hover{transform:rotate(-1.2deg) scale(1.02); box-shadow:8px 8px 0 #111;}
:root[data-fx="comic"] :is(.ld-hero,.ah-marquee){border:4px solid #111; background:var(--bg-panel-alt); box-shadow:8px 8px 0 #111;}
:root[data-fx="comic"] .ld-hero{background:color-mix(in srgb, var(--accent-magenta) 55%, #FFF3C4);}
:root[data-fx="comic"] :is(.status-bar,.wallet-btn,.gear-btn,.mode-tabs){border:3px solid #111; background:#fff; color:#111; box-shadow:3px 3px 0 #111;}
:root[data-fx="comic"] .mode-tab{font-family:'Bangers',cursive; font-size:18px; letter-spacing:1px; color:#111;}
:root[data-fx="comic"] .mode-tab.on{background:var(--accent-magenta); border-bottom-color:#111;}
:root[data-fx="comic"] :is(input,select,textarea){background:#fff; color:#111; border-color:#111;}
:root[data-fx="comic"] .ah-ctr b,:root[data-fx="comic"] .stat .num{color:#111;}
:root[data-fx="comic"] .ah-ticker b,:root[data-fx="comic"] .ld-ticker b{color:var(--accent-amber);}

/* ---------- Glass: the calm modern look. Frosted cards over soft colour blobs, pill tabs, gradient buttons ---------- */
html:root[data-fx="glass"]{--scan:0; --vig:0;}
:root[data-fx="glass"] body{background-attachment:fixed; background-image:
  radial-gradient(40vw 40vw at 12% 18%, color-mix(in srgb, var(--accent-amber) 42%, transparent), transparent 70%),
  radial-gradient(36vw 36vw at 88% 72%, color-mix(in srgb, var(--accent-magenta) 34%, transparent), transparent 70%),
  radial-gradient(30vw 30vw at 60% 10%, color-mix(in srgb, var(--accent-violet) 18%, transparent), transparent 70%);}
:root[data-fx="glass"] body::before{display:none;}
:root[data-fx="glass"] :is(.ld-big,.title,.ah-title,.logo-text){font-family:'Sora',system-ui,sans-serif; font-weight:800; letter-spacing:-1px; text-transform:none; text-shadow:none;
  background:linear-gradient(90deg, var(--text-primary), color-mix(in srgb, var(--accent-magenta) 60%, var(--text-primary))); -webkit-background-clip:text; background-clip:text; color:transparent;}
:root[data-fx="glass"] .ld-big b{background:linear-gradient(90deg, var(--accent-amber), var(--accent-magenta)); -webkit-background-clip:text; background-clip:text; color:transparent;}
:root[data-fx="glass"] .logo-text{font-size:20px;}
:root[data-fx="glass"] .section-head h2{font-family:'Sora',system-ui,sans-serif; font-weight:600; font-size:17px; text-transform:none; letter-spacing:0; color:var(--text-primary);}
:root[data-fx="glass"] :is(.btn,.ld-cta,.try-btn,.ah-find){clip-path:none; border:0; border-radius:14px; font-family:'Sora',system-ui,sans-serif; font-weight:600; letter-spacing:0;
  background:linear-gradient(135deg, var(--accent-amber), color-mix(in srgb, var(--accent-amber) 45%, var(--accent-magenta))); color:#fff;
  box-shadow:0 8px 24px color-mix(in srgb, var(--accent-amber) 38%, transparent);}
:root[data-fx="glass"] :is(.btn,.ld-cta,.try-btn,.ah-find):hover{transform:translateY(-2px); box-shadow:0 12px 30px color-mix(in srgb, var(--accent-amber) 48%, transparent);}
:root[data-fx="glass"] :is(.btn,.ld-cta,.try-btn,.ah-find):active{transform:translateY(1px);}
:root[data-fx="glass"] :is(.btn.secondary,.ld-cta.ghost){background:rgba(255,255,255,.07); color:var(--text-primary); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
:root[data-fx="glass"] .btn.text{background:none; box-shadow:none;}
:root[data-fx="glass"] :is(.panel,.comp-card,.opp-card,.mode-tile,.mini-card,.stat,.ld-mode,.ld-game,.ld-host,.ld-step,.ld-tr,.wboss,.ld-stats,.ld-hero,.gcard,.ah-cab,.ah-lm,.ah-podium,.ah-marquee,.ah-ctr,.status-bar){
  border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(255,255,255,.055); box-shadow:0 10px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);}
:root[data-fx="glass"] .panel::before,:root[data-fx="glass"] .panel::after{display:none;}
:root[data-fx="glass"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard):hover{background:rgba(255,255,255,.1); transform:translateY(-2px);}
:root[data-fx="glass"] .ah-bulbs{display:none;}
:root[data-fx="glass"] :is(.wallet-btn,.gear-btn){border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.07); box-shadow:none;}
:root[data-fx="glass"] .mode-tabs{border:1px solid rgba(255,255,255,.13); border-radius:999px; padding:4px; background:rgba(255,255,255,.05); gap:4px;}
:root[data-fx="glass"] .mode-tab{border:0; border-radius:999px; font-family:'Sora',system-ui,sans-serif; font-size:13px; text-transform:none; letter-spacing:0;}
:root[data-fx="glass"] .mode-tab.on{background:rgba(255,255,255,.14); border-bottom-color:transparent;}

/* ---------- 16-bit Pixel: RPG touches. Double-bordered dialog panels, a blinking ▶ on the current tab and headings ---------- */
:root[data-fx="pix"] :is(.panel,.ld-hero,.ah-marquee,.ah-cab){border:4px double var(--text-primary); border-radius:0;
  background:color-mix(in srgb, var(--accent-amber) 14%, var(--bg-panel)); box-shadow:0 0 0 3px #000, 6px 6px 0 3px #000;}
:root[data-fx="pix"] .mode-tab.on::before,:root[data-fx="pix"] .section-head h2::before{content:'▶ '; color:var(--accent-amber); animation:px-blink 1s steps(2) infinite;}
:root[data-fx="pix"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard):hover{box-shadow:0 0 0 3px var(--text-primary), 0 0 0 6px #000;}
:root[data-fx="pix"] :is(.btn,.ld-cta,.try-btn,.ah-find){clip-path:none; border-radius:0;}
@keyframes px-blink{50%{opacity:0;}}

/* emoji and icons inside gradient-text titles keep their own colour */
:root:is([data-fx="synth"],[data-fx="glass"]) :is(.ah-title,.title,.ld-big) :is(.ah-sw,.ic,img,span:not(.hl)){-webkit-text-fill-color:initial; color:var(--text-primary); background:none; filter:none;}
/* Comic Book: dark ink for small coloured labels on white */
:root[data-fx="comic"] :is(.mode-nm,.ah-sh h3,.ah-cabh,h2.ah-wallh){color:#111; -webkit-text-stroke:0;}
:root[data-fx="comic"] .mode-nm{text-decoration:underline 3px var(--c); text-underline-offset:3px;}
:root[data-fx="comic"] .gcard .size{color:#fff;}

@media (max-width:600px){
  :root[data-fx="fight"] :is(.comp-card,.opp-card,.mode-tile,.mini-card,.ld-mode,.ld-game,.gcard,.ah-lm,.stat){clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);}
  :root[data-fx="synth"]::before{width:70vw;}
}