/* Mail V3 — fixed 366×744 ranch correspondence board, scaled as one unit. */
#gameScreen .panel-overlay.is-mail{--mail-panel-scale:1;display:flex!important;align-items:center!important;justify-content:center!important;padding:52px 8px 12px!important;overflow:hidden!important;box-sizing:border-box!important;background:rgba(18,27,24,.72)!important;backdrop-filter:blur(2px)}
#gameScreen .panel-overlay.is-mail .mail-fit{position:relative!important;flex:none!important;width:calc(366px * var(--mail-panel-scale))!important;height:calc(744px * var(--mail-panel-scale))!important;pointer-events:auto!important}
#gameScreen .panel-overlay.is-mail .game-panel{position:absolute!important;left:50%!important;top:50%!important;width:366px!important;height:744px!important;max-width:none!important;max-height:none!important;min-width:366px!important;min-height:744px!important;margin:0!important;padding:74px 14px 15px!important;overflow:hidden!important;border:5px solid #633014!important;border-radius:25px!important;background:radial-gradient(circle at 18% 11%,rgba(255,255,255,.84),transparent 24%),linear-gradient(180deg,#fff7d8 0,#f3d38d 48%,#e7b965 100%)!important;box-shadow:0 0 0 2px #f8d574,0 0 0 5px #47230f,0 20px 48px rgba(23,12,5,.62),inset 0 0 0 2px #fff8d7!important;transform:translate(-50%,-50%) scale(var(--mail-panel-scale))!important;transform-origin:center!important}
#gameScreen .panel-overlay.is-mail .game-panel:before{content:"";position:absolute;z-index:0;inset:67px 8px 8px;border:2px solid rgba(143,79,27,.46);border-radius:18px;background:linear-gradient(rgba(255,252,233,.42),rgba(255,235,181,.16));box-shadow:inset 0 0 18px rgba(105,56,17,.12);pointer-events:none}
#gameScreen .panel-overlay.is-mail .game-panel>h2{z-index:3;top:6px;min-width:210px;height:55px;margin:0;padding:13px 42px 10px;border:3px solid #6b3215;border-radius:18px;background:linear-gradient(180deg,#b86b2e,#8a431d 68%,#5d2b15);box-shadow:inset 0 2px #e8a553,0 4px 0 #4c230f,0 7px 12px rgba(80,40,12,.3);color:#fff7d8;font-size:20px;line-height:1.15;text-shadow:0 2px 1px #47200e}
#gameScreen .panel-overlay.is-mail .game-panel>h2:before{content:"";display:inline-block;width:26px;height:26px;margin:-4px 8px -7px 0;background:url("assets/ui/top/icon_mail.svg") center/contain no-repeat;filter:drop-shadow(0 2px 1px #35180b)}
#gameScreen .panel-overlay.is-mail .panel-close{z-index:5;right:8px;top:10px;width:42px;height:42px;border:3px solid #ffd36b;border-radius:50%;background:linear-gradient(#ff6752,#cc2824);box-shadow:0 3px 0 #771a17;color:#fff;font-size:27px}
#gameScreen .panel-overlay.is-mail .panel-content{position:relative;z-index:1;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden!important;gap:8px}
@keyframes mail-wiggle{0%,68%,100%{transform:rotate(0)}72%{transform:rotate(-16deg)}76%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}84%{transform:rotate(9deg)}88%{transform:rotate(-5deg)}92%{transform:rotate(3deg)}}
.mail-button.has-unread,.mail-button:has(#mailBadge:not(.is-hidden)){transform-origin:50% 70%;animation:mail-wiggle 2s ease-in-out infinite}
.mail-overview{height:70px;flex:none;padding:9px 12px;display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:9px;border:2px solid #a86829;border-radius:15px;background:linear-gradient(110deg,#fffdf1,#f8dfaa);box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 3px 0 #a36528;color:#5a351b}
.mail-icon{position:relative;width:45px;height:45px;display:grid;place-items:center;border:2px solid #d3983c;border-radius:13px;background:radial-gradient(circle,#fffbd8,#efc46c);box-shadow:inset 0 1px #fff,0 2px 0 #976022;overflow:visible}.mail-icon img{width:37px;height:37px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(70,34,10,.25))}
.mail-overview span b,.mail-overview span small{display:block}.mail-overview span b{font-size:14px}.mail-overview span small{margin-top:5px;color:#95704b;font-size:9px}.mail-overview>strong{width:38px;height:38px;display:grid;place-items:center;border:2px solid #a76327;border-radius:50%;background:linear-gradient(#f7c95f,#d99026);box-shadow:inset 0 1px #fff1a5;color:#fff;font-size:16px;text-shadow:0 1px #7c431b}
.mail-toolbar{display:flex;gap:7px;align-items:center;flex:none;margin:0;padding:0 2px}.mail-toolbar .mini-btn{height:34px;margin:0;padding:0 13px;border:2px solid #85501f;border-radius:11px;background:linear-gradient(#fff3c9,#dba050);box-shadow:inset 0 1px #fff,0 2px 0 #754119;color:#58331a;font-size:10px;font-weight:900}.mail-compose-btn{border-color:#347626!important;background:linear-gradient(#7bd84d,#43a62e)!important;box-shadow:inset 0 1px #dfffd0,0 2px 0 #28631f!important;color:#fff!important}.mail-compose-btn span{display:inline-grid;width:17px;height:17px;margin-right:5px;place-items:center;border-radius:50%;background:#fff3;color:#fff;font-size:15px}.mail-clear-btn{margin-left:auto!important;background:linear-gradient(#fff8df,#edcf95)!important}
.mail-list{flex:1 1 auto;min-height:0;padding:2px 2px 9px;display:flex!important;flex-direction:column!important;gap:9px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}.mail-list::-webkit-scrollbar{display:none}
.mail-list .mail-row,.mail-row{position:relative;flex:0 0 auto!important;width:100%!important;min-height:91px!important;margin:0!important;padding:10px 8px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 47px!important;align-items:center!important;gap:9px!important;border:2px solid #a96a2d!important;border-radius:16px!important;background:linear-gradient(105deg,#fffdf3,#f4dab0)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.68),0 3px 0 #9b5c26,0 6px 10px rgba(90,48,16,.13)!important;color:#55351d!important;text-align:left!important;cursor:pointer!important}.mail-list .mail-row:after{content:"";position:absolute;left:70px;right:52px;bottom:22px;height:1px;background:linear-gradient(90deg,#d5ab70,transparent)}
.mail-list .mail-row.is-unread{border-color:#d18a25!important;background:radial-gradient(circle at 90% 12%,rgba(255,220,82,.35),transparent 30%),linear-gradient(105deg,#fffdf0,#ffe7a4)!important}.mail-row.is-unread .mail-icon:after{content:"";position:absolute;right:-5px;top:-5px;width:12px;height:12px;border:2px solid #fff5bc;border-radius:50%;background:#e84331;box-shadow:0 1px 0 #92251e}
.mail-row-copy{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.mail-row-copy b{display:block;overflow:hidden;color:#4a2a15;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mail-row-copy>small{display:block;margin-top:4px;overflow:hidden;color:#886847;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mail-row-tags{height:18px;display:flex;align-items:center;gap:4px}.mail-kind,.mail-unread{display:inline-flex;height:16px;padding:0 6px;align-items:center;border-radius:8px;font-size:8px;font-weight:900;line-height:1}.mail-kind{margin:0;background:#c38835;color:#fff}.mail-kind.is-gm{background:#4a963c}.mail-kind.is-sent{background:#7e542f}.mail-unread{margin:0;background:#e84b35;color:#fff}
.mail-row-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.mail-row-side time{color:#9a7652;font-size:7px;white-space:nowrap}.mail-row-side i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #bf813b;border-radius:50%;background:#fff7de;color:#966027;font:900 18px/1 serif}
.mail-empty{min-height:300px;display:grid;place-content:center;justify-items:center;gap:12px;color:#8b6844}.mail-empty .mail-icon{width:70px;height:70px;border-radius:21px;filter:grayscale(.25);opacity:.8}.mail-empty .mail-icon img{width:58px;height:58px}.mail-empty b{font-size:13px}
.mail-detail{flex:1 1 auto;min-height:0;padding:3px 2px 8px;display:flex;flex-direction:column;overflow:auto}.mail-detail-head{padding:12px;display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center;border:2px solid #a86a2c;border-radius:16px;background:linear-gradient(110deg,#fffdf2,#f4d7a1);box-shadow:inset 0 0 0 2px #fff9dd,0 3px 0 #945621}.mail-detail-head .mail-icon{width:50px;height:50px}.mail-detail-head b,.mail-detail-head time{display:block}.mail-detail-head b{margin-top:4px;color:#4e2d16;font-size:14px;line-height:1.3}.mail-detail-head time{margin-top:5px;color:#93704b;font-size:9px}.mail-detail .mail-body{flex:1 1 auto;min-height:240px;margin-top:10px;padding:18px 16px;white-space:pre-wrap;border:2px solid #c28a45;border-radius:15px;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(173,126,62,.16) 28px),linear-gradient(#fffaf0,#f8e8c5);box-shadow:inset 0 0 16px rgba(118,72,25,.08);color:#4a2e14;font-size:12px;line-height:2.25}.mail-back-btn{flex:none;min-width:90px;align-self:flex-start}
.mail-compose{flex:1 1 auto;min-height:0;padding:4px 2px;overflow:auto}.mail-compose-head{margin-bottom:14px;padding:12px;display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;border:2px solid #a86a2c;border-radius:16px;background:linear-gradient(110deg,#fffdf2,#f4d7a1);box-shadow:inset 0 0 0 2px #fff9dd,0 3px 0 #945621}.mail-compose-head b,.mail-compose-head small{display:block}.mail-compose-head b{font-size:15px}.mail-compose-head small{margin-top:4px;color:#906c47;font-size:9px}.mail-compose label{display:block;margin:10px 4px 5px;color:#68401e;font-size:10px;font-weight:900}.mail-compose .form-row{margin:0}.mail-compose input,.mail-compose textarea{width:100%;box-sizing:border-box;border:2px solid #b77a36;border-radius:12px;padding:10px;background:#fffaf0;box-shadow:inset 0 2px 5px rgba(108,62,20,.1);color:#4a2e14;font-size:12px;outline:0}.mail-compose input{height:43px}.mail-compose textarea{min-height:220px;resize:none;line-height:1.55}.mail-compose input:focus,.mail-compose textarea:focus{border-color:#5aa53e;box-shadow:0 0 0 3px rgba(83,170,57,.16)}.mail-compose .mail-toolbar{margin-top:12px}.mail-send-btn{flex:1;border-color:#347626!important;background:linear-gradient(#7bd84d,#43a62e)!important;color:#fff!important}.mail-compose .mail-back-btn{min-width:90px}
@media(max-height:690px){#gameScreen .panel-overlay.is-mail{padding-top:46px!important}}@media(prefers-reduced-motion:reduce){.mail-button.has-unread,.mail-button:has(#mailBadge:not(.is-hidden)){animation:none}}