:root{--red:#c8102e;--red2:#8f061c;--yellow:#ffd54a;--blue:#0066b3;--cream:#fff7e6;--dark:#261018;--green:#19a463}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#ffefb0 0,#fff7e6 28%,#e5233d 100%);color:var(--dark);min-height:100vh}
.hero,.board,.phone-wrap{width:min(1120px,94vw);margin:auto;padding:28px}.hero{text-align:center}.badge{display:inline-block;background:linear-gradient(135deg,var(--yellow),#fff3a0);border:2px solid #fff;padding:10px 20px;border-radius:999px;font-weight:800;color:var(--red2);box-shadow:0 8px 24px #8f061c44}.badge.small{font-size:14px;padding:7px 14px}
h1{margin:18px 0 8px;font-size:clamp(34px,7vw,76px);line-height:1.05;color:#fff;text-shadow:0 5px 0 var(--red2),0 14px 28px #0006}h1 span{color:var(--yellow)}.place{font-size:24px;color:#fff;font-weight:700;text-shadow:0 2px 8px #0005}.panel,.quiz-card,.board{background:rgba(255,255,255,.92);border:1px solid #ffffffcc;border-radius:28px;box-shadow:0 24px 70px #6b000055;backdrop-filter:blur(8px)}.panel{padding:24px;margin:26px auto}.muted{color:#6f4a4a}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.qr-card{background:#fff;border:3px dashed var(--red);border-radius:22px;padding:18px;min-height:295px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.qr-card img{width:190px;height:190px}.qr-card strong{font-size:24px;color:var(--red2)}.qr-card small{color:#6d5555}.qr-card.claimed{background:linear-gradient(135deg,#eee,#fff);border-style:solid;opacity:.72}.taken{width:132px;height:132px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-12deg);box-shadow:0 10px 20px #0003}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}button,.linkbtn{border:0;border-radius:999px;padding:14px 26px;font-size:18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:linear-gradient(135deg,var(--yellow),#fff19a);color:var(--red2);box-shadow:0 10px 0 #b88700}.secondary{background:#fff;color:var(--red2);border:2px solid var(--red)}.full{width:100%;margin-top:12px}.hidden{display:none!important}.phone-wrap{max-width:560px;min-height:100vh;display:grid;place-items:center}.quiz-card{width:100%;padding:24px;text-align:center}.quiz-card h1{font-size:38px;color:var(--red);text-shadow:none}.quiz-card h2{font-size:23px;text-align:left;line-height:1.35}input{width:100%;padding:16px;border:2px solid #e1b2b2;border-radius:18px;font-size:18px;outline:none}.error{color:var(--red);font-weight:700}.loader{width:64px;height:64px;border:8px solid #ffd0d6;border-top-color:var(--red);border-radius:50%;margin:0 auto 14px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;border-radius:18px;padding:12px 16px;font-size:22px;font-weight:900}.progress-line{height:10px;background:#f3d7d7;border-radius:999px;margin:14px 0;overflow:hidden}.progress-line i{display:block;height:100%;width:0;background:var(--yellow);transition:.3s}.answers{display:grid;gap:10px}.answer{border-radius:18px;background:#fff;border:2px solid #e9c5c5;color:#321;padding:15px;text-align:left;box-shadow:none}.answer.right{background:#dff8e7;border-color:var(--green);color:#075c2c}.answer.wrong{background:#ffe0e0;border-color:var(--red)}.answer.dim{opacity:.65}.stadium,.result-page{background:linear-gradient(180deg,#b80024,#e5233d 38%,#fff2bd)}.board{text-align:center;margin-top:28px}.board h1{font-size:42px;color:#fff}.clock{display:inline-block;background:#111;color:var(--yellow);border-radius:16px;padding:10px 24px;font-size:38px;font-weight:900;margin:10px}.tracks{display:grid;gap:22px;margin:22px 0}.track{background:#fff;border-radius:22px;padding:16px;border:2px solid #ffd7d7}.track-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:20px}.road{height:118px;background:repeating-linear-gradient(90deg,#5b5b5b 0 80px,#686868 80px 160px);border-radius:18px;position:relative;overflow:hidden;border:5px solid #3b3b3b}.road:after{content:"";position:absolute;top:55px;left:0;right:0;border-top:5px dashed #fff8}.tank-wrap{position:absolute;bottom:8px;width:120px;transition:left .6s ease}.tank-wrap span{display:block;background:var(--yellow);color:var(--red2);border-radius:999px;padding:5px 8px;font-weight:900;margin-bottom:2px;white-space:nowrap}.tank-wrap img{width:104px;filter:drop-shadow(0 7px 5px #0007)}.rank{display:grid;gap:12px;margin:24px auto;max-width:680px}.rank-row{display:flex;justify-content:space-between;gap:12px;background:#fff;border:2px solid #ffd1d1;border-radius:18px;padding:16px 18px;font-size:22px}.podium{height:230px;display:flex;align-items:end;justify-content:center;gap:16px;margin:20px auto}.place{width:150px;background:linear-gradient(180deg,#ffe27a,#e1a900);border:5px solid #fff;border-radius:18px 18px 0 0;display:grid;place-items:center;box-shadow:0 14px 30px #0003}.place span{font-size:70px;font-weight:900;color:#fff;text-shadow:0 4px 0 #9c6b00}.p1{height:220px}.p2{height:170px}.p3{height:130px}@media(max-width:640px){.hero,.board{padding:16px}.panel{padding:14px}.qr-card img{width:160px;height:160px}.track-head,.rank-row{font-size:16px}.place{width:90px}.board h1{font-size:30px}}