@font-face{font-family:DesignWenKai;src:url('/updates/inbox-v1-20261103/assets/preview-font.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DesignBrush;src:url('/updates/inbox-v1-20261103/assets/preview-brush.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.design-overlay{position:fixed;inset:0;z-index:23000;background:#211a13a3;color:#442b1c;font-family:DesignWenKai,serif;font-weight:400;font-synthesis:none;-webkit-tap-highlight-color:transparent}
.design-overlay[hidden],.design-reward[hidden]{display:none!important}
.design-overlay *,.design-reward *{box-sizing:border-box}
.design-sheet{position:absolute;left:50%;top:50%;width:820px;height:1300px;transform:translate(-50%,-50%) scale(var(--design-scale,.4));transform-origin:center;background:url('/assets/secondary-unified-v1/paper.png') center/cover;border:27px solid transparent;border-image:url('/assets/secondary-unified-v1/frame.png') 120 fill/27px/0 stretch;box-shadow:0 14px 30px #1f140e66}
.design-review-frame{background:none;border:0;box-shadow:none}
.design-review-interior,.design-review-original{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.design-review-interior{clip-path:inset(13% 4.3% 3.2% 4.3%)}
.design-review-original{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,4.3% 13%,4.3% 96.8%,95.7% 96.8%,95.7% 13%,4.3% 13%)}
.design-review-frame .design-crest{display:none}
.design-review-frame h2{left:187px;top:70px}
.design-review-frame .design-close{left:27px;top:51px}
.design-review-frame .design-panel-dot{right:73px;top:99px}
.design-review-frame .design-subtitle{top:160px}
.design-review-frame .design-mail-list{left:52px;right:52px;top:223px}
.design-review-frame .design-footer{left:70px;right:70px;top:1178px}
.design-review-frame .design-record-section{left:53px;right:53px;top:211px}
.design-review-frame .design-record-section.league{top:621px}
.design-review-frame .design-record-rule{left:59px;right:59px;top:586px}
.design-review-frame .design-podium{left:53px;right:53px;top:1032px}
.design-crest{position:absolute;left:50%;top:-66px;transform:translateX(-50%);width:200px;height:130px;object-fit:contain;pointer-events:none}
.design-sheet h2{position:absolute;left:160px;top:43px;width:446px;margin:0;font:400 60px/80px DesignBrush,serif;color:#422413;text-align:center;white-space:nowrap}
.design-overlay button,.design-reward button{appearance:none;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}
.design-overlay button:focus-visible,.design-reward button:focus-visible{outline:4px solid #23624f;outline-offset:4px}
.design-overlay button:active,.design-reward button:active{filter:brightness(.9)}
.design-overlay button:disabled{opacity:.48;cursor:default}
.design-close{position:absolute;left:0;top:24px;width:112px;height:112px;display:grid;place-items:center}
.design-close img{display:block;width:64px;height:64px;object-fit:contain;pointer-events:none}
.design-red-dot{position:absolute;display:block;width:23px;height:23px;border-radius:50%;background:#c53223;border:3px solid #f4d6a3;box-shadow:0 2px 3px #5d1f164d}
.design-panel-dot{right:46px;top:72px}
.design-subtitle{position:absolute;left:50px;right:50px;top:133px;margin:0;text-align:center;font-size:26px;line-height:40px;color:#795634}
.design-mail-list{position:absolute;left:25px;right:25px;top:196px;height:930px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.design-mail-list::-webkit-scrollbar{display:none}
.design-mail{position:relative;width:100%;height:144px;margin-bottom:12px!important;text-align:left;background:url('/updates/inbox-v1-20261103/assets/mail-row-plate.png') center/100% 100% no-repeat!important}
.design-mail img{position:absolute;left:19px;top:20px;width:104px;height:104px;object-fit:contain}
.design-mail strong{position:absolute;left:144px;right:53px;top:21px;font-size:34px;line-height:42px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#59351f}
.design-mail.read strong{color:#706251}
.design-mail .design-excerpt{position:absolute;left:144px;right:42px;top:66px;font-size:26px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#795634}
.design-mail time{position:absolute;left:144px;bottom:14px;font-size:23px;line-height:30px;color:#795634}
.design-mail .design-red-dot{right:18px;top:13px}
.design-mail .design-attachment{position:absolute;right:35px;bottom:16px;font-size:23px;color:#91512b}
.design-empty{position:absolute;inset:160px 20px auto;text-align:center;font-size:34px;color:#795634}
.design-empty img{display:block;margin:0 auto 30px;width:150px;height:150px;opacity:.65}
.design-footer{position:absolute;left:43px;right:43px;top:1164px;display:flex;align-items:center;justify-content:center;gap:32px}
.design-jade,.design-delete{position:relative;width:302px;height:86px;display:grid;place-items:center;font:400 36px/1 DesignWenKai,serif!important;border:17px solid transparent!important}
.design-jade{border-image:url('/assets/player-avatars-v1-20261021/webp/avatar-picker-confirm-normal-v1.webp') 24 fill/17px/0 stretch!important;color:#f8e6bd!important}
.design-delete{border-image:url('/assets/secondary-unified-v1/frame.png') 120 fill/12px/0 stretch!important;background:url('/assets/secondary-unified-v1/paper.png') center/cover!important;color:#85402b!important}
@font-face{font-family:InboxDetailWenKaiExtended;src:url('/assets/fonts/campaign-wenkai-extended-v6.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
.design-detail{width:820px;height:1300px;background:none;border:0;box-shadow:none;font-family:RankInfoWenKai,InboxDetailWenKaiExtended,serif;font-weight:400;font-synthesis:none}
.design-detail:before{content:'';position:absolute;inset:83px 35px 35px;background:url('/assets/secondary-unified-v1/paper.png') center/100% 100% no-repeat;pointer-events:none}
.design-detail-frame{position:absolute;inset:0;pointer-events:none;background:url('/assets/secondary-unified-v1/review-skin.png') center/100% 100% no-repeat;clip-path:path(evenodd,"M0 0 H820 V1300 H0 Z M75 83 H745 Q745 120 785 120 V1225 Q745 1225 745 1265 H75 Q75 1225 35 1225 V120 Q75 120 75 83 Z")}
.design-detail h2{left:187px;top:70px;width:446px;font-size:60px;line-height:80px}
.design-detail h2:after{content:'';position:absolute;left:-125px;right:-125px;bottom:-24px;height:1px;background:#b68b52;opacity:.55}
.design-detail .design-close{left:27px;top:51px}
.design-detail .design-close:after{content:'';position:absolute;left:39px;top:39px;width:34px;height:34px;background:url('/updates/inbox-v1-20261103/assets/arrow-left.svg') center/contain no-repeat;pointer-events:none}
.design-detail h3{position:absolute;left:65px;right:65px;top:190px;height:108px;display:flex;align-items:center;justify-content:center;margin:0;text-align:center;font-size:42px;line-height:54px;font-weight:400;overflow-wrap:anywhere}
.design-detail time{position:absolute;left:65px;right:65px;top:315px;text-align:center;font-size:26px;line-height:36px;color:#795634}
.design-article{position:absolute;left:65px;right:65px;top:378px;height:714px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;font-size:34px;line-height:1.7;text-align:left;white-space:pre-line;overflow-wrap:anywhere}
.design-article::-webkit-scrollbar{display:none}
.design-article p{margin:0 0 22px}
.design-detail-footer{position:absolute;left:65px;right:65px;bottom:68px;display:flex;justify-content:center;align-items:center;gap:32px;height:86px}
.design-detail-footer .design-jade,.design-detail-footer .design-delete{width:302px;height:86px;font-size:36px!important;font-family:RankInfoWenKai,InboxDetailWenKaiExtended,serif!important;font-weight:400!important;font-synthesis:none}
.design-detail-note{position:absolute;left:65px;right:65px;bottom:164px;height:38px;line-height:38px;text-align:center;color:#9d3828;font-size:24px}
.design-record-section{position:absolute;left:26px;right:26px;top:184px;height:345px}
.design-record-section.league{top:594px}
.design-ribbon{height:78px;width:395px;margin:0 0 16px 3px;padding:0 30px;display:flex;align-items:center;border:24px solid transparent;border-image:url('/updates/inbox-v1-20261103/assets/review-ribbon.png') 25 fill/24px/0 stretch;font-size:36px;font-weight:400;line-height:1;white-space:nowrap;color:#3a0c06}
.design-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,119px);row-gap:18px}
.design-metric{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.design-metric:after{content:'';position:absolute;right:0;top:13px;width:1px;height:69px;background:#aa8051}
.design-metric:nth-child(3n):after{display:none}
.design-metric span{font-size:30px;line-height:39px}
.design-metric b{font-size:56px;line-height:60px;font-weight:400;color:#963a28}
.design-record-rule{position:absolute;left:32px;right:32px;top:559px;height:1px;background:#aa8051}
.design-podium{position:absolute;left:26px;right:26px;top:1005px;padding-top:20px;border-top:1px solid #aa8051;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.design-podium div{display:flex;flex-direction:column;align-items:center}
.design-podium img{width:112px;height:112px;object-fit:contain;margin-bottom:6px}
.design-podium span{font-size:32px;line-height:42px}
.design-podium b{font-size:54px;line-height:63px;font-weight:400;color:#963a28}
.design-hall-record{position:absolute;left:716px;top:67px;width:174px;height:82px;border:18px solid transparent!important;border-image:url('/updates/inbox-v1-20261103/assets/hall-back-frame.png') 12/18px/0 stretch!important;background:url('/updates/inbox-v1-20261103/assets/hall-button-paper.png') center/100% 100% no-repeat!important;font-size:30px!important;color:#f5e6c6!important;display:grid;place-items:center}
.design-reward{position:fixed;inset:0;background:#21170fa8;z-index:24000;font-family:DesignWenKai,serif;font-weight:400;font-synthesis:none}
.design-reward .design-sheet{width:650px;height:450px}
.design-reward h2{left:110px;top:38px;width:376px;font-size:46px;line-height:64px}
.design-reward-source{position:absolute;left:35px;right:35px;top:112px;margin:0;text-align:center;font-size:25px;color:#795634}
.design-loot{position:absolute;left:55px;right:55px;top:170px;display:flex;justify-content:center;gap:58px}
.design-loot div{display:flex;flex-direction:column;align-items:center;font-size:30px;color:#442b1c}
.design-loot img{width:78px;height:78px;object-fit:contain;margin-bottom:8px}
.design-reward .design-jade{position:absolute;left:182px;top:326px;width:232px;height:74px;font-size:32px!important}
#home-screen.home-approved-ui .home-quick-rail>button.design-home>*,#home-screen.home-approved-ui .home-quick-rail>button.design-home>img{display:block!important;opacity:1!important;visibility:visible!important}
#home-screen .design-home .design-home-icon{position:absolute!important;left:4%!important;top:16%!important;width:34%!important;height:69%!important;object-fit:contain!important}
#home-screen .design-home .design-home-label{position:absolute!important;left:39%!important;top:17%!important;right:5%!important;width:auto!important;height:66%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font:400 17cqw/1 DesignWenKai,serif!important;color:#332111!important;white-space:nowrap!important;letter-spacing:0!important;transform:none!important}
#home-screen .design-home{container-type:inline-size}
#home-screen .design-home .design-home-badge{position:absolute!important;right:-5%!important;top:-14%!important;width:23%!important;aspect-ratio:1!important;height:auto!important;border-radius:50%!important;border:1.5px solid #f6deb3!important;background:#bc2f22!important;color:#fff4d8!important;text-align:center!important;font:400 15cqw/1.3 DesignWenKai,serif!important;box-shadow:0 2px 2px #4d211952!important}

/* Exact inherited review frame; all replacements stay within its paper interior. */
.design-sheet.design-review-frame h2{left:187px;top:70px}
#home-screen .design-home .design-home-label img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
#home-screen .design-home .design-home-icon{left:8%!important;width:32%!important}
.design-hall-record img{position:absolute;left:3px;top:7px;width:132px;height:32px;object-fit:contain;pointer-events:none}

.design-review-frame .design-mail-list{height:900px}
.design-review-frame .design-mail{height:136px;margin-bottom:10px!important}
.design-review-frame .design-footer{top:1150px}
.design-review-frame .design-podium{top:1000px}

.design-review-frame .design-podium{top:980px}
.design-review-frame .design-podium img{width:96px;height:96px}
#home-screen .design-ranking .design-ranking-cover{position:absolute!important;left:48%!important;top:26%!important;width:43%!important;height:48%!important;object-fit:fill!important;display:block!important;visibility:visible!important;opacity:1!important}
#home-screen .design-ranking .design-ranking-word{position:absolute!important;left:49.5%!important;top:32%!important;width:39.5%!important;height:34%!important;object-fit:contain!important;display:block!important;visibility:visible!important;opacity:1!important}

/* Match visible lettering height rather than forcing different aspect ratios into one width. */
#home-screen .design-home .design-home-label img{width:auto!important;max-width:none!important;height:85%!important;flex-shrink:0!important}
#home-screen .design-ranking .design-ranking-word{left:69.25%!important;top:35.5%!important;width:auto!important;max-width:none!important;height:29%!important;transform:translateX(-50%)!important}

#home-screen .design-ranking .design-ranking-word{top:37.5%!important;height:25%!important}

#sg-hall-records-entry{z-index:25!important;pointer-events:auto!important}
.design-detail h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.design-article p{overflow-wrap:anywhere}
.design-loot[data-count="3"],.design-loot[data-count="4"]{gap:12px}
.design-loot[data-count="3"]>div,.design-loot[data-count="4"]>div{min-width:0;max-width:110px;font-size:23px;text-align:center;overflow-wrap:anywhere}
.design-loot[data-count="3"] img,.design-loot[data-count="4"] img{width:64px;height:64px}

/* Inbox unread badge foreground only. */
#home-screen #home-official-announcement .design-home-badge{color:#ffffff!important}

/* Retired announcement/review button art must not load before the replacements mount. */
#home-screen.home-approved-ui #home-official-announcement,
#home-screen.home-approved-ui #home-review{--home-approved-image:none!important}