.mail-entry{position:relative;display:flex;align-items:center;gap:7px;padding:10px 14px;min-height:44px;pointer-events:auto;color:#345b3d;cursor:pointer}.mail-entry svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.mail-dot{display:inline-block;width:9px;height:9px;background:#d84c49;border-radius:50%;box-shadow:0 0 0 2px #fff7e4;flex-shrink:0}.mail-entry .mail-dot{position:absolute;right:7px;top:7px}.mailbox-page h1{font-size:27px}.mailbox-page h1 small{font-size:12px;color:#6b8062;font-weight:400}.mail-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.7fr);gap:18px}.mail-list{display:flex;flex-direction:column;gap:8px;max-height:55dvh;overflow:auto}.mail-row{text-align:left;border:1px solid #bed0ab;border-radius:12px;padding:15px;background:#f5f7e8;color:#345b3d;min-height:72px;cursor:pointer}.mail-row.selected{background:#dfecd3;border-color:#648c59}.mail-row span{display:flex;gap:9px;align-items:center;line-height:1.6}.mail-row small{display:block;margin-top:8px;color:#75856b;font-size:11px}.mail-detail{border:1px solid #c4d3b4;border-radius:14px;padding:24px;min-height:300px;background:#fffdf1;overflow-wrap:anywhere}.mail-detail h2{margin:14px 0;font-size:21px}.mail-body{white-space:pre-wrap;line-height:2;font-size:14px}.mail-placeholder{text-align:center;padding:60px 10px;color:#849779;font-size:32px}.mail-placeholder p{font-size:13px}.mail-attachments{border-top:1px solid #d2dcc2;margin-top:24px;padding-top:18px}.mail-attachments p{margin:14px 0}.bag-tabs{display:flex;gap:10px;margin:18px 0}.bag-tabs button{padding:10px 22px}.prop-card{display:flex;gap:22px;padding:24px;border:1px solid #c4d3b4;border-radius:14px;background:#f6f8ec;align-items:center}.prop-card h2{margin:10px 0}.prop-card p{line-height:1.8}.prop-art{font-size:65px;display:grid;place-items:center;width:120px;height:130px;background:#e6edd6;border-radius:14px;flex-shrink:0}.tool-props{margin-top:22px;display:block}.quest-tracker .task-hub-entry{display:block;width:100%;text-align:left;cursor:pointer;background:#e2edd5;border:1px solid #b6cba6;border-radius:9px;padding:12px;color:#345b3d;font-size:14px}.task-hub-entry small{display:block;margin-top:6px;font-size:10px;font-weight:400}.quest-tracker{max-height:260px}.quest-tracker .tracker-next{margin-top:12px}.quest-tracker .tracker-next p{margin:8px 0}.quest-tracker [data-task-hub]{cursor:pointer}.quest-tracker [data-task-hub]:focus-visible{outline:2px solid #648c59;outline-offset:3px}
@media(max-width:700px){.mail-layout{grid-template-columns:1fr}.mail-list{max-height:220px}.mail-detail{min-height:200px;padding:17px}.prop-card{gap:14px;padding:16px;align-items:flex-start}.prop-art{font-size:42px;width:65px;height:85px}.mail-entry{padding:7px 9px;min-height:40px;font-size:11px}.mail-entry svg{width:20px;height:20px}.quest-tracker{max-height:220px}.quest-tracker .task-hub-entry{padding:8px;font-size:12px}}

.window-nav[hidden]{display:none}

.quest-tracker{max-height:210px}@media(max-width:700px){.quest-tracker{max-height:185px}}

.mail-bulk-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.mail-bulk-actions button{min-height:42px}

.chest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin:20px 0}.chest-card{align-items:flex-start;border-top:3px solid var(--chest-color);min-width:0}.chest-card .prop-art{width:58px;height:70px;font-size:38px}.chest-card h2{font-size:20px}.chest-card p{font-size:12px;overflow-wrap:anywhere}.chest-card button{display:block;margin-top:14px;min-height:44px}.chest-rates{line-height:2!important}

/* Carved peachwood chests share their rarity lighting in shop and inventory. */
.chest-card{flex-direction:column;gap:0;overflow:hidden}.chest-card>div:last-child{width:100%;min-width:0}.chest-model{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:190px;flex-shrink:0;border-radius:12px;background:radial-gradient(ellipse at 50% 78%,#eee0c9 0%,#f6f3e6 65%);margin-bottom:12px}.chest-model svg{position:relative;width:240px;max-width:100%;height:200px;overflow:visible}.chest-aura{position:absolute;inset:22% 18% 5%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--chest-color) 40%,transparent),transparent 70%);filter:blur(12px);animation:chest-breathe 3.6s ease-in-out infinite}.chest-light-seam{filter:drop-shadow(0 0 4px var(--chest-color)) drop-shadow(0 0 9px var(--chest-color))}.chest-sparks{filter:drop-shadow(0 0 4px var(--chest-color));animation:chest-breathe 3.6s ease-in-out infinite}.chest-guarantee-seal{position:absolute;right:14px;top:12px;padding:5px 9px;border:1px solid var(--chest-color);border-radius:6px;color:#573e2e;background:#fff9e6;font-size:12px;letter-spacing:2px}.is-guaranteed .chest-aura{inset:12% 8% 0;opacity:1}.chest-card:hover .chest-object{filter:brightness(1.06)}@keyframes chest-breathe{0%,100%{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.chest-aura,.chest-sparks{animation:none}}@media(max-width:700px){.chest-model{height:170px}.chest-model svg{height:180px}}

.chest-reveal{width:min(820px,94vw);max-width:94vw;box-sizing:border-box;padding:28px 0 24px;border:1px solid var(--chest-color);border-radius:20px;color:#f7e9cb;background:radial-gradient(ellipse at 50% 0%,#344337,#15241e 70%);box-shadow:0 25px 100px #0009;overflow:hidden}.chest-reveal::backdrop{background:#091510dc;backdrop-filter:blur(6px)}.reveal-heading{text-align:center}.reveal-heading small{color:#c5b89b;letter-spacing:4px;font-size:11px}.reveal-heading h2{margin:10px 0 0;font-size:26px}.opening-model{width:260px;margin:0 auto;transition:height .4s,opacity .4s;height:200px}.opening-model .chest-model{background:none;height:200px}.opening-model .chest-model svg{width:260px;max-width:none}.opening-model .chest-lid{transform-box:view-box;transform-origin:174px 89px;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.is-opening .opening-model .chest-lid{transform:translate(0,-25px) rotate(-28deg)}.is-opening .opening-model .chest-aura{filter:blur(7px);opacity:1;transform:scale(1.3)}.is-rolling .opening-model{height:0;opacity:0;pointer-events:none}.reveal-status{text-align:center;min-height:24px;margin:14px 0;color:#deccaa;font-size:14px}.reel-window{position:relative;width:100%;overflow:hidden;background:#0c1814;border-block:1px solid #52624b;padding:18px 0;isolation:isolate}.reel-window[hidden]{display:none}.reel-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c1814 0%,transparent 15%,transparent 85%,#0c1814);z-index:2}.reel-track{display:flex;gap:12px;width:max-content;position:relative;will-change:transform}.reel-card{box-sizing:border-box;flex:0 0 132px;width:132px;height:172px;border:1px solid #4c5144;border-bottom:3px solid var(--reward-color);border-radius:8px;background:linear-gradient(#2b352b,#1b261f);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden;padding:8px 5px}.reel-card strong{font-size:12px;line-height:1.5;width:100%;overflow-wrap:anywhere;color:#f4e2bc}.reel-card small{font-size:10px;margin-top:6px;color:#c4b89b}.reel-art{width:100px;height:100px}.reel-art canvas{width:100%;height:100%}.reel-coins{height:100px;display:grid;place-items:center;font-size:62px;color:#e6c570;text-shadow:0 0 22px #b58b3a66}.reel-chest{width:120px;height:100px;overflow:hidden}.reel-chest .chest-model{width:120px;height:100px;background:none;margin:0}.reel-chest svg{width:120px;height:100px}.reel-chest .chest-guarantee-seal{display:none}.reel-pointer{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:#f8dd94;box-shadow:0 0 12px #f8dd9480;z-index:3;pointer-events:none}.reel-pointer:before,.reel-pointer:after{content:'';position:absolute;left:-6px;border-inline:7px solid transparent}.reel-pointer:before{top:0;border-top:10px solid #f8dd94}.reel-pointer:after{bottom:0;border-bottom:10px solid #f8dd94}.reel-winner{border-color:var(--chest-color);background:linear-gradient(#495038,#273b2d);box-shadow:inset 0 0 22px color-mix(in srgb,var(--chest-color) 28%,transparent)}.reveal-result{text-align:center;line-height:1.8;min-height:32px;margin:18px 20px 8px;font-size:15px;color:#ffe4a8}.reveal-controls{display:flex;justify-content:center;gap:12px;padding:0 20px}.reveal-controls button{min-height:44px}.reveal-controls [hidden]{display:none}.reveal-controls .quiet-btn{color:#e5d6b9;border-color:#6c7860}.chest-reveal :focus-visible{outline:2px solid #ffe3a0;outline-offset:4px}@media(max-width:600px){.chest-reveal{padding-top:20px}.reveal-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.opening-model,.opening-model .chest-lid{transition:none}}

.reveal-summary{padding:0 20px 18px}.reveal-summary[hidden]{display:none}.reveal-summary h3{margin:8px 0;font-size:17px;text-align:center;color:#f2d99c}.summary-totals{text-align:center;font-size:13px;line-height:1.8;color:#d8c8a7}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.summary-grid .reel-card{width:100%;height:185px;position:relative}.summary-number{font-size:10px;color:#aab49e}.chest-reveal:has(.reveal-summary:not([hidden])){max-height:90dvh;overflow-y:auto}@media(max-width:600px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-summary{padding-inline:12px}.summary-grid .reel-card:last-child:nth-child(odd){grid-column:1/-1}}