/* Fightfest base: dark arena, crimson + anime yellow, manga speed lines. Shared by quiz, offer, welcome, app, legal pages. */
:root{
  --bg:#0a0a0e; --bg2:#111117; --card:#16161e; --card2:#1d1d27; --line:rgba(255,255,255,.08); --line2:rgba(255,42,61,.5);
  --red:#ff2a3d; --red2:#ff6170; --redd:#b3001a; --yel:#ffd23f; --text:#f5f5fa; --muted:#9b9bad; --green:#3ddc84; --blue:#5cc8ff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--red2)}
button{font-family:inherit}
img{max-width:100%}
.hd{font-family:Anton,Impact,"Arial Narrow Bold",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.3px;line-height:1.02;font-style:italic}
.sfx{font-family:Bangers,Impact,sans-serif;letter-spacing:1.5px}
.red{color:var(--red)}.yel{color:var(--yel)}
.hl{background:linear-gradient(180deg,transparent 58%,rgba(255,42,61,.55) 58%,rgba(255,42,61,.55) 92%,transparent 92%);padding:0 2px}
.top{display:flex;align-items:center;justify-content:center;height:56px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,14,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}
.logo{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-family:Anton,Impact,sans-serif;font-style:italic;font-size:23px;letter-spacing:.6px;text-transform:uppercase}
.logo .mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(140deg,var(--red2),var(--redd));display:grid;place-items:center;color:#fff;font-size:17px;transform:skewX(-8deg);box-shadow:0 0 18px rgba(255,42,61,.45)}
.logo b{color:var(--red);font-weight:400}
.logo img{height:42px;width:auto;display:block}
.wrap{max-width:560px;margin:0 auto;padding:0 18px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;background:linear-gradient(180deg,var(--red2),var(--red) 50%,var(--redd));color:#fff;
  font-family:Anton,Impact,sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:1px;font-size:19px;padding:16px 22px;border-radius:14px;
  box-shadow:0 10px 34px rgba(255,42,61,.3),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .12s,opacity .15s;text-decoration:none}
.btn:active{transform:scale(.98)}
.btn[disabled]{opacity:.4;cursor:default;transform:none}
.btn.ghost{background:var(--card);box-shadow:none;border:1.5px solid var(--line);font-size:16px}
.link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:14.5px;display:block;margin:16px auto 0;padding:6px}
.muted{color:var(--muted)}.small{font-size:13px}
.err{color:var(--red2);font-size:14px;min-height:20px;margin-top:10px;text-align:center}
.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
/* manga speed lines + halftone, layered behind a section */
.speed{position:relative;isolation:isolate}
.speed:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,255,255,.055) 0 1.2deg,transparent 1.2deg 7deg);
  -webkit-mask:radial-gradient(circle at 50% 45%,transparent 18%,#000 70%);mask:radial-gradient(circle at 50% 45%,transparent 18%,#000 70%);pointer-events:none}
.halftone{background-image:radial-gradient(rgba(255,42,61,.22) 1.2px,transparent 1.4px);background-size:9px 9px}
footer.legal{border-top:1px solid var(--line);margin-top:60px;padding:26px 18px 40px;text-align:center;color:var(--muted);font-size:12.5px}
footer.legal a{color:var(--muted);margin:0 8px}
.doc{padding:30px 0 20px}.doc h1{font-family:Anton,Impact,sans-serif;font-style:italic;text-transform:uppercase;font-size:34px;margin-bottom:6px}
.doc h2{font-size:17px;margin:24px 0 6px}.doc p,.doc li{color:#cfcfdb;font-size:15.5px;margin-bottom:8px}.doc ul{padding-left:20px}
