.app-page-frame.correspondence-frame{--app-page-padding-inline:clamp(var(--space-3), 2vw, var(--space-5));--app-page-padding-block:clamp(var(--space-3), 2vw, var(--space-5));isolation:isolate;min-height:calc(100dvh - 4rem);position:relative;overflow:clip}.correspondence-page.svelte-xpk9i7{z-index:1;gap:var(--space-3);width:min(100%,72rem);min-width:0;font-family:var(--font-sans);margin-inline:auto;display:grid;position:relative}.sr-only.svelte-xpk9i7{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.correspondence-panel.svelte-xpk9i7{border:1px solid var(--material-border);border-radius:var(--material-card-radius);background:var(--material-surface);min-width:0;box-shadow:var(--material-subtle-shadow)}.panel-heading.svelte-xpk9i7 p:where(.svelte-xpk9i7){color:var(--success);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .18rem}h2.svelte-xpk9i7{color:var(--material-text);font-weight:var(--font-weight-medium);letter-spacing:-.035em;margin:0;font-size:clamp(1rem,2vw,1.28rem);line-height:1.08}.panel-heading.svelte-xpk9i7>span:where(.svelte-xpk9i7){align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);min-height:2rem;padding:0 var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-bold);display:inline-flex}.page-error.svelte-xpk9i7{align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb, var(--danger), transparent 52%);border-radius:var(--radius-md);background:color-mix(in srgb, var(--danger), transparent 91%);padding:var(--space-3);color:var(--danger);font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin:0;display:flex}.page-grid.svelte-xpk9i7{gap:var(--space-3);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.page-grid.svelte-xpk9i7>:where(.svelte-xpk9i7):only-child{grid-column:1/-1;justify-self:center;width:min(100%,48rem)}.correspondence-panel.svelte-xpk9i7{overflow:clip}.panel-heading.svelte-xpk9i7{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);display:flex}.panel-heading.svelte-xpk9i7>span:where(.svelte-xpk9i7){min-width:2rem;padding:0 var(--space-2);border-color:color-mix(in srgb, var(--success), transparent 62%);color:var(--success);background:color-mix(in srgb, var(--success), transparent 90%);justify-content:center}.panel-action.svelte-xpk9i7{border:1px solid var(--material-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--material-surface), var(--success) 8%);min-height:2.25rem;color:var(--success);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-bold);padding:0 var(--space-4)}.dense-list.svelte-xpk9i7{overscroll-behavior:contain;max-height:min(38rem,66dvh);padding:var(--space-3);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-primary), transparent 78%) transparent;gap:.38rem;display:grid;overflow-y:auto}.dense-row.svelte-xpk9i7{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--material-surface-muted);min-width:0;min-height:2.75rem;color:var(--text-primary);text-align:left;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.38rem .52rem;text-decoration:none;display:grid;position:relative}.dense-row.svelte-xpk9i7:before{content:"";opacity:0;background:var(--accent-lime);width:2px;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;inset:0 auto 0 0}button.dense-row.svelte-xpk9i7{appearance:none;font:inherit;cursor:pointer}.dense-row.svelte-xpk9i7:hover,.dense-row.svelte-xpk9i7:focus-visible{border-color:var(--border-strong);background:var(--bg-hover);outline:none;box-shadow:inset 0 1px #ffffff0f}.dense-row.svelte-xpk9i7:hover:before,.dense-row.svelte-xpk9i7:focus-visible:before{opacity:1}.dense-row.svelte-xpk9i7:disabled{opacity:.66;cursor:wait}.dense-row.is-own.svelte-xpk9i7,.game-row.is-my-turn.svelte-xpk9i7{border-color:color-mix(in srgb, var(--success), transparent 58%);background:linear-gradient(90deg, color-mix(in srgb, var(--success), transparent 89%), transparent 56%), var(--material-surface-muted)}.dense-row.is-own.svelte-xpk9i7:before,.game-row.is-my-turn.svelte-xpk9i7:before{opacity:1;background:var(--success);width:3px}.game-row.has-preview.svelte-xpk9i7{grid-template-columns:auto auto minmax(0,1fr) auto}.daily-chip.svelte-xpk9i7{border:1px solid var(--border);border-radius:var(--radius-sm);width:2.1rem;min-height:1.85rem;color:var(--text-secondary);background:var(--material-surface);place-items:center;gap:.04rem;display:grid}.daily-chip.svelte-xpk9i7 strong:where(.svelte-xpk9i7){font-size:.66rem;font-weight:var(--font-weight-black);line-height:1}.row-copy.svelte-xpk9i7{min-width:0}.row-copy.svelte-xpk9i7 strong:where(.svelte-xpk9i7),.row-copy.svelte-xpk9i7 small:where(.svelte-xpk9i7){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row-copy.svelte-xpk9i7 strong:where(.svelte-xpk9i7){align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-bold);display:flex}.row-copy.svelte-xpk9i7 small:where(.svelte-xpk9i7){color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);margin-top:.12rem}.turn-chip.svelte-xpk9i7,.row-action.svelte-xpk9i7{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-size:.68rem;font-weight:var(--font-weight-bold);white-space:nowrap;place-items:center;padding:.2rem .48rem;display:inline-grid}.game-row.is-my-turn.svelte-xpk9i7 .turn-chip:where(.svelte-xpk9i7),.dense-row.svelte-xpk9i7:hover .row-action:where(.svelte-xpk9i7),.dense-row.svelte-xpk9i7:focus-visible .row-action:where(.svelte-xpk9i7){border-color:color-mix(in srgb, var(--success), transparent 48%);color:var(--success);background:color-mix(in srgb, var(--success), transparent 88%)}.empty-state.svelte-xpk9i7{isolation:isolate;align-content:center;justify-items:start;gap:var(--space-2);min-height:9.75rem;padding:var(--space-5) clamp(var(--space-5), 8vw, 11rem) var(--space-5) var(--space-5);text-align:left;display:grid;position:relative;overflow:hidden}.empty-state.svelte-xpk9i7:after{z-index:-1;content:"";opacity:.12;pointer-events:none;background:url(../../../images/landing/hero-mascot-cutout-620.webp) bottom/contain no-repeat;width:min(42%,15rem);position:absolute;inset:0 0 0 auto}.empty-state.svelte-xpk9i7 strong:where(.svelte-xpk9i7){color:var(--material-text);font-size:var(--text-lg)}.empty-state.svelte-xpk9i7 p:where(.svelte-xpk9i7){max-width:34rem;color:var(--material-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.45}.empty-state.svelte-xpk9i7 button:where(.svelte-xpk9i7){border-radius:var(--material-control-radius);background:linear-gradient(135deg, color-mix(in srgb, var(--success), white 12%), var(--success));min-height:3rem;padding:0 var(--space-6);color:var(--brand-action-contrast);cursor:pointer;font:inherit;font-size:var(--text-base);font-weight:var(--font-weight-medium);letter-spacing:.0125em;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.compact-empty-panel.svelte-xpk9i7{width:min(100%,48rem)}@media (width<=920px){.page-grid.svelte-xpk9i7{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.app-page-frame.correspondence-frame{--app-page-padding-inline:var(--space-2);--app-page-padding-block:var(--space-2);min-height:calc(100dvh - var(--layout-topbar-height) - var(--layout-bottom-nav-block-size,3.2rem) - 2rem)}.empty-state.svelte-xpk9i7{justify-items:center;gap:var(--space-1);min-height:7rem;padding:var(--space-3);text-align:center}.empty-state.svelte-xpk9i7 button:where(.svelte-xpk9i7){min-height:2.5rem;padding-inline:var(--space-4);font-size:var(--text-sm)}.empty-state.svelte-xpk9i7:after{display:none}.panel-heading.svelte-xpk9i7{padding:var(--space-3)}.dense-list.svelte-xpk9i7{padding:var(--space-2)}.dense-row.svelte-xpk9i7{min-height:2.7rem;padding:.34rem .42rem}.dense-row.svelte-xpk9i7:not(.has-preview){grid-template-columns:auto minmax(0,1fr) auto}.game-row.has-preview.svelte-xpk9i7{grid-template-columns:auto auto minmax(0,1fr) auto}.row-action.svelte-xpk9i7{padding:.18rem .38rem;font-size:.62rem}}