#my-party-history-tabs{display:flex;gap:5px;margin:16px 0 2px;font-size:calc(12px * var(--pg-ts,1))}#my-party-history-tabs button{padding:8px 12px;border-radius:9px;color:#8290a4}#my-party-history-tabs button[aria-pressed=true]{background:#8197c51a;color:var(--pg-accent)}#my-party-history-tabs span{font-size:calc(10px * var(--pg-ts,1));margin-left:4px}.departure-list-note{font-size:calc(11px * var(--pg-ts,1));color:#8994a5;margin:14px 0}.departure-cards{display:flex;gap:16px;overflow:auto;padding:8px 0 18px}.departure-card{width:220px;min-width:220px;height:350px;padding:22px;text-align:left;border:1px solid #899bb51c;border-radius:18px;background:var(--departure-tone);color:#536073;background-size:cover;background-position:center;display:flex;flex-direction:column}.departure-card.has-photo{color:#f5f7fa}.departure-card>small{font-size:calc(10px * var(--pg-ts,1));opacity:.8}.departure-card h3{font-size:calc(17px * var(--pg-ts,1));line-height:1.4;margin:24px 0 10px}.departure-card p{font-size:calc(12px * var(--pg-ts,1));line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.departure-card>div{margin-top:auto;display:flex;flex-direction:column;gap:7px}.departure-card>div b{font-size:calc(12px * var(--pg-ts,1));font-weight:500}.departure-card>div small{font-size:calc(10px * var(--pg-ts,1));opacity:.7}.departure-card>div span{font-size:calc(12px * var(--pg-ts,1));margin-top:10px}.departure-card.expired{filter:grayscale(1);opacity:.6}.departure-card:hover{border-color:#7c8fb380}.departure-confirm-hint{padding:12px;background:#859bc315;border-radius:10px;font-size:calc(12px * var(--pg-ts,1))}
#departure-record{width:680px;max-width:calc(100vw - 32px);height:650px;max-height:calc(100dvh - 40px);box-sizing:border-box;border-radius:22px;padding:24px;border:1px solid #ffffffa0;background:linear-gradient(140deg,#f4f6fac7,#e7edf4aa);backdrop-filter:blur(24px);color:#34435a;box-shadow:0 24px 70px #172b4633;overflow:auto}#departure-record[open]{display:flex;flex-direction:column}#departure-record::backdrop{background:#17243528;backdrop-filter:blur(3px)}#departure-record>header{display:flex;justify-content:space-between;align-items:flex-start}#departure-record h2{font-size:calc(21px * var(--pg-ts,1));margin:8px 0 14px}#departure-record header small{font-size:calc(10px * var(--pg-ts,1));color:#8592a5}#departure-record [data-record-close]{font-size:calc(22px * var(--pg-ts,1));color:#8794a6;width:28px;height:28px} .departure-banner{display:flex;justify-content:space-between;background:#8299bf13;padding:10px 12px;border-radius:10px;font-size:calc(11px * var(--pg-ts,1))}.departure-banner b{font-weight:500}.departure-scope{font-size:calc(11px * var(--pg-ts,1));line-height:1.6;color:#8391a5}.departure-record-tabs{display:flex;gap:8px;border-bottom:1px solid #8b9ab626;padding-bottom:10px}.departure-record-tabs button{font-size:calc(12px * var(--pg-ts,1));padding:7px 10px;border-radius:8px}.departure-record-tabs button[aria-pressed=true]{background:#ffffff65;color:var(--pg-accent)}.departure-record-body{flex:1;min-height:80px;overflow:auto;padding:16px 0}.departure-record-body[hidden]{display:none}.departure-record-body article{padding:12px 0}.departure-record-body article header{display:flex;gap:12px;font-size:calc(12px * var(--pg-ts,1))}.departure-record-body time{font-size:calc(10px * var(--pg-ts,1));color:#8a95a7}.departure-record-body p{font-size:calc(13px * var(--pg-ts,1));line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.departure-record-body h3{font-size:calc(13px * var(--pg-ts,1))}.departure-record-body pre{font:calc(12px * var(--pg-ts,1))/1.6 Arial,"PG Hangul",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.departure-record-body button,#departure-record footer button{background:#7b94c018;border:1px solid #a0b1ca25;border-radius:8px;padding:9px 10px;font-size:calc(11px * var(--pg-ts,1))}#departure-record footer{display:flex;align-items:center;gap:8px;border-top:1px solid #8b9ab625;padding-top:14px;flex-wrap:wrap}#departure-record footer small{font-size:calc(10px * var(--pg-ts,1));color:#8895a8;margin-right:auto}.departure-expired{flex:1;padding:50px 0}.departure-expired h3{font-size:calc(17px * var(--pg-ts,1))}.departure-expired p{font-size:calc(12px * var(--pg-ts,1))}.dark #departure-record{background:linear-gradient(140deg,#29374ad9,#202d40b8);color:#e0e8f6;border-color:#c3d5f12e}.dark .departure-card:not(.has-photo){background:#293443;color:#d6dfef}
/* 2026-10-05 Claude (감독 '나간파티 카드 비율 왜이래'): a left party's card has the same size and shape as the party cards — 358:756, the same
   width rule and spacing (a rail on a computer, two columns on a phone) — instead of a fixed 220 × 350 box. Longer text still grows a card. */
.departure-cards{gap:14px;padding:10px 7px 14px}
.departure-card{flex:0 0 clamp(150px,13vw,198px);width:auto;min-width:0;height:auto;aspect-ratio:358/756;box-sizing:border-box;padding:18px 16px;border-radius:16px}
.departure-card h3{font-size:calc(15px * var(--pg-ts,1));margin:14px 0 8px;overflow-wrap:anywhere}
@media (max-width:700px),(hover:none) and (pointer:coarse) and (max-height:500px){
 html body .departure-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;padding:8px 0 16px}
 html body .departure-card{flex:none;width:auto;padding:16px 13px}
}

/* 2026-10-05 Claude: tasks at departure as a list (was raw JSON with internal ids). */
.departure-task-list{list-style:none;margin:6px 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.departure-task-list li{font-size:calc(13px * var(--pg-ts,1));line-height:1.45;overflow-wrap:anywhere}.departure-task-list small{opacity:.65;margin-inline-start:4px}