:root{--xp-ink:#eef7e9;--xp-muted:#adc3b9;--xp-green:#c4ff35;--xp-pink:#ff64c8;--xp-line:#345747}
.xp-page{margin:0;background:#07110f;color:var(--xp-ink);font-family:'Space Grotesk',Arial,sans-serif;background-image:radial-gradient(ellipse at 10% 0%,#244a354f,transparent 60%)}
.xp-wrap{width:min(1120px,calc(100% - 36px));margin:auto;padding-bottom:50px}.xp-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:24px 0;border-bottom:1px solid var(--xp-line)}.xp-brand img{display:block;height:38px;width:auto}.xp-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.xp-page .icon,.xp-dialog .icon{width:18px;height:18px;flex:0 0 auto;fill:currentColor}
.xp-page a{color:var(--xp-green)}.xp-page h1{font-size:clamp(44px,8vw,86px);letter-spacing:-.06em;line-height:.98;margin:16px 0}.xp-page h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.04em}.xp-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--xp-green)}
.xp-lead{max-width:690px;color:var(--xp-muted);font-size:17px;line-height:1.6}.xp-hero{padding:44px 0 28px}.xp-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.xp-tabs a{border:1px solid var(--xp-line);border-radius:30px;padding:12px 17px;text-decoration:none}
.xp-button,.xp-page button,.xp-dialog button{min-height:44px;border:1px solid var(--xp-line);border-radius:10px;padding:11px 16px;background:#173127;color:var(--xp-ink);font:700 14px Arial;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.xp-button.primary,.xp-page button.primary,.xp-dialog button.primary{background:var(--xp-green);color:#111c09}.xp-page button:disabled,.xp-dialog button:disabled{opacity:.5;cursor:wait}
.xp-page :focus-visible,.xp-dialog :focus-visible{outline:3px solid var(--xp-pink);outline-offset:4px}.xp-page section{scroll-margin-top:18px}.xp-note{color:var(--xp-muted);line-height:1.6;font-size:14px}.xp-message{border-left:3px solid var(--xp-green);padding:12px 18px;background:#14271f;line-height:1.5;margin:16px 0}.xp-section{border-top:1px solid var(--xp-line);padding:22px 0 30px}.xp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.xp-section-head span{color:var(--xp-green);white-space:nowrap}
.xp-album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.xp-card{position:relative;min-width:0;padding:10px;border:1px solid #63813e;border-radius:12px;background:linear-gradient(145deg,#273d25,#0d1e18);box-shadow:inset 0 0 0 4px #07120e,0 10px 30px #0005}.xp-card:nth-child(3n+2){border-color:#875670}.xp-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:radial-gradient(ellipse,#84a5624a,transparent 70%);border-radius:8px}.xp-card strong{display:block;font-size:15px;margin:10px 0 5px}.xp-card small{display:block;color:var(--xp-muted);line-height:1.5;font-size:12px}.xp-card.locked{border-color:#304b3e;box-shadow:none;background:#0a1814}.xp-card.locked img{filter:brightness(0);opacity:.5}.xp-card.locked:after{content:'?';position:absolute;top:26%;left:43%;font:bold 48px Georgia;color:#52705f}.xp-card .xp-found{color:var(--xp-green);font-size:11px;letter-spacing:.08em;font-weight:bold}
.xp-stamps{display:flex;flex-wrap:wrap;gap:12px}.xp-stamp{flex:1 1 155px;max-width:240px;border:1px dashed #446454;border-radius:12px;padding:18px;background:#0d1e18}.xp-stamp.earned{border:2px solid #c4ff35;background:#22351b}.xp-stamp b{display:block;font-size:18px;margin-bottom:8px}.xp-stamp small{line-height:1.5;color:var(--xp-muted)}.xp-stamp span{display:block;color:var(--xp-green);font-size:11px;margin-bottom:12px;letter-spacing:.12em}
.xp-record{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #294537}.xp-record img{width:64px;height:72px;object-fit:cover;border-radius:9px}.xp-record h3{margin:0 0 6px;font-size:18px}.xp-record p{margin:4px 0;color:var(--xp-muted);font-size:13px}.xp-record .xp-score{color:var(--xp-green);font-size:23px;font-weight:800}.xp-record-actions{display:flex;gap:8px;flex-wrap:wrap}.xp-journal{list-style:none;padding:0}.xp-journal li{border-left:2px solid var(--xp-pink);padding:10px 18px;margin:16px 0}.xp-journal strong{display:block}.xp-journal small{color:var(--xp-muted);line-height:1.5;display:block;margin-top:6px}
.xp-dialog{box-sizing:border-box;color:var(--xp-ink);background:#0b1b15;border:1px solid #648448;border-radius:20px;padding:24px;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;font:16px/1.55 Arial;box-shadow:0 24px 100px #000b}.xp-dialog::backdrop{background:#020a08ce}.xp-dialog h2{font-size:28px;line-height:1.1;margin:12px 0}.xp-dialog label{display:block;margin:15px 0}.xp-dialog input:not([type=checkbox]):not([type=range]),.xp-dialog select,.xp-dialog textarea{box-sizing:border-box;width:100%;padding:13px;background:#07120f;color:var(--xp-ink);border:1px solid #648448;border-radius:8px;font:16px Arial;margin-top:7px}.xp-dialog textarea{min-height:100px;resize:vertical}.xp-dialog .xp-close{float:right;min-width:44px}.xp-dialog canvas{width:100%;height:auto;border-radius:14px;margin:16px 0}.xp-dialog p{clear:both}.xp-dialog .xp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.xp-dialog input[type=range]{width:100%;min-height:36px;accent-color:var(--xp-green)}.xp-dialog input[type=checkbox]{width:22px;height:22px;vertical-align:middle;accent-color:var(--xp-green);margin-right:8px}
.xp-lobby{margin:22px 0;border:1px solid #496b42;border-radius:20px;padding:22px;background:linear-gradient(115deg,#142e1eea,#0c1a17f2);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;color:var(--xp-ink)}.xp-lobby h2{margin:0 0 8px;font-size:25px}.xp-lobby p{margin:0;color:var(--xp-muted);font-size:14px;line-height:1.5}.xp-lobby-links{display:flex;gap:10px;flex-wrap:wrap}.xp-lobby a{color:var(--xp-green)}.xp-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.xp-picks a{display:inline-block;text-decoration:none;border-bottom:1px solid #698653;padding:9px 6px;font-weight:800;font-size:13px}.xp-footer-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;font:700 13px Arial}.xp-footer-links a{color:#c4ff35}
@media(max-width:650px){.xp-wrap{width:calc(100% - 28px)}.xp-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xp-record{grid-template-columns:56px 1fr;gap:12px}.xp-record img{width:56px}.xp-record-actions{grid-column:2}.xp-lobby{grid-template-columns:1fr;padding:18px}.xp-hero{padding-top:30px}.xp-stamp{flex-basis:120px}.xp-dialog{padding:19px}}
@media(prefers-reduced-motion:reduce){.xp-page *, .xp-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.xp-page [hidden],.xp-dialog [hidden]{display:none!important}
.xp-page .honeygate-attribution{position:static;width:max-content;margin:18px auto max(18px,env(safe-area-inset-bottom));box-shadow:none}

.xp-hero{position:relative}.xp-hero-pack{position:absolute;right:8px;top:24px;width:220px;height:290px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 20px 25px #0009);pointer-events:none}.xp-page[data-experience=passport] .xp-hero .xp-lead{max-width:68%}.xp-card img{aspect-ratio:2/3}.xp-card.locked img{opacity:.26}
@media(max-width:760px){.xp-hero-pack{width:125px;height:175px;right:-3px;top:18px;opacity:.8}.xp-page[data-experience=passport] .xp-hero h1{font-size:clamp(40px,9.8vw,72px);max-width:75%}.xp-page[data-experience=passport] .xp-hero .xp-lead{max-width:100%;position:relative}.xp-hero .xp-kicker{max-width:58%;line-height:1.5}}