:root{color-scheme:light dark;--font-display: "Fraunces", "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "Space Mono", ui-monospace, "Courier New", monospace;--font-text: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-hero: clamp(2.5rem, 8vw, 3.815rem);--tracking-hero: .005em;--tracking-caps: .16em;--tracking-tight: -.01em;--leading-tight: 1.1;--leading-body: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius: 10px;--radius-card: 18px;--radius-pill: 999px;--dur-fast: .12s;--dur: .2s;--dur-slow: .36s;--dur-reveal: 2.5s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-stamp: cubic-bezier(.34, 1.56, .64, 1);--ease-print: cubic-bezier(.65, 0, .35, 1);--bg: #f4ecd8;--surface: #fbf5e6;--surface-2: #efe4c9;--text: #241a12;--muted: #6e5f4b;--accent: #c24127;--accent-ink: #9a3220;--accent-contrast: #fdf6e8;--accent-2: #1e6f68;--foil: #a9822f;--border: #e0d3b8;--border-strong: #cbb894;--paper-plate: rgba(251, 245, 230, .92);--shadow: 0 1px 2px rgba(58, 42, 20, .12), 0 2px 8px rgba(58, 42, 20, .08);--shadow-lg: 0 8px 20px rgba(58, 42, 20, .16), 0 20px 44px rgba(58, 42, 20, .14);--grain-opacity: .05}@media (prefers-color-scheme: dark){:root{--bg: #15100b;--surface: #1f1810;--surface-2: #2a2015;--text: #f2e7d2;--muted: #a99a82;--accent: #e06a44;--accent-ink: #f08a60;--accent-contrast: #1a120b;--accent-2: #54b3a6;--foil: #cba254;--border: #34291d;--border-strong: #4a3a28;--paper-plate: rgba(31, 24, 16, .9);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 2px 10px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 26px rgba(0, 0, 0, .55), 0 24px 50px rgba(0, 0, 0, .5);--grain-opacity: .07}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms;--dur-reveal: 1ms;--ease-stamp: linear;--ease-print: linear}}*{box-sizing:border-box}html,body,#root{height:100%}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}.display{font-family:var(--font-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-hero)}.eyebrow{font:600 var(--text-sm)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.lede{margin:0;max-width:42ch;color:var(--muted);font-size:var(--text-lg);line-height:var(--leading-body)}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.4rem;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-text);text-decoration:none;cursor:pointer;background:var(--_bg);color:var(--_fg);border:1px solid var(--border);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn--lg{min-height:52px;padding:0 1.9rem;font-size:var(--text-lg)}.btn--primary{--_bg: var(--accent);--_fg: var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.passport-rule{position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 26px);opacity:.6}.landing{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:clamp(2rem,6vw,4rem) clamp(1rem,5vw,3rem) var(--space-8)}.landing__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding-top:clamp(1rem,5vh,4rem);max-width:44rem}.landing__wordmark{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.landing__wordmark h1{margin:0;font-size:clamp(2.75rem,11vw,5rem);color:var(--text)}.landing__flourish{flex:none;filter:drop-shadow(var(--shadow))}.landing__note{margin:0;color:var(--muted);font:600 var(--text-sm)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase}.landing__hero .cta-row{margin-top:var(--space-2)}.landing__resume{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.landing__resume:hover{border-color:var(--accent);background:var(--surface)}.landing__resume-eyebrow{color:var(--muted);font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase}.collect{width:100%;max-width:42rem;display:flex;flex-direction:column;gap:var(--space-6)}.collect__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.collect__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);letter-spacing:var(--tracking-tight)}.collect__count{margin:0;color:var(--muted);font:600 var(--text-sm)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase}.collect__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-4)}.collect__cell{display:flex}.collect__chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.collect__name{font:600 var(--text-xs)/1.2 var(--font-text);color:var(--muted);text-align:center}.collect__link{display:block;width:100%;border-radius:var(--radius);text-decoration:none}.collect__link:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}.collect__link:hover .collect__name{color:var(--text)}.collect__chip--current .stamp{box-shadow:0 0 0 3px var(--accent),var(--shadow-lg)}.collect__hint{margin:0;text-align:center;color:var(--muted);font-size:var(--text-sm)}.stamp{display:grid;place-items:center;flex:none;border-radius:var(--radius);overflow:hidden;transform:rotate(var(--stamp-rot, 0deg));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--text) 8%,transparent),var(--shadow);transition:transform var(--dur) var(--ease)}.stamp svg{width:92%;height:92%}.stamp--locked{filter:grayscale(.35);opacity:.6}.collect__cell:hover .stamp:not(.stamp--locked){transform:rotate(0) scale(1.03)}.quiz{min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-8);padding:clamp(1rem,4vw,2rem) clamp(1rem,5vw,3rem) var(--space-8);max-width:44rem;margin-inline:auto;width:100%}.quiz__bar{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-2)}.iconbtn{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.5rem;line-height:1;transition:background var(--dur) var(--ease)}.iconbtn:hover{background:var(--surface-2)}.iconbtn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.route{position:relative;flex:1;height:24px;display:flex;align-items:center}.route__line{position:absolute;left:0;right:0;top:50%;border-top:2px dotted var(--border-strong)}.route__fill{position:absolute;left:0;top:50%;height:0;border-top:2px solid var(--accent);transition:width var(--dur-slow) var(--ease)}.route__plane{position:absolute;top:50%;transform:translate(-50%,-50%);color:var(--accent);font-size:1rem;line-height:1;transition:left var(--dur-slow) var(--ease)}.quiz__count{flex:none;color:var(--muted);font:600 var(--text-sm)/1 var(--font-mono);font-variant-numeric:tabular-nums;min-width:3.5ch;text-align:right}.quiz__q{display:flex;flex-direction:column;gap:var(--space-6);animation:fade-in var(--dur-slow) var(--ease)}.quiz__prompt{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);text-align:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:132px;padding:0;border-radius:var(--radius-card);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tile__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center}.tile__plate{position:relative;z-index:1;margin:var(--space-3);background:var(--paper-plate);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tile__label{font:600 var(--text-sm)/1.3 var(--font-text);color:var(--text)}.tile__tick{position:absolute;z-index:2;top:var(--space-3);right:var(--space-3);width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);font-size:.9rem;font-weight:700;box-shadow:var(--shadow);animation:stamp-in var(--dur) var(--ease-stamp)}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile:active{transform:translateY(-1px)}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tile--selected{border-color:var(--accent);box-shadow:var(--shadow-lg)}.reveal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:clamp(1.5rem,5vw,3rem) clamp(1rem,5vw,2rem) var(--space-8)}.reveal__stage{width:100%;max-width:34rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.reveal__eyebrow{margin:0;min-height:1.2em;font:600 var(--text-xs)/1.2 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted);text-align:center}.reveal__cardwrap{position:relative;width:100%;max-width:min(24rem,84vw);display:flex;align-items:center;justify-content:center}.portrait-canvas{display:block;width:100%;height:auto;border-radius:var(--radius-card);box-shadow:var(--shadow-lg);background:var(--surface-2);animation:print-feed var(--dur-reveal) var(--ease-print) both}@keyframes print-feed{0%{clip-path:inset(0 0 100% 0);transform:translateY(28px);opacity:.7}55%{clip-path:inset(0 0 0 0);transform:none;opacity:1}to{clip-path:inset(0 0 0 0);transform:none;opacity:1}}.reveal__slam{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;filter:drop-shadow(var(--shadow))}.reveal[data-phase=stamping] .reveal__slam{animation:stamp-slam .64s var(--ease-stamp) both}@keyframes stamp-slam{0%{opacity:0;transform:scale(2.6) rotate(-22deg)}55%{opacity:1;transform:scale(.9) rotate(-8deg)}72%{transform:scale(1.05) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.reveal__skip{align-self:center;background:none;border:1px solid var(--border-strong);color:var(--muted);font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.reveal__skip:hover{color:var(--text);border-color:var(--text)}.reveal__skip:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reveal__after{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);animation:rise-in var(--dur-slow) var(--ease) both}.reveal__rarity{min-height:1.8rem;display:flex;align-items:center;justify-content:center}.reveal__rarity-line{margin:0;font:600 var(--text-base)/1.3 var(--font-mono);text-align:center;color:var(--accent-ink)}.rarity-skeleton{display:block;width:14rem;height:1rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s var(--ease) infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rarity-retry{background:none;border:none;color:var(--muted);cursor:pointer;font:600 var(--text-sm)/1 var(--font-mono);text-decoration:underline;text-underline-offset:3px;padding:var(--space-2)}.rarity-retry:hover{color:var(--accent-ink)}.reveal__actions{width:100%;max-width:24rem}.fieldnotes{width:100%;max-width:30rem;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);text-align:left}.fieldnotes__title{margin:0;font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.fieldnotes__list{margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.fieldnotes__row{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px dashed var(--border)}.fieldnotes__row:last-child{padding-bottom:0;border-bottom:none}.fieldnotes__label{font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-ink)}.fieldnotes__value{margin:0;color:var(--text);line-height:var(--leading-body)}.fieldnotes__kindred{margin:0;color:var(--muted);font-size:var(--text-sm)}.fieldnotes__kindred a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.fieldnotes__kindred a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-6));transform:translate(-50%);background:var(--text);color:var(--bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font:600 var(--text-sm)/1 var(--font-mono);box-shadow:var(--shadow-lg);z-index:50;animation:toast-in var(--dur) var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.result{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:clamp(1.5rem,5vw,4rem) clamp(1rem,5vw,3rem);max-width:40rem;margin-inline:auto;width:100%;text-align:center}.result--empty .display{font-size:var(--text-3xl);margin:0}.adslot{width:100%;max-width:34rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.adslot__label{font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted);opacity:.55}.adslot__ins{display:block;width:100%;min-height:90px}.site-footer{width:100%;margin-top:auto;padding:var(--space-8) var(--space-4) var(--space-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.site-footer__disclaimer{margin:0;max-width:46ch;font-size:var(--text-sm);line-height:1.4;color:var(--muted)}.site-footer__links{display:flex;align-items:center;gap:var(--space-3);font:600 var(--text-sm)/1 var(--font-mono)}.site-footer__links a{color:var(--muted);text-decoration:none;padding:var(--space-1) 0;transition:color var(--dur-fast) var(--ease)}.site-footer__links a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.site-footer__dot{color:var(--border-strong)}.site-footer__mark{margin:0;font:600 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.site-footer__brand{color:var(--accent-ink)}.site-footer__by{opacity:.8}.legal .site-footer{padding-top:var(--space-12)}.legal{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-5) var(--space-8)}.legal__back{display:inline-block;color:var(--muted);margin-bottom:var(--space-6);text-decoration:none}.legal__back:hover{color:var(--text)}.legal h1{font-family:var(--font-display);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.legal h2{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-lg)}.legal__lead{color:var(--muted);font-size:1.05rem}.legal p,.legal li{color:var(--muted);line-height:var(--leading-body)}.legal ul{padding-left:1.2rem;display:grid;gap:var(--space-2)}.legal a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.legal__back-row{margin-top:var(--space-8)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.6) rotate(-12deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.quiz__q,.portrait-canvas,.reveal__after,.reveal__slam,.rarity-skeleton,.toast{animation:none}.portrait-canvas{clip-path:none}.tile__tick{animation:none}.btn,.tile,.stamp,.iconbtn,.route__fill,.route__plane{transition:none}.btn:hover,.tile:hover{transform:none}.collect__cell:hover .stamp{transform:rotate(var(--stamp-rot, 0deg))}}@media (max-width: 400px){.collect__grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-3)}.tiles{gap:var(--space-3)}}@media (orientation: landscape) and (max-height: 520px){.landing{gap:var(--space-8);padding-top:var(--space-4)}.landing__hero{padding-top:0;gap:var(--space-2)}.landing__wordmark h1{font-size:clamp(2rem,6vw,3rem)}.landing__flourish{display:none}.lede{font-size:var(--text-base)}}