.carnet-sheet{background:var(--deep);border-radius:22px;padding:10px;box-shadow:0 18px 40px -22px rgba(0,0,0,.7)}.carnet-map{aspect-ratio:1000/536;overflow:visible}.carnet-shape path{fill:var(--ink);stroke:var(--deep);stroke-width:2.5;stroke-linejoin:round;transition:fill var(--motion-base) var(--motion-ease-out)}@media (hover:hover){.carnet-shape:hover path{fill:#f4e2b8}}.carnet-shape[data-visa=true] path{fill:var(--vermillion)}.carnet-shape[data-selected=true] path{fill:var(--gold)}.carnet-shape:focus-visible{outline:none}.carnet-shape:focus-visible path{stroke:var(--gold);stroke-width:7}.carnet-overlay{pointer-events:none}.carnet-number{fill:var(--muted-ink);font-family:var(--font-sans-stack);font-size:30px;font-weight:700;stroke:var(--ink);stroke-width:9px;stroke-linejoin:round;paint-order:stroke}[data-visa=true]>.carnet-number{fill:var(--ink);stroke:var(--vermillion)}[data-selected=true]>.carnet-number{fill:var(--dark-ink);stroke:var(--gold)}.carnet-ring{fill:none;stroke:var(--paper);stroke-width:4.5;opacity:0}[data-home=true]>.carnet-ring{opacity:1}.carnet-pin,[data-home=true][data-visa=true]:not([data-selected=true])>.carnet-ring{stroke:var(--ink)}.carnet-pin{fill:var(--paper);stroke-width:2.5}.carnet-pin[data-stamped=true]{fill:var(--ink);stroke:var(--deep)}.carnet-key{display:inline-block;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--deep)}.carnet-key-paper{background:var(--ink)}.carnet-key-visa{background:var(--vermillion)}.carnet-key-home{border-radius:999px;background:var(--ink);box-shadow:inset 0 0 0 2.5px var(--paper)}.carnet-card{background:var(--ink);color:var(--dark-ink);box-shadow:0 14px 30px -18px rgba(0,0,0,.65)}.carnet-visa-cell{height:12px;border-radius:3px;border:1.5px dashed rgba(32,32,25,.3)}.carnet-visa-cell[data-on=true]{border:1.5px solid var(--vermillion);background:var(--vermillion)}.carnet-milestone-mark{width:22px;height:22px;border-radius:999px;border:1.5px dashed rgba(32,32,25,.45)}[data-earned=true]>.carnet-milestone-mark{border:2px solid var(--vermillion);background:radial-gradient(circle,var(--vermillion) 0 5px,transparent 5.5px),var(--ink)}.carnet-arr-visa{width:18px;height:18px;border-radius:999px;border:1.5px dashed var(--hair)}[data-visa=true] .carnet-arr-visa{border:2px solid var(--vermillion);background:radial-gradient(circle,var(--vermillion) 0 4px,transparent 4.5px)}.stop-card{scroll-margin-top:20px}.stop-card:target{box-shadow:0 0 0 3px var(--gold),0 14px 30px -18px rgba(0,0,0,.65)}.stop-slot{border-left:2px dashed rgba(32,32,25,.22)}.stop-postmark,.stop-postmark-empty{width:64px;height:64px;border-radius:999px}.stop-postmark-empty{border:1.5px dashed rgba(32,32,25,.3)}.stop-postmark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--vermillion);border:2.5px solid var(--vermillion);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4.5px var(--vermillion)}.stop-postmark-tilt{display:block;transform:rotate(-9deg)}.stop-check,.stop-dot{display:inline-block;width:14px;height:14px;border-radius:999px}.stop-dot{border:2px dashed}.stop-check{background:var(--vermillion);box-shadow:inset 0 0 0 3px var(--ink);border:1.5px solid var(--vermillion)}@media (prefers-reduced-motion:reduce){.carnet-shape path{transition:none}}