:root{--board: #0c2a22;--panel: #103a2e;--panel2: #0e3328;--ink: #f3efe2;--line: #1d4d3e;--brass: #d9b25e;--red: #e2574c;--mute: #7fa394}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Oswald,system-ui,sans-serif;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#14463a 0%,var(--board) 55%,#07211a 100%)}a{color:var(--brass);text-decoration:none}.wrap{max-width:760px;margin:0 auto;padding:28px clamp(14px,4vw,30px)}.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mute)}.title{font-size:clamp(26px,6vw,40px);font-weight:700;letter-spacing:.04em;margin:4px 0 0}.sub{color:var(--mute);margin:6px 0 0}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px}.topbar .brand{font-weight:700;letter-spacing:.08em}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:10px;padding:18px;margin:12px 0}.card h2{margin:0 0 4px;font-weight:600;letter-spacing:.02em}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.muted{color:var(--mute);font-size:13px}.field{display:block;margin:12px 0}.field label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}input,select{width:100%;padding:11px 12px;border-radius:7px;border:1px solid var(--line);background:#0b2a21;color:var(--ink);font-family:inherit;font-size:15px}input:focus,select:focus{outline:2px solid var(--brass);outline-offset:1px}.btn{font-family:inherit;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:11px 20px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;transition:border-color .2s,transform .08s}.btn:hover:not(:disabled){border-color:var(--brass)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brass);color:#1a1208;border-color:var(--brass);font-weight:600}.btn--ghost{background:transparent}.btn--block{width:100%}.tabs{display:flex;gap:8px;margin:8px 0 18px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--mute);cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.tab--on{background:var(--brass);color:#1a1208;border-color:var(--brass);font-weight:600}.code{font-family:DM Mono,ui-monospace,monospace;letter-spacing:.2em;font-size:22px;color:var(--brass)}.error{color:var(--red);font-size:13px;margin-top:8px}.center{min-height:100%;display:grid;place-items:center}.pickgrid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 560px){.pickgrid{grid-template-columns:repeat(3,1fr)}}.pick{text-align:left}.pick--on{border-color:var(--brass)}.pick .rank{font-family:DM Mono,monospace;color:var(--mute);font-size:12px}.pick .gname{font-size:18px;font-weight:600;margin-top:4px}.landing{max-width:920px}.lp-hero{text-align:center;padding:14px 0 8px}.lp-title{font-size:clamp(34px,8vw,60px);font-weight:700;letter-spacing:.04em;margin:4px 0 0}.lp-tag{color:var(--mute);font-size:clamp(15px,2.6vw,19px);margin:10px auto 0;max-width:560px;line-height:1.5}.lp-invite{margin:14px auto;max-width:620px;text-align:center;padding:11px 14px;border:1px solid var(--brass);border-radius:10px;color:var(--brass);background:linear-gradient(90deg,#d9b25e29,#d9b25e0a)}.lp-grid{display:grid;gap:22px;grid-template-columns:1fr;margin-top:18px;align-items:start}@media (min-width: 760px){.lp-grid{grid-template-columns:1.1fr .9fr}}.lp-h2{font-weight:600;letter-spacing:.02em;margin:0 0 12px}.lp-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.lp-steps li{display:flex;gap:12px;align-items:flex-start}.lp-num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--brass);color:#1a1208;font-weight:700;font-family:DM Mono,monospace}.lp-steps strong{display:block;font-size:16px;letter-spacing:.02em}.lp-steps span{color:var(--mute);font-size:14px;line-height:1.5}.lp-rules{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.lp-rules p{margin:0;font-family:DM Mono,monospace;font-size:12px;color:var(--mute);line-height:1.6}.lp-rules b{color:var(--ink)}.lp-pip{width:14px;height:14px;border-radius:50%;border:1.5px solid #2c5a4a}.lp-pip.on{border-color:#eee;background:radial-gradient(circle at 35% 30%,#fff,#cfd4cf 70%)}.lp-auth{align-self:start}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04120eb8;display:grid;place-items:center;padding:18px;z-index:50}.modal{position:relative;width:100%;max-width:520px;max-height:90vh;overflow:auto;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 20px 60px #00000080}.modal-x{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--mute);font-size:26px;line-height:1;cursor:pointer}.modal-x:hover{color:var(--ink)}