/* The mailbox owns its screen and scroll container; no nested app header. */
html.native-app[data-active-tab="mailbox"] #app>main{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;display:block!important;overscroll-behavior:contain}
html[data-active-tab="mailbox"] #app>main{padding:0;max-width:none}
.mail-address{display:flex;gap:24px;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #dfcfb4}.mail-address>span{display:grid;gap:4px;font-size:11px;color:#8d785e}.mail-address b{font-size:15px;color:#56432f}
/* Mail folders and paper follow the supplied 412 × 917 drawings. Content flows
   naturally so long titles, translation and the keyboard never overlap fields. */
.mail-center{--mail-gold:#c6ab80;--mail-paper:#fff5df;width:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:16px 12px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;background:#624534 url('./assets/mailbox/wood.png') center top/560px auto repeat;color:#302319;font-family:'KCCHanbit',var(--ui-font),sans-serif}
.mail-center-heading{position:relative;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;min-height:92px;padding:14px 10px 14px}.mail-center-heading h1{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;color:#fff9e8;font-size:30px;text-shadow:0 2px 3px #21170f}.mail-center-heading h1 img{width:48px;height:60px;object-fit:contain}.mail-center-heading>span{grid-column:2;text-align:right;color:#f7e9ce;font-size:12px}.mail-back{position:absolute;left:9px;top:28px;width:61px;height:61px;padding:0;border:0;background:none;box-shadow:none}.mail-back img{width:100%;height:100%;object-fit:contain}
.mail-folders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 8px;margin:0 0 -1px}.mail-folders button{min-width:0;min-height:44px;padding:10px 5px 13px;border:1.5px solid #382818;border-bottom:0;border-radius:14px 14px 0 0;background:#e6d5b5;color:#503614;font:inherit;font-size:13px;box-shadow:inset 0 2px 0 #fff6}.mail-folders [aria-pressed=true]{position:relative;z-index:1;background:#624735;color:#fff8e8}
.mail-paper{position:relative;flex:1;min-height:0;overflow:auto;padding:14px;border:1.5px solid #372516;border-radius:18px;background:var(--mail-paper);box-shadow:inset 0 0 0 5px #d5bd95,0 5px 12px #24140d55;box-sizing:border-box}
.mail-list{display:grid;gap:12px}.mail-row{display:grid;grid-template-columns:44px minmax(0,1fr) 48px;align-items:center;gap:10px;width:100%;min-height:88px;padding:10px;border:1.5px solid #fffaf0;border-radius:16px;background:linear-gradient(#fffdf5,#fff5dd);box-shadow:0 3px 7px #76572c25;color:#382a21;text-align:left;font:inherit}.mail-sender-art{display:grid;place-items:center;width:44px;height:52px;overflow:hidden;border-radius:12px;color:#97704b;font-size:32px}.mail-sender-art img{width:100%;height:100%;object-fit:contain}.mail-sender-art.is-user{position:relative;height:auto;aspect-ratio:1;align-self:center;flex-shrink:0}.mail-sender-art.is-user img{position:absolute;inset:0;display:block}.mail-sender-art.is-user img{object-fit:cover}.mail-row-copy{display:grid;gap:3px;min-width:0}.mail-row-copy small{font-size:10px;color:#817258}.mail-row-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#943a2a;font-size:15px}.mail-row-copy>span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#856e54}.mail-row-copy p{margin:0;font-size:12px;line-height:1.35;color:#95826b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mail-unread-badge{position:absolute;right:4px;top:3px;min-width:22px;height:22px;padding:0 5px;border:2px solid #fff5df;border-radius:20px;background:#a52d2d;color:#fff;font:700 12px/18px sans-serif;text-align:center;box-sizing:border-box;pointer-events:none}.mail-read-label{display:grid;place-items:center;align-self:stretch;min-height:48px;border:1px solid #607740;border-radius:15px;background:#8f9e76;color:#fffdf3;font-size:11px;overflow-wrap:anywhere;box-shadow:inset 0 2px #d8ebae}
.mail-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0}.mail-pagination button{width:auto;min-width:82px;min-height:40px;padding:8px 12px;font-size:14px;line-height:1.2;white-space:nowrap;border:1px solid #ae8b50;border-radius:10px;background:#fff2d1;color:#5a432b}.mail-pagination button:disabled{opacity:.4;cursor:default}.mail-character-letters{margin-top:16px}.mail-character-letters>summary{padding:12px;border:1px solid #b19464;border-radius:12px;background:#f8e8c8}
.mail-center [data-player-mail]{display:grid;gap:14px;padding:8px 4px}.mail-center [data-player-mail] label{display:grid;gap:6px;font-size:14px}.mail-center [data-player-mail] :is(input,select,textarea){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #76634a;border-radius:15px;background:#fff9e9;color:#2e2419;font:inherit;font-size:16px;box-sizing:border-box}.mail-center [data-player-mail] textarea{min-height:140px;resize:vertical;line-height:1.6}.mail-center [data-player-mail] [hidden]{display:none}.mail-center [data-player-mail]>p{margin:0;font-size:12px;line-height:1.55;color:#796449}.mail-center [data-player-mail]>button,.mail-gift-picker{min-height:48px;padding:10px;border:1.5px solid #876037;border-radius:14px;background:linear-gradient(#ead8b5,#ceb289);color:#392715;font:inherit}.mail-center [data-player-mail]>button{width:100%;justify-self:center;font-size:18px;margin-bottom:16px}.mail-gift-picker{text-align:left;font-size:15px}[data-mail-gift-preview]{display:flex;align-items:center;gap:8px;font-size:14px}[data-mail-gift-preview] img{width:46px;height:46px;object-fit:contain}
.mail-letter{position:fixed;isolation:isolate;width:min(520px,calc(100vw - 36px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid #af9771;border-radius:10px;background:linear-gradient(135deg,#fffaf0,#f3e7cf);color:#2e241c;box-shadow:0 18px 50px #24160c55;outline:1px solid #c6af87;outline-offset:-10px;box-sizing:border-box;font-family:'KCCHanbit',var(--ui-font),sans-serif}.mail-letter::backdrop{background:#24160c99}.mail-letter-content{position:relative;z-index:1;font-size:14px;line-height:1.7}.mail-letter .mail-body{min-height:150px;padding:12px 4px;white-space:pre-wrap;line-height:1.75;font-size:14px;overflow-wrap:anywhere}.mail-letter .mail-reader-heading{align-items:flex-start}.mail-letter .mail-reader-heading h2{font-size:19px;line-height:1.45;overflow-wrap:anywhere}.mail-retention{margin:10px 10px;color:#fff3dc;font-size:12px;text-align:right}.mail-letter [data-close-mail],.mail-letter-close{position:relative;flex:none;width:42px;height:42px;padding:0;border:2px solid #fff;border-radius:50%;background:#e5a04f;color:#fff;font-size:30px;box-shadow:0 2px 5px #78522b55}.mail-letter .mail-response>button,.mail-letter .mail-response form button,.mail-letter .character-question-options button,.mail-letter .character-question-later{min-height:48px;border:1px solid #79532c;border-radius:13px;background:linear-gradient(#fce7b6,#c89053);color:#322318;font:inherit;font-size:17px}.mail-letter .mail-response{margin-top:24px}.mail-letter .mail-response textarea{padding:12px;border:1px solid #ae9670;border-radius:12px;background:#fff9e9;color:#302319;font:inherit}.mail-letter.character-question-dialog>form{position:relative;display:grid;gap:16px;padding:0;border:0;background:transparent}.mail-letter-close{justify-self:end}.mail-letter.character-question-dialog h2{font-size:21px;line-height:1.65;min-height:130px;white-space:pre-wrap}.mail-letter.character-question-dialog form>:not(.mail-watermark-clip){position:relative;z-index:1}.mail-letter .character-question-options{display:grid;gap:10px}.mail-watermark-clip{position:absolute;z-index:0;inset:10px;overflow:hidden;border-radius:20px;pointer-events:none;user-select:none}.mail-watermark{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;opacity:.085;transform:rotate(-12deg);filter:blur(.4px);pointer-events:none;user-select:none}.mail-letter [data-close-mail]:focus-visible,.mail-center button:focus-visible{outline:3px solid #536f35;outline-offset:3px}
@media(max-width:360px){.mail-row{grid-template-columns:36px minmax(0,1fr) 40px;gap:6px;padding:8px}.mail-sender-art{width:36px;height:44px}.mail-paper{padding:21px 15px}.mail-center-heading h1{font-size:26px}}

.mail-proposal-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.mail-proposal-table th,.mail-proposal-table td{padding:9px;border-bottom:1px solid #d9c8a9;text-align:left;vertical-align:top}.mail-proposal-table th{width:40%;color:#796247;font-weight:normal}.mail-proposal-status{font-size:13px;color:#876a4c}