/* Daily rewards: warm brass, plum velvet and a clear place for each prize. */
#daily-open{width:174px;min-height:64px;border:1px solid #ba8c4b!important;border-bottom:3px solid #68442b!important;border-radius:13px;background:linear-gradient(120deg,#463448,#28222f 75%)!important;padding:5px 11px 5px 6px!important;gap:8px!important;box-shadow:inset 0 1px #f5dba728,0 3px 8px #17202e30!important;isolation:isolate}
#daily-open img{width:58px;height:55px;filter:drop-shadow(0 3px 2px #160e2280);animation:none!important;transition:transform .15s}
#daily-open b{font:800 12px/1.2 var(--ui-font)!important;letter-spacing:.025em;color:#fff0d5;white-space:nowrap}
#daily-open small{font:600 10px/1.3 var(--ui-font)!important;margin-top:5px;color:#c1adc9!important;letter-spacing:.01em}
#daily-open[data-ready=true] small{color:#f9c775!important}
#daily-open[data-ready=true]::after{content:'';position:absolute;right:6px;top:6px;width:6px;height:6px;background:#ffd076;border-radius:50%;box-shadow:0 0 0 3px #e2a5441c}
#daily-open:hover{border-color:#f2c77d!important;background:linear-gradient(120deg,#544052,#332a3b)!important}
#daily-open:hover img{transform:rotate(-4deg) translateY(-2px)}
body[data-modal=daily] #modal{display:flex;flex-direction:column;width:min(790px,94vw);padding:24px;border:1px solid #99745188;border-radius:18px;background:linear-gradient(145deg,#302737,#211c29 65%);box-shadow:0 18px 65px #100c1f60,inset 0 1px #e9d3b21c;overflow:hidden}
body[data-modal=daily] #modal>header{flex-shrink:0;padding-bottom:14px;border-color:#d6b68922}
body[data-modal=daily] #modal #modal-title{font:800 25px/1.1 var(--ui-font);color:#fff0d8;letter-spacing:.01em}
body[data-modal=daily] #modal #modal-content{padding-top:14px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:#8b6c91 transparent}
body[data-modal=daily] .reward-tabs{margin:0 0 18px;padding:4px;gap:4px;background:#18151f77;border:1px solid #d4bedf1c;border-radius:10px}
body[data-modal=daily] .reward-tabs button{min-height:42px;padding:9px 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:#bcacc6;font:600 14px var(--ui-font);box-shadow:none}
body[data-modal=daily] .reward-tabs button.active{background:#54405e;border-color:#c8a5d74d;color:#fff0dc;box-shadow:0 2px 4px #130e2033,inset 0 1px #ffffff0a}
.daily-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}
.daily-hero{min-width:0;position:relative;padding-top:4px}
.daily-reward .reward-eyebrow{display:inline-flex;gap:6px;align-items:center;padding:6px 13px;border:1px solid #d3ac6f40;border-radius:20px;background:#201a26;color:#f5cd8e;font:700 12px/1 var(--ui-font);letter-spacing:.08em}
.daily-reward .reward-eyebrow>span{color:#a78caa;font-weight:500;letter-spacing:0}
.daily-reward .reward-stage{height:239px}
.daily-reward .reward-stage>img{width:236px;height:224px;max-width:100%;object-fit:contain;filter:drop-shadow(0 15px 8px #130c2080);transition:filter .2s}
.daily-reward .reward-rays{inset:5% -12%;border-radius:50%;mask-image:none;background:radial-gradient(ellipse,#f4b95327,transparent 66%);opacity:1;animation:none}
.reward-rays{pointer-events:none}
.daily-details{text-align:left;min-width:0}
.daily-copy>small{font:700 10px/1.3 var(--ui-font);letter-spacing:.13em;color:#c4a5cf}
.daily-copy h3{font:800 32px/1.1 var(--ui-font);margin:9px 0;color:#fff0d5;letter-spacing:-.015em}
body[data-modal=daily] #modal .daily-copy p{font:400 15px/1.4 var(--ui-font)!important;margin:0 0 17px!important;color:#bdadca!important;max-width:300px}
.daily-reward .reward-amount{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 17px}
.daily-reward .reward-amount>div{display:grid;grid-template-columns:23px auto;justify-content:center;align-content:center;gap:4px 5px;min-height:66px;padding:9px 3px;background:#1c182366;border:1px solid #a78cb32b;border-radius:9px;text-align:center}
.daily-reward .reward-amount .ui-icon{width:23px;height:23px;align-self:center}
.daily-reward .reward-amount b,.daily-reward .reward-amount strong{font:800 24px/1.1 var(--ui-font);color:#ffe1a6;align-self:center;font-variant-numeric:tabular-nums}
.daily-reward .reward-amount b::before{display:none}
.daily-reward .reward-amount>div:nth-child(2) strong{color:#a8e8f4}
.daily-reward .reward-amount>div:nth-child(3) strong{color:#d4bbf5}
.daily-reward .reward-amount small{grid-column:1/-1;color:#b7a7c3;font:500 11px/1.2 var(--ui-font)}
.daily-xp{display:grid;place-items:center;align-self:center;width:23px;height:23px;border:1px solid #bba0dd80;border-radius:7px;background:#a882d52b;color:#dec5fc;font:800 9px var(--ui-font);font-style:normal}
.daily-reward .reward-primary{width:100%;min-height:51px;border:1px solid #f2c684;border-bottom:3px solid #9d5d26;border-radius:10px;background:linear-gradient(#ffb547,#ed922a);color:#382014;font:800 17px/1.1 var(--ui-font);box-shadow:inset 0 1px #ffe9b999,0 3px 8px #100b2033;letter-spacing:.025em}
.daily-reward .reward-primary:not(:disabled):hover{background:linear-gradient(#ffc262,#f9a641)}
.daily-reward .reward-primary:disabled{opacity:1;background:#322c3e;border:1px solid #826c8c66;color:#baa8c5;box-shadow:none}
body[data-modal=daily] #modal .daily-status{min-height:16px;font:500 12px/1.3 var(--ui-font)!important;margin:10px 0 0!important;color:#ad98b7!important;text-align:center}
.daily-week-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #cdb1d224;padding-top:18px;margin-top:17px;text-align:left}
.daily-week-heading h4{font:600 15px var(--ui-font);margin:0;color:#e7d4ec}
.daily-week-heading>span{font:500 11px var(--ui-font);color:#aa94b4;white-space:nowrap}
.daily-reward .reward-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:12px 0}
.daily-reward .reward-week li{position:relative;gap:6px;padding:10px 3px;min-width:0;border:1px solid #9d80ac38;border-radius:9px;background:#3a2c452e}
.daily-reward .reward-week li>span{position:relative;font:600 10px/1.2 var(--ui-font);color:#b9a2c6;letter-spacing:.025em}
.daily-reward .reward-week b{display:flex;align-items:center;justify-content:center;gap:3px;font:800 17px/1 var(--ui-font);color:#f5dfb5}
.daily-reward .reward-week b .ui-icon{width:17px;height:17px}
.daily-reward .reward-week small{font:600 11px/1 var(--ui-font);color:#b1dbe4}
.daily-reward .reward-week small .ui-icon{width:13px;height:13px}
.daily-reward .reward-week .current{border-color:#dda65e;background:linear-gradient(#61414866,#56344044);box-shadow:inset 0 0 0 1px #eabd6a20}
.daily-reward .reward-week .current>span{color:#ffe0a3}
.daily-reward .reward-week .done{opacity:.6}
.daily-reward .reward-week .current.done{opacity:1;border-color:#9ab482;background:#43513a30}
.daily-reward .reward-week .blade{border-color:#a68bc080}
.daily-reward .reward-week li:last-child{background:linear-gradient(#59405866,#45304c33)}
.daily-reward .reward-week em{font:700 7px var(--ui-font);color:#c6a8e2;letter-spacing:.025em}
.daily-tick{position:absolute;right:0;top:-2px;color:#bed49c;font-style:normal;font-size:10px}
body[data-modal=daily] #modal .daily-unlock{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin:13px 0 0!important;padding:9px;background:#9772b112;border-radius:7px;color:#b7a2c7!important;font:500 12px/1.3 var(--ui-font)!important}
.daily-unlock>span{color:#d3b4ed;font-size:15px}
.daily-unlock b{font-size:11px;color:#e5ccfc}
body[data-modal=daily] #modal .daily-unlock.unlocked{color:#b7cba7!important}
body[data-modal=daily] #modal .reward-next{font:400 12px/1.3 var(--ui-font)!important;color:#a894b4!important;margin:12px 0 1px!important}
.daily-reward .reward-next b{color:#c6b3d0;font-weight:600}
body[data-modal=daily] #modal .is-revealed .daily-status{color:#bdd5a6!important}
.daily-reward .reward-stage .opening{animation:daily-anticipation .16s ease-in-out infinite alternate}
@keyframes daily-anticipation{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-4px) rotate(2deg)}}
@media(max-width:620px){
 #daily-open{width:124px;min-height:51px;border-radius:10px;padding:3px 7px 3px 4px!important;gap:5px!important}
 #daily-open img{width:43px;height:43px}#daily-open b{font-size:9px!important}#daily-open small{font-size:8px!important;margin-top:3px}#daily-open[data-ready=true]::after{width:4px;height:4px;right:4px;top:4px}
 body[data-modal=daily] #modal{padding:16px;border-radius:14px}
 body[data-modal=daily] #modal #modal-title{font-size:23px}
 body[data-modal=daily] .reward-tabs{margin-bottom:12px}
 body[data-modal=daily] .reward-tabs button{font-size:12px;min-height:44px;padding:7px 3px}
 .daily-layout{grid-template-columns:1fr;gap:5px}
 .daily-hero{display:flex;flex-direction:column;align-items:center;padding:0}
 .daily-reward .reward-eyebrow{font-size:10px;padding:5px 10px}
 .daily-reward .reward-stage{width:100%;height:147px}
 .daily-reward .reward-stage>img{width:165px;height:150px}
 .daily-details{text-align:center}
 .daily-copy>small{display:none}
 .daily-copy h3{font-size:26px;margin:4px 0 6px}
 body[data-modal=daily] #modal .daily-copy p{font-size:13px!important;max-width:280px;margin:0 auto 12px!important}
 .daily-reward .reward-amount{gap:6px;margin-bottom:12px}
 .daily-reward .reward-amount>div{min-height:58px;grid-template-columns:20px auto}
 .daily-reward .reward-amount .ui-icon{width:20px;height:20px}
 .daily-reward .reward-amount b,.daily-reward .reward-amount strong{font-size:23px}
 .daily-reward .reward-primary{font-size:15px;min-height:48px}
 .daily-reward .reward-week{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .daily-reward .reward-week li{padding:9px 2px;min-height:70px}
 .daily-reward .reward-week li:last-child{grid-column:span 2}
 .daily-week-heading h4{font-size:13px}
}
@media(max-width:620px) and (max-height:700px){.daily-reward .reward-stage{height:112px}.daily-reward .reward-stage>img{height:116px;width:132px}.daily-copy h3{font-size:23px}.daily-reward .reward-eyebrow{font-size:9px}body[data-modal=daily] #modal .daily-copy p{font-size:12px!important;margin-bottom:8px!important}.daily-reward .reward-amount>div{min-height:52px}}
@media(max-height:480px) and (min-width:621px){.daily-layout{gap:18px;grid-template-columns:.8fr 1.2fr}.daily-reward .reward-stage{height:164px}.daily-reward .reward-stage>img{width:176px;height:164px}.daily-copy h3{font-size:26px}.daily-copy>small{display:none}body[data-modal=daily] #modal .daily-copy p{font-size:13px!important;margin-bottom:10px!important}.daily-reward .reward-amount{margin-bottom:10px}.daily-reward .reward-amount>div{min-height:54px}.daily-reward .reward-primary{min-height:46px}}
@media(prefers-reduced-motion:reduce){#daily-open img,.daily-reward .reward-stage .opening,.daily-reward .reward-stage .revealed{animation:none;transition:none}}

/* Haunted chest and the actual second-day legendary knife. */
body[data-modal=daily] #modal{width:min(1040px,94vw);background:radial-gradient(ellipse at 15% 20%,#44304d44,transparent 55%),linear-gradient(145deg,#25202e,#15131e);border-color:#8c6ca670}
body[data-modal=daily] #modal #modal-title{color:#e9e1f3}
.daily-showcase{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:stretch}
.daily-showcase>.daily-layout{gap:12px;padding:14px;border:1px solid #ac8fc32b;border-radius:13px;background:#1a172366}
.daily-showcase .daily-copy h3{font-size:27px}
.daily-showcase .reward-stage{height:223px}
.daily-showcase .reward-stage>img{width:270px;height:230px;max-width:115%;filter:drop-shadow(0 12px 12px #09080e99)}
.daily-showcase .reward-rays{background:radial-gradient(ellipse,#98e63a29,transparent 66%)}
.daily-showcase .reward-amount b,.daily-showcase .reward-amount strong{font-size:21px}
.daily-showcase .reward-amount>div{grid-template-columns:19px auto;gap:4px 3px}
.daily-showcase .reward-amount .ui-icon{width:19px;height:19px}
.daily-showcase .daily-xp{width:19px;height:19px;font-size:8px}
.daily-showcase .reward-primary{font-size:15px}
.daily-legend{position:relative;min-width:0;min-height:285px;border:1px solid #af8dd7a3;border-radius:13px;background:radial-gradient(ellipse at 85% 44%,#8654cd4f,transparent 65%),radial-gradient(ellipse at 62% 70%,#73a33f22,transparent 65%),linear-gradient(125deg,#28213b,#171627);overflow:hidden;text-align:left;isolation:isolate}
.daily-legend::before{content:'';position:absolute;inset:0;background:url('../assets/ui-halloween/bats.webp') 95% 0/180px no-repeat;opacity:.09;pointer-events:none}
.legend-copy{position:relative;z-index:1;padding:22px 20px 65px;pointer-events:none}
.legend-day{display:inline-block;font:700 10px/1.2 var(--ui-font);letter-spacing:.06em;color:#c7abd9}
body[data-modal=daily] #modal .legend-timing{font:800 20px/1.1 var(--ui-font)!important;color:#bcf279!important;letter-spacing:.025em;margin:13px 0 8px!important}
.legend-copy h3{font:900 35px/.98 var(--ui-font);letter-spacing:.015em;color:#fff1cf;margin:0 0 12px;text-shadow:0 2px #120c20}
.legend-rarity{font:700 9px var(--ui-font);letter-spacing:.06em;color:#e3b76f}
.legend-knife{position:absolute;z-index:0;top:33px;right:-80px;width:460px;height:265px;object-fit:contain;transform:rotate(-16deg);filter:drop-shadow(0 8px 9px #090713b3) drop-shadow(0 0 13px #b97be433);pointer-events:none}
body[data-modal=daily] #modal .legend-note{position:absolute;z-index:2;bottom:0;left:0;right:0;margin:0!important;padding:13px 18px;border-top:1px solid #ad8ccd33;background:#181423c9;font:500 12px/1.35 var(--ui-font)!important;color:#d2bedf!important}
.daily-legend[data-status=owned]{border-color:#809a6c88}
body[data-modal=daily] #modal .daily-legend[data-status=owned] .legend-timing{color:#bbd99e!important}
.daily-reward .reward-week .blade{border:1px solid #bb8cf1;background:radial-gradient(ellipse,#8f5acf33,transparent),#2b2039;box-shadow:inset 0 1px #d7b6f022;display:grid;grid-template-rows:auto 1fr auto auto auto}
.daily-reward .reward-week .blade>span{color:#dec4f5}
.daily-reward .week-knife{width:100%;height:44px;object-fit:contain;grid-row:2;filter:drop-shadow(0 3px 3px #10091e)}
.daily-reward .reward-week .blade>b{grid-row:3}.daily-reward .reward-week .blade>small{grid-row:4}.daily-reward .reward-week .blade>em{grid-row:5;font-size:8px;color:#e9d4ff}
.daily-showcase .daily-copy>small{display:none}
body[data-modal=daily] #modal .daily-showcase .daily-copy p{display:none}
.daily-showcase .daily-copy h3{margin-top:0;margin-bottom:13px}
.daily-reward .reward-week li{gap:4px;padding-top:8px;padding-bottom:8px}
.daily-reward .week-knife{height:34px}
#daily-open img{width:64px;height:56px}#daily-open:hover img{transform:translateY(-2px) rotate(-3deg)}
@media(max-width:850px) and (min-width:621px){.daily-showcase{grid-template-columns:1fr 1fr}.daily-showcase>.daily-layout{grid-template-columns:1fr}.daily-showcase .daily-hero{display:none}.legend-knife{right:-95px;width:300px}.legend-copy h3{font-size:30px}.legend-copy{padding-left:15px}.daily-showcase .daily-copy h3{font-size:25px}}
@media(max-width:620px){
 .daily-showcase{grid-template-columns:1fr;gap:12px}
 .daily-legend{order:-1;min-height:181px}
 .legend-copy{padding:16px 13px 50px;max-width:64%}
 .legend-day{font-size:8px;letter-spacing:.025em}
 body[data-modal=daily] #modal .legend-timing{font-size:14px!important;letter-spacing:0;margin:8px 0 6px!important}
 .legend-copy h3{font-size:25px;margin-bottom:5px}
 .legend-copy h3 br{display:block}
 .legend-rarity{font-size:7px;letter-spacing:0}
 .legend-knife{top:23px;right:-43px;width:240px;height:160px;transform:rotate(-17deg)}
 body[data-modal=daily] #modal .legend-note{padding:8px 12px;font-size:10px!important;line-height:1.3!important}
 .daily-showcase>.daily-layout{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:10px}
 .daily-showcase .daily-hero{align-self:center}
 .daily-showcase .reward-stage{height:105px;width:92px}
 .daily-showcase .reward-stage>img{width:112px;max-width:125%;height:105px}
 .daily-showcase .daily-details{text-align:left}
 .daily-showcase .daily-copy h3{font-size:19px;margin:0 0 8px}
 body[data-modal=daily] #modal .daily-showcase .daily-copy p{display:none}
 .daily-showcase .reward-amount{gap:3px;margin-bottom:9px}
 .daily-showcase .reward-amount>div{display:flex;flex-direction:column;gap:3px;padding:5px 1px;min-height:51px}
 .daily-showcase .reward-amount small{display:none}
 .daily-showcase .reward-amount b,.daily-showcase .reward-amount strong{font-size:17px}
 .daily-showcase .reward-amount .ui-icon,.daily-showcase .daily-xp{width:17px;height:17px}
 .daily-showcase .reward-primary{font-size:12px;min-height:44px}
 body[data-modal=daily] #modal .daily-showcase .daily-status{font-size:9px!important;margin-top:7px!important;min-height:0}
 .daily-reward .week-knife{height:35px}
 #daily-open img{width:44px;height:43px}
}
@media(max-height:480px) and (min-width:621px){.daily-showcase{grid-template-columns:1.2fr 1fr}.daily-showcase>.daily-layout{grid-template-columns:1fr}.daily-showcase .daily-hero{display:none}.daily-legend{min-height:218px}.legend-copy{padding-top:15px}.legend-knife{top:15px;height:170px;width:270px;right:-70px}.legend-copy h3{font-size:26px}body[data-modal=daily] #modal .legend-timing{font-size:16px!important;margin-block:8px!important}}

/* Once the Galaxy Blade is owned there is no promotion: the chest takes the whole row. */
.daily-showcase.solo{grid-template-columns:1fr!important}
.daily-showcase.solo .daily-layout{max-width:640px;width:100%;margin:0 auto}