:root{color-scheme:dark;--bg:#0b1220;--panel:#111c2e;--panel2:#16243a;--line:#263750;--text:#edf3fb;--muted:#9aabc1;--blue:#6bb6ff;--green:#39d59a;--red:#ff7777;--amber:#f2c46d}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#1a3555 0,transparent 48%),var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:76px;padding:0 max(24px,calc((100% - 1080px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(154,171,193,.14);background:rgba(8,15,27,.72)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:18px;font-weight:850;letter-spacing:-.5px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#70c4ff,#387de0);color:#071426;font-weight:950}.brand-accent{color:var(--blue)}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:9px;letter-spacing:1.8px;font-weight:700}.secure-label{color:var(--muted);font-size:12px;letter-spacing:.3px}.secure-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #39d59a88}.page-wrap{width:min(100% - 36px,760px);margin:0 auto;padding:76px 0 30px}.intro{text-align:center;margin-bottom:34px}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2.4px;margin:0 0 12px}.intro h1{margin:0;font-size:clamp(34px,7vw,50px);line-height:1.1;letter-spacing:-1.8px}.intro h1 span{color:var(--blue)}.intro-copy{max-width:570px;margin:16px auto 0;color:var(--muted);font-size:15px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(22,36,58,.98),rgba(14,25,42,.98));box-shadow:0 24px 80px #0005}.panel-head{display:flex;align-items:center;gap:15px;padding:24px 27px;border-bottom:1px solid var(--line)}.panel-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#6bb6ff18;color:var(--blue);font-size:23px;font-weight:800}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px 20px;color:var(--muted);font-size:14px}.spinner{width:19px;height:19px;border:2px solid #45617e;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message{margin:22px 27px;padding:15px 17px;border:1px solid #713d4b;border-radius:12px;background:#4b202c55;color:#ffc0c0;font-size:14px}.status-row{display:flex;align-items:center;justify-content:space-between;padding:23px 27px 17px}.field-label{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.6px}.status-badge{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;font-size:11px;font-weight:850;letter-spacing:.8px}.status-active{color:var(--green);border-color:#2b8e6c}.status-used{color:var(--amber);border-color:#8c713d}.status-invalid,.status-revoked,.status-expired{color:var(--red);border-color:#8e444d}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-field{min-width:0;padding:19px 27px;background:#111c2e}.profile-field strong{display:block;margin-top:6px;font-size:17px;overflow-wrap:anywhere}.details-field{padding:22px 27px}.details-field p{margin:9px 0 0;color:#d9e4f1;white-space:pre-wrap;overflow-wrap:anywhere}.privacy-note{margin:0 27px 24px;padding:12px 14px;border-radius:10px;background:#6bb6ff0c;color:var(--muted);font-size:12px}.page-wrap footer{display:flex;justify-content:space-between;gap:15px;margin-top:28px;color:#71839b;font-size:11px}@media(max-width:560px){.topbar{height:66px;padding:0 18px}.secure-label{font-size:0}.secure-dot{width:8px;height:8px;margin:0}.page-wrap{padding-top:48px}.panel-head{padding:20px}.status-row{padding:20px 20px 15px}.profile-field{padding:16px 20px}.details-field{padding:20px}.privacy-note{margin:0 20px 20px}.message{margin:20px}.page-wrap footer{flex-direction:column;text-align:center;gap:4px}}@media(max-width:380px){.profile-grid{grid-template-columns:1fr}.profile-field{padding:14px 20px}}

.status-verified{color:var(--green);border-color:#2b8e6c}.public-player{display:flex;align-items:center;gap:20px;padding:10px 27px 28px}.profile-picture{width:112px;height:112px;object-fit:cover;border-radius:50%;border:2px solid var(--line);background:var(--panel2)}.public-gamertag strong{display:block;margin-top:6px;font-size:clamp(22px,5vw,30px);overflow-wrap:anywhere}.details-field a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.details-field a:hover{color:#a8d7ff}@media(max-width:560px){.public-player{padding:8px 20px 22px;gap:15px}.profile-picture{width:84px;height:84px}}