:root{--green:#68ff14;--green2:#c5ff62;--black:#030603;--panel:#0a100a;--panel2:#0e170e;--line:#263d26;--text:#f7fff3;--muted:#9eb19a;--danger:#ff6868;--whats:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -5%,#193b17 0,#071007 28%,#020402 72%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}.hero{height:390px;position:relative;background:url('./identidade-km18.jpeg') center 18%/cover no-repeat;border-bottom:2px solid var(--green);overflow:hidden}.heroShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.48) 52%,#071007 100%)}.heroContent{position:absolute;left:0;right:0;bottom:30px;text-align:center;padding:0 20px;text-shadow:0 3px 20px #000}.eyebrow,.step{letter-spacing:.2em;font-size:11px;font-weight:950;color:var(--green2)}h1{font-size:38px;line-height:.88;margin:11px 0 8px;font-weight:1000;letter-spacing:-.03em}h1 b{display:block;color:var(--green);font-size:62px}h1 small{font-size:19px;margin-left:9px;color:#fff;letter-spacing:.04em}main{max-width:900px;margin:-10px auto 0;padding:0 16px 70px;position:relative}.card{background:linear-gradient(145deg,rgba(15,24,15,.985),rgba(4,8,4,.99));border:1px solid #253b25;border-radius:20px;padding:24px;margin:14px 0;box-shadow:0 18px 55px rgba(0,0,0,.32)}.intro{border-color:#3f7a32;box-shadow:0 0 0 1px rgba(104,255,20,.05),0 20px 60px rgba(0,0,0,.4)}h2{font-size:29px;margin:7px 0 8px;letter-spacing:-.02em}h3{margin:0;font-size:15px;letter-spacing:.08em;color:var(--green2)}p{margin:6px 0;line-height:1.55}.official{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;background:#071007;border:1px solid #2f5829;border-radius:13px;padding:13px 15px}.official span{font-size:12px;color:var(--muted);font-weight:800}.official strong{color:var(--green2);font-size:15px}.sectionTitle{display:flex;align-items:center;gap:12px;margin-bottom:18px}.sectionTitle>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#51df08,#9dff3a);color:#071007;font-weight:1000}.sectionTitle p{font-size:12px;color:var(--muted);margin:2px 0 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:780;margin:12px 0;color:#deeadb}input,select{width:100%;margin-top:7px;background:#050905;border:1px solid #314831;color:#fff;border-radius:12px;padding:14px 13px;font:inherit;outline:none;transition:.18s}input::placeholder{color:#627160}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(104,255,20,.10)}.playersTitle{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.btnSecondary,.btnGhost,.btnAddWide,.remove,.btnPrimary,.btnWhats{font:inherit;cursor:pointer;transition:.18s;-webkit-tap-highlight-color:transparent}.btnSecondary{border:1px solid #4b7a42;background:#122012;color:var(--green2);padding:11px 14px;border-radius:11px;font-weight:900}.btnSecondary:hover,.btnGhost:hover,.btnAddWide:hover{transform:translateY(-1px);border-color:var(--green)}.player{border:1px solid #203420;background:linear-gradient(145deg,#070c07,#050805);border-radius:15px;padding:16px;margin:12px 0}.playerHead{display:flex;justify-content:space-between;align-items:center}.playerNumber{color:var(--green);font-size:12px;letter-spacing:.12em}.remove{color:#ffc1c1;border:1px solid #603636;background:#1c0d0d;padding:8px 11px;border-radius:9px;font-weight:850}.playerGrid{display:grid;grid-template-columns:2fr .72fr 1fr;gap:10px}.btnAddWide{width:100%;border:1px dashed #47743e;background:rgba(70,120,55,.08);color:var(--green2);padding:14px;border-radius:12px;font-weight:950;margin-top:12px}.check{display:flex;gap:11px;align-items:flex-start;background:#070c07;border:1px solid #213521;border-radius:12px;padding:14px}.check input{width:20px;height:20px;margin:0;accent-color:var(--green);flex:0 0 auto}.btnPrimary{width:100%;margin-top:18px;border:0;border-radius:13px;padding:17px;background:linear-gradient(90deg,#52e408,#a5ff3e);color:#061006;font-weight:1000;letter-spacing:.055em;font-size:15px;box-shadow:0 0 32px rgba(104,255,20,.18)}.btnPrimary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btnPrimary:disabled{opacity:.55;cursor:wait;transform:none}.legal,.hint{color:var(--muted);font-size:12px;text-align:center;margin-top:12px}.success{text-align:center;border-color:#4f983d}.successIcon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#54e60b,#a7ff40);color:#061006;font-size:30px;font-weight:1000;box-shadow:0 0 35px rgba(104,255,20,.25)}.codeBox{display:inline-flex;flex-direction:column;gap:4px;margin:16px auto;background:#060a06;border:1px solid #35642e;border-radius:12px;padding:12px 18px}.codeBox span{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:850}.codeBox strong{color:var(--green2);font-size:16px}.actionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.actionGrid .btnPrimary{margin:0}.btnWhats{border:0;border-radius:13px;padding:16px;background:var(--whats);color:#031407;font-weight:1000}.big{width:100%;padding:15px;border-radius:12px}.btnGhost{border:1px solid #344534;background:#070b07;color:#dce7d8;font-weight:900}.hint{margin:16px auto 0;max-width:680px}.hint b{color:#dffff0}#toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px);background:#101a10;border:1px solid #4f8b42;border-radius:13px;padding:13px 18px;opacity:0;pointer-events:none;z-index:50;max-width:min(92%,560px);box-shadow:0 16px 40px rgba(0,0,0,.45);transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast[data-type="warn"]{border-color:#9c7b31}#toast[data-type="error"]{border-color:#923c3c}footer{text-align:center;padding:26px 16px;color:#6e846b;font-size:10px;letter-spacing:.14em;border-top:1px solid #152315}@media(max-width:680px){.hero{height:315px}.heroContent{bottom:22px}h1{font-size:29px}h1 b{font-size:49px}.card{padding:18px;border-radius:17px}.grid,.playerGrid,.actionGrid{grid-template-columns:1fr}.playersTitle{display:block}.playersTitle>.btnSecondary{width:100%;margin:0 0 10px}.official{align-items:flex-start;flex-direction:column}.official strong{font-size:17px}.sectionTitle{margin-bottom:13px}.actionGrid{gap:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}