/* ==========================================================================
   SillyFight v3 design directions: D Pixel Arena, E Doodle Notebook,
   F MEGA Bold, G Fight Night. Activated by <html data-theme="d|e|f|g">
   (body also gets class t-<letter>). Themes A–C are untouched.
   Shared hooks: .bill (fight bill), .vs-splash (pre-fight VS splash, shown
   when the theme sets --splash:1), --hpL/--hpR on #scorebar (health bars).
   ========================================================================== */
@property --hpL{syntax:'<percentage>';inherits:true;initial-value:100%}
@property --hpR{syntax:'<percentage>';inherits:true;initial-value:100%}
.bill{display:none}
.vs-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:stretch;justify-content:space-between;overflow:hidden}
.vsp-side{flex:1 1 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}
.vsp-e{font-size:clamp(72px,20vw,150px);line-height:1;display:inline-block}
.vsp-r .vsp-e{transform:scaleX(-1)}
.vsp-side b{display:block;max-width:92%;word-break:break-word;line-height:1.1}
.vsp-l{animation:vspL .45s cubic-bezier(.2,1.3,.4,1) both}
.vsp-r{animation:vspR .45s cubic-bezier(.2,1.3,.4,1) both}
.vsp-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;animation:vspVS .5s .3s cubic-bezier(.2,1.6,.4,1) both}
@keyframes vspL{from{transform:translateX(-110%)}}
@keyframes vspR{from{transform:translateX(110%)}}
@keyframes vspVS{from{transform:translate(-50%,-50%) scale(4);opacity:0}}
@keyframes blink{50%{opacity:0}}
#scorebar{transition:--hpL .7s steps(7),--hpR .7s steps(7)}

/* =====================================================================
   D · PIXEL ARENA  (retro 8-bit fighting game)
   ===================================================================== */
[data-theme=d]{
  --bg:#070b16;--bg2:#0c1426;--bg3:#101c33;--paper:#0f1729;--ink:#f3eedc;
  --primary:#ff3d3d;--primary-ink:#fff;--alt:#22d3ee;--alt-ink:#04121a;--accent:#ffd23f;--hl:#ffd23f;--soft:#16223d;
  --bw:4px;--sh:0px;--r:0px;--font:"VT323",ui-monospace,monospace;--head:"Press Start 2P",ui-monospace,monospace;
  --pattern:none;--splash:1;--dim:#3a4a6b;--mute:#9fb3c8;
}
[data-theme=d] body{font-size:20px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 4px),radial-gradient(ellipse at 50% 0,#173058 0,transparent 60%),linear-gradient(180deg,#070b16,#101c33);background-attachment:fixed}
[data-theme=d] .bg-deco span{width:3px;height:3px;border-radius:0;opacity:.9;background:transparent;left:0;top:0;right:auto;bottom:auto;animation:blink 2.4s steps(2) infinite;
  box-shadow:8vw 12vh #fff,23vw 40vh #22d3ee,41vw 8vh #fff,62vw 30vh #ffd23f,83vw 15vh #fff,93vw 55vh #22d3ee,5vw 70vh #ffd23f,30vw 88vh #fff,55vw 64vh #fff,76vw 82vh #22d3ee,15vw 52vh #fff,48vw 22vh #22d3ee,70vw 6vh #fff,88vw 92vh #fff}
[data-theme=d] .bg-deco span:nth-child(2){transform:translate(4vw,5vh);animation-delay:-.8s}
[data-theme=d] .bg-deco span:nth-child(3){transform:translate(-3vw,9vh);animation-delay:-1.6s}
[data-theme=d] .top{flex-direction:column;max-width:900px;background:#000;padding:16px 52px 12px;margin:6px auto 22px;box-shadow:0 -4px 0 #ffd23f,0 4px 0 #ffd23f,-4px 0 0 #ffd23f,4px 0 0 #ffd23f}
[data-theme=d] .logo{font-size:clamp(17px,5.4vw,38px);letter-spacing:0;transform:none;font-weight:400}
[data-theme=d] .logo-silly,[data-theme=d] .logo-fight{-webkit-text-stroke:0;text-shadow:3px 3px 0 #ff3d3d,6px 6px 0 #3a0d12}
[data-theme=d] .logo-silly{color:#ffd23f}[data-theme=d] .logo-fight{color:#22d3ee}
[data-theme=d] .logo-emoji{animation:none;font-size:.9em}
[data-theme=d] .top::after{content:"\25B6  PLAYER 1 \00B7  INSERT COIN  \25C0";font-family:var(--head);font-size:8px;color:#ff3d3d;margin-top:12px;animation:blink 1.1s steps(2) infinite;white-space:pre}
[data-theme=d] .icon-btn{border:0;border-radius:0;background:#16223d;right:10px;width:34px;height:34px;font-size:16px;box-shadow:0 -3px 0 #f3eedc,0 3px 0 #f3eedc,-3px 0 0 #f3eedc,3px 0 0 #f3eedc}
[data-theme=d] .card{max-width:900px;border:0;border-radius:0;background:rgba(9,15,30,.94);padding:20px 16px 22px;margin:0 auto 26px;animation:none;
  box-shadow:0 -4px 0 #22d3ee,0 4px 0 #22d3ee,-4px 0 0 #22d3ee,4px 0 0 #22d3ee,0 0 34px rgba(34,211,238,.22)}
[data-theme=d] .title{font-size:clamp(13px,4vw,22px);line-height:1.6;color:#ffd23f;text-shadow:3px 3px 0 #ff3d3d;font-weight:400}
[data-theme=d] .sub{font-size:21px;color:var(--mute);line-height:1.1}
[data-theme=d] .field>span{font-family:var(--head);font-size:10px;line-height:1.7;color:#22d3ee;text-transform:uppercase;font-weight:400;margin-bottom:10px}
[data-theme=d] .link-btn{font-family:var(--font);font-size:19px;color:#ffd23f;text-transform:none}
[data-theme=d] input{background:#000;color:#f3eedc;border:0;border-radius:0;font-size:24px;padding:8px 12px;caret-color:#ffd23f;box-shadow:0 -3px 0 var(--dim),0 3px 0 var(--dim),-3px 0 0 var(--dim),3px 0 0 var(--dim)}
[data-theme=d] input:focus{box-shadow:0 -3px 0 #ffd23f,0 3px 0 #ffd23f,-3px 0 0 #ffd23f,3px 0 0 #ffd23f}
[data-theme=d] input::placeholder{color:#55647f}
[data-theme=d] .mode-toggle{gap:16px;margin:16px 4px 6px}
[data-theme=d] .mode{border:0;border-radius:0;background:#0b1222;color:#f3eedc;font-family:var(--head);font-size:10px;font-weight:400;line-height:1.7;padding:10px 6px;box-shadow:0 -3px 0 var(--dim),0 3px 0 var(--dim),-3px 0 0 var(--dim),3px 0 0 var(--dim)}
[data-theme=d] .mode small{font-family:var(--font);font-size:17px;opacity:.75}
[data-theme=d] .mode[aria-checked=true]{background:#ff3d3d;color:#fff;transform:none;box-shadow:0 -3px 0 #ffd23f,0 3px 0 #ffd23f,-3px 0 0 #ffd23f,3px 0 0 #ffd23f}
[data-theme=d] .fighters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:visible;padding:12px 4px 6px}
@media (min-width:760px){[data-theme=d] .fighters{grid-template-columns:repeat(8,1fr)}}
[data-theme=d] .fighter-opt{border:0;border-radius:0;background:linear-gradient(#1c2b4d,#0b1222);color:#f3eedc;padding:10px 2px 8px;position:relative;box-shadow:0 -3px 0 var(--dim),0 3px 0 var(--dim),-3px 0 0 var(--dim),3px 0 0 var(--dim)}
[data-theme=d] .fighter-opt .e{font-size:34px}
[data-theme=d] .fighter-opt .n{display:none}
[data-theme=d] .fighter-opt[aria-checked=true]{background:linear-gradient(#ff5a4a,#8a1020);transform:none;box-shadow:0 -3px 0 #ffd23f,0 3px 0 #ffd23f,-3px 0 0 #ffd23f,3px 0 0 #ffd23f}
[data-theme=d] .fighter-opt[aria-checked=true]::before{content:"1P";position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-family:var(--head);font-size:8px;background:#ffd23f;color:#000;padding:3px 4px}
[data-theme=d] .fighter-opt[aria-checked=true] .e{animation:hop .5s steps(2) infinite}
@keyframes hop{50%{transform:translateY(-4px)}}
[data-theme=d] .bio{font-style:normal;color:#ffd23f;font-size:20px;margin-top:10px}
[data-theme=d] .slots{gap:14px;margin-bottom:16px}
[data-theme=d] .slot{border:0;border-radius:0;background:#000;color:#f3eedc;box-shadow:0 -3px 0 var(--dim),0 3px 0 var(--dim),-3px 0 0 var(--dim),3px 0 0 var(--dim)}
[data-theme=d] .slot small{font-family:var(--head);font-size:7px;top:5px;left:5px;color:var(--mute)}
[data-theme=d] .slot.filled{background:#16223d;box-shadow:0 -3px 0 #f3eedc,0 3px 0 #f3eedc,-3px 0 0 #f3eedc,3px 0 0 #f3eedc}
[data-theme=d] .slot.active{transform:none;box-shadow:0 -3px 0 #ffd23f,0 3px 0 #ffd23f,-3px 0 0 #ffd23f,3px 0 0 #ffd23f;animation:none}
[data-theme=d] .moves{grid-template-columns:1fr;gap:12px;padding:0 4px}
@media (min-width:760px){[data-theme=d] .moves{grid-template-columns:1fr 1fr;gap:14px 18px}}
[data-theme=d] .move{display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center;text-align:left;border:0;border-radius:0;background:#0b1222;color:#f3eedc;padding:7px 12px 7px 10px;box-shadow:0 -3px 0 var(--dim),0 3px 0 var(--dim),-3px 0 0 var(--dim),3px 0 0 var(--dim);transition:none}
[data-theme=d] .move .e{grid-row:1/3;font-size:30px;text-align:center}
[data-theme=d] .move .n{font-family:var(--head);font-size:10px;font-weight:400;line-height:1.6;text-transform:uppercase}
[data-theme=d] .move .d{font-size:18px;opacity:1;color:var(--mute)}
[data-theme=d] .move.sel{background:#ffd23f;transform:none;box-shadow:0 -3px 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,3px 0 0 #fff}
[data-theme=d] .move.sel .n,[data-theme=d] .move.sel .d{color:#000}
[data-theme=d] .move .tag{border:0;border-radius:0;top:50%;right:8px;transform:translateY(-50%);font-family:var(--head);font-size:7px;font-weight:400;padding:4px 5px;background:#ff3d3d;color:#fff}
[data-theme=d] .btn{border:0;border-radius:0;font-family:var(--head);font-size:10px;font-weight:400;line-height:1.5;padding:12px 14px;background:#ffd23f;color:#000;box-shadow:0 -3px 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,3px 0 0 #fff}
[data-theme=d] .btn:active{transform:translateY(3px);box-shadow:0 -3px 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,3px 0 0 #fff}
[data-theme=d] .btn.alt{background:#22d3ee;color:#04121a}
[data-theme=d] .btn.ghost{background:#16223d;color:#f3eedc}
[data-theme=d] .btn.big{font-family:var(--head);font-size:clamp(13px,3.8vw,18px);padding:18px 10px;background:#ff3d3d;color:#fff;text-shadow:3px 3px 0 #000;margin-top:22px;
  box-shadow:0 -4px 0 #ffd23f,0 4px 0 #ffd23f,-4px 0 0 #ffd23f,4px 0 0 #ffd23f,0 12px 0 #7a0d16}
[data-theme=d] .row{gap:16px;margin-top:18px}
[data-theme=d] .rules summary{font-family:var(--head);font-size:9px;font-weight:400;color:#22d3ee;line-height:1.8}
[data-theme=d] .rules td{border-bottom:2px dashed var(--dim);font-size:18px}
[data-theme=d] .err{background:#3a0d12;border:0;border-radius:0;color:#fff;box-shadow:0 -3px 0 #ff3d3d,0 3px 0 #ff3d3d,-3px 0 0 #ff3d3d,3px 0 0 #ff3d3d;margin:14px 3px}
[data-theme=d] .hint{color:var(--mute);font-size:19px}
[data-theme=d] .stats-card{padding:14px}
[data-theme=d] .stats-top .rank{font-family:var(--head);font-size:10px;line-height:1.7;color:#ffd23f;font-weight:400}
[data-theme=d] .stats-top .rec{font-size:19px;font-weight:400}
[data-theme=d] .stats-card .t::before{content:"HI-SCORE";display:block;font-family:var(--head);font-size:8px;color:#ff3d3d;margin-bottom:4px}
[data-theme=d] .streak{border:0;border-radius:0;background:#ff3d3d;color:#fff;font-family:var(--head);font-size:7px;font-weight:400;padding:6px 8px;line-height:1.6}
[data-theme=d] .streak b{font-size:14px}
[data-theme=d] .badge{border-radius:0;border:2px solid var(--dim);background:#0b1222;font-size:16px;font-weight:400}
[data-theme=d] .stats-card details summary{font-family:var(--head);font-size:8px;font-weight:400;color:#22d3ee;margin-top:12px}
[data-theme=d] .taunt{background:#000;border:0;border-radius:0;transform:none;font-size:22px;font-weight:400;box-shadow:0 -3px 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,3px 0 0 #fff;margin:18px auto}
[data-theme=d] .mode-badge{border:0;border-radius:0;font-family:var(--head);font-size:8px;font-weight:400;padding:6px 8px;line-height:1.6;margin-top:10px}
[data-theme=d] .vs{font-family:var(--head);font-size:22px;color:#ff3d3d;-webkit-text-stroke:0;text-shadow:3px 3px 0 #ffd23f}
[data-theme=d] .linkbox input{font-family:var(--font);font-size:18px}
[data-theme=d] .linkbox{gap:14px}
/* battle */
[data-theme=d] .scorebar{background:transparent;border:0;border-radius:0;padding:4px 3px;gap:12px;align-items:flex-start}
[data-theme=d] .sb-side{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 8px;align-items:center;font-family:var(--head);font-size:8px;font-weight:400;text-transform:uppercase;color:#f3eedc}
[data-theme=d] .sb-side.r{grid-template-columns:auto minmax(0,1fr);text-align:right}
[data-theme=d] .sb-side b{font-family:var(--head);font-size:14px;color:#ffd23f}
[data-theme=d] .sb-side::after{content:"";grid-column:1/-1;height:14px;background:linear-gradient(90deg,#ffd23f var(--hpL),#a1121f var(--hpL));box-shadow:0 -3px 0 #f3eedc,0 3px 0 #f3eedc,-3px 0 0 #f3eedc,3px 0 0 #f3eedc}
[data-theme=d] .sb-side.r::after{background:linear-gradient(270deg,#ffd23f var(--hpR),#a1121f var(--hpR))}
[data-theme=d] .sb-mid{font-family:var(--head);font-size:7px;font-weight:400;line-height:1.7;color:#ffd23f;background:#000;padding:7px 6px;max-width:28%;box-shadow:0 -3px 0 #ffd23f,0 3px 0 #ffd23f,-3px 0 0 #ffd23f,3px 0 0 #ffd23f}
[data-theme=d] .dots i{border-radius:0;border:2px solid #f3eedc;background:#000}
[data-theme=d] .arena{min-height:300px;margin-top:20px;border-radius:0;padding:84px 4px 14px;
  box-shadow:0 -4px 0 #f3eedc,0 4px 0 #f3eedc,-4px 0 0 #f3eedc,4px 0 0 #f3eedc;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='64' shape-rendering='crispEdges'><g fill='%230a1426'><rect x='0' y='28' width='22' height='36'/><rect x='24' y='12' width='18' height='52'/><rect x='44' y='36' width='26' height='28'/><rect x='72' y='20' width='14' height='44'/><rect x='88' y='4' width='20' height='60'/><rect x='110' y='30' width='24' height='34'/><rect x='136' y='16' width='24' height='48'/></g><g fill='%23ffd23f'><rect x='28' y='18' width='3' height='3'/><rect x='34' y='30' width='3' height='3'/><rect x='92' y='10' width='3' height='3'/><rect x='100' y='22' width='3' height='3'/><rect x='92' y='40' width='3' height='3'/><rect x='140' y='24' width='3' height='3'/><rect x='150' y='36' width='3' height='3'/><rect x='6' y='36' width='3' height='3'/></g></svg>") 0 76%/160px 64px repeat-x,
  linear-gradient(180deg,#0b1a3a 0%,#1d3b6e 40%,#e8613a 70%,#ffc24a 76%)}
[data-theme=d] .arena::before{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:repeating-conic-gradient(#3b2414 0 25%,#55331b 0 50%) 0 0/24px 24px;border-top:4px solid #000}
[data-theme=d] .fighter{z-index:1}
[data-theme=d] .f-body{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.55))}
[data-theme=d] .f-name{font-family:var(--head);font-size:8px;font-weight:400;line-height:1.6;color:#fff;background:rgba(0,0,0,.75);display:inline-block;padding:3px 5px;margin-top:4px;max-width:100%}
[data-theme=d] .bubble{border:0;border-radius:0;background:#000;box-shadow:0 -3px 0 #fff,0 3px 0 #fff,-3px 0 0 #fff,3px 0 0 #fff;top:-72px}
[data-theme=d] .countdown{font-family:var(--head);font-size:clamp(26px,8vw,46px);font-weight:400;color:#ffd23f;-webkit-text-stroke:0;text-shadow:4px 4px 0 #ff3d3d,8px 8px 0 #000}
[data-theme=d] .p-text{font-family:var(--head);font-size:12px;font-weight:400;color:#ffd23f;-webkit-text-stroke:0;text-shadow:2px 2px 0 #000}
[data-theme=d] .log li{background:#000;border:0;border-radius:0;font-size:20px;line-height:1.1;padding:10px 26px 10px 12px;margin:18px 3px 0;position:relative;box-shadow:0 -3px 0 #f3eedc,0 3px 0 #f3eedc,-3px 0 0 #f3eedc,3px 0 0 #f3eedc}
[data-theme=d] .log li::after{content:"\25BC";position:absolute;right:8px;bottom:6px;font-size:12px;color:#ffd23f;animation:blink .8s steps(2) infinite}
[data-theme=d] .log li b{font-family:var(--head);font-size:9px;font-weight:400;color:#ffd23f}
[data-theme=d] .skip{font-family:var(--head);font-size:9px;font-weight:400;margin-top:16px}
[data-theme=d] .final{margin-top:18px}
[data-theme=d] .final::before{content:"K.O.!";display:block;font-family:var(--head);font-size:clamp(30px,9vw,54px);color:#ff3d3d;text-shadow:4px 4px 0 #ffd23f,8px 8px 0 #000;margin:8px 0 10px;animation:blink .9s steps(2) 3}
[data-theme=d] #screen-battle.is-tie .final::before{content:"DRAW GAME"}
[data-theme=d] .winner{font-family:var(--head);font-size:clamp(13px,4.2vw,22px);font-weight:400;line-height:1.6;color:#ffd23f;-webkit-text-stroke:0;text-shadow:3px 3px 0 #ff3d3d}
[data-theme=d] .you{font-family:var(--head);font-size:9px;font-weight:400;line-height:1.8;color:#22d3ee;margin:8px 0 14px}
[data-theme=d] .pbp{background:#000;border:0;border-radius:0;font-size:21px;line-height:1.1;margin:0 3px 16px;box-shadow:0 -3px 0 #f3eedc,0 3px 0 #f3eedc,-3px 0 0 #f3eedc,3px 0 0 #f3eedc}
[data-theme=d] .unlocks{border:0;border-radius:0;color:#000;font-family:var(--head);font-size:9px;font-weight:400;line-height:1.7;margin:0 3px 14px}
[data-theme=d] .send-card{background:#16223d;border:0;border-radius:0;padding:14px 12px;margin:10px 3px;box-shadow:0 -3px 0 #22d3ee,0 3px 0 #22d3ee,-3px 0 0 #22d3ee,3px 0 0 #22d3ee}
[data-theme=d] .send-card .btn.big{margin-top:4px;font-size:11px;line-height:1.7}
[data-theme=d] .send-card .linkbox{margin-top:22px}
[data-theme=d] .vs-splash{background:#000}
[data-theme=d] .vsp-l{background:linear-gradient(135deg,#ff5a4a,#7a0d16);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
[data-theme=d] .vsp-r{background:linear-gradient(135deg,#0e7490,#22d3ee);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
[data-theme=d] .vsp-side b{font-family:var(--head);font-size:9px;font-weight:400;line-height:1.7;color:#fff;text-shadow:2px 2px 0 #000;margin-top:14px;padding:0 14px}
[data-theme=d] .vsp-vs{font-family:var(--head);font-size:clamp(34px,10vw,64px);color:#ffd23f;text-shadow:4px 4px 0 #ff3d3d,8px 8px 0 #000}
[data-theme=d] .foot{font-family:var(--head);font-size:8px;line-height:1.8;color:var(--mute);font-weight:400}
[data-theme=d] #toast{border-radius:0;font-family:var(--head);font-size:10px;font-weight:400;background:#ffd23f;color:#000}

/* =====================================================================
   E · DOODLE NOTEBOOK  (hand-drawn, lined paper, sticky notes)
   ===================================================================== */
[data-theme=e]{
  --bg:#fdfbf4;--bg2:#fdfbf4;--bg3:#fdfbf4;--paper:#fffef9;--ink:#2d2a26;
  --primary:#ff6b4a;--primary-ink:#fff;--alt:#2f6fd6;--alt-ink:#fff;--accent:#ffe45c;--hl:#e2432c;--soft:#fff6bf;
  --bw:2.5px;--sh:0px;--r:0;--font:"Patrick Hand","Comic Sans MS",cursive;--head:"Permanent Marker","Patrick Hand",cursive;
  --wob:255px 15px 225px 15px/15px 225px 15px 255px;--wob2:15px 255px 15px 225px/225px 15px 255px 15px;
  --pattern:none;--splash:0;--n-yel:#fff1a1;--n-blu:#d5eaff;--n-pnk:#ffd6df;--n-grn:#d9f3cf;--n-org:#ffe0bf;
}
[data-theme=e] body{font-size:18px;padding-left:34px;background-color:#fdfbf4;background-attachment:scroll;
  background-image:linear-gradient(90deg,transparent 22px,#f2a3a3 22px,#f2a3a3 24px,transparent 24px),repeating-linear-gradient(180deg,transparent 0 31px,#cfe0f3 31px 32px)}
[data-theme=e] .bg-deco{z-index:0}
[data-theme=e] .bg-deco span{border-radius:0;opacity:.5;animation:none;background:transparent no-repeat center/contain}
[data-theme=e] .bg-deco span:nth-child(1){width:90px;height:90px;left:auto;right:6px;top:118px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%232d2a26' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M50 8 61 38 93 39 67 58 77 90 50 71 23 90 33 58 7 39 39 38Z'/><path d='M52 12 60 40 89 42'/></svg>")}
[data-theme=e] .bg-deco span:nth-child(2){width:120px;height:60px;right:auto;left:8px;top:auto;bottom:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' fill='none' stroke='%232f6fd6' stroke-width='3' stroke-linecap='round'><path d='M4 40c10-20 20-20 26 0s18 18 26-2 20-20 28 0 18 14 30-6'/></svg>")}
[data-theme=e] .bg-deco span:nth-child(3){width:80px;height:80px;right:14px;bottom:60px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23e2432c' stroke-width='3' stroke-linecap='round'><path d='M50 50c0-4 6-4 6 0 0 8-12 8-12 0 0-12 18-12 18 0 0 16-24 16-24 0 0-20 30-20 30 0 0 24-36 24-36 0'/></svg>")}
[data-theme=e] main,[data-theme=e] .top,[data-theme=e] .foot{position:relative;z-index:1}
[data-theme=e] .top{flex-direction:column;max-width:680px;margin:8px auto 18px}
[data-theme=e] .logo{font-family:var(--head);font-weight:400;font-size:clamp(40px,11vw,62px);letter-spacing:0;transform:rotate(-3deg);position:relative}
[data-theme=e] .logo-silly,[data-theme=e] .logo-fight{-webkit-text-stroke:0;text-shadow:none}
[data-theme=e] .logo-silly{color:#2f6fd6}[data-theme=e] .logo-fight{color:#ff6b4a}
[data-theme=e] .logo::after{content:"";position:absolute;left:4%;right:14%;bottom:-6px;height:14px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none' fill='none' stroke='%232d2a26' stroke-width='3' stroke-linecap='round'><path d='M3 9C60 3 120 4 297 6M20 12c80-5 160-6 250-3'/></svg>") no-repeat center/100% 100%}
[data-theme=e] .top::after{content:"a very serious notebook of silly duels";font-size:16px;color:#6b665e;margin-top:10px;transform:rotate(-1deg)}
[data-theme=e] .icon-btn{border:2.5px solid var(--ink);border-radius:var(--wob);background:#fff;box-shadow:2px 2px 0 var(--ink);top:6px;transform:rotate(4deg)}
[data-theme=e] .card{max-width:680px;border:2.5px solid var(--ink);border-radius:6px 14px 8px 18px/16px 8px 14px 6px;background:#fffef9;box-shadow:3px 4px 0 rgba(45,42,38,.85);position:relative;padding:22px 16px 20px;transform:rotate(-.3deg)}
[data-theme=e] .card::before{content:"";position:absolute;top:-13px;left:50%;width:96px;height:24px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,236,150,.75);box-shadow:0 1px 2px rgba(0,0,0,.12);border-left:2px dotted rgba(0,0,0,.08);border-right:2px dotted rgba(0,0,0,.08)}
[data-theme=e] #screen-create>.card:not(.stats-card){background:transparent;border:0;box-shadow:none;transform:none;padding:6px 2px 10px;animation:none}
[data-theme=e] #screen-create>.card:not(.stats-card)::before{display:none}
[data-theme=e] .title{font-family:var(--head);font-weight:400;font-size:clamp(25px,6.6vw,34px);display:table;margin:0 auto 8px;padding:0 8px;transform:rotate(-1.2deg);background:linear-gradient(transparent 55%,rgba(255,228,92,.95) 55% 88%,transparent 88%)}
[data-theme=e] .sub{font-size:19px;line-height:1.2}
[data-theme=e] .field{position:relative;background:var(--n-yel);padding:16px 14px 14px;margin:26px 2px;border-radius:2px 2px 6px 3px/2px 2px 22px 3px;box-shadow:0 1px 1px rgba(0,0,0,.08),3px 8px 14px -6px rgba(60,40,10,.35);transform:rotate(-.7deg)}
[data-theme=e] .field::before{content:"";position:absolute;top:-11px;left:50%;width:84px;height:22px;transform:translateX(-50%) rotate(2deg);background:rgba(255,255,255,.6);box-shadow:0 1px 2px rgba(0,0,0,.12)}
[data-theme=e] .field:has(.fighters){background:var(--n-blu);transform:rotate(.6deg)}
[data-theme=e] .field:has(#cTo){background:var(--n-pnk);transform:rotate(.9deg)}
[data-theme=e] .field:has(#cPicker),[data-theme=e] .field:has(#aPicker){background:var(--n-grn);transform:rotate(-.4deg)}
[data-theme=e] .field:has(#cTaunt){background:var(--n-org);transform:rotate(.5deg)}
[data-theme=e] .field>span{font-family:var(--head);font-weight:400;font-size:18px;margin-bottom:8px;flex-wrap:wrap;gap:4px}
[data-theme=e] .field em{font-family:var(--font);opacity:.7}
[data-theme=e] .link-btn{font-family:var(--font);font-size:18px;color:var(--hl);text-decoration:underline wavy;text-underline-offset:4px}
[data-theme=e] input{background:transparent;border:0;border-bottom:2.5px dashed var(--ink);border-radius:0;font-size:22px;padding:6px 2px}
[data-theme=e] input:focus{box-shadow:none;border-bottom-style:solid;border-bottom-color:var(--alt)}
[data-theme=e] .mode-toggle{gap:14px;margin:16px 4px 6px}
[data-theme=e] .mode{background:#fff;border:2.5px solid var(--ink);border-radius:var(--wob);font-family:var(--head);font-weight:400;font-size:18px;padding:10px 6px}
[data-theme=e] .mode small{font-family:var(--font);font-size:15px}
[data-theme=e] .mode[aria-checked=true]{background:var(--accent);transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink)}
[data-theme=e] .fighters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 4px;overflow:visible;padding:2px}
[data-theme=e] .fighter-opt{background:transparent;border:0;padding:2px;color:var(--ink)}
[data-theme=e] .fighter-opt .e{font-size:36px;width:58px;height:58px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:3px solid transparent;border-radius:var(--wob)}
[data-theme=e] .fighter-opt .n{font-family:var(--font);font-weight:400;font-size:14px;margin-top:2px}
[data-theme=e] .fighter-opt[aria-checked=true]{background:transparent;box-shadow:none;transform:rotate(-3deg)}
[data-theme=e] .fighter-opt[aria-checked=true] .e{border-color:var(--hl);background:rgba(255,255,255,.65)}
[data-theme=e] .fighter-opt[aria-checked=true] .n{background:linear-gradient(transparent 50%,rgba(255,228,92,.95) 50%)}
[data-theme=e] .bio{font-size:17px}
[data-theme=e] .slot{border:2.5px dashed var(--ink);border-radius:var(--wob);background:rgba(255,255,255,.55)}
[data-theme=e] .slot small{font-family:var(--font);font-size:13px}
[data-theme=e] .slot.filled{border-style:solid;background:#fff}
[data-theme=e] .slot.active{box-shadow:0 0 0 3px var(--hl);transform:rotate(-3deg)}
[data-theme=e] .moves,[data-theme=e] .moves{grid-template-columns:repeat(2,1fr);gap:12px 10px}
[data-theme=e] .move{background:#fff;border:2.5px solid var(--ink);border-radius:var(--wob2);box-shadow:2px 3px 0 var(--ink);padding:8px 6px}
[data-theme=e] .move:nth-child(odd){transform:rotate(-1.2deg)}[data-theme=e] .move:nth-child(even){transform:rotate(1deg)}
[data-theme=e] .move .n{font-family:var(--head);font-weight:400;font-size:15px}
[data-theme=e] .move .d{font-size:14px;opacity:.75}
[data-theme=e] .move.sel{background:var(--accent);transform:rotate(-2.5deg) scale(1.03)}
[data-theme=e] .move .tag{border-radius:var(--wob);background:var(--hl);border:2px solid var(--ink);font-family:var(--font);font-size:14px;font-weight:400}
[data-theme=e] .btn{background:#fff;border:2.5px solid var(--ink);border-radius:var(--wob2);box-shadow:3px 3px 0 var(--ink);font-family:var(--head);font-weight:400;font-size:17px}
[data-theme=e] .btn.alt{background:var(--alt);color:#fff}
[data-theme=e] .btn.big{background:var(--primary);color:#fff;font-family:var(--head);font-size:26px;text-shadow:none;padding:14px;transform:rotate(-1deg);margin-top:20px}
[data-theme=e] .btn.big:active{transform:rotate(-1deg) translate(3px,3px)}
[data-theme=e] .rules summary{font-family:var(--head);font-weight:400;font-size:16px}
[data-theme=e] .rules td{border-bottom:1.5px dashed rgba(45,42,38,.35)}
[data-theme=e] .err{background:var(--n-pnk);border:2px dashed var(--hl);border-radius:var(--wob);font-weight:400;font-size:18px}
[data-theme=e] .stats-card{background:var(--n-pnk);border:0;border-radius:2px 2px 6px 3px/2px 2px 22px 3px;box-shadow:0 1px 1px rgba(0,0,0,.08),3px 8px 14px -6px rgba(60,40,10,.35);transform:rotate(1.2deg);max-width:520px;padding:16px 14px 12px}
[data-theme=e] .stats-card::before{content:"📌";background:none;box-shadow:none;border:0;width:auto;height:auto;top:-16px;font-size:26px;transform:translateX(-50%) rotate(10deg)}
[data-theme=e] .stats-top .rank{font-family:var(--head);font-weight:400;color:var(--hl)}
[data-theme=e] .stats-top .rec{font-weight:400;font-size:16px}
[data-theme=e] .streak{background:#fff;border:2.5px solid var(--ink);border-radius:var(--wob);font-weight:400;transform:rotate(-4deg)}
[data-theme=e] .badge{border-radius:var(--wob);background:#fff;font-weight:400;font-size:14px}
[data-theme=e] .stats-card details summary{font-weight:400;font-size:16px}
[data-theme=e] .taunt{background:#fff;border:2.5px solid var(--ink);border-radius:var(--wob);font-weight:400;font-size:21px}
[data-theme=e] .mode-badge{border-radius:var(--wob);font-weight:400;font-size:16px}
[data-theme=e] .vs{font-family:var(--head);font-weight:400;-webkit-text-stroke:0;color:var(--hl)}
[data-theme=e] .linkbox input{font-family:var(--font);font-size:16px}
/* battle */
[data-theme=e] #screen-battle{background-color:#fffef9;background-image:linear-gradient(rgba(47,111,214,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,214,.10) 1px,transparent 1px);background-size:22px 22px}
[data-theme=e] .scorebar{background:transparent;border:0;border-bottom:2.5px dashed var(--ink);border-radius:0;padding:4px 2px 10px}
[data-theme=e] .sb-side{font-family:var(--head);font-weight:400;font-size:14px}
[data-theme=e] .sb-side b{font-family:var(--head);font-weight:400;font-size:26px;width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;border:3px solid var(--hl);border-radius:var(--wob);color:var(--ink);background:rgba(255,255,255,.7)}
[data-theme=e] .sb-mid{font-family:var(--font);font-size:16px;font-weight:400}
[data-theme=e] .dots i{border-radius:var(--wob)}
[data-theme=e] .arena{background:transparent;min-height:270px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20' preserveAspectRatio='none' fill='none' stroke='%232d2a26' stroke-width='2.5' stroke-linecap='round'><path d='M2 8c40-4 80 3 130-1s90 4 140 0 80-3 126 2'/><path d='M30 15l8-6M90 15l8-6M150 15l8-6M210 15l8-6M270 15l8-6M330 15l8-6'/></svg>") 0 calc(100% - 34px)/100% 20px no-repeat,
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23ff6b4a' stroke-width='3.5' stroke-linecap='round'><circle cx='50' cy='50' r='18'/><path d='M50 18V6M50 94V82M18 50H6M94 50H82M27 27l-8-8M81 81l-8-8M73 27l8-8M19 81l8-8'/></svg>") 10px 6px/62px 62px no-repeat,
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60' fill='none' stroke='%232f6fd6' stroke-width='3' stroke-linecap='round'><path d='M20 46c-14 0-14-18 0-16 0-14 22-18 28-6 6-10 26-6 24 8 14-2 16 14 4 14Z'/></svg>") calc(100% - 10px) 14px/84px 42px no-repeat}
[data-theme=e] .bubble{background:#fff;border:2.5px solid var(--ink);border-radius:60% 40% 55% 45%/50% 60% 40% 50%}
[data-theme=e] .f-body{filter:drop-shadow(2px 3px 0 rgba(45,42,38,.25))}
[data-theme=e] .f-name{font-family:var(--head);font-weight:400;font-size:15px}
[data-theme=e] .countdown{font-family:var(--head);font-weight:400;color:var(--primary);-webkit-text-stroke:2px var(--ink)}
[data-theme=e] .p-text{font-family:var(--head);font-weight:400;color:var(--primary);-webkit-text-stroke:1px var(--ink)}
[data-theme=e] .log li{background:var(--n-yel);border:0;border-radius:2px 2px 6px 3px/2px 2px 20px 3px;box-shadow:2px 6px 10px -5px rgba(60,40,10,.4);font-size:17px;line-height:1.25;margin-top:14px;transform:rotate(-.6deg)}
[data-theme=e] .log li:nth-child(2){background:var(--n-blu);transform:rotate(.7deg)}
[data-theme=e] .log li:nth-child(3){background:var(--n-pnk);transform:rotate(-.3deg)}
[data-theme=e] .log li b{font-family:var(--head);font-weight:400;color:var(--hl)}
[data-theme=e] .skip{font-family:var(--head);font-weight:400;font-size:16px}
[data-theme=e] .winner{font-family:var(--head);font-weight:400;-webkit-text-stroke:0;color:var(--ink);display:table;margin:8px auto 8px;padding:0 8px;background:linear-gradient(transparent 52%,rgba(255,228,92,.95) 52% 90%,transparent 90%);transform:rotate(-1deg)}
[data-theme=e] .you{font-family:var(--head);font-weight:400;color:var(--alt)}
[data-theme=e] .pbp{background:var(--n-yel);border:0;border-radius:2px 2px 6px 3px/2px 2px 22px 3px;box-shadow:3px 8px 14px -6px rgba(60,40,10,.35);transform:rotate(.8deg);font-size:18px;margin:10px 4px 16px}
[data-theme=e] .unlocks{border-radius:var(--wob);font-weight:400}
[data-theme=e] .send-card{background:var(--n-blu);border:0;border-radius:2px 2px 6px 3px/2px 2px 22px 3px;box-shadow:3px 8px 14px -6px rgba(60,40,10,.35);transform:rotate(-.6deg);padding:14px 12px;margin:8px 4px 6px}
[data-theme=e] .foot{font-weight:400;font-size:15px}
[data-theme=e] #toast{font-weight:400;border-radius:var(--wob)}
@media (min-width:900px){
  [data-theme=e] body{padding-left:96px;padding-right:40px;background-image:linear-gradient(90deg,transparent 70px,#f2a3a3 70px,#f2a3a3 72px,transparent 72px),repeating-linear-gradient(180deg,transparent 0 31px,#cfe0f3 31px 32px)}
  [data-theme=e] .top{max-width:1120px}
  [data-theme=e] #screen-create{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;max-width:1120px;margin:0 auto;align-items:start}
  [data-theme=e] #screen-create .stats-card{position:sticky;top:24px;margin:40px 0 0}
  [data-theme=e] #screen-create .stats-top{flex-wrap:wrap}
  [data-theme=e] #screen-create>.card:not(.stats-card){max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px;align-items:start;
    grid-template-areas:"t t" "s s" "m m" "name to" "fig mov" "taunt mov" "err err" "btn btn" "rules rules"}
  [data-theme=e] #screen-create .title{grid-area:t}
  [data-theme=e] #screen-create .sub{grid-area:s}
  [data-theme=e] #screen-create .mode-toggle{grid-area:m;width:100%;max-width:520px;justify-self:center}
  [data-theme=e] #screen-create .field:has(#cName){grid-area:name}
  [data-theme=e] #screen-create .field:has(#cTo){grid-area:to}
  [data-theme=e] #screen-create .field:has(.fighters){grid-area:fig}
  [data-theme=e] #screen-create .field:has(#cPicker){grid-area:mov}
  [data-theme=e] #screen-create .field:has(#cTaunt){grid-area:taunt}
  [data-theme=e] #screen-create .err{grid-area:err}
  [data-theme=e] #screen-create #cGo{grid-area:btn;max-width:520px;justify-self:center}
  [data-theme=e] #screen-create .rules{grid-area:rules}
  [data-theme=e] .card{max-width:760px}
}

/* =====================================================================
   F · MEGA BOLD  (brutalist: huge type, black + acid lime, flat blocks)
   ===================================================================== */
[data-theme=f]{
  --bg:#f2f0ea;--bg2:#f2f0ea;--bg3:#f2f0ea;--paper:#f2f0ea;--ink:#0d0d0d;--lime:#c8ff00;
  --primary:#0d0d0d;--primary-ink:#c8ff00;--alt:#0d0d0d;--alt-ink:#c8ff00;--accent:#c8ff00;--hl:#0d0d0d;--soft:#e6e3da;
  --bw:3px;--sh:0px;--r:0;--font:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--head:"Archivo Black","Arial Black",Impact,sans-serif;
  --pattern:none;--splash:1;
}
[data-theme=f] body{background:#f2f0ea;padding:0 0 40px;font-size:17px}
[data-theme=f] .bg-deco{display:none}
[data-theme=f] .top{max-width:none;margin:0;background:#0d0d0d;padding:12px 16px;justify-content:space-between}
[data-theme=f] .logo{font-size:clamp(30px,8.6vw,60px);transform:none;letter-spacing:-.02em;text-transform:uppercase;font-weight:400}
[data-theme=f] .logo-silly,[data-theme=f] .logo-fight{-webkit-text-stroke:0;text-shadow:none}
[data-theme=f] .logo-silly{color:#f2f0ea}[data-theme=f] .logo-fight{color:#c8ff00}
[data-theme=f] .logo-emoji{animation:none;font-size:.7em;margin-left:10px}
[data-theme=f] .icon-btn{position:static;transform:none;border:0;border-radius:0;background:#c8ff00;box-shadow:none;width:50px;height:50px}
[data-theme=f] .card{max-width:1000px;border:0;border-radius:0;box-shadow:none;background:transparent;padding:24px 16px;margin:0 auto;animation:none}
[data-theme=f] .stats-card{max-width:none;background:#c8ff00;border-bottom:3px solid #0d0d0d;padding:12px 16px}
[data-theme=f] .stats-top{max-width:1400px;margin:0 auto}
[data-theme=f] .stats-top .me{font-size:38px}
[data-theme=f] .stats-top .rank{font-family:var(--head);font-weight:400;font-size:17px;color:#0d0d0d;text-transform:uppercase}
[data-theme=f] .stats-top .rec{font-weight:600}
[data-theme=f] .streak{border:0;border-radius:0;background:#0d0d0d;color:#c8ff00;padding:6px 10px}
[data-theme=f] .stats-card details{max-width:1400px;margin:0 auto}
[data-theme=f] .badge{border-radius:0;background:transparent}
[data-theme=f] .title{font-family:var(--head);font-weight:400;font-size:clamp(40px,12vw,124px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;text-align:left;margin:6px 0 16px}
[data-theme=f] .sub{text-align:left;font-size:18px;font-weight:600;max-width:36ch}
[data-theme=f] .card{counter-reset:step}
[data-theme=f] .field{counter-increment:step;border-top:3px solid #0d0d0d;padding-top:14px;margin:26px 0}
[data-theme=f] .field>span{font-family:var(--head);font-weight:400;font-size:19px;text-transform:uppercase;justify-content:flex-start;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px}
[data-theme=f] .field>span::before{content:counter(step,decimal-leading-zero);background:#0d0d0d;color:#c8ff00;padding:1px 7px}
[data-theme=f] .field em{font-size:.65em;font-family:var(--font);font-weight:600;opacity:.6}
[data-theme=f] .link-btn{margin-left:auto;font-family:var(--font);font-weight:700;font-size:14px;color:#0d0d0d;text-transform:none;text-decoration:underline;text-decoration-thickness:2px}
[data-theme=f] input{background:transparent;border:0;border-bottom:4px solid #0d0d0d;border-radius:0;font-size:26px;font-weight:700;padding:6px 0}
[data-theme=f] input:focus{box-shadow:none;background:#c8ff00}
[data-theme=f] input::placeholder{color:#a8a59c}
[data-theme=f] .mode-toggle{gap:0;margin:18px 0 6px}
[data-theme=f] .mode{border:3px solid #0d0d0d;border-radius:0;background:transparent;font-family:var(--head);font-weight:400;font-size:clamp(18px,5vw,26px);text-transform:uppercase;text-align:left;padding:14px 12px}
[data-theme=f] .mode+.mode{border-left:0}
[data-theme=f] .mode small{font-family:var(--font);font-weight:600;font-size:13px;text-transform:none;margin-top:4px}
[data-theme=f] .mode[aria-checked=true]{background:#0d0d0d;color:#c8ff00;transform:none;box-shadow:none}
[data-theme=f] .fighters{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#0d0d0d;border:3px solid #0d0d0d;padding:0;overflow:visible}
@media (min-width:760px){[data-theme=f] .fighters{grid-template-columns:repeat(4,1fr)}}
[data-theme=f] .fighter-opt{border:0;border-radius:0;background:#f2f0ea;display:flex;align-items:center;gap:8px;text-align:left;padding:10px;min-width:0}
[data-theme=f] .fighter-opt .e{font-size:34px;flex:none}
[data-theme=f] .fighter-opt .n{font-family:var(--head);font-weight:400;font-size:12.5px;text-transform:uppercase;line-height:1.05}
[data-theme=f] .fighter-opt[aria-checked=true]{background:#c8ff00;transform:none;box-shadow:none}
[data-theme=f] .fighter-opt[aria-checked=true] .e{animation:none}
[data-theme=f] .bio{text-align:left;font-style:normal;font-weight:600;margin-top:8px}
[data-theme=f] .slots{justify-content:flex-start;gap:0;margin-bottom:14px}
[data-theme=f] .slot{border:3px solid #0d0d0d;border-radius:0;background:transparent;width:76px;height:76px}
[data-theme=f] .slot+.slot{border-left:0}
[data-theme=f] .slot small{font-family:var(--head);font-weight:400}
[data-theme=f] .slot.filled{background:#fff}
[data-theme=f] .slot.active{background:#c8ff00;box-shadow:none;transform:none}
[data-theme=f] .moves,[data-theme=f] .moves{grid-template-columns:1fr;gap:3px;background:#0d0d0d;border:3px solid #0d0d0d}
@media (min-width:760px){[data-theme=f] .moves{grid-template-columns:1fr 1fr}}
[data-theme=f] .move{display:grid;grid-template-columns:46px 1fr;column-gap:10px;align-items:center;text-align:left;border:0;border-radius:0;box-shadow:none;background:#f2f0ea;padding:10px 64px 10px 12px;transition:none}
[data-theme=f] .move .e{grid-row:1/3;font-size:32px}
[data-theme=f] .move .n{font-family:var(--head);font-weight:400;font-size:18px;text-transform:uppercase;line-height:1.05}
[data-theme=f] .move .d{font-size:13px;opacity:.7}
[data-theme=f] .move.sel{background:#0d0d0d;color:#c8ff00;transform:none}
[data-theme=f] .move.sel .d{opacity:.85}
[data-theme=f] .move .tag{border:0;border-radius:0;background:#c8ff00;color:#0d0d0d;top:50%;right:10px;transform:translateY(-50%);font-family:var(--head);font-weight:400;font-size:12px;padding:4px 6px}
[data-theme=f] .btn{border:3px solid #0d0d0d;border-radius:0;box-shadow:none;background:#c8ff00;color:#0d0d0d;font-family:var(--head);font-weight:400;font-size:16px;text-transform:uppercase}
[data-theme=f] .btn:active{transform:translate(2px,2px);box-shadow:none}
[data-theme=f] .btn.alt{background:#0d0d0d;color:#c8ff00}
[data-theme=f] .btn.ghost{background:transparent;margin-left:0}
[data-theme=f] .btn.big{border:0;background:#0d0d0d;color:#c8ff00;font-size:clamp(26px,7.4vw,52px);line-height:1;padding:24px 16px;text-align:left;text-shadow:none;margin-top:26px;letter-spacing:-.01em}
[data-theme=f] .btn.big:hover{background:#c8ff00;color:#0d0d0d;box-shadow:inset 0 0 0 4px #0d0d0d}
[data-theme=f] .rules summary{font-family:var(--head);font-weight:400;text-transform:uppercase;text-align:left;font-size:15px}
[data-theme=f] .rules td{border-bottom:2px solid #0d0d0d}
[data-theme=f] .err{border:0;border-radius:0;background:#0d0d0d;color:#c8ff00}
[data-theme=f] .hint{text-align:left}
[data-theme=f] .challenger-intro{text-align:left}
[data-theme=f] .taunt{border-radius:0;transform:none;background:#c8ff00;font-family:var(--head);font-weight:400;font-size:22px;text-transform:uppercase;text-align:left;max-width:none}
[data-theme=f] .mode-badge{border-radius:0;border:0;background:#0d0d0d;color:#c8ff00}
[data-theme=f] .vs{font-family:var(--head);font-weight:400;-webkit-text-stroke:0;color:#0d0d0d;font-size:44px}
[data-theme=f] .linkbox{gap:0}
[data-theme=f] .linkbox input{border:3px solid #0d0d0d;border-right:0;font-size:13px;font-weight:400;background:#fff;padding:10px}
/* battle */
[data-theme=f] #screen-battle{max-width:none;padding:0}
[data-theme=f] .scorebar{border:0;border-radius:0;background:#0d0d0d;color:#f2f0ea;padding:10px 16px;gap:10px}
[data-theme=f] .sb-side{font-family:var(--head);font-weight:400;font-size:12px;text-transform:uppercase;color:#f2f0ea}
[data-theme=f] .sb-side b{font-family:var(--head);font-weight:400;font-size:clamp(40px,12vw,84px);color:#c8ff00}
[data-theme=f] .sb-mid{font-family:var(--head);font-weight:400;font-size:11px;text-transform:uppercase;color:#c8ff00}
[data-theme=f] .dots i{border-radius:0;border-color:#f2f0ea;background:transparent}
[data-theme=f] .dots i.c,[data-theme=f] .dots i.f{background:#c8ff00}[data-theme=f] .dots i.t{background:#f2f0ea}
[data-theme=f] .arena{margin:0;border-radius:0;min-height:390px;padding:90px 0 18px;background:linear-gradient(90deg,#c8ff00 50%,#0d0d0d 50%)}
[data-theme=f] .arena::after{content:"VS";position:absolute;left:50%;top:22px;transform:translateX(-50%);font-family:var(--head);font-size:30px;line-height:1;padding:0 6px;background:linear-gradient(90deg,#0d0d0d 50%,#c8ff00 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=f] .fighter{flex:0 0 50%}
[data-theme=f] .f-body{font-size:clamp(96px,30vw,220px);filter:none}
[data-theme=f] .f-name{font-family:var(--head);font-weight:400;font-size:clamp(13px,3.6vw,22px);text-transform:uppercase;padding:0 8px}
[data-theme=f] .left .f-name{color:#0d0d0d}[data-theme=f] .right .f-name{color:#c8ff00}
[data-theme=f] .bubble{border:3px solid #0d0d0d;border-radius:0;background:#f2f0ea;top:-76px}
[data-theme=f] .countdown{-webkit-text-stroke:0;font-family:var(--head);font-weight:400;font-size:clamp(58px,19vw,170px)}
[data-theme=f] .countdown span{background:linear-gradient(90deg,#0d0d0d 50%,#c8ff00 50%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .1em}
[data-theme=f] .p-text{font-family:var(--head);font-weight:400;color:#f2f0ea;-webkit-text-stroke:2px #0d0d0d;paint-order:stroke fill}
[data-theme=f] .log{padding:0 16px;max-width:1000px;margin:10px auto 0}
[data-theme=f] .log li{background:transparent;border:0;border-top:3px solid #0d0d0d;border-radius:0;font-size:18px;font-weight:600;padding:12px 0;margin-top:0}
[data-theme=f] .log li b{font-family:var(--head);font-weight:400;background:#0d0d0d;color:#c8ff00;padding:0 6px}
[data-theme=f] .skip{font-family:var(--head);font-weight:400;text-transform:uppercase;color:#0d0d0d;font-size:15px;margin:16px auto}
[data-theme=f] .final{text-align:left;padding:10px 16px 0;max-width:1000px;margin:10px auto 0}
[data-theme=f] .champ{font-size:clamp(90px,26vw,160px)}
[data-theme=f] .champ.bob{animation:none}
[data-theme=f] .winner{font-family:var(--head);font-weight:400;-webkit-text-stroke:0;color:#0d0d0d;text-transform:uppercase;font-size:clamp(36px,10.5vw,96px);line-height:.92;letter-spacing:-.02em;margin:8px 0 14px}
[data-theme=f] .you{font-family:var(--head);font-weight:400;text-transform:uppercase;background:#c8ff00;display:inline-block;padding:3px 8px;font-size:17px}
[data-theme=f] .pbp{background:transparent;border:0;border-top:3px solid #0d0d0d;border-radius:0;font-size:20px;font-weight:600;padding:14px 0}
[data-theme=f] .unlocks{border-radius:0;font-family:var(--head);font-weight:400;text-transform:uppercase}
[data-theme=f] .send-card{border:0;border-radius:0;background:#0d0d0d;padding:16px}
[data-theme=f] .send-card .btn.big{background:#c8ff00;color:#0d0d0d;font-size:clamp(20px,5.6vw,36px);margin:0}
[data-theme=f] .send-card .btn{border-color:#c8ff00}
[data-theme=f] .send-card .btn.alt{border-color:#c8ff00}
[data-theme=f] .send-card .linkbox input{border-color:#c8ff00}
[data-theme=f] .vs-splash{flex-direction:column;background:#0d0d0d}
[data-theme=f] .vsp-side{flex-direction:row;justify-content:flex-start;gap:14px;padding:0 18px;width:100%}
[data-theme=f] .vsp-l{background:#c8ff00;color:#0d0d0d}
[data-theme=f] .vsp-r{flex-direction:row-reverse;color:#c8ff00}
[data-theme=f] .vsp-e{font-size:clamp(64px,18vw,140px)}
[data-theme=f] .vsp-side b{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:clamp(22px,6.4vw,58px);line-height:.95;text-align:left;max-width:none}
[data-theme=f] .vsp-r b{text-align:right}
[data-theme=f] .vsp-vs{font-family:var(--head);font-size:30px;line-height:1;background:#f2f0ea;color:#0d0d0d;padding:8px 14px;border:3px solid #0d0d0d}
[data-theme=f] .foot{text-align:left;padding:0 16px;font-weight:600;max-width:1000px;margin:24px auto 0;opacity:.7}
[data-theme=f] #toast{border-radius:0;background:#0d0d0d;color:#c8ff00;font-family:var(--head);font-weight:400}
@media (min-width:900px){
  [data-theme=f] .top{padding:14px 48px}
  [data-theme=f] .stats-card{padding:12px 48px}
  [data-theme=f] .card{padding:40px 48px}
  [data-theme=f] #screen-create>.card:not(.stats-card){max-width:1400px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:64px;align-items:start}
  [data-theme=f] #screen-create .title{grid-column:1;grid-row:1/span 20;position:sticky;top:24px;font-size:clamp(64px,8.4vw,132px);margin-top:0}
  [data-theme=f] #screen-create>.card>*:not(.title){grid-column:2}
  [data-theme=f] #screen-create .sub{margin-top:0}
  [data-theme=f] .arena{min-height:470px}
  [data-theme=f] .scorebar{padding:10px 48px}
  [data-theme=f] .log{padding:0 48px;max-width:1400px}
  [data-theme=f] .final{padding:20px 48px 0;max-width:1400px;display:grid;grid-template-columns:auto 1fr;column-gap:36px;align-items:start}
  [data-theme=f] .final>*{grid-column:2}
  [data-theme=f] .final .champ{grid-column:1;grid-row:1/span 6;font-size:180px}
  [data-theme=f] .final .row .btn{flex:1 1 0}
  [data-theme=f] .foot{padding:0 48px;max-width:1400px}
}

/* =====================================================================
   G · FIGHT NIGHT  (boxing poster: newsprint, red/black/mustard, stamps)
   ===================================================================== */
[data-theme=g]{
  --bg:#e8d9b8;--bg2:#e3d0a8;--bg3:#d9c193;--paper:#f3e8cf;--ink:#1f1a15;
  --primary:#b3261e;--primary-ink:#f7eedb;--alt:#1f1a15;--alt-ink:#f3e8cf;--accent:#e2a72e;--hl:#b3261e;--soft:#ecdcb7;
  --bw:3px;--sh:0px;--r:0;--font:"Oswald","Arial Narrow",sans-serif;--head:"Bebas Neue",Impact,"Arial Narrow",sans-serif;--logo:"Rye",Georgia,serif;
  --pattern:none;--splash:1;
}
/* grain: a small pre-rendered tile painted as a normal background layer (no fixed overlay, no blend mode, no SVG filter) */
html[data-theme=g]{background:#d3bb8b}
[data-theme=g] body{font-size:17px;min-height:100vh;background:url(grain.png) 0 0/200px 200px repeat,radial-gradient(ellipse at 50% 0,#f3e7c9 0,#dcc597 55%,#c9ad78 100%) 0 0/100% 100vh no-repeat,#d3bb8b;background-attachment:scroll}
[data-theme=g] .bg-deco span{display:none}
[data-theme=g] .top{flex-direction:column;max-width:820px;margin:4px auto 16px;padding-top:2px}
[data-theme=g] .top::before{content:"\2605  LIVE \00B7  ONE NIGHT ONLY  \2605";font-family:var(--head);font-size:15px;letter-spacing:4px;color:var(--primary);white-space:pre}
[data-theme=g] .logo{font-family:var(--logo);font-weight:400;font-size:clamp(28px,8.2vw,66px);letter-spacing:0;transform:none;margin:2px 0}
[data-theme=g] .logo-silly,[data-theme=g] .logo-fight{-webkit-text-stroke:0}
[data-theme=g] .logo-silly{color:var(--ink);text-shadow:3px 3px 0 var(--accent)}
[data-theme=g] .logo-fight{color:var(--primary);text-shadow:3px 3px 0 var(--ink)}
[data-theme=g] .logo-emoji{animation:none}
[data-theme=g] .top::after{content:"THE SILLIEST MAIN EVENT IN TOWN";font-family:var(--head);font-size:14px;letter-spacing:3px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:2px 14px 1px;margin-top:6px}
[data-theme=g] .icon-btn{top:-4px;transform:none;width:36px;height:36px;font-size:17px;border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink)}
[data-theme=g] .card{max-width:820px;border:3px solid var(--ink);outline:2px solid var(--ink);outline-offset:-10px;border-radius:0;background:url(grain.png) 0 0/200px 200px repeat,linear-gradient(180deg,#f6ecd4,#efe2c3);box-shadow:0 16px 30px -12px rgba(50,30,10,.55);padding:26px 22px 24px;animation:none}
[data-theme=g] .title{font-family:var(--head);font-weight:400;font-size:clamp(34px,9.4vw,56px);line-height:.95;letter-spacing:1px;color:var(--primary);text-transform:uppercase;border-bottom:6px double var(--ink);padding-bottom:10px;margin-bottom:12px}
[data-theme=g] .sub{font-size:17px;letter-spacing:.2px}
[data-theme=g] .field>span{font-family:var(--head);font-weight:400;font-size:23px;letter-spacing:1.5px;line-height:1;margin-bottom:8px}
[data-theme=g] .field em{font-family:var(--font);font-size:13px;letter-spacing:0}
[data-theme=g] .link-btn{font-family:var(--font);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--primary)}
[data-theme=g] input{background:#fbf5e4;border:0;border-bottom:3px solid var(--ink);border-radius:0;font-size:20px;padding:9px 10px}
[data-theme=g] input:focus{box-shadow:0 0 0 3px var(--accent)}
[data-theme=g] .mode-toggle{gap:12px;margin:16px 0 6px}
[data-theme=g] .mode{position:relative;border:0;border-radius:0;background:var(--accent);color:var(--ink);font-family:var(--head);font-weight:400;font-size:25px;letter-spacing:1px;padding:12px 20px;
}
@supports ((-webkit-mask:none) or (mask:none)){[data-theme=g] .mode{
  -webkit-mask:radial-gradient(circle 10px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 10px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat}}
[data-theme=g] .mode::after{content:"";position:absolute;top:5px;right:16px;bottom:5px;left:16px;border:2px dashed rgba(31,26,21,.5);pointer-events:none}
[data-theme=g] .mode small{font-family:var(--font);font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.85}
[data-theme=g] .mode[aria-checked=true]{background:var(--primary);color:var(--primary-ink);transform:rotate(-1.5deg);box-shadow:none}
[data-theme=g] .mode[aria-checked=true]::after{border-color:rgba(247,238,219,.6)}
[data-theme=g] .fighters{gap:10px;padding:8px 4px 14px}
[data-theme=g] .fighter-opt{flex:0 0 100px;border:3px solid var(--ink);border-radius:0;background:radial-gradient(circle at 50% 28%,#5a4632 0,#1f1a15 72%);color:#f3e8cf;padding:14px 6px 10px}
[data-theme=g] .fighter-opt .e{font-size:44px}
[data-theme=g] .fighter-opt .n{font-family:var(--head);font-weight:400;font-size:16px;letter-spacing:.5px;color:var(--accent);margin-top:6px;line-height:1}
[data-theme=g] .fighter-opt[aria-checked=true]{background:radial-gradient(circle at 50% 28%,#e0473c 0,#8e1a14 75%);transform:rotate(-2deg) translateY(-2px);box-shadow:0 0 0 3px var(--accent),4px 6px 0 3px var(--ink)}
[data-theme=g] .fighter-opt[aria-checked=true] .n{color:#f7eedb}
@media (min-width:760px){[data-theme=g] .fighter-opt{flex:1 1 0;min-width:0}[data-theme=g] .fighters{overflow:visible}}
[data-theme=g] .bio{font-style:normal;letter-spacing:.3px}
[data-theme=g] .slot{border:3px dashed var(--ink);border-radius:50%;background:transparent}
[data-theme=g] .slot small{font-family:var(--head);font-weight:400;font-size:13px;left:50%;transform:translateX(-50%);top:3px}
[data-theme=g] .slot.filled{border-style:solid;background:#fbf5e4}
[data-theme=g] .slot.active{box-shadow:0 0 0 4px var(--primary);transform:rotate(-6deg)}
[data-theme=g] .moves{gap:12px}
[data-theme=g] .move{border:4px double var(--ink);border-radius:0;background:#fbf5e4;box-shadow:none;padding:10px 6px 9px}
[data-theme=g] .move .n{font-family:var(--head);font-weight:400;font-size:21px;letter-spacing:.5px;line-height:1}
[data-theme=g] .move .d{font-size:12.5px;margin-top:2px}
[data-theme=g] .move.sel{background:var(--primary);color:#f7eedb;transform:rotate(-1.5deg);border-color:var(--ink)}
[data-theme=g] .move .tag{border-radius:50%;width:auto;background:var(--ink);color:var(--accent);border:2px solid var(--accent);font-family:var(--head);font-weight:400;font-size:13px;letter-spacing:.5px;padding:2px 6px;transform:rotate(10deg)}
[data-theme=g] .btn{border:3px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);background:var(--accent);color:var(--ink);font-family:var(--head);font-weight:400;font-size:21px;letter-spacing:1px;padding:9px 16px}
[data-theme=g] .btn.alt{background:var(--ink);color:#f3e8cf}
[data-theme=g] .btn.ghost{background:#fbf5e4}
[data-theme=g] .btn.big{background:var(--primary);color:#f7eedb;font-size:34px;letter-spacing:3px;text-shadow:none;padding:10px;margin-top:24px;box-shadow:0 0 0 3px #f3e8cf,0 0 0 6px var(--ink)}
[data-theme=g] .btn.big:active{transform:translateY(2px);box-shadow:0 0 0 3px #f3e8cf,0 0 0 6px var(--ink)}
[data-theme=g] .rules{margin-top:22px}
[data-theme=g] .rules summary{font-family:var(--head);font-weight:400;font-size:20px;letter-spacing:1.5px}
[data-theme=g] .err{border-radius:0;font-weight:600}
[data-theme=g] .stats-card{background:var(--ink);color:#f3e8cf;outline-color:#f3e8cf;padding:22px 20px 18px}
[data-theme=g] .stats-card .t::before{content:"OFFICIAL FIGHTER RECORD";display:block;font-family:var(--head);letter-spacing:3px;font-size:14px;color:var(--accent)}
[data-theme=g] .stats-top .rank{font-family:var(--head);font-weight:400;font-size:26px;letter-spacing:1px;color:#f7eedb}
[data-theme=g] .stats-top .rec{font-weight:400}
[data-theme=g] .streak{width:66px;height:66px;border-radius:50%;border:2px dashed #f7eedb;background:var(--primary);color:#f7eedb;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);font-family:var(--head);font-weight:400;letter-spacing:1px;box-shadow:0 0 0 3px var(--primary)}
[data-theme=g] .streak b{font-size:22px;line-height:.9}
[data-theme=g] .badge{border-radius:0;background:transparent;border:1px solid #f3e8cf;color:#f3e8cf;font-weight:400}
[data-theme=g] .stats-card details summary{font-family:var(--head);font-weight:400;letter-spacing:1px;font-size:16px;color:var(--accent)}
[data-theme=g] .stats-card .hint{color:#f3e8cf}
[data-theme=g] .taunt{border-radius:0;border:3px solid var(--ink);background:#fbf5e4;font-family:var(--head);font-weight:400;font-size:26px;letter-spacing:1px}
[data-theme=g] .mode-badge{border-radius:0;font-family:var(--head);font-weight:400;font-size:17px;letter-spacing:1px}
[data-theme=g] .vs{font-family:var(--logo);font-weight:400;-webkit-text-stroke:0;color:var(--accent);text-shadow:2px 2px 0 var(--ink)}
/* battle */
[data-theme=g] .bill{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;text-align:center;font-family:var(--head);margin:-4px 0 12px;padding-bottom:10px;border-bottom:6px double var(--ink)}
[data-theme=g] .bill-k{width:100%;font-size:17px;letter-spacing:7px;color:var(--primary);text-transform:uppercase}
[data-theme=g] .bill-k::before{content:"\2605  "}[data-theme=g] .bill-k::after{content:"  \2605"}
[data-theme=g] .bill b{font-weight:400;font-size:clamp(28px,8vw,50px);line-height:.95;color:var(--ink);letter-spacing:.5px;word-break:break-word}
[data-theme=g] #billR{color:var(--primary)}
[data-theme=g] .bill i{font-family:var(--logo);font-style:normal;font-size:22px;color:var(--accent);text-shadow:1px 1px 0 var(--ink)}
[data-theme=g] .scorebar{background:transparent;border:0;border-radius:0;padding:0;gap:8px}
[data-theme=g] .sb-side{background:var(--primary);color:#f7eedb;padding:5px 10px;font-family:var(--head);font-weight:400;font-size:16px;letter-spacing:1px;align-self:stretch}
[data-theme=g] .sb-side.r{background:var(--ink)}
[data-theme=g] .sb-side b{font-family:var(--head);font-weight:400;font-size:34px;color:var(--accent)}
[data-theme=g] .sb-mid{font-family:var(--head);font-weight:400;font-size:17px;letter-spacing:1px}
[data-theme=g] .arena{border-radius:0;min-height:290px;margin-top:10px;border:3px solid var(--ink);padding:80px 10px 12px;
  background:radial-gradient(ellipse 55% 85% at 50% -12%,rgba(255,236,190,.5),transparent 70%),
  linear-gradient(#c22d23,#8e1a14) 0 34%/100% 5px no-repeat,
  linear-gradient(#c22d23,#8e1a14) 0 49%/100% 5px no-repeat,
  linear-gradient(#c22d23,#8e1a14) 0 64%/100% 5px no-repeat,
  linear-gradient(var(--primary),var(--primary)) 0 100%/100% 10px no-repeat,
  linear-gradient(#ddc89e,#c4ab7c) 0 100%/100% 30% no-repeat,
  radial-gradient(circle at 20% 60%,rgba(0,0,0,.35) 0 6%,transparent 6.5%) 0 0/60px 40px,
  linear-gradient(180deg,#120e0b,#3b2d22)}
[data-theme=g] .arena::before,[data-theme=g] .arena::after{content:"";position:absolute;bottom:26%;top:24%;width:10px;background:linear-gradient(var(--primary) 0 34px,#9a9184 34px,#5d564c);border:2px solid #0e0b09;z-index:0}
[data-theme=g] .arena::before{left:8px}[data-theme=g] .arena::after{right:8px;background:linear-gradient(var(--accent) 0 34px,#9a9184 34px,#5d564c)}
[data-theme=g] .fighter{z-index:1}
[data-theme=g] .f-body{filter:drop-shadow(0 8px 6px rgba(0,0,0,.45))}
[data-theme=g] .f-name{display:inline-block;background:var(--ink);color:#f3e8cf;font-family:var(--head);font-weight:400;font-size:18px;letter-spacing:1px;padding:1px 8px;margin-top:4px;max-width:100%}
[data-theme=g] .bubble{border:3px solid var(--ink);background:#fbf5e4}
[data-theme=g] .countdown{font-family:var(--head);font-weight:400;font-size:58px;-webkit-text-stroke:0;color:var(--primary);letter-spacing:2px}
[data-theme=g] .countdown span{background:#f6ecd4;border:5px double var(--ink);padding:2px 22px 0;box-shadow:0 10px 24px rgba(0,0,0,.45);transform:rotate(-4deg);display:inline-block}
[data-theme=g] .p-text{font-family:var(--head);font-weight:400;font-size:28px;color:var(--accent);-webkit-text-stroke:1.5px var(--ink);letter-spacing:1px}
[data-theme=g] .log li{background:#fbf5e4;border:0;border-left:6px solid var(--primary);border-radius:0;box-shadow:2px 3px 0 rgba(31,26,21,.35);font-size:16px;line-height:1.35;margin-top:10px}
[data-theme=g] .log li b{font-family:var(--head);font-weight:400;font-size:18px;background:var(--ink);color:var(--accent);padding:0 6px;letter-spacing:1px}
[data-theme=g] .skip{font-family:var(--head);font-weight:400;font-size:19px;letter-spacing:1px}
[data-theme=g] .final{margin-top:16px}
[data-theme=g] .final::before{content:"OFFICIAL RESULT";display:inline-block;font-family:var(--head);font-size:22px;letter-spacing:4px;color:var(--primary);border:5px double var(--primary);padding:4px 14px 2px;transform:rotate(-6deg);margin:4px 0 8px;opacity:.9}
[data-theme=g] #screen-battle.is-tie .final::before{content:"NO CONTEST"}
[data-theme=g] .winner{font-family:var(--head);font-weight:400;-webkit-text-stroke:0;color:var(--ink);text-transform:uppercase;font-size:clamp(34px,9vw,58px);line-height:.95;letter-spacing:1px}
[data-theme=g] .you{font-family:var(--head);font-weight:400;font-size:23px;letter-spacing:1px;color:var(--primary)}
[data-theme=g] .pbp{background:#fbf5e4;border:2px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);font-size:17px}
[data-theme=g] .unlocks{border-radius:0;font-weight:600}
[data-theme=g] .send-card{border:3px dashed var(--ink);border-radius:0;background:var(--soft);padding:14px 12px}
[data-theme=g] .send-card .btn.big{font-size:24px;letter-spacing:1px}
[data-theme=g] .vs-splash{background:var(--accent)}
[data-theme=g] .vs-splash::before{content:"\2605  MAIN EVENT  \2605";position:absolute;top:12px;left:0;right:0;text-align:center;z-index:3;font-family:var(--head);font-size:20px;letter-spacing:6px;color:#f7eedb;white-space:pre}
[data-theme=g] .vsp-l{background:linear-gradient(160deg,#cf3a2f,#7d1610);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
[data-theme=g] .vsp-r{background:linear-gradient(160deg,#3a3028,#0f0c0a);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
[data-theme=g] .vsp-side b{font-family:var(--head);font-weight:400;font-size:clamp(22px,6.4vw,40px);letter-spacing:1px;color:#f7eedb;margin-top:10px;padding:0 12px}
[data-theme=g] .vsp-vs{font-family:var(--logo);font-size:clamp(40px,12vw,72px);color:var(--accent);text-shadow:4px 4px 0 var(--ink)}
[data-theme=g] .foot{font-family:var(--head);font-size:15px;letter-spacing:2px;font-weight:400}
[data-theme=g] #toast{border-radius:0;font-family:var(--head);font-weight:400;font-size:19px;letter-spacing:1px}
@media (min-width:760px){
  [data-theme=g] #screen-create>.card:not(.stats-card){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;
    grid-template-areas:"t t" "s s" "m m" "name to" "fig fig" "mov mov" "taunt taunt" "err err" "btn btn" "rules rules"}
  [data-theme=g] #screen-create .title{grid-area:t}[data-theme=g] #screen-create .sub{grid-area:s}[data-theme=g] #screen-create .mode-toggle{grid-area:m}
  [data-theme=g] #screen-create .field.fld-name{grid-area:name}[data-theme=g] #screen-create .field.fld-to{grid-area:to}
  [data-theme=g] #screen-create .field.fld-fighter{grid-area:fig}[data-theme=g] #screen-create .field.fld-moves{grid-area:mov}
  [data-theme=g] #screen-create .field.fld-taunt{grid-area:taunt}[data-theme=g] #screen-create .err{grid-area:err}
  [data-theme=g] #screen-create #cGo{grid-area:btn}[data-theme=g] #screen-create .rules{grid-area:rules}
  [data-theme=g] .arena{min-height:340px}
}

/* ===== polish pass after screenshot review ===== */
[data-theme=d] .sb-mid{max-width:none;flex:none;white-space:nowrap;font-size:6.5px}
[data-theme=d] .f-name,[data-theme=g] .f-name{display:table;margin:4px auto 0}
[data-theme=d] .field input{font-size:21px}
[data-theme=e] .top{padding:0 46px}
[data-theme=e] .logo{font-size:clamp(34px,9.6vw,62px)}
[data-theme=e] .send-card .btn.big{font-size:20px;padding:12px}
[data-theme=e] .title{background:linear-gradient(transparent 55%,rgba(255,228,92,.95) 55% 88%,transparent 88%) 0 0/100% 1.12em repeat-y}
[data-theme=e] .winner{background:linear-gradient(transparent 52%,rgba(255,228,92,.95) 52% 90%,transparent 90%) 0 0/100% 1.1em repeat-y}
[data-theme=f] .right .bubble{border-color:#c8ff00}
[data-theme=g] .logo-silly{text-shadow:2px 2px 0 var(--accent)}
[data-theme=g] .logo-fight{text-shadow:2px 2px 0 var(--ink)}
[data-theme=g] .logo{letter-spacing:.5px}
[data-theme=g] .mode{font-size:22px;padding:12px 14px;white-space:nowrap}
[data-theme=g] .f-name{font-size:16px}
[data-theme=g] .linkbox input{font-size:13px}
[data-theme=g] .final::before{display:table;margin:6px auto 10px}
@media (min-width:900px){
  [data-theme=d] .f-body,[data-theme=e] .f-body,[data-theme=g] .f-body{font-size:140px}
  [data-theme=d] .arena{min-height:360px}
  [data-theme=e] .arena{min-height:320px}
  [data-theme=f] #screen-create .title{font-size:clamp(48px,4.8vw,92px);overflow-wrap:anywhere}
  [data-theme=f] .fighter-opt{flex-direction:column;text-align:center;gap:6px;padding:12px 6px}
  [data-theme=f] .fighter-opt .n{font-size:12px}
}

/* =====================================================================
   v4 · Fight Night is the default look – polish + fallbacks
   ===================================================================== */
/* fallback for `inset` (Safari < 14.1, old Android WebView) */
.fx,.countdown,#confetti,.bg-deco,.vs-splash{top:0;right:0;bottom:0;left:0}
/* score bar: names wrap to 2 lines instead of being cut off */
[data-theme=g] .sb-side{padding:6px 8px;gap:6px;min-height:46px}
[data-theme=g] .sb-side span{white-space:normal;text-overflow:clip;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.05;max-height:2.1em;word-break:break-word;overflow-wrap:anywhere;font-size:15px}
[data-theme=g] .sb-mid{flex:none;max-width:none;font-size:15px;line-height:1.05}
@media (min-width:760px){[data-theme=g] .sb-side span{font-size:17px}[data-theme=g] .sb-mid{font-size:17px}}
[data-theme=g] .linkbox input{font-family:var(--font);font-size:15px;letter-spacing:.2px}
/* verdict + error screens */
[data-theme=g] #screen-verdict,[data-theme=g] #screen-bad{text-align:center}
[data-theme=g] #screen-verdict .vs-row{background:linear-gradient(105deg,#b3261e 0 47%,var(--accent) 47% 53%,#1f1a15 53%);border:3px solid var(--ink);padding:18px 10px;margin:0 0 16px;gap:26px}
[data-theme=g] #screen-verdict .big-fighter{font-size:84px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}
[data-theme=g] #screen-verdict #vR{transform:scaleX(-1)}
[data-theme=g] #screen-verdict .vs{font-size:40px}
[data-theme=g] #screen-verdict .title{border-bottom:0;padding-bottom:0}
[data-theme=g] #screen-verdict .title::after{content:"";display:block;height:6px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:10px auto 0;width:60%}
/* accept: challenger intro as a mini poster */
[data-theme=g] .challenger-intro .big-fighter{font-size:80px}
[data-theme=g] .challenger-intro .title .hl{color:var(--ink);display:inline-block;background:var(--accent);padding:0 8px;margin-bottom:4px}
/* record / achievements */
[data-theme=g] .stats-card .badges{gap:8px}
[data-theme=g] .stats-card .badge:not(.locked){background:var(--accent);color:var(--ink);border-color:var(--accent)}
[data-theme=g] .stats-card .badge.locked{opacity:.45;border-style:dashed}
[data-theme=g] .stats-card .rules,[data-theme=g] .stats-card details[open] summary{margin-bottom:6px}
/* grain is also on the (dark) record card */
[data-theme=g] .stats-card{background:url(grain.png) 0 0/200px 200px repeat,var(--ink)}
/* without clip-path the VS splash is two flat halves (still fine) */
@supports not (clip-path:polygon(0 0,1px 0,0 1px)){[data-theme=g] .vsp-l,[data-theme=g] .vsp-r{clip-path:none}}
/* footer without the theme button */
[data-theme=g] .foot{opacity:.8}
[data-theme=g] .sb-side{letter-spacing:0;padding:6px 7px}
[data-theme=g] .sb-side span{font-size:14px;letter-spacing:.2px}
[data-theme=g] .sb-mid{width:62px;white-space:normal;text-align:center}
@media (min-width:760px){[data-theme=g] .sb-mid{width:auto}[data-theme=g] .sb-side span{font-size:17px;letter-spacing:.5px}}
[data-theme=g] .sb-mid{width:56px;font-size:15px}
@media (min-width:760px){[data-theme=g] .sb-mid{width:auto}}
[data-theme=g] .vsp-side b{font-size:clamp(20px,5.4vw,40px);letter-spacing:.5px;word-break:normal;overflow-wrap:break-word}
[data-theme=g] .send-card .btn.big{margin-top:6px}
[data-theme=g] .stats-card .t::before{letter-spacing:2px;font-size:13px;white-space:nowrap}
[data-theme=g] .stats-top .rank{font-size:23px;line-height:1.05}
[data-theme=g] .streak{width:58px;height:58px;flex:none}
[data-theme=g] .challenger-intro .title .hl{display:inline;padding:0 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0}
[data-theme=g] .f-body{line-height:1.12}
[data-theme=g] .vsp-side b{max-width:84%;text-shadow:2px 2px 0 rgba(0,0,0,.45)}
@media (min-width:760px){[data-theme=g] .vsp-side b{font-size:30px}[data-theme=g] .vsp-e{font-size:120px}}
[data-theme=g] .f-name{position:relative;z-index:2}
@media (min-width:760px){[data-theme=g] #screen-verdict,[data-theme=g] #screen-share,[data-theme=g] #screen-bad{max-width:660px}[data-theme=g] #screen-verdict .big-fighter{font-size:96px}}
[data-theme=g] .vsp-side b{font-size:clamp(18px,4.6vw,30px);max-width:94%}
/* seamless page background: light spot at the top fading to a flat kraft colour (no hard edge on long pages) */
html[data-theme=g]{background:#d6bf90}
[data-theme=g] body{background:url(grain.png) 0 0/200px 200px repeat,radial-gradient(ellipse 90% 900px at 50% 0,#f3e7c9 0,rgba(243,231,201,.55) 45%,rgba(243,231,201,0) 100%) 0 0/100% 1000px no-repeat,#d6bf90}