/* V153 — FADED FEUD public pages (Hood Hollywood placeholder look until the final logo/art lands) */
:root{--bg:#0b0412;--purple:#3b0f63;--purple2:#5b1d93;--card:#160a22;--line:#3a2252;--gold:#f0c75e;--gold2:#b8862b;--white:#fbf7ff;--muted:#b5a3c9;--red:#e0313f}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;color:var(--white);font-family:"Barlow Condensed",Arial,sans-serif;
  background:radial-gradient(ellipse at 50% -12%,rgba(155,70,230,.45),transparent 58%),radial-gradient(ellipse at 50% 120%,rgba(240,199,94,.12),transparent 55%),var(--bg);background-attachment:fixed}
.wrap{max-width:560px;margin:0 auto;padding:22px 16px 44px;min-height:100vh;display:flex;flex-direction:column}
.kicker{font-weight:700;letter-spacing:.26em;font-size:13px;color:var(--gold);text-align:center}
.logo{text-align:center;margin:10px 0 2px;line-height:.86;font-family:Anton,Impact,sans-serif;text-transform:uppercase}
.logo span{display:block;background:linear-gradient(180deg,#d7a8ff 0%,#8a3fe0 45%,#3b0f63 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:2px var(--gold);filter:drop-shadow(0 4px 0 #1a0629) drop-shadow(0 0 18px rgba(240,199,94,.35))}
.logo .f1{font-size:clamp(44px,13vw,70px);letter-spacing:.04em}
.logo .f2{font-size:clamp(72px,24vw,128px);letter-spacing:.02em;-webkit-text-stroke:3px var(--gold)}
.logo.sm .f1{font-size:30px;-webkit-text-stroke:1px var(--gold)}.logo.sm .f2{font-size:52px;-webkit-text-stroke:2px var(--gold)}
.asked{font-family:Anton,Impact,sans-serif;text-align:center;font-size:clamp(22px,6.4vw,30px);letter-spacing:.03em;margin-top:12px}
.date{text-align:center;color:var(--muted);font-weight:700;letter-spacing:.12em;font-size:17px;margin-top:6px}
.lanes{display:grid;gap:14px;margin-top:28px}
.lane{display:block;text-decoration:none;color:var(--white);border-radius:18px;padding:20px 20px 18px;border:2px solid var(--gold2);
  background:linear-gradient(160deg,rgba(91,29,147,.75),rgba(22,10,34,.95));box-shadow:0 0 0 1px rgba(240,199,94,.15) inset,0 10px 30px rgba(0,0,0,.45)}
.lane:active{transform:scale(.985)}
.lane:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lane b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(30px,8.6vw,40px);letter-spacing:.02em;color:var(--gold);line-height:1}
.lane small{display:block;margin-top:8px;font-weight:600;font-size:18px;color:var(--white);line-height:1.25}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:14px}
.qnum{font-weight:700;letter-spacing:.2em;font-size:13px;color:var(--gold)}
.qtext{font-family:Anton,Impact,sans-serif;font-size:clamp(22px,6vw,27px);line-height:1.1;margin:6px 0 12px;text-wrap:balance}
label.f{display:block;font-weight:700;letter-spacing:.16em;font-size:14px;color:var(--gold);margin:16px 0 6px}
input.t{width:100%;font:600 21px "Barlow Condensed",Arial,sans-serif;color:var(--white);background:#0d0616;border:2px solid var(--line);border-radius:12px;padding:13px 14px;outline:none}
input.t:focus{border-color:var(--gold)}
input.t::placeholder{color:#6f5d85}
.done{font-weight:700;font-size:18px;color:var(--gold);letter-spacing:.06em}
.btn{display:block;width:100%;margin-top:22px;padding:17px;border:none;border-radius:14px;cursor:pointer;font-family:Anton,Impact,sans-serif;font-size:28px;letter-spacing:.04em;color:#1c0d00;
  background:linear-gradient(180deg,#ffe39a,var(--gold) 45%,var(--gold2));box-shadow:0 6px 0 #6e4a10,0 12px 28px rgba(0,0,0,.45)}
.btn:active{transform:translateY(3px);box-shadow:0 3px 0 #6e4a10}
.btn:disabled{opacity:.55;cursor:default}
.ghost{display:block;text-align:center;margin-top:18px;color:var(--muted);font-weight:700;letter-spacing:.12em;font-size:16px;text-decoration:none}
.msg{margin-top:14px;text-align:center;font-weight:700;font-size:18px;min-height:22px}
.msg.bad{color:#ff8a93}
.big{font-family:Anton,Impact,sans-serif;font-size:clamp(40px,12vw,58px);line-height:.95;text-align:center;color:var(--gold);margin-top:22vh}
.sub{text-align:center;font-weight:600;font-size:20px;line-height:1.3;margin-top:12px}
.testbar{background:var(--red);color:#fff;text-align:center;font-weight:700;letter-spacing:.14em;padding:8px;border-radius:10px;margin-bottom:12px}
.foot{margin-top:auto;padding-top:30px;text-align:center;color:var(--muted);font-weight:600;font-size:13px;letter-spacing:.14em}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.logoimg{display:block;width:min(86vw,440px);height:auto;margin:6px auto 0;filter:drop-shadow(0 6px 24px rgba(240,199,94,.3))}
.logoimg.sm{width:150px}
.home{display:inline-block;align-self:flex-start;color:var(--gold);text-decoration:none;font-weight:700;letter-spacing:.14em;font-size:14px;padding:6px 0;margin-bottom:4px}
.home:focus-visible{outline:2px solid #fff;outline-offset:3px}