/* The album belongs to the existing profile. Nothing is rendered until it is unfolded. */
.postcard-collection[open] .collection-when-open{display:inline}.postcard-collection[open] .collection-when-closed{display:none}.postcard-collection[open] .collection-disclosure>svg{transform:rotate(180deg)}
.postcard-collection{margin:25px 0;padding:0;overflow:hidden}.postcard-collection>.collection-summary{padding:22px 26px}.postcard-summary-art{flex:none;display:grid;place-items:center;width:85px;height:72px;transform:rotate(-7deg)}.postcard-summary-art>svg,.postcard-result-art>svg{width:76px;fill:color-mix(in srgb,var(--orange) 20%,var(--surface));stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.postcard-collection-body{padding:0 26px 28px}.postcard-collection-body>p{font-size:13px;line-height:1.7;color:var(--sub);max-width:760px;margin:0 0 25px}.postcard-chapter+.postcard-chapter{margin-top:30px}.postcard-chapter>h3{font-family:var(--club-title-font,inherit);font-size:16px;margin:0 0 12px}.postcard-chapter>h3>span{color:var(--sub);font-weight:500}.postcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.postcard-tile{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;background:var(--club-bg);border:1px solid var(--club-line);border-radius:18px;padding:9px 9px 16px;min-width:0;color:var(--text);box-shadow:0 4px 0 color-mix(in srgb,var(--club-line) 20%,transparent);contain:content}.postcard-tile>b{font-size:13px;line-height:1.45;padding:0 5px;min-height:2.9em}.postcard-tile>small{padding:0 5px;font-size:11px;color:var(--sub)}.postcard-earned:hover{transform:translateY(-3px) rotate(-.4deg);border-color:var(--mint);box-shadow:0 7px 16px #00000010}.postcard-earned>small{color:var(--mint)}.postcard-locked{opacity:1;cursor:default}.postcard-sealed{display:grid;place-items:center;aspect-ratio:320/190;background:color-mix(in srgb,var(--club-line) 18%,var(--surface));border-radius:12px;position:relative}.postcard-sealed>svg{width:38%;max-width:100px;fill:color-mix(in srgb,var(--sub) 10%,transparent);stroke:var(--sub);stroke-width:1.6;opacity:.55}.postcard-sealed>span{position:absolute;right:12px;bottom:10px;color:var(--sub);font-size:11px;letter-spacing:2px}.postcard-art{display:block;position:relative;aspect-ratio:320/190;overflow:hidden;border-radius:15px;isolation:isolate}.postcard-scenery{position:absolute;inset:0;width:100%;height:100%}.postcard-host{position:absolute;width:33%;left:7%;bottom:3%;filter:drop-shadow(1px 4px 3px #62566224)}.postcard-host>svg{display:block;width:100%;height:auto}.postcard-stamp{position:absolute;top:11px;left:12px;background:#fff9e5d9;border:1px solid #fff7dc;color:#786c6a;padding:5px 8px;border-radius:6px;letter-spacing:2px;font-size:10px;transform:rotate(-8deg)}.postcard-prop{filter:drop-shadow(1px 3px 1px #72645d1a)}.postcard-art-mini .postcard-stamp{padding:3px 5px;font-size:8px;top:7px;left:8px}.postcard-art-mini .exp-cat-eyes{animation:none}.postcard-result{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--orange) 38%,var(--club-line));border-radius:20px;background:color-mix(in srgb,var(--orange) 5%,var(--surface));margin:14px 0;text-align:left}.postcard-result-art{display:block;flex:none;width:54px;transform:rotate(-7deg)}.postcard-result-art>svg{width:100%;display:block}.postcard-result>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.postcard-result small{color:var(--sub);font-size:8px;letter-spacing:1.2px}.postcard-result b{font-family:var(--club-title-font,inherit);font-size:15px;line-height:1.4}.postcard-result>span:nth-child(2)>span{font-size:11px;color:var(--sub)}.postcard-result>button,.postcard-close-action{border:1px solid var(--club-line);background:var(--club-bg);color:var(--text);border-radius:12px;min-height:44px;padding:11px 15px;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:18px}.postcard-result>button:hover,.postcard-close-action:hover{border-color:var(--orange)}
dialog:has(.postcard-view){width:min(920px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:28px;border-radius:28px;background:var(--surface)}dialog:has(.postcard-view) #modal-content{overflow:auto;max-height:calc(100dvh - 90px)}dialog:has(.postcard-view)>.close{z-index:5;right:13px;top:10px;background:var(--surface);border-radius:50%;width:34px;height:34px}.postcard-view{padding-top:15px}.postcard-paper{background:#fff6e7;border:1px solid #e7d9c6;border-radius:18px;padding:12px;color:#5c5557;box-shadow:0 8px 22px #00000016}.postcard-paper>.postcard-art{aspect-ratio:2.55}.postcard-paper>.postcard-art>.postcard-host{width:23%;left:15%;bottom:-4%}.postcard-paper>.postcard-art>.postcard-scenery{object-fit:cover}.postcard-letter{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:26px;padding:25px 18px 15px}.postcard-letter-copy{min-width:0}.postcard-overline{font-size:9px;letter-spacing:2px;color:#84766b;margin:0 0 8px}.postcard-letter h2{font-family:var(--club-title-font,inherit);font-size:clamp(22px,2.5vw,31px);line-height:1.18;color:#5c5557;letter-spacing:-.6px;margin:0 0 15px}.postcard-note{font-size:14px;line-height:1.8;margin:0}.postcard-signature{font-family:var(--club-title-font,inherit);font-size:20px;margin:20px 0 0;color:#6d6860}.postcard-signature>span{display:block;font-family:inherit;font-weight:400;font-size:10px;color:#8a7c70;margin-top:4px}.postcard-address{border-left:1px solid #d8cbb9;padding-left:24px;display:flex;align-items:flex-start;flex-direction:column;gap:12px;font-size:12px;line-height:1.5}.postcard-address>p{margin:0;padding-top:8px;border-bottom:1px solid #dbcfbe;padding-bottom:9px;width:100%}.postcard-address>span:not(.postcard-postmark){font-size:10px;color:#897e71}.postcard-address>small{font-size:10px;color:#897e71}.postcard-postmark{display:grid;place-items:center;text-align:center;width:102px;height:102px;flex:none;border:2px solid #a2927c;outline:1px solid #a2927c;outline-offset:-6px;border-radius:50%;font-size:8px;letter-spacing:1px;transform:rotate(8deg);padding:13px 0;color:#8a7b69;line-height:1.4}.postcard-postmark>b{font-size:15px;letter-spacing:3px}.postcard-close-action{margin:18px auto 0;min-width:210px}.exp-postcard-link{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;margin:18px auto 0;border:1px solid var(--club-line);border-radius:14px;padding:10px 18px;color:var(--mint);background:var(--club-bg);font-size:12px}.exp-postcard-link>svg{width:26px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.exp-postcard-link:hover{border-color:var(--mint)}
@media(min-width:900px) and (max-height:760px){dialog:has(.postcard-view){width:min(1050px,calc(100vw - 40px))}.postcard-paper{display:grid;grid-template-columns:.9fr 1.1fr;gap:6px}.postcard-paper>.postcard-art{aspect-ratio:auto;min-height:355px}.postcard-paper>.postcard-art>.postcard-scenery{width:auto;min-width:100%;left:50%;transform:translateX(-50%)}.postcard-paper>.postcard-art>.postcard-host{width:66%;left:0;bottom:6%}.postcard-letter{grid-template-columns:1fr;padding:24px 16px 12px;gap:16px}.postcard-address{border-left:0;border-top:1px solid #d8cbb9;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px 0 0}.postcard-address>.postcard-postmark{display:none}.postcard-address>p{padding:0;border:0}.postcard-address>small{grid-column:1/-1}.postcard-signature{margin-top:14px}.postcard-note{font-size:13px}}
@media(max-width:700px){.postcard-collection>.collection-summary{padding:17px 16px}.postcard-summary-art{width:48px;height:54px}.postcard-summary-art>svg{width:48px}.postcard-collection-body{padding:0 16px 21px}.postcard-collection-body>p{font-size:12px}.postcard-grid{gap:9px}.postcard-tile{padding:6px 6px 12px;border-radius:14px;gap:8px}.postcard-tile>b{font-size:11px;padding:0 2px}.postcard-tile>small{font-size:9px;padding:0 2px}.postcard-chapter>h3{font-size:14px}.postcard-collection .collection-summary-copy>small{max-width:220px}.postcard-collection .collection-disclosure>span{display:none}.postcard-result{gap:10px;flex-wrap:wrap;padding:14px}.postcard-result>button{margin-left:64px;min-width:calc(100% - 64px)}dialog:has(.postcard-view){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:14px;border-radius:23px}dialog:has(.postcard-view) #modal-content{max-height:calc(100dvh - 48px)}.postcard-view{padding-top:24px}.postcard-paper{padding:8px;border-radius:15px}.postcard-paper>.postcard-art{aspect-ratio:1.8}.postcard-paper>.postcard-art>.postcard-host{width:30%;left:9%;bottom:0}.postcard-letter{grid-template-columns:1fr;padding:19px 9px 12px;gap:19px}.postcard-letter h2{font-size:25px}.postcard-note{font-size:13px;line-height:1.75}.postcard-signature{font-size:19px;margin-top:17px}.postcard-address{border-left:0;border-top:1px solid #d8cbb9;padding:15px 0 0;display:grid;grid-template-columns:1fr 100px;gap:8px 16px;align-items:center}.postcard-postmark{grid-column:2;grid-row:1/4;width:86px;height:86px;font-size:7px;padding:9px 0}.postcard-postmark>b{font-size:13px}.postcard-address>p{font-size:12px;border-bottom:0;padding:0}.postcard-close-action{width:100%;font-size:13px;margin-top:14px}}
@media(max-width:420px){.postcard-grid{grid-template-columns:1fr}.postcard-tile{display:grid;grid-template-columns:95px minmax(0,1fr);gap:3px 12px;padding:8px;align-items:center}.postcard-tile>.postcard-art,.postcard-tile>.postcard-sealed{grid-row:1/3;width:95px;height:65px;aspect-ratio:auto;border-radius:9px}.postcard-tile>b{align-self:end;font-size:12px;min-height:0}.postcard-tile>small{align-self:start;font-size:10px;line-height:1.5}.postcard-art-mini .postcard-stamp{display:none}.postcard-sealed>span{right:6px;bottom:6px;font-size:8px}.postcard-sealed>svg{width:50%}.postcard-host{width:36%;bottom:0;left:3%}}
@media(prefers-reduced-motion:reduce){.postcard-tile{transition:none}.postcard-earned:hover{transform:none}.postcard-art .exp-cat-eyes{animation:none}}html[data-motion=reduced] .postcard-tile{transition:none}html[data-motion=reduced] .postcard-earned:hover{transform:none}html[data-motion=reduced] .postcard-art .exp-cat-eyes{animation:none}

/* Warm paper keeps its ink contrast in every game theme. */
.postcard-letter .postcard-note{color:#655957}.postcard-address>p{color:#75685c}