/* A calm Library Magic welcome, shown only after the account confirms its gift. */
html #novaWelcomeRewardDialog.welcome-reward-dialog{
 position:relative;
 box-sizing:border-box;
 width:min(430px,calc(100vw - 24px));
 max-width:calc(100vw - 24px);
 max-height:calc(100vh - 28px);
 max-height:calc(100dvh - 28px);
 margin:auto;
 padding:0;
 overflow-x:hidden;
 overflow-y:auto;
 overscroll-behavior:contain;
 border:1px solid #b494cd73;
 border-radius:24px;
 background:linear-gradient(145deg,#1d1a35,#14152a)!important;
 color:#f6f1ff;
 color-scheme:dark;
 font-family:var(--sans,'DM Sans',Arial,sans-serif);
 text-align:center;
 box-shadow:0 25px 90px #09081475;
 scrollbar-width:thin;
 scrollbar-color:#846997 #17162e;
}
html #novaWelcomeRewardDialog.welcome-reward-dialog[open]{animation:nova-welcome-reward-in .22s ease-out;}
html #novaWelcomeRewardDialog.welcome-reward-dialog::backdrop{background:#090b1dbd;backdrop-filter:blur(6px);}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-close{
 position:absolute;
 z-index:3;
 top:10px;
 right:10px;
 display:grid;
 place-items:center;
 width:44px;
 height:44px;
 min-width:44px;
 min-height:44px;
 margin:0;
 padding:0;
 border:1px solid #c0a5d64d;
 border-radius:50%;
 background:#151329c2;
 color:#f0e5fc;
 font:400 26px/1 var(--sans,'DM Sans',Arial,sans-serif);
 cursor:pointer;
}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-close:hover{background:#29203de6;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-art{
 position:relative;
 isolation:isolate;
 width:100%;
 aspect-ratio:12/5;
 max-height:178px;
 overflow:hidden;
 background:#141329;
}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-art::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 62%,#19172f);pointer-events:none;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-content{min-width:0;padding:3px 26px 26px;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-eyebrow{display:block;margin:0 0 8px;color:#d4b9e7;font-size:9px;font-weight:650;line-height:1.5;letter-spacing:.12em;}
html #novaWelcomeRewardDialog.welcome-reward-dialog h2{margin:0 0 13px;color:#f7f1ff;font:750 31px/1.16 var(--sans,'DM Sans',Arial,sans-serif);letter-spacing:-.035em;text-wrap:balance;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-copy{max-width:340px;margin:0 auto;color:#d0c4df;font-size:13px;line-height:1.65;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-credit{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 min-width:0;
 margin:18px 0;
 padding:11px 12px;
 border:1px solid #d2ae674d;
 border-radius:13px;
 background:linear-gradient(115deg,#ba8c3514,#a071bd0c);
 color:#f1d7a5;
 font-size:12px;
 line-height:1.5;
}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-credit>span:not(.welcome-reward-coin){min-width:0;}
/* This is the existing span-based coin, explicitly sized for its small receipt. */
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-coin.vault-coin{
 position:static;
 display:inline-grid;
 place-items:center;
 flex:0 0 26px;
 width:26px;
 height:26px;
 min-width:26px;
 min-height:26px;
 max-width:26px;
 max-height:26px;
 margin:0;
 padding:0;
 border:1px solid #f6d68a;
 border-radius:50%;
 outline:0;
 background:linear-gradient(135deg,#ffe8a0,#dbab52);
 color:#98601e;
 font-size:14px;
 font-weight:750;
 line-height:1;
 box-shadow:inset 0 0 0 2px #a96d2c26;
 transform:none;
 filter:none;
}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-coin.vault-coin::before,
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-coin.vault-coin::after{display:none;content:none;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions button{
 display:flex;
 align-items:center;
 justify-content:center;
 min-width:0;
 min-height:46px;
 margin:0;
 padding:11px 14px;
 border:1px solid transparent;
 border-radius:999px;
 font:650 13px/1.4 var(--sans,'DM Sans',Arial,sans-serif);
 white-space:normal;
 cursor:pointer;
 transition:background .16s,filter .16s;
}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions .welcome-reward-primary{border-color:#c6a4f562;background:linear-gradient(115deg,#8e4bd8,#7445c9);color:#fff;box-shadow:inset 0 1px 0 #e8cfff1c;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions .welcome-reward-primary:hover{filter:brightness(1.06);}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions .welcome-reward-secondary{border-color:#b491d855;background:#a27dc015;color:#e6d7fa;box-shadow:none;}
html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions .welcome-reward-secondary:hover{background:#ab83d425;}
html #novaWelcomeRewardDialog.welcome-reward-dialog button:focus-visible{outline:3px solid #dfbdff!important;outline-offset:3px;}
@keyframes nova-welcome-reward-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){
 html #novaWelcomeRewardDialog.welcome-reward-dialog{border-radius:21px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-content{padding:3px 18px 20px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog h2{font-size:27px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-eyebrow{font-size:8px;letter-spacing:.1em;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions{gap:8px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions button{padding:10px;font-size:12px;}
}
@media(max-height:550px){
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-art{height:96px;aspect-ratio:auto;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-content{padding-top:0;padding-bottom:18px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-eyebrow{margin-bottom:6px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog h2{margin-bottom:10px;font-size:27px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-copy{font-size:12px;line-height:1.55;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-credit{margin:14px 0;padding:9px 11px;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions button{min-height:44px;padding-top:10px;padding-bottom:10px;}
}
@media(prefers-reduced-motion:reduce){
 html #novaWelcomeRewardDialog.welcome-reward-dialog[open]{animation:none;}
 html #novaWelcomeRewardDialog.welcome-reward-dialog .welcome-reward-actions button{transition:none;}
}

/* Temporary shop filter reached from the welcome gift. */
html #dashRewards .welcome-outfits-filter{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 box-sizing:border-box;
 min-width:0;
 margin:0 0 22px;
 padding:17px 19px;
 border:1px solid #8f75b66b;
 border-left:3px solid #dab575;
 border-radius:16px;
 background:linear-gradient(115deg,#262039,#1b1c33);
 color:#f4ecff;
 scroll-margin-top:24px;
}
html #dashRewards .welcome-outfits-filter>div{min-width:0;}
html #dashRewards .welcome-outfits-filter strong{display:block;font-size:15px;font-weight:700;line-height:1.4;color:#f4ecff;}
html #dashRewards .welcome-outfits-filter p{margin:5px 0 0;font-size:12px;line-height:1.6;color:#d1c3e3;}
html #dashRewards .welcome-outfits-filter button{
 flex:none;
 min-height:44px;
 max-width:100%;
 margin:0;
 padding:11px 16px;
 border:1px solid #bd96e475;
 border-radius:999px;
 background:#af83d41c;
 color:#f0e0ff;
 font:650 12px/1.4 var(--sans,'DM Sans',Arial,sans-serif);
 white-space:normal;
 cursor:pointer;
}
html #dashRewards .welcome-outfits-filter button:hover{background:#af83d432;}
html #dashRewards .welcome-outfits-filter:focus-visible,
html #dashRewards .welcome-outfits-filter button:focus-visible{outline:3px solid #cc9eff!important;outline-offset:3px;}
@media(max-width:600px){
 html #dashRewards .welcome-outfits-filter{align-items:flex-start;flex-direction:column;gap:12px;padding:15px;}
 html #dashRewards .welcome-outfits-filter strong{font-size:14px;}
}