/* Alali's Randomizer · in-site player mail and reward claims, version 28. */
.mailbox-view{display:grid;gap:16px;margin-top:18px;min-width:0}
.mailbox-view[hidden],.mail-admin[hidden]{display:none!important}
.mailbox-view .lb-panel{min-width:0}
.mail-hero{background:radial-gradient(ellipse at 90% 4%,rgba(113,190,243,.14),transparent 50%),radial-gradient(ellipse at 13% 94%,rgba(231,192,121,.1),transparent 49%),#142439}
.mail-hero-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.mail-hero h2,.mail-inbox-panel h3,.mail-admin h3{margin:.25rem 0 .6rem}
.mail-hero p{color:#b8c9dc;max-width:730px;line-height:1.55;margin:.3rem 0}
.mail-hero-count{display:grid;gap:6px;min-width:145px;padding:15px 20px;border-radius:16px;border:1px solid #88d9d668;background:linear-gradient(130deg,#122b35,#273554);text-align:center}
.mail-hero-count span{color:#aee8eb;letter-spacing:.13em;font-size:10px;font-weight:900}
.mail-hero-count strong{color:#fff0bd;font-size:34px;line-height:1.15}
.mail-inbox-panel .lb-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mail-list{display:grid;gap:12px;margin-top:15px}
.mail-letter{border:1px solid #3b5975;border-radius:15px;background:linear-gradient(140deg,#162a41,#111f33);min-width:0;overflow:hidden}
.mail-letter.mail-unread{border-color:#85cfe0;box-shadow:inset 3px 0 0 #9ee4ee,0 8px 20px #0003}
.mail-details{min-width:0}.mail-summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 19px;list-style:none;min-width:0}
.mail-summary::-webkit-details-marker{display:none}.mail-summary::marker{display:none}
.mail-summary:hover{background:rgba(197,227,255,.035)}
.mail-summary:focus-visible{outline:2px solid #95dce8;outline-offset:-3px}
.mail-letter-main{display:grid;gap:6px;min-width:0;flex:1}
.mail-subject{font-weight:850;font-size:16px;color:#f4f9ff;overflow-wrap:anywhere}
.mail-meta{color:#aabed2;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.mail-tags{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
.mail-tags span{white-space:nowrap;font-weight:800;font-size:10px;letter-spacing:.03em;border-radius:999px;padding:5px 8px}
.mail-new{background:#20526a;color:#a6f4ff;border:1px solid #76cfdd}
.mail-reward-tag{background:#503b25;color:#ffe1a0;border:1px solid #b89a5e}
.mail-expired{background:#4b3039;color:#ffd1cc;border:1px solid #ad7b7c}
.mail-claimed{background:#1b473f;color:#a6f1cc;border:1px solid #64b597}
.mail-message-content{border-top:1px solid #3b536c;padding:16px 19px 20px;background:#0b192b65}
.mail-body{color:#e3ebf7;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0 0 14px}
.mail-claim-area{border:1px solid #665b47;border-radius:12px;background:linear-gradient(135deg,#322d2d,#1b293b);padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mail-claim-caption{color:#eedfbd;font-size:13px;line-height:1.5}
.mail-claim-area button{flex:0 0 auto;max-width:100%;white-space:normal}
.mail-empty{padding:38px 15px;text-align:center;border:1px dashed #455b76;border-radius:15px;background:#0f1e31}
.mail-empty strong{font-size:17px}.mail-empty p{margin-bottom:0}
.mail-compose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}
.mail-field{display:grid;gap:7px;min-width:0;color:#dce8f8;font-size:13px;font-weight:750}
.mail-field input,.mail-field select,.mail-field textarea{display:block;width:100%;box-sizing:border-box;min-width:0;background:#0d1e33;color:#f4faff;border:1px solid #4c6583;border-radius:11px;padding:11px 12px;font:inherit;font-weight:500;line-height:1.4}
.mail-field input:focus,.mail-field select:focus,.mail-field textarea:focus{outline:2px solid #85d8eb;outline-offset:1px}
.mail-field textarea{resize:vertical;min-height:105px}
.mail-wide{grid-column:1/-1}
.mail-send-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.mail-send-actions p{margin:0;flex:1 1 250px;line-height:1.5}
@media(max-width:780px){.mail-compose{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-wide{grid-column:1/-1}}
@media(max-width:540px){.mail-compose{grid-template-columns:minmax(0,1fr)}.mail-wide{grid-column:1}.mail-summary{padding:13px 12px;align-items:flex-start;flex-direction:column}.mail-tags{justify-content:flex-start}.mail-message-content{padding:15px 12px}.mail-hero-count{min-width:min(100%,145px)}.mail-claim-area button{width:100%}}