.mailbox-preview-open{overflow:hidden}body.game-portal-open .mailbox-preview-fab,body.game-portal-open .mailbox-preview-backdrop{display:none}.mailbox-preview-fab{--floating-drag-x:0px;--floating-drag-y:0px;z-index:1010;background:linear-gradient(145deg, var(--season-accent), var(--season-accent-dark));color:#fff;width:76px;height:76px;transform:translate3d(var(--floating-drag-x), calc(-50% + var(--floating-drag-y)), 0);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:grab;will-change:transform;border:4px solid #fff;border-radius:25px;place-items:center;transition:transform .18s,filter .18s;display:grid;position:fixed;top:50%;right:18px;box-shadow:0 10px 28px #5b344a4a}.mailbox-preview-fab:hover,.mailbox-preview-fab:focus-visible{transform:translate3d(var(--floating-drag-x), calc(-53% + var(--floating-drag-y)), 0) scale(1.05);filter:brightness(1.05)}.mailbox-preview-fab.is-dragging{transform:translate3d(var(--floating-drag-x), calc(-50% + var(--floating-drag-y)), 0) scale(1.04);cursor:grabbing;transition:none}.mailbox-preview-fab>span{font-size:40px;line-height:1}.mailbox-preview-fab>b{color:#fff;background:#6a5590;border:3px solid #fff;border-radius:999px;place-items:center;min-width:31px;height:31px;padding:0 6px;font-size:11px;animation:.35s cubic-bezier(.18,.9,.28,1.3) mailboxBadgePop;display:grid;position:absolute;top:-8px;right:-7px;box-shadow:0 3px 9px #44314a42}.mailbox-preview-backdrop{z-index:21000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#43313c85;animation:.2s ease-out mailboxPreviewBackdrop;position:fixed;inset:0}.mailbox-preview-popup{background:var(--season-paper);width:min(430px,100vw - 120px);max-height:min(680px,100dvh - 40px);color:var(--season-ink);border:5px solid #fff;border-radius:29px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px;animation:.28s cubic-bezier(.18,.9,.28,1.1) mailboxPreviewIn;display:grid;position:absolute;top:50%;right:96px;overflow:hidden;transform:translateY(-50%);box-shadow:0 26px 80px #2f1e2d70}.mailbox-preview-popup>header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.mailbox-preview-popup>header>div{align-items:center;gap:10px;min-width:0;display:flex}.mailbox-preview-popup>header>div>span{background:var(--season-soft);border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-size:31px;display:grid}.mailbox-preview-popup h2{font:700 31px/1 var(--font-gaegu);margin:0}.mailbox-preview-popup header p{color:#6b5b62;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:11px;overflow:hidden}.mailbox-preview-popup>header button{color:#704f5a;background:#f1e5e9;border:0;border-radius:15px;flex:none;width:45px;height:45px;padding:0;font-size:27px;font-weight:1000}.mailbox-preview-state,.mailbox-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:20px;display:flex;overflow-y:auto}.mailbox-preview-state>span,.mailbox-preview-empty>span{font-size:58px}.mailbox-preview-state>strong,.mailbox-preview-empty>strong{font:700 24px/1.2 var(--font-gaegu);margin-top:8px}.mailbox-preview-state>p,.mailbox-preview-empty>p{color:#6a5b61;margin:7px 0 13px;font-size:12px;line-height:1.5}.mailbox-preview-state>a,.mailbox-preview-state>button{background:var(--season-accent);color:#fff;border:0;border-radius:14px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:1000;text-decoration:none}.mailbox-preview-loading{animation:1.35s ease-in-out infinite mailboxPreviewFloat}.mailbox-preview-content{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.mailbox-preview-summary{justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:5px 8px;display:flex}.mailbox-preview-summary>strong{font:700 21px var(--font-gaegu)}.mailbox-preview-summary>b{color:#785916;background:#fff0bc;border-radius:999px;padding:5px 8px;font-size:10px}.mailbox-preview-list{gap:7px;min-height:0;padding:2px;display:grid;overflow-y:auto}.mailbox-preview-letter{color:#554b57;border:3px solid #0000;border-radius:18px;grid-template-columns:45px minmax(0,1fr) 17px;align-items:center;gap:9px;min-height:79px;padding:9px 10px;text-decoration:none;transition:transform .16s,border-color .16s;display:grid;box-shadow:0 4px 10px #64424b12}.mailbox-preview-letter:hover,.mailbox-preview-letter:focus-visible{border-color:var(--season-accent);transform:translateY(-2px)}.mailbox-preview-letter.is-unread{border-color:color-mix(in srgb, var(--season-accent), #fff 15%);box-shadow:0 0 0 3px color-mix(in srgb, var(--season-accent), transparent 78%), 0 5px 12px #71404d18}.mailbox-preview-letter>span:first-child{background:#fffaf3a8;border:3px solid #fff;border-radius:12px;place-items:center;width:43px;height:43px;font-size:23px;display:grid;box-shadow:0 3px 8px #67424c18}.mailbox-preview-letter>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.mailbox-preview-letter strong{font:700 19px/1.1 var(--font-gaegu);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mailbox-preview-letter small{color:#5b4e54;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 3px;font-size:11px;overflow:hidden}.mailbox-preview-letter time{color:#7a6c72;font-size:9px;font-weight:800}.mailbox-preview-letter>i{color:var(--season-accent-dark);text-align:center;font-size:22px;font-style:normal}.mailbox-preview-letter.is-unread>i{font-size:9px}.mailbox-preview-popup>footer{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mailbox-preview-popup>footer a{text-align:center;border-radius:15px;place-items:center;min-height:48px;padding:9px 8px;font-size:11px;font-weight:1000;text-decoration:none;display:grid}.mailbox-preview-secondary{color:#67555d;background:#f0e7eb}.mailbox-preview-primary{background:var(--season-accent);color:#fff;box-shadow:0 4px 0 var(--season-accent-dark)}@keyframes mailboxPreviewBackdrop{0%{opacity:0}}@keyframes mailboxPreviewIn{0%{opacity:0;transform:translate(24px,-50%)scale(.94)}}@keyframes mailboxPreviewFloat{50%{transform:translateY(-8px)rotate(4deg)}}@keyframes mailboxBadgePop{0%{opacity:0;transform:scale(.45)}}@media (max-width:760px){.mailbox-preview-fab{width:62px;height:62px;transform:translate3d(var(--floating-drag-x), var(--floating-drag-y), 0);border-radius:21px;top:auto;bottom:78px;right:10px}.mailbox-preview-fab:hover,.mailbox-preview-fab:focus-visible,.mailbox-preview-fab.is-dragging{transform:translate3d(var(--floating-drag-x), var(--floating-drag-y), 0) scale(1.04)}.mailbox-preview-fab>span{font-size:33px}.mailbox-preview-popup{border-radius:25px;width:auto;max-height:calc(100dvh - 92px);padding:14px;inset:auto 8px 78px;transform:none}.mailbox-preview-state,.mailbox-preview-empty{min-height:220px}@keyframes mailboxPreviewIn{0%{opacity:0;transform:translateY(24px)scale(.96)}}}@media (max-width:390px){.mailbox-preview-popup header p{display:none}.mailbox-preview-popup>footer a{font-size:10px}}@media (prefers-reduced-motion:reduce){.mailbox-preview-fab>b,.mailbox-preview-backdrop,.mailbox-preview-popup,.mailbox-preview-loading{animation:none}}